:root{--ui-bg:#f6f5f1;--ui-fg:#171a1c;--ui-muted:#6d7379;--ui-surface:#fff;--ui-soft:#eeefeb;--ui-line:#d9dedb;--ui-accent:#214dff;--ui-accent-soft:#e8edff;--ui-on-accent:#fff;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ui-bg);color:var(--ui-fg);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body[data-direction=theatre]{--ui-bg:#0b1018;--ui-fg:#f4f3ef;--ui-muted:#9da8b9;--ui-surface:#111a27;--ui-soft:#172334;--ui-line:#2d3745;--ui-accent:#4e73ff;--ui-accent-soft:#172849}body[data-direction=atlas]{--ui-bg:#0b1429;--ui-fg:#eef3ff;--ui-muted:#9aaecb;--ui-surface:#101d37;--ui-soft:#172848;--ui-line:#304364;--ui-accent:#7295ff;--ui-accent-soft:#1d345f;--ui-on-accent:#0d1931}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7897ff;outline-offset:4px}.button:active:not(:disabled){transform:scale(.98)}button{transition:transform 130ms var(--ease),background-color 130ms var(--ease)}button:focus:not(:focus-visible){outline:none}img,video{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3.2vw,56px);font-weight:550;letter-spacing:-.045em;line-height:1.22}h2{font-size:26px;font-weight:550;letter-spacing:-.025em;line-height:1.4}h3{font-size:18px;font-weight:550;line-height:1.5}p{line-height:1.8}#main-view:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--ui-muted)}.small{font-size:12px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.18em;font-weight:500;color:var(--ui-accent);margin-bottom:14px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.wide{width:100%}.button{border:1px solid transparent;border-radius:5px;min-height:44px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:13px;line-height:1.6;font-weight:500;text-align:center;background:none}.button.primary{background:var(--ui-accent);color:var(--ui-on-accent)}.button.secondary{background:transparent;border-color:var(--ui-line);color:var(--ui-fg)}.button.quiet{background:none;color:var(--ui-fg);border:0;padding-left:0;padding-right:0}.button.wide{justify-content:space-between}.text-button{border:0;background:none;color:inherit;padding:0;font:inherit;text-align:inherit}.text-button:hover{text-decoration:underline}.icon-button{width:40px;height:40px;background:none;border:1px solid var(--ui-line);border-radius:50%;font-size:22px;display:grid;place-items:center}.icon-button.is-saved{color:var(--ui-accent);border-color:var(--ui-accent)}.tag{display:inline-flex;align-items:center;border:1px solid var(--ui-line);padding:5px 9px;border-radius:3px;font-size:10px;line-height:1.4;letter-spacing:.03em}.panel{padding:28px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:8px 0 35px}.view-heading h1{margin-bottom:14px}.view-heading .muted{font-size:14px;margin:0}.view-heading .eyebrow{margin-bottom:16px}.breadcrumb{padding:0 0 26px;border:0;background:none;color:var(--ui-muted);font-size:12px}.grid{display:grid;gap:20px}.notice{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--ui-line);padding:23px 25px;margin-top:30px;border-radius:6px;font-size:13px}.notice p{margin:8px 0 0;color:var(--ui-muted);font-size:12px}.notice strong{font-weight:500}.form-note{font-size:11px;color:var(--ui-muted);line-height:1.8;margin-bottom:0}.field{display:grid;gap:9px;font-size:12px;line-height:1.6;color:var(--ui-fg)}input:not([type=checkbox]),textarea,select{width:100%;min-height:46px;border:1px solid var(--ui-line);background:var(--ui-bg);color:var(--ui-fg);padding:12px;border-radius:5px;font-size:16px;line-height:1.5}textarea{resize:vertical;min-height:90px}input[readonly]{color:var(--ui-muted)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--ui-accent);flex-shrink:0}.check-row{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.8}.inline-error{color:#c34141;font-size:12px;line-height:1.7;min-height:0}.inline-error:empty{display:none}
#prototype-bar{position:sticky;top:0;z-index:100;min-height:38px;display:flex;align-items:center;gap:15px;padding:5px 22px;background:#e9edee;color:#455057;border-bottom:1px solid #cbd3d7;font-size:10px;font-family:Arial,"PingFang SC",sans-serif}#prototype-bar .proto-back{font-weight:600;margin-right:6px;white-space:nowrap}#prototype-bar .proto-note{margin-right:auto;white-space:nowrap}#prototype-bar select{width:auto;min-height:26px;background:transparent;color:#455057;padding:3px 21px 3px 8px;font-size:10px;border-color:#c9d1d3;border-radius:3px}#prototype-bar button{border:0;background:transparent;font-size:10px;white-space:nowrap;padding:4px}.surge-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 50px);padding:35px;border-radius:12px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-fg);box-shadow:0 28px 90px #0005;overflow-y:auto}.surge-dialog::backdrop{background:#08101ac7;backdrop-filter:blur(8px)}.surge-dialog[open]{animation:dialog-in 180ms var(--ease)}.surge-dialog h2{font-size:30px;margin-bottom:14px}.surge-dialog>p.muted{font-size:13px;margin-bottom:24px}.dialog-close{position:absolute;top:13px;right:15px;width:32px;height:32px;border:0;background:none;font-size:24px;color:var(--ui-muted)}.dialog-foot{border-top:1px solid var(--ui-line);margin-top:25px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ui-muted)}#code-entry{display:grid;gap:12px}.dialog-foot button{color:var(--ui-accent)}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:500;background:var(--ui-fg);color:var(--ui-bg);border-radius:7px;box-shadow:0 8px 28px #0003;padding:14px 22px;font-size:12px;line-height:1.7;max-width:calc(100vw - 32px);width:max-content;transition:transform 180ms var(--ease),opacity 180ms var(--ease)}#toast.visible{opacity:1;transform:translate(-50%,0)}
.library-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.search-field{display:flex;align-items:center;gap:12px;width:min(100%,420px);border:1px solid var(--ui-line);border-radius:5px;padding:0 15px}.search-field input{border:0;background:none;padding:11px 0;outline-offset:0;font-size:14px}.search-field>span{font-size:24px;color:var(--ui-muted)}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{padding:11px 15px;border:0;border-radius:4px;background:transparent;color:var(--ui-muted);font-size:12px}.filter-tabs button[aria-pressed=true]{background:var(--ui-accent-soft);color:var(--ui-accent)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{min-width:0;border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:7px;overflow:hidden}.resource-image-button{padding:0;border:0;background:var(--ui-soft);display:block;width:100%;text-align:left}.resource-cover{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1)}.resource-body{padding:22px}.resource-body h2{font-size:21px;margin:22px 0 12px}.resource-body>p{font-size:12px;min-height:40px}.resource-body .row:last-child{border-top:1px solid var(--ui-line);padding-top:15px;margin-top:22px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:45px;align-items:start}.reader-content{font-size:15px;line-height:2;min-width:0;max-width:800px}.reader-content p{line-height:2.1;margin-bottom:25px}.article-meta{display:flex;gap:20px;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);font-size:11px;color:var(--ui-muted);padding:15px 0;margin-bottom:34px}.reader-content .article-lead{font-size:23px;line-height:1.6;margin-bottom:24px}.reader-content h2{font-size:21px;margin-top:36px}.reader-content blockquote{margin:40px 0;padding:26px 0 26px 28px;border-left:2px solid var(--ui-accent);font-size:clamp(26px,3vw,40px);line-height:1.6;letter-spacing:-.03em}.reader-content video{width:100%;background:#000;border:1px solid var(--ui-line);border-radius:5px;margin:24px 0 12px}.reader-aside{display:grid;gap:18px;position:sticky;top:72px}.reader-aside .panel{padding:22px}.reader-aside p{font-size:12px;line-height:1.9}.reader-aside h3{font-size:17px}.reader-complete{margin-top:40px;padding:28px 0;border-top:1px solid var(--ui-line)}.reader-complete p{font-size:12px;color:var(--ui-muted);margin-bottom:15px}.milestone-mark{font:80px/1.2 Georgia,serif;color:var(--ui-accent);margin:25px 0}.milestone-dialog>p{font-size:13px}.agent-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:25px;align-items:start}.agent-input textarea{margin:12px 0 22px}.agent-result{min-height:460px}.result-idea{border-left:2px solid var(--ui-accent);padding-left:17px;color:var(--ui-muted);font-size:13px}.output-list{padding-left:22px;margin:25px 0}.output-list li{padding-left:8px;margin-bottom:20px;font-size:13px}.output-list b{font-weight:500}.output-list p{color:var(--ui-muted);font-size:12px;margin:5px 0}.empty-state{padding:55px 18px;text-align:center;grid-column:1/-1}.empty-state h2{font-size:21px}.empty-state p{font-size:13px;color:var(--ui-muted)}.large-mark{font-size:70px;line-height:1.5;color:var(--ui-accent)}.busy-dot{display:inline-block;width:12px;height:12px;background:var(--ui-accent);border-radius:50%;margin:25px;animation:pulse 650ms var(--ease) infinite alternate}.membership-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ui-soft);padding:30px;border-radius:7px;margin-bottom:25px}.membership-strip h2{font-size:24px;margin-bottom:12px}.membership-strip p:last-child{font-size:12px;color:var(--ui-muted);margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border:1px solid var(--ui-line);padding:25px;background:var(--ui-surface);text-align:left;border-radius:7px}.service-card>span{font-size:10px;letter-spacing:.14em;color:var(--ui-muted)}.service-card h2{margin:25px 0 10px;font-size:25px}.service-card p{font-size:12px;color:var(--ui-muted)}.service-card b{display:block;font-size:11px;font-weight:400;margin-top:38px;color:var(--ui-accent)}.service-detail{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.service-detail .panel>p{font-size:13px}.status-steps{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ui-line);padding-bottom:23px;margin-bottom:30px}.status-steps span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ui-muted)}.status-steps i{font-style:normal;border:1px solid var(--ui-line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:10px}.status-steps .done{color:var(--ui-accent)}.status-steps .done i{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}.status-result{padding:25px 10px 35px}.status-result p{font-size:13px;color:var(--ui-muted)}.status-glyph{display:block;font-size:64px;color:var(--ui-accent);margin-bottom:22px}.community-symbol{display:block;font-size:55px;line-height:.7;letter-spacing:-.05em;color:var(--ui-accent);margin:15px 0 35px}.community-panel>p{font-size:14px;color:var(--ui-muted);margin-bottom:25px}.account-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:24px}.avatar-letter{width:64px;height:64px;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent);display:grid;place-items:center;font-size:26px;margin-bottom:25px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--ui-line);font-size:12px}.gate-panel{max-width:670px}.gate-panel h2{font-size:36px}.gate-panel h2 small{font-size:16px;font-weight:400}.gate-panel .text-button{margin-top:22px;font-size:13px}.gate-panel .stack{max-width:480px}.share-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:40px;align-items:start}.share-preview{background:var(--ui-soft);padding:30px;display:grid;justify-items:center;gap:15px;border-radius:7px}.share-preview>p{margin:0;text-align:center}.share-poster{display:block;width:min(100%,355px);height:auto;aspect-ratio:3/4;box-shadow:0 20px 45px #0003}.share-controls{display:grid;gap:19px}.share-controls>h2,.share-controls>.eyebrow{margin:0}.share-controls fieldset{border:0;margin:0;padding:0}.share-controls legend{font-size:12px;margin-bottom:10px}.share-kind{display:flex;gap:6px}.share-kind button{flex:1;font-size:11px;padding:11px 8px;border:1px solid var(--ui-line);background:transparent;border-radius:4px}.share-kind button[aria-pressed=true]{color:var(--ui-accent);background:var(--ui-accent-soft);border-color:var(--ui-accent)}.share-actions{display:grid;gap:10px;margin-top:4px}.friend-view{max-width:1160px;margin:auto;padding:35px}.friend-view header{display:flex;justify-content:space-between;align-items:center}.friend-view header>a{font-weight:900;font-size:28px;letter-spacing:-.06em}.friend-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin:65px 0}.friend-body h1{font-size:70px;margin-bottom:35px}.friend-body .share-poster{justify-self:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.04em}.stat>span{font-size:12px;color:var(--ui-muted)}.event-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ui-line);padding:20px 0}.event-row p{font-size:12px;color:var(--ui-muted);margin:7px 0 0}.event-row time{font-size:11px;color:var(--ui-muted);white-space:nowrap}.progress-track{height:3px;background:var(--ui-line);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--ui-accent)}
.entrance{position:fixed;inset:38px 0 0;background:#090f1a;z-index:350;display:grid;place-items:center;color:#fff;overflow:hidden;animation:entrance-away 400ms var(--ease) 1500ms both}.entrance-copy{position:relative;z-index:2;text-align:center;animation:entrance-copy 600ms var(--ease) both}.entrance-copy>span{font-size:10px;letter-spacing:.3em;color:#a9b9d7}.entrance-copy h2{font-size:clamp(32px,6vw,82px);font-weight:450;letter-spacing:-.04em;margin:36px 15px 25px}.entrance-copy p{font-size:13px;color:#8fa6d1}.entrance-panels{position:absolute;inset:0;display:flex}.entrance-panels i{flex:1;background:linear-gradient(180deg,#314b92,#0b101e);border-left:1px solid #ffffff08;animation:panel-lift 1000ms var(--ease) calc(var(--i)*55ms) both}.entrance-skip{position:absolute;right:30px;bottom:30px;background:none;color:white;padding:12px 18px;border:1px solid #ffffff55;border-radius:4px;font-size:12px;z-index:4}.entrance-studio{background:#eeeee8;color:#1a1d22}.entrance-studio .entrance-panels i{background:#214dff}.entrance-studio .entrance-copy p,.entrance-studio .entrance-copy span{color:#485c93}.entrance-studio .entrance-skip{color:#1a1d22;border-color:#99a4b4}.entrance-atlas .entrance-panels{display:grid;place-items:center}.entrance-atlas .entrance-panels i{position:absolute;width:calc(140px + var(--i)*110px);height:calc(140px + var(--i)*110px);border:1px solid #7590d366;border-radius:50%;background:none;animation:orbit-open 1000ms var(--ease) calc(var(--i)*45ms) both}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{from{opacity:.25;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes panel-lift{from{transform:translateY(0)}to{transform:translateY(-105%)}}@keyframes entrance-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes entrance-away{to{opacity:0;pointer-events:none}}@keyframes orbit-open{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.reader-layout{gap:25px;grid-template-columns:minmax(0,1fr) 240px}.resource-grid{gap:13px}.resource-body{padding:17px}.resource-body h2{font-size:18px}.service-grid{gap:12px}.service-card{padding:20px}.service-card h2{font-size:21px}.share-layout{gap:23px}.share-preview{padding:20px}.service-detail{grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:760px){#prototype-bar{gap:7px;padding:6px 10px;flex-wrap:wrap;min-height:38px}#prototype-bar .proto-note{display:none}#prototype-bar .proto-back{margin-right:auto;font-size:9px}#prototype-bar select{font-size:10px;max-width:120px}#prototype-bar button{font-size:9px}.view-heading{display:block;margin:8px 0 26px}.view-heading h1{font-size:32px}.view-heading>.button{margin-top:17px}.panel{padding:22px}.library-controls{display:block}.search-field{width:100%;margin-bottom:15px}.filter-tabs{gap:2px}.filter-tabs button{flex:1;padding:10px}.resource-grid{grid-template-columns:1fr}.resource-cover{aspect-ratio:16/9}.resource-body h2{font-size:22px}.resource-body>p{min-height:0}.reader-layout,.agent-layout,.service-detail,.account-grid,.share-layout{grid-template-columns:1fr;gap:24px}.reader-aside{position:static;grid-template-columns:1fr}.reader-content{font-size:15px}.article-meta{flex-wrap:wrap;font-size:10px;gap:10px}.reader-content .article-lead{font-size:22px}.reader-content blockquote{font-size:32px;padding-left:20px}.reader-content h2{font-size:21px}.membership-strip{display:block;padding:24px}.membership-strip .button{margin-top:22px}.membership-strip h2{font-size:22px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}.service-card b{margin-top:24px}.status-steps{gap:5px}.status-steps span{font-size:10px;flex-direction:column;gap:8px}.surge-dialog{padding:30px 23px}.surge-dialog h2{font-size:29px}.dialog-foot{display:block;line-height:2}.dialog-foot button{margin-left:8px}.share-preview{padding:23px}.share-poster{width:min(100%,300px)}.share-controls{gap:20px}.friend-view{padding:25px 20px}.friend-body{grid-template-columns:1fr;gap:40px;margin-top:45px}.friend-body h1{font-size:46px}.friend-body .share-poster{width:100%;max-width:340px}.stat-grid{grid-template-columns:repeat(2,1fr)}.event-row{gap:12px}.event-row time{font-size:10px}.notice{padding:20px;align-items:flex-start}.notice .tag{flex-shrink:0}.entrance{inset:38px 0 0}.entrance-copy>span{font-size:8px;letter-spacing:.2em}.entrance-copy h2{font-size:38px}.entrance-skip{right:20px;bottom:25px}.agent-result{min-height:360px}}
@media(hover:hover) and (pointer:fine){.button.primary:hover{filter:brightness(1.1)}.button.secondary:hover,.service-card:hover{background:var(--ui-soft)}.resource-image-button:hover img{opacity:.85}.filter-tabs button:hover{color:var(--ui-fg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.entrance{display:none}}

@media(prefers-reduced-motion:reduce){.button:active:not(:disabled){transform:none}}
body[data-direction=atlas] #toast{color:var(--ui-bg);background:var(--ui-fg)}

@media(max-width:760px){#prototype-bar{flex-wrap:nowrap}#prototype-bar button[data-action=reset]{display:none}#prototype-bar select{max-width:111px}#prototype-bar .proto-back{margin-right:0}}