:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f8f8f5;--bg-surface:#fff;--bg-inset:#f1f2ed;--bg-inverse:#272d24;--text-primary:#252c23;--text-secondary:#5a6455;--text-muted:#697161;--text-inverse:#fffef6;--border-subtle:#d8dccf;--border-strong:#a8b09d;--accent:#c74b2b;--accent-bright:#ed7650;--accent-soft:#fae8dc;--lime:#dfe8c8;--lime-soft:#f0f4e8;--success:#366440;--success-soft:#e7f0e2;--warning:#89622b;--warning-soft:#f6ebcc;--danger:#a03932;--danger-soft:#f9e8e4;--grid:#dae0d2;--white:#fff;--black:#172016;--shadow-color:#26321f12;--overlay:#20271ed1;--poster-paper:#faf6e9;--poster-mint:#edf3e1;--image-default-bg:#fff;--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-editorial:"Noto Serif CJK SC", "Songti SC", "STSong", serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-display:clamp(2.75rem, 5.2vw, 4.5rem);--leading-tight:1.18;--leading-body:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--surface-padding:var(--space-8);--surface-padding-compact:var(--space-6);--surface-padding-mobile:var(--space-5);--surface-background:var(--bg-surface);--surface-muted-background:var(--bg-inset);--art-paper-start:var(--white);--art-paper-end:var(--bg-inset);--radius-sm:5px;--radius-md:10px;--radius-lg:18px;--radius-pill:999px;--shadow-card:0 4px 0 var(--shadow-color);--shadow-float:0 16px 48px var(--shadow-color);--sidebar-width:220px;--content-max:1280px;--control-height:44px;--z-sticky:10;--z-sidebar:20;--z-toast:80;--duration-fast:.13s;--duration-normal:.22s;--motion-reveal-duration:.56s;--motion-reveal-distance:18px;--motion-art-duration:1s;--motion-art-distance:12px;--motion-stagger:65ms;--motion-switch-duration:.2s;--motion-switch-distance:6px;--motion-feedback-duration:.28s;--motion-hover-distance:-2px;--motion-press-scale:.98;--ease:cubic-bezier(.2,.7,.2,1)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:150px;font-size:16px}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:pretty;line-height:1.4}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);min-height:var(--control-height);width:100%;min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--success);flex-shrink:0;width:17px;height:17px;margin:0}input[type=range]{width:100%;accent-color:var(--success)}input[type=color]{background:0 0;border:0;width:40px;height:32px;padding:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--space-4);font-weight:650}select{cursor:pointer}small,.fine-print{font-size:var(--text-xs);color:var(--text-muted)}img,svg,canvas{max-width:100%}img{height:auto}svg.ui-icon{vertical-align:middle;flex-shrink:0;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[data-route-content]:focus,[data-dialog-title]:focus{outline:none}[hidden]{display:none!important}.sr-only,input.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{left:var(--space-4);z-index:200;background:var(--bg-inverse);color:var(--text-inverse);padding:var(--space-3) var(--space-4);position:fixed;top:-100px}.skip-link:focus{top:var(--space-4)}.mono,.eyebrow,.section-index{font-family:var(--font-mono)}.eyebrow,.section-index{font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:var(--space-2);display:flex}.hand-note{font-family:var(--font-editorial);color:var(--text-secondary)}.status-dot{border-radius:var(--radius-pill);background:var(--accent-bright);flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.success{background:var(--success)}::selection{background:var(--lime);color:var(--text-primary)}.surface{min-width:0;padding:var(--surface-padding);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-background);color:var(--text-primary)}.surface-muted{background:var(--surface-muted-background)}.surface-compact{padding:var(--surface-padding-compact)}.surface>*{min-width:0}.surface h2,.surface h3,.surface p{overflow-wrap:anywhere}.button,.intro-nav-apps{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-height:var(--control-height);border:1px solid var(--bg-inverse);border-radius:var(--radius-sm);background:var(--bg-inverse);color:var(--text-inverse);font-size:var(--text-base);transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease);font-weight:650;line-height:1.4;display:inline-flex}.button:hover:not(:disabled),.intro-nav-apps:hover{background:var(--success);border-color:var(--success);color:var(--text-inverse)}.button:active:not(:disabled){transform:translateY(1px)}.button.secondary,.button.quiet{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.button.secondary:hover:not(:disabled){background:var(--lime-soft);color:var(--text-primary)}.button.quiet{border-color:#0000}.button.full{width:100%}.text-button,.text-link,.back-link,.quiet-link{align-items:center;gap:var(--space-2);min-height:36px;font-size:var(--text-sm);color:var(--text-secondary);display:inline-flex}.text-button:hover,.text-link:hover{color:var(--accent)}.back-link{margin-bottom:var(--space-5)}.badge,.pill,.book-category,.availability,.planned-label,.step-status,.release-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-inset);white-space:nowrap;line-height:1.5;display:inline-flex}.badge-success,.availability,.pill.green,.release-live,.status-done{background:var(--success-soft);color:var(--success)}.badge-warning,.release-changes,.release-submitted,.release-ready,.status-review,.status-doing{background:var(--warning-soft);color:var(--warning)}.badge-accent,.book-category{background:var(--accent-soft);color:var(--accent)}.brand{align-items:center;gap:var(--space-3);width:fit-content;color:var(--text-primary);display:flex}.brand:hover{color:var(--text-primary)}.brand-symbol{background:var(--lime);border:1px solid var(--text-primary);border-radius:var(--radius-sm);width:40px;height:40px;font-size:var(--text-2xl);box-shadow:3px 3px 0 var(--text-primary);place-items:center;font-weight:700;display:grid}.brand-word{letter-spacing:-.06em;font-weight:850;font-size:var(--text-xl);line-height:1.3}.brand-word small{letter-spacing:.04em;margin-top:var(--space-1);font-size:10px;font-weight:400;display:block}.brand.compact small{display:none}.section-header{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.section-header h2{font-size:var(--text-2xl);margin-top:var(--space-3)}.section-header p{max-width:660px;color:var(--text-secondary);margin-top:var(--space-3)}.page-heading{padding:var(--space-8) 0 var(--space-10);align-items:center;gap:var(--space-6);justify-content:space-between;display:flex}.page-heading h1{font-size:var(--text-3xl);white-space:pre-line;margin:var(--space-3) 0;font-weight:750}.page-heading p:not(.eyebrow){color:var(--text-secondary);max-width:600px}.chips{gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.chip{padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-surface);min-height:40px;font-size:var(--text-sm)}.chip.selected{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--text-inverse)}.section-top{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.notice,.error,.apps-error,.scope-warning,.card-caution,.shared-banner{background:var(--warning-soft);color:var(--warning);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-4);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.8}.error,.apps-error{background:var(--danger-soft);color:var(--danger)}.apps-error,.scope-warning,.card-caution{gap:var(--space-3);align-items:flex-start;display:flex}.shared-banner{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.shared-banner>div{flex:260px}.shared-banner p{margin-top:var(--space-1)}.status,.share-status{min-height:1.5em;font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-3)}.journey-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-page);width:min(880px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text-primary);box-shadow:var(--shadow-float);padding:0;overflow-y:auto}.journey-dialog.wide{width:min(980px,100vw - 32px)}.journey-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-inner{padding:var(--space-8);position:relative}.dialog-close{float:right;z-index:var(--z-sticky);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);place-items:center;width:44px;height:44px;display:grid;position:sticky;top:0}.confirm-content{padding:var(--space-8) var(--space-2)}.confirm-content h2{font-size:var(--text-2xl);margin:var(--space-5) 0 var(--space-3)}.confirm-content p{max-width:620px;color:var(--text-secondary)}.confirm-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.confirm-symbol{background:var(--lime);border-radius:var(--radius-md);place-items:center;width:56px;height:56px;display:inline-grid}.book-cover{padding:var(--space-3) var(--space-2) var(--space-6)}.book-badges{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;margin-right:48px;display:flex}.book-cover h1{font-size:var(--text-2xl);margin:var(--space-5) 0 var(--space-3);padding-right:var(--space-8)}.book-cover>p{color:var(--text-secondary);font-size:var(--text-md)}.book-context{gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);display:flex}.book-share{margin-top:var(--space-5)}.personal-advice{align-items:center;gap:var(--space-3);background:var(--lime-soft);padding:var(--space-4);border-left:3px solid var(--success);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.personal-advice p{flex:200px}.small-sticker{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--success);font-weight:700}.knowledge-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.knowledge-card,.collectible-card{border:1px solid var(--border-subtle);background:var(--surface-background);padding:var(--surface-padding-compact);border-radius:var(--radius-sm);min-width:0;position:relative}.knowledge-card{border-top:3px solid var(--lime)}.knowledge-card h2{font-size:var(--text-lg);padding-right:var(--space-8);margin-bottom:var(--space-3)}.knowledge-card>p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.9}.knowledge-number{top:var(--space-5);right:var(--space-5);font-family:var(--font-mono);color:var(--border-strong);font-size:var(--text-lg);position:absolute}.material-list{margin:var(--space-4) 0 0;padding:0;list-style:none}.material-list li{gap:var(--space-2);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.material-bullet{background:var(--accent);flex-shrink:0;width:4px;height:4px;margin-top:10px}.card-sources{margin-top:var(--space-5);border-top:1px dashed var(--border-subtle);padding-top:var(--space-3)}.card-sources a{align-items:flex-start;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-1) 0;overflow-wrap:anywhere;display:flex}.card-sources a:hover{color:var(--accent);text-decoration:underline}.source-fold{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.source-fold summary{cursor:pointer;min-height:44px}.source-fold p,.source-fold>div{margin:var(--space-3) 0}.source-fold small{display:block}.source-fold a{text-underline-offset:4px;text-decoration:underline}.inline-tool,.related-card-link{align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--lime-soft);display:flex}.inline-tool>span:nth-child(2){flex:1}.inline-tool small{display:block}.related-card-link{font-size:var(--text-sm);background:0 0}.book-actions{gap:var(--space-4);background:var(--bg-page);border-top:1px solid var(--border-subtle);padding:var(--space-4) 0;margin-top:var(--space-6);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.book-actions small{display:block}.book-actions>div:last-child{gap:var(--space-2);flex-wrap:wrap;display:flex}.book-actions .button{font-size:var(--text-sm)}.gentle-agency{gap:var(--space-3);border:1px dashed var(--border-strong);padding:var(--space-5);margin-top:var(--space-5);display:flex}.gentle-agency h2{font-size:var(--text-md)}.gentle-agency p{color:var(--text-secondary);font-size:var(--text-sm)}.agency-contact img{max-width:170px;display:block}.card-collection{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collectible-card{transition:border-color var(--duration-fast);flex-direction:column;display:flex}.collectible-card:hover{border-color:var(--accent);color:var(--text-primary)}.collection-top,.collection-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);display:flex}.card-emblem{width:52px;height:52px;margin:var(--space-6) 0;background:var(--lime);border-radius:var(--radius-sm);color:var(--text-primary);place-items:center;display:grid}.collectible-card h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.collectible-card>p{color:var(--text-secondary);margin-bottom:var(--space-8)}.collection-bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto}.feedback-toast{bottom:var(--space-6);left:calc(50% + var(--sidebar-width)/2);width:max-content;max-width:calc(100vw - 48px);z-index:var(--z-toast);background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-4);box-shadow:var(--shadow-float);font-size:var(--text-sm);align-items:center;display:flex;position:fixed;transform:translate(-50%)}.feedback-message{align-items:center;gap:var(--space-2);display:flex}.feedback-toast button{min-height:36px;color:var(--lime)}.dismiss-feedback{width:28px}.poster-shell{position:relative}.share-poster{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;height:auto;display:block}.poster-open{width:100%;display:block}.paperclip{display:none}.poster-shell.is-preparing{background:var(--bg-inset);min-height:220px}.poster-shell.is-preparing canvas{visibility:hidden}.poster-loading{color:var(--text-muted);padding:var(--space-4);font-size:var(--text-xs);place-items:center;display:grid;position:absolute;inset:0}.share-controls{padding:var(--space-5) 0}.share-controls h2{font-size:var(--text-md);margin-bottom:var(--space-4)}.share-actions{gap:var(--space-2);display:flex}.share-actions button{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);flex-direction:column;flex:1;display:flex}.share-actions button>span{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-sm);place-items:center;width:44px;height:44px;display:grid}.share-actions button:hover>span{border-color:var(--accent)}.share-privacy-note,.share-note,.share-dialog-intro,.dialog-save-status{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-4);line-height:1.8}.share-panel.expanded{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;display:grid}.expanded .share-controls{position:sticky;top:50px}.share-options{margin-top:var(--space-6)}.share-options>label,.share-options fieldset label{align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);display:flex}.share-options fieldset{margin-top:var(--space-5)}.share-options legend{margin-bottom:var(--space-2)}.share-options p{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-4)}.manual-copy{margin-top:var(--space-3);font-size:var(--text-xs);display:block}.manual-copy input{margin-top:var(--space-2)}.share-dialog-title{padding:var(--space-4) var(--space-10) var(--space-4) 0}.share-dialog-title h2{font-size:var(--text-2xl)}.route-skeleton{padding-top:var(--space-8);min-height:60vh}.route-skeleton>span:not(.sr-only){background:var(--bg-inset);width:35%;height:20px;margin-bottom:var(--space-5);border-radius:var(--radius-sm);display:block}.route-skeleton>span:nth-child(2){width:60%;height:48px}.route-skeleton>div{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:260px;margin-top:var(--space-8)}.error-state,.not-found{padding:var(--space-16) var(--space-6);max-width:760px}.error-state h1,.not-found h1{margin-bottom:var(--space-5)}.error-state p,.not-found p{margin-bottom:var(--space-6);color:var(--text-secondary)}.workspace-shell{min-height:100dvh}.sidebar{width:var(--sidebar-width);padding:var(--space-8) var(--space-5) var(--space-5);border-right:1px solid var(--border-subtle);background:var(--bg-page);z-index:var(--z-sidebar);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .brand{margin-bottom:var(--space-12)}.nav-heading{color:var(--text-muted);font-size:var(--text-xs);padding:0 var(--space-3);margin-bottom:var(--space-3);justify-content:space-between;display:flex}.sidebar nav{gap:var(--space-2);flex-direction:column;display:flex}.sidebar nav>a{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);min-height:48px;color:var(--text-secondary);border:1px solid #0000;display:flex}.sidebar nav>a small{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:10px}.sidebar nav>a[aria-current]{border-color:var(--text-primary);background:var(--lime);color:var(--text-primary);box-shadow:var(--shadow-card);font-weight:650}.sidebar nav>a:hover:not([aria-current]){background:var(--bg-inset)}.sidebar-note{padding:var(--space-8) var(--space-3) var(--space-6);margin-top:auto}.sidebar-note .launch-illustration{width:112px;margin-bottom:var(--space-4);display:block}.sidebar-note strong{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:650;line-height:1.6}.sidebar-note p{color:var(--text-muted);margin:var(--space-3) 0 var(--space-4);font-size:var(--text-xs)}.sidebar-note .mono{letter-spacing:.08em;font-size:10px}.sidebar-local{gap:var(--space-2);color:var(--text-muted);padding:var(--space-4) var(--space-3) 0;border-top:1px dashed var(--border-subtle);align-items:center;font-size:10px;display:flex}.launch-main{margin-left:var(--sidebar-width);padding:0 var(--space-10);max-width:calc(var(--content-max) + var(--sidebar-width))}.workspace-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:72px;color:var(--text-muted);font-size:var(--text-xs);display:flex}.workspace-topbar>div,.workspace-topbar>a{align-items:center;gap:var(--space-3);display:flex}.workspace-topbar strong{color:var(--text-primary);font-weight:500}.workspace-topbar .mono{letter-spacing:.08em;font-size:10px}.workspace-content{min-height:calc(100dvh - 180px);padding-bottom:var(--space-6)}.launch-footer{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--border-subtle);padding:var(--space-6) 0;color:var(--text-muted);font-size:var(--text-xs);display:flex}.launch-footer>a{gap:var(--space-2);align-items:center;display:flex}.topbar{justify-content:flex-end;align-items:center;gap:var(--space-4);margin:var(--space-5) 0;display:flex}.local-badge{color:var(--text-muted);font-size:var(--text-xs);margin-right:auto}.top-share,.new-route{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:40px}.journey-hero{gap:var(--space-8);padding:var(--space-6) 0 var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.journey-hero h1{font-size:var(--text-4xl);line-height:var(--leading-tight);margin:var(--space-3) 0 var(--space-4)}.hero-subtitle{color:var(--text-secondary)}.hero-art{width:100%;max-height:240px}.dashboard-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 270px;align-items:start;display:grid}.route-column{min-width:0}.share-column{top:var(--space-6);position:sticky}.condition-panel{top:var(--space-3);z-index:var(--z-sticky);background:var(--bg-surface);border:1px solid var(--border-strong);padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-sm);position:sticky}.condition-panel>header,.condition-panel>header>div{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.condition-panel>header{margin-bottom:var(--space-4)}.condition-panel h2{font-size:var(--text-md)}.condition-panel>header span{color:var(--text-muted);font-size:var(--text-xs)}.condition-fields{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.condition-field{min-width:0}.condition-field>span{gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);align-items:center;display:flex}.condition-field select{font-size:var(--text-xs);padding:var(--space-2)}.needs-picker{position:relative}.needs-picker summary{justify-content:space-between;gap:var(--space-2);cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:44px;padding:var(--space-2);font-size:var(--text-xs);align-items:center;list-style:none;display:flex}.needs-picker summary::-webkit-details-marker{display:none}.needs-picker summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.needs-menu{border:1px solid var(--border-strong);background:var(--bg-surface);width:230px;padding:var(--space-4);z-index:var(--z-sidebar);box-shadow:var(--shadow-float);position:absolute;top:50px;right:0}.needs-menu label{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.condition-foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.condition-foot label{align-items:center;gap:var(--space-2);display:flex}.condition-foot select{min-height:32px;padding:var(--space-1) var(--space-2);width:140px;font-size:var(--text-xs)}.mobile-condition-toggle,.condition-mobile-summary{display:none}.roadmap-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-6);border-radius:var(--radius-sm)}.roadmap-heading,.roadmap-heading>div{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.roadmap-heading>div{flex-wrap:wrap}.roadmap-heading>div>span{color:var(--text-muted);font-size:var(--text-xs)}.roadmap-heading .hand-note{font-size:var(--text-xs)}.journey-progress{width:100%;height:4px;margin:var(--space-5) 0;appearance:none;background:var(--bg-inset);color:var(--success);border:0;display:block}.journey-progress::-webkit-progress-bar{background:var(--bg-inset)}.journey-progress::-webkit-progress-value{background:var(--success);transition:width var(--duration-normal)}.journey-progress::-moz-progress-bar{background:var(--success)}.next-hint{align-items:center;gap:var(--space-2);background:var(--lime-soft);padding:var(--space-3);font-size:var(--text-xs);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.next-hint button{align-items:center;gap:var(--space-2);min-height:30px;font-weight:650;display:inline-flex}.roadmap-list{margin:var(--space-5) 0;padding:0 0 0 var(--space-6);list-style:none;position:relative}.roadmap-list:before{content:"";border-left:1px dashed var(--border-strong);position:absolute;top:25px;bottom:26px;left:6px}.roadmap-item{margin-bottom:var(--space-3);position:relative}.timeline-check{z-index:1;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:20px;left:-40px}.timeline-check input{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute}.timeline-check>span{border:3px solid var(--bg-surface);border-radius:var(--radius-pill);background:var(--bg-inset);width:28px;height:28px;font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;display:grid}.timeline-check:has(:focus-visible)>span{outline:2px solid var(--accent);outline-offset:3px}.is-next .timeline-check>span{background:var(--lime);color:var(--text-primary)}.is-done .timeline-check>span{background:var(--success);color:var(--white)}.step-card{align-items:center;gap:var(--space-3);min-height:84px;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);grid-template-columns:32px minmax(0,1fr) auto 100px;display:grid}.is-next .step-card{border-color:var(--text-primary);border-left:3px solid var(--success)}.is-done .step-card{background:var(--success-soft)}.is-review .step-card{border-color:var(--warning)}.step-icon{color:var(--text-muted)}.step-copy{min-width:0}.step-copy h3{font-size:var(--text-base);font-weight:650}.step-copy p{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.step-action{justify-content:center;align-items:center;gap:var(--space-1);min-height:40px;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;display:flex}.step-action.primary{background:var(--bg-inverse);color:var(--text-inverse);border-color:var(--bg-inverse)}.roadmap-foot{justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);align-items:center;display:flex}.new-tool-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.new-tool{padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);flex-direction:column;display:flex}.new-tool:hover:not(.planned){border-color:var(--text-primary);color:var(--text-primary)}.large-tool-icon{margin:var(--space-8) 0 var(--space-5);color:var(--success);display:block}.new-tool h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.new-tool p{color:var(--text-secondary);margin-bottom:var(--space-6)}.tool-bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);font-size:var(--text-sm);margin-top:auto}.planned-tools{margin-top:var(--space-12)}.planned-tools>h2{margin-bottom:var(--space-5)}.planned-tools>div{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.new-tool.planned{padding:var(--space-5);background:0 0}.planned-label{width:fit-content;margin-bottom:var(--space-3)}.new-tool.planned p{font-size:var(--text-sm);margin-bottom:0}.about-links{gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-sm);flex-direction:column;display:flex}.standalone-card{padding-top:var(--space-6)}.diagnostics{padding:var(--space-8)}.tool-workspace{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-8);grid-template-columns:310px minmax(0,1fr);display:grid}.tool-settings{padding:var(--space-6);border-right:1px solid var(--border-subtle)}.tool-settings h2,.tool-settings legend{font-size:var(--text-md)}.tool-settings h2 .mono,.tool-settings legend .mono{color:var(--accent);font-size:var(--text-xs);margin-right:var(--space-2)}.dropzone{border:1px dashed var(--border-strong);background:var(--bg-page);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-4);align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-8);text-align:center;flex-direction:column;display:flex}.dropzone p{font-size:var(--text-xs);overflow-wrap:anywhere}.drop-symbol{font-size:var(--text-3xl);color:var(--success)}.dropzone.is-dragging{background:var(--lime-soft);border-color:var(--success)}.field-label{font-size:var(--text-sm);margin:var(--space-5) 0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.size-chips{gap:var(--space-1);margin:var(--space-3) 0}.size-chips .chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.background-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);display:flex}.background-row label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.preview-panel{padding:var(--space-6);min-width:0}.preview-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.checkerboard{padding:var(--space-3);aspect-ratio:1;background-image:conic-gradient(var(--bg-inset) 25%,var(--bg-surface) 0 50%,var(--bg-inset) 0 75%,var(--bg-surface) 0);border:1px solid var(--border-subtle);background-size:16px 16px;place-items:center;display:grid}.checkerboard canvas{width:100%;height:auto}.preview figcaption{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);justify-content:space-between;display:flex}.package-files{margin:var(--space-6) 0;background:var(--bg-page);border:1px dashed var(--border-subtle);padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-xs)}.package-files span{font-family:var(--font-mono);display:block}.package-files p{margin-top:var(--space-3)}.empty-preview{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;min-height:380px;display:flex}.empty-preview p{color:var(--text-muted)}.icon-stack{align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.icon-stack span{background:var(--lime);width:84px;height:84px;font-size:var(--text-3xl);border:1px solid var(--text-primary);border-radius:var(--radius-md);place-items:center;display:grid}.icon-stack span:nth-child(2){width:58px;height:58px;font-size:var(--text-2xl)}.icon-stack span:nth-child(3){width:40px;height:40px;font-size:var(--text-lg)}.apps-heading{align-items:center;gap:var(--space-6);padding:var(--space-8) 0 var(--space-6);grid-template-columns:minmax(0,1fr) 180px;display:grid}.apps-heading h1{font-size:var(--text-3xl);margin:var(--space-3) 0}.apps-heading>div>p:last-child{color:var(--text-muted)}.apps-heading-art{width:100%;max-height:140px}.app-savebar{justify-content:space-between;align-items:center;gap:var(--space-3);top:var(--space-3);z-index:var(--z-sticky);background:var(--bg-surface);border:1px solid var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex;position:sticky}.app-save-context,.app-save-actions{align-items:center;gap:var(--space-3);display:flex}.app-save-context,.app-save-context>div{min-width:0}.app-save-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(300px,100%);display:block;overflow:hidden}.app-save-context div>span{color:var(--text-muted);font-size:var(--text-xs);display:block}.save-status{font-size:var(--text-xs);color:var(--text-muted)}.save-status.is-dirty{color:var(--accent)}.app-context-summary{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px dashed var(--border-subtle);width:100%;padding-top:var(--space-2);display:flex}.app-context-summary>span{font-size:var(--text-xs);color:var(--text-secondary)}.app-secondary-bar,.apps-list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6);color:var(--text-muted);flex-wrap:wrap;display:flex}.app-secondary-bar>div,.apps-list-toolbar>div{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-sm);min-width:0}.app-surface>header{margin-bottom:var(--space-5)}.app-surface h2{font-size:var(--text-lg)}.app-surface header p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.app-identity{gap:var(--space-6);grid-template-columns:96px minmax(0,1fr);align-items:center;display:grid}.application-icon{background:var(--lime-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:68px;height:68px;color:var(--success);flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.application-icon img{object-fit:cover;width:100%;height:100%}.application-icon.small{border-radius:var(--radius-sm);width:36px;height:36px}.icon-upload{align-items:center;gap:var(--space-2);font-size:var(--text-xs);flex-direction:column;display:flex}.icon-upload .application-icon{width:86px;height:86px}.icon-upload>button{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.icon-upload>small{text-align:center}.app-name-field label{gap:var(--space-3);margin-bottom:var(--space-2);align-items:center;font-weight:650;display:flex}.app-name-field label span{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.app-name-field input{font-size:var(--text-lg)}.app-name-field p{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.app-settings{scroll-margin-top:170px}.app-settings>header{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.app-profile-fields{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-profile-fields label>span{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);display:block}.app-profile-fields select{font-size:var(--text-sm)}.app-capabilities{align-items:center;gap:var(--space-5);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px dashed var(--border-subtle);flex-wrap:wrap;display:flex}.app-capabilities label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);min-height:36px;display:flex}.platform-choices{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.platform-choices>label{align-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:52px;padding:var(--space-3);cursor:pointer;display:flex}.platform-choices>label:has(:checked){border-color:var(--text-primary);background:var(--lime)}.android-choices{margin-top:var(--space-5);border-top:1px dashed var(--border-subtle);padding-top:var(--space-4)}.android-choices>div:first-child{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.android-choices>div:first-child strong{font-size:var(--text-sm)}.store-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.store-choices label{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:var(--bg-page);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex}.store-choices label:has(:checked){background:var(--lime-soft);border-color:var(--success)}.android-choices details{margin-top:var(--space-3)}.android-choices details summary{font-size:var(--text-xs);cursor:pointer;min-height:36px}.android-choices details label{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;display:flex}.target-hint{color:var(--warning);font-size:var(--text-xs);margin-top:var(--space-3)}.apps-dashboard{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 250px;align-items:start;display:grid}.apps-progress-column{min-width:0}.app-share-column{position:sticky;top:154px}.channel-tabs{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.channel-tab{gap:var(--space-2);text-align:left;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-page);flex-direction:column;align-items:start;display:flex}.channel-tab.selected{border-color:var(--text-primary);background:var(--lime-soft);box-shadow:inset 0 -3px 0 var(--success)}.channel-tab-title{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.channel-tab-title>span:not(.channel-letter){color:var(--text-muted);font-size:10px}.channel-tab-title strong{font-size:var(--text-sm)}.channel-letter{border-radius:var(--radius-sm);background:var(--lime);width:24px;height:24px;font-size:var(--text-xs);font-family:var(--font-mono);place-items:center;display:inline-grid}.channel-tab-progress{font-size:var(--text-xs);color:var(--text-muted)}.app-channel-workspace>header{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.app-channel-workspace h2{font-size:var(--text-xl)}.app-channel-workspace .text-link{white-space:nowrap}.channel-release{align-items:center;gap:var(--space-5);background:var(--bg-inset);padding:var(--space-4);border-radius:var(--radius-sm);display:flex}.channel-release label{flex:1}.channel-release label>span{font-size:var(--text-xs);margin-bottom:var(--space-2);display:block}.channel-release small{margin-left:var(--space-2)}.channel-release select{font-size:var(--text-sm)}.channel-release p{font-size:var(--text-xs);color:var(--text-muted);flex:1}.app-next{gap:var(--space-3);margin-top:var(--space-5);align-items:start;display:flex}.app-next>svg{color:var(--success);margin-top:var(--space-1)}.app-next strong{font-size:var(--text-base)}.app-next p{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.app-task-list .step-card{gap:var(--space-2);grid-template-columns:24px minmax(0,1fr) 94px}.app-task-list .step-copy{grid-column:2}.app-task-list .step-status{grid-column:2;justify-self:start}.app-task-list .step-action{grid-area:1/3/3}.app-task-list .step-icon{grid-row:1/3}.apps-local-note{align-items:start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.app-bottom-save{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.app-bottom-save p{font-size:var(--text-xs);color:var(--text-muted);gap:var(--space-2);align-items:center;display:flex}.saved-app-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saved-app{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-sm);padding:var(--space-6);border-top:4px solid var(--lime)}.saved-app-identity{align-items:center;gap:var(--space-4);display:flex}.saved-app h2{font-size:var(--text-xl)}.saved-app-identity p{color:var(--text-muted);font-size:var(--text-xs)}.saved-channel-list{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saved-channel-list>div{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.saved-app footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.legacy-import{padding:var(--space-4);align-items:center;gap:var(--space-4);background:var(--warning-soft);border:1px dashed var(--border-strong);margin-bottom:var(--space-5);display:flex}.legacy-import p{font-size:var(--text-xs);color:var(--warning)}.legacy-record summary{cursor:pointer}.legacy-record p{color:var(--text-muted);margin:var(--space-3) 0}.legacy-record ul{padding:0;list-style:none}.legacy-record li{justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0;font-size:var(--text-sm);display:flex}.app-capabilities{grid-column:1/-1}.icon-editor{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.icon-upload>span:last-child:not(.application-icon){font-size:var(--text-xs)}.apps-dashboard.no-targets{grid-template-columns:minmax(0,1fr)}.intro-page{max-width:var(--content-max);padding:0 var(--space-10);margin:auto}.intro-header{justify-content:space-between;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--border-subtle);height:100px;display:flex}.intro-header nav{align-items:center;gap:var(--space-8);font-size:var(--text-base);display:flex}.intro-header nav>a:not(.intro-nav-apps){color:var(--text-secondary)}.intro-hero{isolation:isolate;gap:var(--space-16);padding:var(--space-16) 0 var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,.98fr);align-items:start;display:grid;position:relative}.intro-hero-copy{padding-top:var(--space-10)}.intro-hero-copy .eyebrow{gap:var(--space-3);align-items:center;display:flex}.intro-hero-copy h1{font-size:var(--text-display);letter-spacing:-.045em;margin:var(--space-8) 0 var(--space-6);font-weight:800;line-height:1.22;position:relative}.intro-hero-copy h1 em{color:var(--accent);font-style:normal}.intro-hero-copy h1 .hero-arrow{font-size:.82em;display:inline-block;transform:rotate(-8deg)}.intro-lead{color:var(--text-secondary);font-size:var(--text-md);max-width:28em;line-height:1.95}.intro-hero-actions{align-items:center;gap:var(--space-6);margin:var(--space-8) 0 var(--space-6);display:flex}.intro-hero-actions .button{min-height:50px;padding-inline:var(--space-6)}.intro-reassurance{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);display:flex}.intro-hero-visual{min-width:0;position:relative}.intro-landscape{width:100%;height:230px;display:block}.hero-art-caption{border-top:1px solid var(--border-strong);padding-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}.intro-preview{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);margin-top:var(--space-4);overflow:hidden}.preview-caption{gap:var(--space-2);padding:var(--space-4) var(--surface-padding-compact);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.preview-identity{align-items:center;gap:var(--space-4);padding:var(--surface-padding-compact);display:flex}.preview-identity>div{flex:1;min-width:0}.preview-identity strong{font-size:var(--text-lg);display:block}.preview-identity small{margin-top:var(--space-1);display:block}.demo-app-icon{width:46px;height:46px;color:var(--text-primary);background:var(--lime-soft);border-radius:var(--radius-md);font-size:var(--text-xl);flex-shrink:0;place-items:center;display:grid}.intro-demo-tabs{gap:var(--space-1);margin:0 var(--surface-padding-compact);border-bottom:1px solid var(--border-subtle);display:flex}.intro-demo-tabs button{min-height:42px;padding:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid #0000;flex:1}.intro-demo-tabs button[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:700}.preview-rows{padding:var(--space-2) var(--surface-padding-compact) var(--space-4)}.preview-rows>div{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);min-height:44px;display:flex}.preview-rows>div:last-child{border-bottom:0}.preview-rows>div>strong{font-size:var(--text-base);flex:1}.preview-rows>div>.mono{color:var(--text-muted);font-size:var(--text-xs)}.preview-rows>div>span:last-child{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}#demo-panel{min-height:280px}.preview-platform-note{font-size:var(--text-xs);padding:var(--space-3) var(--surface-padding-compact) 0;color:var(--text-muted)}.preview-stamp{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);padding:var(--space-2);font-size:var(--text-xs);flex-shrink:0;transform:rotate(-8deg)}.preview-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--surface-padding-compact);font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-muted-background);display:flex}.intro-index{border-block:1px solid var(--border-strong);padding:var(--space-5) 0;gap:var(--space-6);grid-template-columns:repeat(3,1fr) auto;display:grid}.intro-index>span{align-items:center;gap:var(--space-4);display:flex}.intro-index b{color:var(--accent);font-size:var(--text-sm)}.intro-index>span{font-weight:600}.intro-how{padding:var(--space-16) 0}.intro-benefits{margin-top:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.intro-benefits>.surface{border:0;border-radius:0}.intro-benefits>.surface+.surface{border-left:1px solid var(--border-subtle)}.intro-benefits>article .mono{color:var(--accent);font-size:var(--text-xs)}.intro-benefits>article h3{font-size:var(--text-xl);margin:var(--space-4) 0;line-height:1.5}.intro-benefits>article>p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-body)}.big-index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent)}.mini-task{gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm);align-items:center;display:flex}.mini-task>span:nth-child(2){flex:1}.mini-task small{font-size:var(--text-xs);display:block}.platform-stack{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.saved-note{align-items:center;gap:var(--space-3);border-top:1px dashed var(--border-subtle);padding-top:var(--space-5);margin-top:var(--space-6);font-size:var(--text-sm);display:flex}.intro-extras{padding-bottom:var(--space-8)}.intro-extras-grid{gap:var(--space-6);grid-template-columns:1fr 1.15fr;display:grid}.intro-tool h3,.intro-share h3{font-size:var(--text-xl);margin:var(--space-4) 0}.intro-tool p{color:var(--text-secondary);font-size:var(--text-base)}.intro-tool .text-link{color:var(--text-primary);margin-top:var(--space-5)}.tool-illustration{gap:var(--space-4);margin-bottom:var(--space-6);align-items:end;display:flex}.tool-illustration>span{background:var(--lime);width:36px;height:36px;color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-xl);place-items:center;display:grid}.tool-illustration>span:first-child{width:68px;height:68px;font-size:var(--text-3xl)}.tool-illustration>span:last-child{width:24px;height:24px;font-size:var(--text-md)}.intro-share{gap:var(--space-6);grid-template-columns:.9fr 1fr;align-items:center;display:grid}.intro-share p{color:var(--text-secondary);font-size:var(--text-base)}.intro-postcard{background:var(--bg-page);padding:var(--space-5);border:1px solid var(--border-strong);transform:rotate(-2deg)}.intro-postcard .mono{color:var(--text-muted);font-size:10px}.intro-postcard strong{font-size:var(--text-xl);margin:var(--space-6) 0;display:block}.postcard-rule{background:var(--accent);width:40%;height:3px;margin-bottom:var(--space-4)}.intro-faq{gap:var(--space-16);padding:var(--space-16) 0;grid-template-columns:1fr 1.3fr;display:grid}.intro-faq details{border-top:1px solid var(--border-subtle);padding:var(--space-4) 0}.intro-faq details:last-child{border-bottom:1px solid var(--border-subtle)}.intro-faq summary{min-height:30px;font-size:var(--text-md);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.intro-faq summary::-webkit-details-marker{display:none}.intro-faq summary:after{content:"";font-family:var(--font-mono);color:var(--accent)}.intro-faq details[open] summary>span{transform:rotate(45deg)}.intro-faq details p{margin-top:var(--space-4);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-body)}.intro-invitation{gap:var(--space-8);justify-content:space-between;align-items:center;display:flex}.intro-invitation h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.intro-invitation p{color:var(--text-secondary)}.intro-page>.launch-footer{margin-top:var(--space-12)}.hero-margin-note{gap:var(--space-4);margin-top:var(--space-12);font-size:var(--text-sm);color:var(--text-muted);align-items:center;display:flex;transform:rotate(-3deg)}.hero-margin-note svg{width:85px;height:40px;color:var(--accent)}.editorial-line{color:var(--text-primary)}.hero-period{color:var(--accent);margin-left:var(--space-3);font-size:.7em;display:inline-block;transform:rotate(-8deg)}.intro-footer{justify-content:space-between;align-items:center;gap:var(--space-6);border-top:1px solid var(--border-subtle);margin-top:var(--space-12);padding:var(--space-8) 0;font-size:var(--text-xs);color:var(--text-muted);display:flex}@media (prefers-reduced-motion:no-preference){.button,.intro-nav-apps,.new-tool,.collectible-card,.saved-app,.channel-tab,.platform-choices>label,.step-card,.intro-postcard{transition:transform var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease), box-shadow var(--duration-normal) var(--ease), background-color var(--duration-normal) var(--ease)}.button:not(:disabled):active,.intro-nav-apps:active{transform:scale(var(--motion-press-scale))}.button .ui-icon,.text-link .ui-icon,.intro-nav-apps .ui-icon{transition:transform var(--duration-normal) var(--ease)}.intro-demo-tabs button,.chip,.sidebar nav>a{transition:background-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease)}.intro-faq summary>span{transition:transform var(--duration-normal) var(--ease)}.intro-faq details[open]>p{animation:detail-enter var(--motion-switch-duration) var(--ease)}.channel-letter,.timeline-check>span{transition:background-color var(--duration-normal) var(--ease), color var(--duration-normal) var(--ease)}.is-done .timeline-check>span{animation:status-confirm var(--motion-feedback-duration) var(--ease)}@keyframes status-confirm{0%{scale:.9}55%{scale:1.08}to{scale:1}}.journey-dialog[open]{animation:dialog-enter var(--motion-switch-duration) var(--ease)}.journey-dialog[open]::backdrop{animation:backdrop-enter var(--motion-switch-duration) var(--ease)}@keyframes detail-enter{0%{opacity:.25}to{opacity:1}}@keyframes dialog-enter{0%{opacity:.6;translate:0 var(--space-2)}to{opacity:1;translate:0}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button:not(:disabled):hover,.intro-nav-apps:hover{transform:translateY(var(--motion-hover-distance));box-shadow:var(--shadow-card)}.button:not(:disabled):hover .ui-icon,.text-link:hover .ui-icon{transform:translateX(var(--space-1))}.new-tool:not(.planned):hover,.collectible-card:hover,.saved-app:hover{transform:translateY(var(--motion-hover-distance));box-shadow:var(--shadow-float)}.intro-share:hover .intro-postcard{transform:rotate(-2deg) translateY(var(--motion-hover-distance))}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.journey-dialog,.journey-dialog::backdrop,.intro-faq details>p{animation:none!important}}@media print{[data-reveal]{opacity:1!important;transform:none!important}}@media (width<=1200px){.intro-page{padding-inline:var(--space-6)}.intro-hero{gap:var(--space-8)}.intro-hero-copy{padding-top:var(--space-6)}.launch-main{padding-inline:var(--space-6)}.apps-dashboard{grid-template-columns:minmax(0,1fr)}.app-share-column{width:100%;max-width:760px;position:static}.app-share-column .share-panel{gap:var(--space-8);grid-template-columns:230px minmax(0,1fr);display:grid}.app-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.condition-panel>header>div>span{display:none}.step-card{grid-template-columns:30px minmax(0,1fr) 100px}.step-status{grid-area:2/2;justify-self:start}.step-action{grid-area:1/3/3}.step-icon{grid-row:1/3}.card-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) 230px}.roadmap-heading .hand-note{display:none}}@media (width<=1100px){:root{--surface-padding:var(--space-6)}.sidebar{width:190px}.launch-main{padding-inline:var(--space-5);margin-left:190px}.brand-word small{font-size:var(--text-xs)}.intro-hero{gap:var(--space-6)}.intro-hero-copy h1{font-size:var(--text-4xl)}.channel-tabs,.platform-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-app-grid,.tool-workspace{grid-template-columns:1fr}.tool-settings{border-right:0;border-bottom:1px solid var(--border-subtle)}.tool-settings .download-panel{margin-bottom:0}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.share-column{width:100%;max-width:760px;position:static}.share-column>.share-panel{gap:var(--space-6);grid-template-columns:220px minmax(0,1fr);display:grid}.condition-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-fields>.condition-field:last-child{grid-column:1/-1}.condition-panel.is-collapsed #publish-conditions{display:none}.mobile-condition-toggle{align-items:center;gap:var(--space-2);display:flex}.conditions-hint{display:none}.condition-mobile-summary{text-align:left;width:100%;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-secondary);display:block}.condition-mobile-summary>span{display:block}}@media (width<=760px){:root{--surface-padding:var(--surface-padding-mobile);--surface-padding-compact:var(--surface-padding-mobile)}html{scroll-padding-top:180px}.intro-page{padding-inline:var(--space-5)}.intro-header{height:80px}.intro-header nav{gap:var(--space-3)}.intro-header nav>a:not(.intro-nav-apps){display:none}.brand-symbol{width:36px;height:36px}.brand-word{font-size:var(--text-xl)}.brand-word small{display:none}.intro-hero{padding:var(--space-10) 0 var(--space-8);gap:var(--space-8);grid-template-columns:1fr}.intro-hero-copy{padding:0}.intro-hero-copy h1{margin:var(--space-6) 0;font-size:clamp(2.5rem,9vw,3.5rem)}.intro-lead{font-size:var(--text-md)}.intro-hero-actions{gap:var(--space-4)}.intro-hero-actions .button{padding-inline:var(--space-4)}.intro-landscape{height:190px}.intro-index{gap:var(--space-3)}.intro-index>span{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);flex-direction:column}.intro-how{padding:var(--space-10) 0}.section-header{gap:var(--space-4);flex-wrap:wrap}.section-header h2{font-size:var(--text-2xl)}.intro-benefits{margin-top:var(--space-6);grid-template-columns:1fr}.intro-benefits>.surface+.surface{border-left:0;border-top:1px solid var(--border-subtle)}.intro-extras-grid{grid-template-columns:1fr}.intro-faq{gap:var(--space-6);padding:var(--space-10) 0;grid-template-columns:1fr}.intro-invitation{flex-direction:column;align-items:flex-start}.intro-invitation h2{font-size:var(--text-2xl)}.sidebar{width:100%;height:auto;padding:var(--space-4) var(--space-4) var(--space-3);border-right:0;border-bottom:1px solid var(--border-subtle);position:relative;overflow:visible}.sidebar .brand{margin-bottom:var(--space-4)}.sidebar nav{gap:var(--space-1);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sidebar nav>a{min-height:52px;padding:var(--space-2) var(--space-1);gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;justify-content:center}.sidebar nav .ui-icon{width:18px;height:18px}.sidebar-note,.nav-heading,.sidebar-local,.sidebar nav small{display:none}.launch-main{padding:0 var(--space-4);margin:0}.workspace-topbar{height:56px;margin-bottom:var(--space-6);font-size:var(--text-xs)}.workspace-topbar>span{max-width:65%}.workspace-topbar .mono{display:none}.page-heading{padding-block:var(--space-2) var(--space-6);display:block}.page-heading h1{font-size:var(--text-2xl)}.page-heading p{font-size:var(--text-base)}.page-heading .text-link{margin-top:var(--space-3)}.apps-heading{gap:var(--space-3);padding:0 0 var(--space-5);grid-template-columns:minmax(0,1fr) 80px}.apps-heading h1{font-size:var(--text-2xl)}.apps-heading-art{max-height:110px}.app-savebar{top:var(--space-2);padding:var(--space-3);gap:var(--space-3)}.app-save-context{flex:100%}.app-save-context .application-icon{width:32px;height:32px}.app-save-actions{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;width:100%}.app-save-actions>.save-status{font-size:var(--text-xs);flex:1}.app-save-actions .button{padding-inline:var(--space-3);min-height:42px}.app-share-button .ui-icon{display:none}.app-context-summary{gap:var(--space-3)}.app-context-summary>span{font-size:var(--text-xs);line-height:1.7}.app-context-summary .text-button{min-width:65px}.app-secondary-bar{gap:var(--space-2);flex-wrap:wrap}.app-secondary-bar>div{flex-wrap:wrap}.app-surface h2{font-size:var(--text-lg)}.app-identity{gap:var(--space-4);grid-template-columns:64px minmax(0,1fr)}.icon-upload,.icon-upload .application-icon{width:64px;height:64px}.app-identity>div>p{font-size:var(--text-xs)}.app-profile-fields{gap:var(--space-4)}.app-profile-fields select,.app-identity input,.channel-release select{font-size:var(--text-md)}.app-settings header{align-items:flex-start}.app-settings header>div{min-width:0}.app-settings header>button{flex-shrink:0}.platform-choices{gap:var(--space-2)}.platform-choices>label{min-height:50px;padding:var(--space-3);gap:var(--space-2);font-size:var(--text-sm)}.platform-choices>label .ui-icon{display:none}.channel-tabs{gap:var(--space-3)}.channel-tab{padding:var(--space-3)}.channel-tab-title{flex-wrap:wrap}.channel-tab-title>span{width:100%}.channel-tab-progress{font-size:var(--text-xs)}.channel-release{align-items:start;gap:var(--space-4);flex-wrap:wrap}.channel-release>label{flex:1;min-width:0}.channel-release>p{font-size:var(--text-xs)}.app-next{padding:var(--space-4)}.app-task-list{padding-left:var(--space-5)}.step-card,.app-task-list .step-card{gap:var(--space-2);padding:var(--space-3);grid-template-columns:24px minmax(0,1fr) 88px}.step-copy{grid-area:1/2/auto/4}.step-icon{grid-row:1;align-self:start;width:24px;height:28px}.step-icon>.ui-icon{width:19px}.step-copy h3{font-size:var(--text-base);line-height:1.65}.step-copy p{font-size:var(--text-sm)}.step-status{font-size:var(--text-xs);grid-area:2/2}.step-action{min-height:40px;padding:var(--space-2);font-size:var(--text-xs);grid-area:2/3}.timeline-check{top:12px;left:-37px}.app-bottom-save{flex-direction:column;align-items:stretch}.app-bottom-save>button{align-self:flex-end}.app-share-column .share-panel,.share-column>.share-panel{max-width:340px;margin:auto;display:block}.app-share-column{max-width:none}.saved-app-grid,.new-tool-grid,.card-collection{grid-template-columns:1fr}.apps-list-toolbar{gap:var(--space-3);flex-wrap:wrap}.saved-app footer{flex-wrap:wrap}.saved-app-identity .application-icon{width:56px;height:56px}.saved-app-identity h2{font-size:var(--text-xl)}.application-icon{width:64px;height:64px}.journey-dialog,.journey-dialog.wide{width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.dialog-inner{padding:var(--space-4)}.book-cover{padding-right:var(--space-6)}.book-cover h1{font-size:var(--text-2xl)}.book-cover>p{font-size:var(--text-base)}.book-badges{font-size:var(--text-xs)}.knowledge-grid{grid-template-columns:1fr}.knowledge-card h2{font-size:var(--text-lg)}.book-actions{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));gap:var(--space-3);flex-direction:column}.book-actions>div:last-child{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.book-actions button{flex:1;min-width:110px}.book-actions small{font-size:var(--text-xs)}.share-panel.expanded{gap:var(--space-5);flex-direction:column;display:flex}.expanded .poster-shell{width:100%;max-width:270px;margin:auto}.expanded .share-controls{width:100%;position:static}.share-dialog-title h2{font-size:var(--text-xl)}.share-options label{min-height:44px}.manual-copy input{font-size:var(--text-md)}.confirm-content{padding:var(--space-4) 0}.confirm-actions{flex-direction:column;align-items:stretch}.confirm-actions button{width:100%}.feedback-toast{left:var(--space-4);right:var(--space-4);bottom:max(var(--space-4),env(safe-area-inset-bottom));flex-wrap:wrap;width:auto;max-width:none;transform:none}.feedback-message{flex:70%}.journey-hero{margin-bottom:var(--space-6);grid-template-columns:1fr;gap:0}.journey-hero h1{font-size:var(--text-3xl)}.hero-art{max-height:180px}.condition-panel{top:var(--space-2);padding:var(--space-4)}.condition-foot{flex-wrap:wrap}.condition-foot label select{width:120px}.condition-field select,.needs-picker summary{font-size:var(--text-md)}.roadmap-foot{flex-direction:column;align-items:flex-start}.topbar{flex-wrap:wrap}.tool-settings,.preview-panel{padding:var(--space-5)}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-settings input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.tool-settings select{font-size:var(--text-md)}.planned-tools>div{grid-template-columns:1fr}.launch-footer{align-items:flex-start;gap:var(--space-4);font-size:var(--text-xs);margin-top:var(--space-10);flex-direction:column}.launch-footer>div{gap:var(--space-4);flex-wrap:wrap}}@media (width<=420px){.intro-page{padding-inline:var(--space-4)}.intro-reassurance{flex-wrap:wrap}.intro-hero-actions{gap:var(--space-3);flex-wrap:wrap}.intro-demo-tabs button{font-size:var(--text-xs);padding-inline:var(--space-1)}.intro-hero-copy h1{font-size:2.5rem}.sidebar nav>a{font-size:11px}.sidebar nav{gap:0}.app-profile-fields,.channel-tabs{grid-template-columns:1fr}.channel-tab-title>span{width:auto}.apps-heading{grid-template-columns:1fr}.apps-heading-art{display:none}.app-save-actions>.save-status{flex-basis:100%}.store-choices{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.sidebar,.workspace-topbar,.topbar,.app-savebar,.app-share-column,.share-column,.launch-footer,.feedback-toast,.step-action{display:none!important}.launch-main{margin:0;padding:0}.apps-dashboard,.dashboard-grid{display:block}.condition-panel{position:static}.knowledge-card,.roadmap-item{break-inside:avoid}}@media (width<=760px){.intro-index{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-index>span:last-child,.hero-margin-note{display:none}.intro-share{grid-template-columns:1fr}.intro-postcard{max-width:230px;margin:var(--space-3) auto}.intro-footer{flex-wrap:wrap}.app-capabilities{grid-column:1/-1}.app-task-list .step-copy{grid-column:2/4}.app-task-list .step-action{grid-row:2}.app-task-list .step-icon{grid-row:1}}
