.demo-stage{--forest:#18352c;--moss:#557a64;--paper:#f3f0e7;--paper-deep:#e8e1d1;--orange:#d86c3d;--coal:#202721;--muted:#6f786f;--line:rgba(32,39,33,0.14);position:relative;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(470px,1.08fr);min-height:100vh;overflow:hidden;background:var(--paper);color:var(--coal);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}.demo-noise{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.demo-brief{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;padding:clamp(32px,5vw,72px) clamp(32px,6vw,90px)}.demo-brief:after{position:absolute;right:-38px;bottom:11%;width:104px;height:104px;border:1px solid rgba(216,108,61,.38);border-radius:50%;content:""}.demo-brand{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;font-family:Songti SC,STSong,serif;font-size:19px;font-weight:700;letter-spacing:.06em}.demo-brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50% 50% 50% 9px;background:var(--forest);color:var(--paper);transform:rotate(-8deg)}.demo-brand-mark svg{transform:rotate(8deg)}.demo-version{margin-left:8px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:Avenir Next,PingFang SC,sans-serif;font-size:10px;font-weight:600;letter-spacing:.08em}.demo-brief-copy{margin-top:clamp(62px,11vh,118px)}.demo-kicker{margin:0 0 18px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.2em}.demo-brief h1{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(42px,5vw,68px);font-weight:700;letter-spacing:-.045em;line-height:1.2}.demo-lead{max-width:560px;margin:28px 0 0;color:#667169;font-size:14px;line-height:1.9}.demo-role-switch{display:flex;align-items:center;justify-content:space-between;max-width:480px;margin-top:34px;padding:7px 7px 7px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.42);color:var(--muted);font-size:12px}.demo-role-switch>div{display:flex;gap:4px;padding:3px;border-radius:10px;background:rgba(24,53,44,.07)}.demo-role-switch button{border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;padding:8px 14px}.demo-role-switch button.is-active{background:var(--forest);color:white;box-shadow:0 5px 14px rgba(24,53,44,.16)}.demo-flow{display:grid;max-width:540px;margin:auto 0 0;padding:0;list-style:none}.demo-flow li{border-top:1px solid var(--line)}.demo-flow li:last-child{border-bottom:1px solid var(--line)}.demo-flow button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;width:100%;gap:12px;padding:12px 4px;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.demo-flow button>span:first-child{color:var(--orange);font-family:DIN Alternate,monospace;font-size:11px}.demo-flow button>span:nth-child(2){display:flex;align-items:baseline;gap:12px}.demo-flow strong{color:var(--coal);font-family:Songti SC,STSong,serif;font-size:15px}.demo-flow small{font-size:11px}.demo-flow svg{opacity:0;transform:translateX(-8px);transition:.18s ease}.demo-flow button:hover svg,.demo-flow li.is-current svg{opacity:1;transform:translateX(0)}.demo-flow li.is-current button{padding-left:10px;background:rgba(255,255,255,.35)}.demo-hint{display:flex;align-items:center;gap:7px;margin:18px 0 0;color:#7d867f;font-size:10px}.demo-hint svg{color:var(--orange)}.phone-area{position:relative;z-index:1;display:grid;place-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 73% 19%,rgba(216,108,61,.18),transparent 27%),radial-gradient(circle at 25% 82%,rgba(85,122,100,.42),transparent 28%),var(--forest)}.phone-area:before{position:absolute;inset:8% 8%;border:1px solid rgba(243,240,231,.12);border-radius:50%;content:"";transform:rotate(-18deg)}.phone-orbit{position:absolute;border:1px solid rgba(243,240,231,.13);border-radius:50%}.orbit-one{width:520px;height:330px;transform:rotate(24deg)}.orbit-two{width:660px;height:430px;transform:rotate(-36deg)}.phone-shell{position:relative;z-index:2;width:min(390px,calc(100vw - 40px));height:min(844px,calc(100vh - 64px));min-height:690px;padding:9px;border:1px solid rgba(255,255,255,.33);border-radius:48px;background:#111713;box-shadow:0 42px 90px rgba(3,12,8,.44),inset 0 0 0 1px rgba(255,255,255,.06)}.phone-speaker{position:absolute;z-index:12;top:17px;left:50%;width:98px;height:25px;border-radius:20px;background:#111713;transform:translateX(-50%)}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:39px;background:#f7f4ec}.phone-status{position:absolute;z-index:10;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 24px;color:var(--coal);font-family:DIN Alternate,monospace;font-size:11px;font-weight:700;pointer-events:none}.status-icons{display:flex;align-items:flex-end;gap:3px}.status-icons span{display:block;width:4px;border-radius:2px;background:currentColor}.status-icons span:first-child{height:7px}.status-icons span:nth-child(2){height:10px}.status-icons span:nth-child(3){width:14px;height:7px;border-radius:3px}.phone-content{height:100%;overflow:hidden auto;scrollbar-width:none;animation:screen-enter .32s cubic-bezier(.2,.75,.3,1) both}.phone-content::-webkit-scrollbar{display:none}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen-view{min-height:100%;padding:54px 18px 96px}.phone-nav button,.screen-view button{font-family:inherit}.screen-header{display:flex;align-items:center;justify-content:space-between}.screen-header>span{font-family:Songti SC,STSong,serif;font-size:16px;font-weight:700}.home-header>div p{margin:0 0 2px;color:var(--muted);font-size:10px;letter-spacing:.08em}.home-header h2{margin:0;font-family:Songti SC,STSong,serif;font-size:23px;letter-spacing:-.03em}.icon-button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:rgba(24,53,44,.07);color:var(--forest);cursor:pointer}.notification-button{position:relative}.notification-button>span{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1.5px solid var(--paper);border-radius:50%;background:var(--orange)}.today-note{position:relative;margin:26px 0 25px;padding:0 12px 0 18px;border-left:2px solid var(--orange)}.today-note p{margin:0;font-family:Songti SC,STSong,serif;font-size:16px;font-weight:700;line-height:1.65}.note-index{display:block;margin-bottom:5px;color:var(--orange);font-family:DIN Alternate,monospace;font-size:9px;font-weight:700;letter-spacing:.16em}.brush-line{position:absolute;right:10px;bottom:-4px;width:64px;height:5px;border-bottom:2px solid rgba(216,108,61,.35);border-radius:50%;transform:rotate(-4deg)}.section-block{margin-top:22px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-heading span{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.14em}.section-heading h3{margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:16px}.section-heading button{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:var(--moss);cursor:pointer;font-size:10px}.event-ticket{position:relative;display:grid;grid-template-columns:58px 1fr 35px;width:calc(100% + 10px);margin-left:-5px;overflow:hidden;padding:0;border:0;border-radius:4px 16px 16px 4px;background:var(--forest);color:white;cursor:pointer;text-align:left;box-shadow:0 17px 32px rgba(24,53,44,.18)}.event-ticket:after,.event-ticket:before{position:absolute;z-index:2;right:27px;width:14px;height:14px;border-radius:50%;background:#f7f4ec;content:""}.event-ticket:before{top:-7px}.event-ticket:after{bottom:-7px}.ticket-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06)}.ticket-date strong{font-family:DIN Alternate,monospace;font-size:28px;line-height:1}.ticket-date small{margin-top:4px;color:rgba(255,255,255,.55);font-size:8px;letter-spacing:.13em}.ticket-main{display:flex;flex-direction:column;padding:16px 12px}.ticket-main .ticket-tag{align-self:flex-start;margin-bottom:8px;padding:3px 6px;border-radius:20px;background:var(--orange);color:white;font-size:8px;letter-spacing:.06em}.ticket-main>strong{margin-bottom:8px;font-family:Songti SC,STSong,serif;font-size:16px}.ticket-main>small{display:flex;align-items:center;gap:5px;margin-top:4px;color:rgba(255,255,255,.68);font-size:9px}.ticket-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-left:1px dashed rgba(255,255,255,.22);color:rgba(255,255,255,.74)}.checkin-ribbon{display:grid;grid-template-columns:38px 1fr auto;align-items:center;width:100%;gap:10px;margin-top:19px;padding:12px;border:1px solid rgba(216,108,61,.18);border-radius:13px;background:#fff7ed;color:var(--coal);cursor:pointer;text-align:left}.checkin-ribbon-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:12px 12px 12px 3px;background:var(--orange);color:white}.checkin-ribbon>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.checkin-ribbon small{color:#9a715e;font-size:8px}.checkin-ribbon strong{margin-top:3px;font-family:Songti SC,STSong,serif;font-size:13px}.checkin-ribbon .streak{display:flex;flex-direction:column;align-items:center;padding-left:10px;border-left:1px solid rgba(216,108,61,.2)}.checkin-ribbon .streak strong{color:var(--orange);font-family:DIN Alternate,monospace;font-size:19px}.checkin-ribbon .streak small{font-size:8px}.community-preview{margin-top:23px}.community-row{display:grid;grid-template-columns:41px 1fr auto;align-items:center;width:100%;gap:11px;padding:11px 2px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--coal);cursor:pointer;text-align:left}.community-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.community-row strong{font-family:Songti SC,STSong,serif;font-size:13px}.community-row small{margin-top:3px;color:var(--muted);font-size:9px}.community-row svg{color:#95a097}.community-seal{display:grid;width:39px;height:39px;place-items:center;border-radius:50% 50% 50% 10px;color:white;font-family:Songti SC,STSong,serif;font-size:11px;transform:rotate(-5deg)}.seal-green{background:var(--moss)}.seal-orange{background:#bd704d}.overlay-header{position:absolute;z-index:3;top:49px;left:18px;right:18px;color:white}.glass{background:rgba(255,255,255,.76);color:var(--forest);backdrop-filter:blur(10px)}.dark-glass{background:rgba(23,29,24,.32);color:white}.community-view{padding:0 0 94px}.community-cover{position:relative;height:238px;overflow:hidden;background:#b9c7b5}.community-cover:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,34,28,.16),transparent 45%,rgba(15,34,28,.13));content:""}.cover-sun{top:74px;right:40px;width:62px;height:62px;background:#d77a51;opacity:.9}.cover-hill,.cover-sun{position:absolute;border-radius:50%}.cover-hill{bottom:-110px;background:var(--forest)}.hill-one{left:-70px;width:330px;height:260px;transform:rotate(12deg)}.hill-two{right:-100px;width:310px;height:210px;background:#718c75;transform:rotate(-8deg)}.cover-word{position:absolute;z-index:1;bottom:31px;left:28px;color:rgba(243,240,231,.88);font-family:Songti SC,STSong,serif;font-size:38px;font-weight:700;letter-spacing:.12em}.community-intro{position:relative;z-index:2;margin:-18px 14px 0;padding:20px 18px 17px;border-radius:18px 18px 6px 6px;background:#f8f6ef;box-shadow:0 18px 36px rgba(24,53,44,.11)}.community-title-line{display:flex;align-items:center;justify-content:space-between}.community-title-line span:first-child{color:var(--orange);font-size:8px;font-weight:700;letter-spacing:.14em}.community-title-line h2{margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:22px}.role-stamp{padding:7px 8px;border:1px solid rgba(216,108,61,.45);border-radius:50%;color:var(--orange);font-size:9px;transform:rotate(7deg)}.community-intro>p,.role-stamp{font-family:Songti SC,STSong,serif}.community-intro>p{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.community-stats{display:flex;align-items:center;gap:18px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.community-stats>span{display:flex;flex-direction:column}.community-stats strong{font-family:DIN Alternate,monospace;font-size:16px}.community-stats small{color:var(--muted);font-size:8px}.mini-avatars{display:flex;margin-left:auto}.mini-avatars i{display:grid;width:25px;height:25px;place-items:center;margin-left:-6px;border:2px solid #f8f6ef;border-radius:50%;background:#d9c7aa;color:#594f40;font-size:8px;font-style:normal}.mini-avatars i:nth-child(2){background:#afc1b2}.mini-avatars i:nth-child(3){background:#d49a7e}.host-console,.mini-avatars i:nth-child(4){background:var(--forest);color:white}.host-console{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin:12px 14px 0;padding:12px;border-radius:12px}.host-console div{display:flex;flex-direction:column}.host-console div span{color:rgba(255,255,255,.62);font-size:8px}.host-console div strong{margin-top:3px;font-family:Songti SC,STSong,serif;font-size:11px}.host-console button{padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(255,255,255,.08);color:white;cursor:pointer;font-size:8px}.announcement-card{margin:14px 14px 0;padding:13px 14px;border-left:3px solid var(--orange);background:#eee8dc}.announcement-card>span{color:var(--orange);font-size:8px;font-weight:700}.announcement-card p{margin:6px 0;font-family:Songti SC,STSong,serif;font-size:11px;line-height:1.65}.announcement-card small{color:var(--muted);font-size:8px}.community-events{padding:0 16px}.compact-event{display:grid;grid-template-columns:44px 1fr auto;align-items:center;width:100%;gap:10px;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--coal);cursor:pointer;text-align:left}.compact-event>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.compact-event>span:nth-child(2) strong{font-family:Songti SC,STSong,serif;font-size:12px}.compact-event>span:nth-child(2) small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.compact-date{display:flex;flex-direction:column;align-items:center;padding:5px;border-radius:9px;background:var(--forest);color:white}.compact-date strong{font-family:DIN Alternate,monospace;font-size:18px;line-height:1}.compact-date small{margin-top:2px;font-size:7px}.muted-event{opacity:.62}.activity-view{padding:0 0 130px;background:#f7f4ec}.activity-art{position:relative;height:286px;overflow:hidden;background:#af684a;color:white}.activity-art:before{position:absolute;top:-65px;right:-70px;width:245px;height:245px;border:34px solid rgba(243,240,231,.16);border-radius:50%;content:""}.activity-art:after{position:absolute;left:-36px;bottom:-74px;width:250px;height:145px;border-radius:50% 50% 0 0;background:var(--forest);content:"";transform:rotate(13deg)}.activity-art-copy{position:absolute;z-index:2;top:106px;left:29px;display:flex;flex-direction:column}.activity-art-copy span{font-size:8px;font-weight:700;letter-spacing:.16em}.activity-art-copy strong{margin-top:12px;font-family:Songti SC,STSong,serif;font-size:29px;line-height:1.35}.activity-art-copy small{margin-top:9px;color:rgba(255,255,255,.68);font-family:Songti SC,STSong,serif;font-size:10px;letter-spacing:.2em}.art-circle{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.26);border-radius:50%}.circle-a{right:45px;bottom:24px;width:78px;height:78px}.circle-b{right:23px;bottom:47px;width:122px;height:122px}.activity-sheet{position:relative;z-index:2;margin-top:-18px;padding:21px 20px 20px;border-radius:22px 22px 0 0;background:#f7f4ec}.activity-tags{display:flex;gap:7px}.activity-tags span{padding:4px 7px;border-radius:20px;background:#e8ede6;color:var(--moss);font-size:8px;font-weight:700}.activity-tags span:first-child{background:#fff0e8;color:var(--orange)}.activity-sheet>h2{margin:12px 0 0;font-family:Songti SC,STSong,serif;font-size:23px}.activity-summary{margin:8px 0 0;color:var(--muted);font-family:Songti SC,STSong,serif;font-size:11px;line-height:1.7}.activity-facts{margin-top:17px;padding:4px 0;border-block:1px solid var(--line)}.activity-facts>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:10px 0}.activity-facts>div+div{border-top:1px dashed var(--line)}.activity-facts>div>span{display:grid;width:32px;height:32px;place-items:center;border-radius:11px;background:#e6ebe4;color:var(--forest)}.activity-facts p{display:flex;flex-direction:column;margin:0}.activity-facts strong{font-family:Songti SC,STSong,serif;font-size:11px}.activity-facts small{margin-top:3px;color:var(--muted);font-size:8px}.attendee-line{display:flex;align-items:center;margin-top:15px;padding:12px;border-radius:12px;background:white}.attendee-line .mini-avatars{margin:0 10px 0 4px}.attendee-line .mini-avatars i{border-color:white}.attendee-line p{display:flex;flex:1;flex-direction:column;margin:0}.attendee-line p strong{font-size:9px}.attendee-line p small{margin-top:2px;color:var(--orange);font-size:8px}.attendee-line button{display:grid;width:29px;height:29px;place-items:center;border:0;border-radius:50%;background:#edf1eb;color:var(--forest);cursor:pointer}.host-note{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:12px}.avatar-lex{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--forest);color:white;font-family:Songti SC,STSong,serif}.host-note p{display:flex;flex-direction:column;margin:0}.host-note p small{color:var(--muted);font-size:8px}.host-note p strong{margin-top:3px;font-family:Songti SC,STSong,serif;font-size:9px}.host-note svg{color:var(--moss)}.sticky-action{position:absolute;z-index:8;right:0;bottom:59px;left:0;display:flex;align-items:center;justify-content:space-between;padding:10px 17px;border-top:1px solid var(--line);background:rgba(247,244,236,.93);backdrop-filter:blur(12px)}.sticky-action>div{display:flex;flex-direction:column}.sticky-action small{color:var(--muted);font-size:8px}.sticky-action strong{margin-top:2px;color:var(--orange);font-family:DIN Alternate,monospace;font-size:18px}.sticky-action button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:12px 12px 12px 4px;background:var(--orange);color:white;cursor:pointer;font-size:11px;font-weight:700;box-shadow:0 10px 20px rgba(216,108,61,.2)}.sticky-action button.registered{background:var(--forest)}.checkin-view{padding:52px 17px 96px}.checkin-header{margin-bottom:19px}.checkin-header .icon-button{background:transparent}.checkin-hero{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;overflow:hidden;padding:16px;border-radius:18px 18px 18px 5px;background:var(--forest);color:white}.checkin-hero:after{position:absolute;right:-30px;bottom:-62px;width:150px;height:130px;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:""}.checkin-round{display:grid;width:40px;height:40px;place-items:center;border-radius:14px 14px 14px 3px;background:rgba(255,255,255,.12)}.checkin-hero>div:nth-child(2){display:flex;flex-direction:column}.checkin-hero>div:nth-child(2) span{color:#becdc2;font-size:8px}.checkin-hero h2{margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:15px}.checkin-hero p{margin:4px 0 0;color:rgba(255,255,255,.58);font-size:8px}.progress-ring{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;border-color:#eda984 #eda984 rgba(255,255,255,.14) rgba(255,255,255,.14);border-style:solid;border-width:3px;border-radius:50%}.progress-ring strong{font-family:DIN Alternate,monospace;font-size:16px}.progress-ring small{color:rgba(255,255,255,.55);font-size:7px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:13px;padding:9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.48)}.week-strip>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:42px;border-radius:9px;color:var(--muted)}.week-strip small{font-size:7px}.week-strip strong{margin-top:3px;font-family:DIN Alternate,monospace;font-size:12px}.week-strip svg{position:absolute;bottom:-2px;padding:1px;border-radius:50%;background:var(--moss);color:white}.week-strip .is-done{color:var(--moss)}.week-strip .is-today{background:var(--orange);color:white}.week-strip .is-today svg{background:var(--forest)}.prompt-paper{position:relative;overflow:hidden;margin-top:15px;padding:20px 18px 18px;border:1px solid #d7cfbd;background:#eee8d9}.prompt-paper:before{position:absolute;top:0;bottom:0;left:10px;border-left:1px dashed rgba(216,108,61,.35);content:""}.prompt-paper>span{color:var(--orange);font-family:DIN Alternate,monospace;font-size:8px;font-weight:700;letter-spacing:.15em}.prompt-paper h3{position:relative;z-index:1;margin:10px 0 7px;font-family:Songti SC,STSong,serif;font-size:18px;line-height:1.55}.prompt-paper p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:9px;line-height:1.6}.prompt-paper i{position:absolute;right:-6px;bottom:-30px;color:rgba(85,122,100,.1);font-family:DIN Alternate,monospace;font-size:90px;font-style:normal;font-weight:700}.checkin-editor{margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:white}.checkin-editor textarea{width:100%;min-height:104px;resize:none;padding:14px;border:0;outline:0;background:transparent;color:var(--coal);font-family:Songti SC,STSong,serif;font-size:12px;line-height:1.7}.checkin-editor textarea::-moz-placeholder{color:#a5aaa5}.checkin-editor textarea::placeholder{color:#a5aaa5}.editor-tools{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.editor-tools button{display:inline-flex;gap:5px;padding:0;background:transparent;color:var(--moss);font-size:9px}.editor-tools button,.submit-checkin{align-items:center;border:0;cursor:pointer}.submit-checkin{display:flex;justify-content:center;width:100%;gap:8px;margin-top:14px;padding:13px;border-radius:13px 13px 13px 4px;background:var(--orange);color:white;font-size:11px;font-weight:700}.submit-checkin.is-complete{background:var(--forest)}.success-note{display:grid;grid-template-columns:40px 1fr;gap:10px;margin-top:14px;padding:14px;border:1px solid rgba(85,122,100,.25);border-radius:13px;background:#edf1e9}.success-note>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--moss);color:white}.success-note>div{display:flex;flex-direction:column}.success-note strong{font-family:Songti SC,STSong,serif;font-size:12px}.success-note p{margin:5px 0 0;color:var(--muted);font-family:Songti SC,STSong,serif;font-size:10px;line-height:1.5}.success-note small{margin-top:5px;color:#8b958d;font-size:7px}.phone-nav{position:absolute;z-index:9;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:62px;padding:7px 14px 9px;border-top:1px solid rgba(32,39,33,.09);background:rgba(250,248,242,.94);backdrop-filter:blur(16px)}.phone-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#8e978f;cursor:pointer;font-size:8px}.phone-nav button.is-active{color:var(--forest)}.phone-nav button.is-active:before{position:absolute;top:-8px;width:22px;height:3px;border-radius:3px;background:var(--orange);content:""}.demo-toast{position:absolute;z-index:20;right:22px;bottom:76px;left:22px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:12px;background:rgba(24,53,44,.94);color:white;font-size:10px;box-shadow:0 12px 30px rgba(24,53,44,.25);animation:toast-in .24s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.phone-caption{position:absolute;right:24px;bottom:18px;left:24px;display:flex;justify-content:space-between;color:rgba(243,240,231,.42);font-size:9px;letter-spacing:.12em}@media (max-width:980px){.demo-stage{grid-template-columns:1fr}.demo-brief{min-height:auto;padding:28px 24px 34px}.demo-brief-copy{margin-top:46px}.demo-brief h1{font-size:clamp(38px,10vw,60px)}.demo-flow{margin-top:36px}.phone-area{min-height:940px}.phone-shell{height:844px}}@media (max-width:520px){.demo-stage{display:block;min-height:100dvh;background:#111713}.demo-brief{display:none}.phone-area{display:block;min-height:100dvh;background:#111713}.phone-area:before,.phone-caption,.phone-orbit{display:none}.phone-shell{width:100%;height:100dvh;min-height:640px;padding:0;border:0;box-shadow:none}.phone-screen,.phone-shell{border-radius:0}.phone-speaker{top:8px}}@media (prefers-reduced-motion:reduce){.demo-toast,.phone-content{animation:none}.demo-flow svg{transition:none}}