/* WAM public identity: dark materials, pale panels, paired signal colors. */
:root{--surface:#242c31;--surface-deep:#1b2126;--red-line:#ff626c45;--red-soft:#39252b;--teal-soft:#283d3c;--paper:#111315;--ink:#f2f4f5;--muted:#a6afb5;--line:#343e45;--lime:#53e0cb;--lavender:#1b2126;--teal:#53e0cb;--red:#ff626c;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 0,#2c3b3955,transparent 35%),var(--paper)}
::selection{background:#53e0cb;color:#111514}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--teal)}
.brand-dot,.mini-brand>span{color:var(--teal)}.brand{letter-spacing:-1px}.skip{background:var(--teal);color:#111716}
.site-header{height:96px}.site-header nav{color:#c0c6cb}.site-header nav>a:hover{color:white}
.button{background:#e9eff2;color:#151c1b;border:1px solid #fff;border-radius:5px;box-shadow:0 0 24px #53e0cb0c;font-weight:650}
.button:hover{background:var(--teal);border-color:var(--teal);box-shadow:0 0 26px #53e0cb24}.text-link span{color:var(--teal)}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:1.4px;color:#aebbc4}.status-dot{background:var(--teal);box-shadow:0 0 9px #53e0cb88}
.hero{grid-template-columns:1fr 1fr;padding-top:70px;padding-bottom:74px;gap:40px}.hero h1{font-size:clamp(64px,6.25vw,90px);font-weight:620;letter-spacing:-5.5px;line-height:1.02;margin:27px 0}
.soft-serif{font-family:inherit;font-style:normal;font-weight:500;letter-spacing:inherit}.hero h1 .soft-serif{font-size:1em;font-weight:550;line-height:1.08;margin-top:0;color:var(--teal);text-shadow:0 0 38px #53e0cb20;letter-spacing:inherit}
.hero-description{font-size:16px;line-height:1.8;max-width:440px}.hero .micro{color:#98a5af}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}
.hero-art{min-height:555px;border:1px solid #3e4f4c;border-radius:8px;background:linear-gradient(135deg,#24302e,#18201f 65%);padding:90px 32px 65px;overflow:visible;box-shadow:inset 0 1px #ffffff09}
.hero-art:before,.hero-art:after{content:'';position:absolute;width:24px;height:24px;border-color:#d7e0e8;border-style:solid;pointer-events:none}.hero-art:before{top:10px;left:10px;border-width:1px 0 0 1px}.hero-art:after{right:10px;bottom:10px;border-width:0 1px 1px 0}
.art-label{font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;letter-spacing:1px;color:#bbc5cb}.art-label-top{top:26px}.art-label-bottom{bottom:25px}.little-star{font-size:20px;color:var(--teal)}.connected-dot{background:var(--red);box-shadow:0 0 10px #ff7079}
.orbit{width:235px;height:405px;border:2px solid #53e0cb;border-radius:50%;left:12px;top:70px;transform:rotate(-20deg);box-shadow:0 0 20px #53e0cb44,inset 0 0 18px #53e0cb2b;opacity:.7}.orbit-two{left:auto;right:10px;top:105px;width:205px;height:380px;border-color:#ff7079;transform:rotate(20deg);box-shadow:0 0 20px #ff707940,inset 0 0 18px #ff707926;opacity:.65}
.floating-note{right:-14px;top:65px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;background:#e5eaed;color:#24302e;border-left:3px solid #ff7079;transform:rotate(5deg);box-shadow:0 12px 30px #0006;border-radius:2px;z-index:3}.floating-note span{color:#49615d;font-size:6px}
.hero-device{transform:rotate(-2deg);background:linear-gradient(145deg,#283533,#1d2726);border:1px solid #596f6c;box-shadow:0 26px 65px #0007,0 0 0 6px #141b1a99;border-radius:9px;padding-top:22px}.hero-device:hover{transform:rotate(0) translateY(-3px)}
.device-avatar{background:#3c504d;color:#aefff3;border:1px solid #648b85}.second-avatar{margin-left:-14px;background:#4a3839;color:#ffb4b9;border-color:#8f585b}.device-greeting,.demo-tag,.device-task small,.routine-next,.device-disclosure{color:#a1afb8}.device-tabs{color:#9eabb4}.device-tabs .active{color:#eff5f8}.device-tabs .active:after{background:var(--teal);box-shadow:0 0 10px #53e0cb88}.device-label i{color:#a1afb8}.small-check{border-color:#738a87}.checked{background:#4b6460;border-color:#478c82;color:var(--teal)}.crossed{color:#849e9a}.device-routine{background:#324240;border:1px solid #425855}.device-routine small{color:#bac5cc}.progress-track{background:#445b58}.progress-track>span{background:var(--teal);box-shadow:0 0 10px #53e0cb55}.tiny-pill{border-color:#5d827c;color:#c2d9e4}.device-capture{background:#324340;border-color:#5c7b76;color:#c8f2ec}.device-shopping small{color:#acbbc4}
.under-hero{font-size:12px}.surface-list{color:#d8e0e5}.surface-list i{color:#6b948e}.section-heading h2,h2{font-weight:500;letter-spacing:-2.8px}.section{padding-block:90px}.thought-input{background:linear-gradient(135deg,#2e3d3b,#202b29);border-left:2px solid var(--teal)}.quote-mark{color:var(--teal)}.path-number{color:var(--red)}.path-icon{color:var(--teal)}.thought-destinations b{color:#eef2f4}
.shared-story{padding:10px 0 85px}.shared-story-grid{display:grid;grid-template-columns:.9fr 1fr;gap:35px 80px;margin-top:18px}.shared-story h2{margin:0;font-size:49px}.shared-story p{font-size:15px;line-height:1.8;color:#b0bac1;margin:0}.shared-story .micro{font-size:11px;color:#98a5af;margin-top:15px}.handoff-art{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:35px;background:linear-gradient(90deg,#2d3c3a70,#1c2423 50%,#392b2c50);border:1px solid var(--line);border-radius:6px}.person-node{width:49px;height:49px;display:grid;place-items:center;border:1px solid var(--teal);color:var(--teal);border-radius:50%;box-shadow:0 0 22px #53e0cb18;font-size:16px}.orange-node{border-color:var(--red);color:var(--red);box-shadow:0 0 22px #ff707918}.handoff-line{height:1px;background:linear-gradient(90deg,#53e0cb,#53e0cb33);width:16%}.orange-line{background:linear-gradient(90deg,#ff707933,#ff7079)}.handoff-item{font-size:19px;color:#f0f4f6;padding:17px 40px;border:1px solid #586e6b;background:#263331;border-radius:5px}.handoff-item small{font:8px ui-monospace,monospace;display:block;color:#a9b7c0;letter-spacing:1px;margin-top:8px}
.world-section{background:#1b2423;border-block:1px solid var(--line)}.surface-tabs{border-color:#495f5c;border-radius:5px}.surface-tabs button{border-radius:3px;color:#b6c0c7}.surface-tabs button[aria-selected=true]{background:#e7edf0;color:#202a28}.surface-symbol,.surface-story li:before{color:var(--teal)}.surface-preview{background:repeating-linear-gradient(0deg,transparent,transparent 35px,#ffffff04 35px,#ffffff04 36px),#263331;border:1px solid #445b58;border-radius:6px}.mini-surface{background:#1e2826;border:1px solid #445b58;box-shadow:0 15px 30px #0003;border-radius:6px}.preview-laundry{background:#2f3f3d;border:1px solid #465d5a}.preview-confirm{color:var(--teal)}.note-preview{border-color:#465e5a}.hud-preview{background:#141a19;border:1px solid #5d7c77;color:#9efff0;box-shadow:0 0 30px #53e0cb0c;border-radius:5px}.hud-preview header{border-color:#465d5a}.hud-preview small{color:#91beb7}
.real-screen{border-color:#475d5a;border-radius:7px;box-shadow:0 20px 80px #0003}.screenshot-bar{background:#273432;color:#c1ccd3}.screenshot-bar i:first-child{background:var(--teal)}.screenshot-bar i:last-child{background:var(--red)}.real-screen figcaption{background:#1d2726}.capture-switch .selected{background:#3e5350;color:#d9f6ff}.version-label{background:#334441;color:#a4e9df}.build-section{padding-top:0}.latest-list h3{color:#e6ecf0}
.early-access{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding:20px 0 85px;scroll-margin-top:30px}.early-story h2{font-size:52px;margin:18px 0 24px}.early-story>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.access-options{margin-top:28px}.access-options>div{position:relative;border-top:1px solid var(--line);padding:20px 0 18px 38px}.access-options span{position:absolute;left:0;top:23px;font:10px ui-monospace,monospace;color:var(--teal)}.access-options>div:nth-child(2) span{color:var(--red)}.access-options b{font-size:14px;font-weight:500}.access-options p{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.6}.early-story>.micro{font-size:11px;margin-top:10px}.price-panel{background:linear-gradient(150deg,#e2e7ea,#c8d0d5);color:#1e2826;padding:40px;border:1px solid #f1f5f7;border-radius:6px;position:relative;align-self:start;box-shadow:0 0 60px #53e0cb0a}.price-panel:before{content:'';height:3px;background:linear-gradient(90deg,#29b7a2 50%,#d73a43 50%);position:absolute;top:-1px;left:35px;right:35px}.price-panel .eyebrow{color:#526e6a}.price{font-size:100px;letter-spacing:-7px;line-height:1;margin-top:34px;font-weight:500;display:flex;align-items:baseline;gap:4px}.price>span:first-child{font-size:38px;letter-spacing:-2px;align-self:start;margin-top:11px}.price>span:last-child{font-size:14px;letter-spacing:0;margin-left:12px;color:#526e6a}.price-unit{font-size:13px;line-height:1.8}.price-divider{height:1px;background:#a7b2ba;margin:24px 0}.price-panel>p:not(.price-unit){font-size:13px;line-height:1.8;color:#4a635f}.price-panel .button{width:100%;margin-top:15px;background:#232f2d;color:#f0f7fa;border-color:#232f2d;box-shadow:none}.price-panel .button:hover{background:#465e5a}.price-panel>small{font-size:10px;line-height:1.8;display:block;color:#536f6b;margin-top:18px}
.vision-strip{border-block:1px solid var(--line);padding:30px 0;margin-bottom:85px;display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:35px;align-items:center}.vision-strip>p{font-size:23px;line-height:1.4;letter-spacing:-.7px;margin:0}.vision-strip>span:last-child{font-size:12px;line-height:1.8;color:var(--muted)}.invitation{background:linear-gradient(120deg,#283634,#242e2c 70%,#392b2c50);border:1px solid #465d5a;border-radius:6px;position:relative}.invitation-art{border-color:#526b67}.invitation-art>span>span{color:var(--red);text-shadow:0 0 25px #ff707940;font-size:65px}.invitation-art p{font-family:inherit;font-size:24px;font-weight:400;line-height:1.4;color:#bcc8d1}.invitation h2{font-size:46px}.site-footer .brand{color:#edf3f6}
/* Keep the browser sample in the same public visual world. */
.demo-page{background:radial-gradient(ellipse at 25% 0,#3a4d4a55,transparent 45%),#111716}.demo-site-header{border-color:var(--line)}.quiet-button{border-color:#526d69;color:#c7d3db;border-radius:4px}.quiet-button:hover{background:#374946}.sample-app{background:#202b29;border-color:#4a625e;border-radius:7px;box-shadow:0 20px 60px #0003}.sample-sidebar{background:#1b2423;border-color:#3b4e4b}.sidebar-label,.sidebar-bottom p{color:#a1b1bc}.sample-sidebar nav button{color:#adbdc8}.sample-sidebar nav button[aria-pressed=true]{background:#3b4e4b;color:#d7f5ff}.sample-sidebar nav i{background:#56726e;color:#e1f7ff}.sidebar-bottom>button{color:#b4e7df}.workspace-kicker,.panel-label{color:#a5b7c2}.workspace-profile{background:#455c59;color:#bcfff5}.workspace-profile>span{color:#a5b7c2}.workspace-nav{border-color:#435956;color:#afbdc8}.workspace-nav button[aria-pressed=true]{color:#f2f7fa}.workspace-nav button[aria-pressed=true]:after{background:var(--teal)}.sample-task,.grocery-row{border-color:#3a4d4a}.sample-task small,.grocery-toggle>small{color:#a2b3be}.check-circle{border-color:#6b9690;color:var(--teal)}.is-done .check-circle{background:#4f6965;border-color:#4f9288}.is-done .task-text,.is-done .grocery-name,.routine-step.is-done .step-label{color:#83a6a1}.routine-card{background:#31413f;border-color:#49615d;border-radius:6px}.routine-card h3 small,.routine-step>small{color:#afc0cc}.routine-step.waiting,.routine-step.waiting>small{color:#8afae9}.routine-empty{color:#a9bbc5;border-color:#587571}.routine-empty b{color:#c6efe9}.sample-shopping{border-color:#49615d}.urgent-button{border-color:#5e7e79;color:#a5b8c4}.urgent-button[aria-pressed=true]{border-color:#b65056;color:#ff8e95;background:#463536}.shopping-note{color:#a1b3be}.feedback{color:#9efaec}.thought-form{background:#384b48;border-color:#549188;border-radius:5px}.thought-form>span{color:var(--teal)}.thought-form input{color:#f2f6fa}.thought-form input::placeholder{color:#a3c7c2;opacity:1}.thought-form input:focus-visible{outline-color:var(--teal)}.thought-form button{background:#d3e9f2;color:#293735}.composer-note{color:#9bbcb7}.sample-recipes>div>p{color:#a7b9c5}.sample-recipes>button{background:#283634;border-color:#526e6a;color:#e0ecf3;border-radius:5px}.sample-recipes>button:hover{background:#3b4f4c}.sample-recipes>button>span{color:#a3cec8}.sample-recipes b{color:var(--teal)}.demo-bottom{color:#a0c1bc}.note-card{background:#2e3d3b;border-color:#4e6864}.note-card>small{color:#9ecec7}.note-card p{color:#cfdee7}.note-card footer>span{color:#9cbeb9}.note-card button,.sample-agent-button{border-color:#5f8a84;background:#465d5a;color:#d9f3ff}.note-form textarea{border-color:#5b857f;background:#232f2d;color:#e7f2f8}.note-form button{background:#c9f2ec;color:#25312f}.view-hint,.sample-chat .example-question{color:#a1c6c0}.review-source{background:#384a47;border-color:var(--red);color:#dce8f0}.sample-chat-response{background:#354643}.sample-chat-response>small{color:var(--teal)}.glass-stage{background:#2c3a38;border:1px solid #54706c}.glass-hud{background:#161d1c;border-color:#4a9d91;color:#a3fff1;box-shadow:0 0 30px #53e0cb15}.glass-hud>header{border-color:#4f6965}.glass-hud>small,.glass-caption{color:#95cbc3}.storage-warning{background:#4c393a;color:#ffc4c8}
@media(min-width:1600px){.hero h1{font-size:100px}.hero-art{min-height:590px}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:70px;letter-spacing:-4px}.hero-art{padding-inline:20px;min-height:520px}.floating-note{right:-8px;font-size:13px}.early-access{gap:55px}.price-panel{padding:30px}.hero .eyebrow{font-size:8px}.vision-strip{grid-template-columns:.8fr 1.5fr 1fr;gap:25px}.vision-strip>p{font-size:21px}.shared-story-grid{gap:30px 45px}}
@media(max-width:800px){.site-header{height:83px}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.hero h1{font-size:86px;letter-spacing:-5px}.hero-art{min-height:560px;padding:90px 35px 65px}.hero .eyebrow{font-size:9px}.floating-note{font-size:16px;right:0}.early-access{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.early-story>p{max-width:600px}.early-story h2{font-size:48px}.price-panel{max-width:540px;width:100%;padding:35px}.price{font-size:95px}.vision-strip{grid-template-columns:1fr 1fr;padding-block:25px;margin-bottom:60px}.vision-strip>.eyebrow{grid-column:1/-1}.shared-story{padding-bottom:60px}.shared-story-grid{gap:25px}.shared-story h2{font-size:43px}.shared-story p{font-size:13px}.handoff-art{padding:25px}.handoff-item{padding:15px 25px}.invitation h2{font-size:42px}}
@media(max-width:480px){.hero h1{font-size:64px;letter-spacing:-3.8px}.hero h1 .soft-serif{font-size:1em;letter-spacing:inherit}.hero-description{font-size:14px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-art{min-height:465px;padding:82px 16px 52px;border-radius:6px}.orbit{width:165px;height:340px;top:65px;left:0}.orbit-two{right:0;left:auto;top:85px;width:150px;height:320px}.floating-note{font-size:12px;right:-4px;top:60px;padding:12px}.art-label-top,.art-label-bottom{font-size:6px;letter-spacing:.7px}.little-star{font-size:17px}.hero-device{padding:17px 14px 9px}.hero{padding-bottom:40px}.hero-actions{gap:18px}.hero .text-link{font-size:10px}.hero .button{font-size:12px;padding:15px;gap:15px}.shared-story-grid{grid-template-columns:1fr;gap:22px;margin-top:15px}.shared-story h2{font-size:40px}.shared-story p{font-size:14px}.handoff-art{grid-column:auto;padding:25px 15px}.person-node{width:36px;height:36px;font-size:12px}.handoff-item{padding:13px 15px;font-size:16px}.handoff-item small{font-size:6px}.handoff-line{width:12%}.vision-strip{grid-template-columns:1fr;gap:18px}.vision-strip>.eyebrow{grid-column:auto}.vision-strip>p{font-size:25px}.early-story h2{font-size:41px}.early-access{gap:25px;padding-top:0}.price-panel{padding:28px}.price{font-size:90px}.price-panel .eyebrow{font-size:8px}.price>span:last-child{font-size:12px}.invitation h2{font-size:35px}.surface-tabs button{padding:11px 16px}.section{padding-block:65px}.site-header nav>a:nth-child(2){font-size:11px}.hero .micro{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:800px){.hero-art{overflow:hidden}}

/* The public sample follows the v0.20 visual handoff; its implementation is independent. */
.brand-dot,.mini-brand>span{color:var(--red);text-shadow:0 0 12px #ff626c30}
.site-header,.demo-site-header{border-bottom:1px solid var(--red-line);box-shadow:0 1px 8px #ff626c0b}
.hero-device,.sample-app,.sample-sidebar,.world-section,.real-screen,.workspace-nav{border-color:var(--red-line)}
.hero-device,.sample-app{background:#171c20}
.device-routine,.preview-laundry,.routine-card,.note-card{background:linear-gradient(135deg,var(--surface),var(--surface-deep));border-color:#343e45;border-top-color:var(--red-line)}
.static-chunks{display:flex;gap:4px;margin:13px 0 11px}
.static-chunks>span{flex:1;height:7px;border-radius:3px;background:#343e45;overflow:hidden}
.static-chunks>.complete{background:var(--teal);box-shadow:0 0 8px #53e0cb20}
.static-chunks>.running{background:#ff626c30;box-shadow:inset 0 0 0 1px var(--red)}
.static-chunks>.running>i{display:block;width:50%;height:100%;background:var(--red);animation:sample-clock-light 1.2s ease-in-out infinite}
.device-wait .timer-tag{font-size:6px;padding:1px 3px;margin-right:3px}
.device-wait b.timer-running,.preview-laundry small.timer-running{color:var(--red);animation:sample-clock-light 1.2s ease-in-out infinite}
.device-shopping>div{gap:6px}.device-shopping strong{font-weight:700}
.phone-capture{max-height:850px;object-fit:contain;background:#111315}
.real-screen figcaption{gap:15px;flex-wrap:wrap}
.sample-sidebar{background:#1b2126}
.sample-main{background:#171c20}
.sample-sidebar nav button[aria-pressed=true]{background:var(--teal-soft);color:var(--teal);box-shadow:inset 2px 0 var(--teal)}
.workspace-kicker,.panel-label,.workspace-nav,.sidebar-label,.sidebar-bottom p,.sample-task small,.shopping-note,.view-hint,.composer-note{color:#b0bbc2}
.sample-task,.grocery-row{border-bottom-color:#ff626c24}
.sample-shopping{border-color:var(--red-line)}
.check-circle{border-color:#728087;color:#14191c}
.is-done .check-circle{background:var(--teal);border-color:var(--teal);color:#14191c}
.is-done .task-text,.is-done .grocery-name,.routine-step.is-done .step-label{color:#a0aab1}
.urgent-marker{color:var(--red)}
.is-urgent:not(.is-done)>.check-circle,.is-urgent:not(.is-done)>.grocery-toggle>.check-circle{border-color:var(--red);box-shadow:0 0 8px #ff626c30}
.urgent-button[aria-pressed=true]{color:var(--red);border-color:var(--red);background:var(--red-soft);box-shadow:0 0 12px #ff626c20}
.grocery-toggle{min-width:0}.grocery-name{flex:1;min-width:0;overflow-wrap:break-word}.grocery-name strong{font-size:inherit;font-weight:700}
.sample-item-more{flex:none;border:0;background:none;color:#b0bbc2;font-size:22px;padding:5px 7px;cursor:pointer}
.routine-panel-label{margin-top:24px}
.sample-routine-head{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;padding:0;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.sample-routine-head b{flex:1;font-size:14px;font-weight:600}.sample-routine-head>span{font-size:10px;color:#b0bbc2}
.sample-chunks{display:flex;gap:4px;margin:14px 0 10px}
.sample-chunk{height:8px;flex:1;min-width:0;background:#343e45;border-radius:3px;overflow:hidden}
.sample-chunk>i{display:block;height:100%;background:var(--teal)}
.sample-chunk.current{box-shadow:inset 0 0 0 1px var(--teal)}
.sample-chunk.timer-running{background:#ff626c30;box-shadow:inset 0 0 0 1px var(--red)}
.sample-chunk.timer-running>i{background:var(--red);animation:sample-clock-light 1.2s ease-in-out infinite}
.sample-chunk.timer-ready{background:var(--red);box-shadow:none}.sample-chunk.timer-ready>i{background:var(--red)}
.sample-glance{display:flex;align-items:center;gap:8px;min-height:32px;font-size:12px}
.sample-glance>span{flex:1;min-width:0}.sample-glance>small{white-space:nowrap;font-size:11px;color:var(--teal)}
.timer-tag{display:inline-block;padding:1px 4px;border:1px solid var(--teal);border-radius:4px;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.8px;color:var(--teal)}
.timer-running .timer-tag,.timer-ready .timer-tag{color:var(--red);border-color:var(--red)}
.sample-glance>small.timer-running,.routine-step>small.timer-running{color:var(--red);animation:sample-clock-light 1.2s ease-in-out infinite}
.sample-glance>small.timer-ready,.routine-step>small.timer-ready{color:var(--red);font-weight:700}
.sample-step-done{flex:none;padding:6px 9px;border:1px solid #728087;border-radius:6px;background:transparent;font-size:11px;color:var(--ink);cursor:pointer}
.timer-ready .sample-step-done{border-color:var(--red);color:var(--red)}
.sample-steps{border-top:1px solid #343e45;margin-top:10px;padding-top:5px}
.sample-steps .routine-step{color:var(--ink)}.routine-step>small{color:var(--teal)}
.feedback{color:var(--teal)}.thought-form{background:linear-gradient(120deg,var(--teal-soft),var(--surface));border-color:#728087}
.thought-form input{color:var(--ink)}.thought-form input::placeholder{color:#a0aab1;opacity:1}
.thought-form button{background:#e9eff2;color:#14191c}
.sample-item-dialog{width:min(440px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #343e45;border-top-color:var(--red-line);border-radius:14px;padding:22px;background:#171c20;color:var(--ink);box-shadow:0 25px 70px #0006}
.sample-item-dialog::backdrop{background:#0009}
.sample-item-dialog header{display:flex;align-items:start;gap:12px}.sample-item-dialog h2{font-size:22px;letter-spacing:-.6px;margin:4px 0;flex:1;line-height:1.3}
.sample-item-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:24px 0;font-size:14px}.sample-item-dialog dt{color:#b0bbc2}.sample-item-dialog dd{margin:0}
.sample-item-dialog form{display:grid;gap:12px}.sample-item-dialog label{font-size:13px}.sample-item-dialog input{width:100%;padding:12px;background:var(--surface-deep);color:var(--ink);border:1px solid #728087;border-radius:7px;font:inherit}
.sample-item-dialog button{cursor:pointer}.sample-item-dialog .quiet-button{color:var(--ink);border-color:#728087;min-height:40px}
.sample-item-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
@keyframes sample-clock-light{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:760px){
 .sample-sidebar{border-bottom-color:var(--red-line)}
 .workspace-grid{grid-template-columns:1fr;gap:24px}.sample-shopping{padding:20px 0 0;border-left:0;border-top:1px solid var(--red-line)}
 .sample-sidebar nav button{min-height:44px;font-size:12px}.sidebar-bottom>button{min-height:44px;font-size:11px}
 .sample-task,.grocery-toggle{font-size:16px;min-height:48px}.sample-task small{font-size:12px}
 .check-circle{width:21px;height:21px;font-size:13px}
 .sample-routine-head{min-height:40px}.sample-routine-head b{font-size:17px}.sample-routine-head>span{font-size:13px}
 .sample-chunk{height:10px}.sample-glance{font-size:14px;min-height:44px}.sample-glance>small{font-size:12px}.timer-tag{font-size:9px}
 .sample-step-done{min-height:44px;font-size:13px}.routine-step{font-size:15px;min-height:44px}.routine-step>small{font-size:12px}
 .routine-step .check-circle{width:20px;height:20px;font-size:12px}
 .urgent-button,.sample-item-more{min-width:40px;min-height:44px;font-size:12px}.sample-item-more{font-size:24px}
 .thought-form input{font-size:16px;min-width:0}.thought-form button{font-size:13px;min-height:44px}.composer-note{font-size:10px;line-height:1.6}
 .feedback,.feedback button{font-size:13px}.feedback button{min-height:44px}.feedback{gap:10px}
 .sample-item-dialog{width:100%;max-width:none;inset:auto 0 0;margin:0;border-radius:16px 16px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom))}
 .sample-item-dialog input{font-size:16px}.sample-item-dialog button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.sample-chunk.timer-running>i,.static-chunks>.running>i,.sample-glance>small.timer-running,.routine-step>small.timer-running,.device-wait b.timer-running,.preview-laundry small.timer-running{animation:none}}
.device-wait .timer-tag{color:var(--red);border-color:var(--red)}
@media(min-width:801px) and (max-width:1100px){.orbit-two{right:28px;width:175px;height:330px}}

/* The live build record follows completed app releases. */
.app-updates{padding:0 0 80px;scroll-margin-top:24px}.app-updates h2{margin:18px 0 30px;font-size:46px}.app-update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.app-update-grid article{border-top:1px solid var(--red-line);padding-top:20px}.app-update-grid article>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--teal)}.app-update-grid h3{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:18px 0 12px}.app-update-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.app-updates>.micro{font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px}@media(max-width:800px){.app-update-grid{grid-template-columns:1fr;gap:20px}.app-updates{padding-bottom:60px}.app-updates h2{font-size:39px}.app-update-grid p{max-width:550px}}

/* Work clocks can begin on any unfinished hands-on step. */
.sample-step-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ff626c15}
.sample-step-row .routine-step{flex:1;min-width:0;border:0;background:transparent;text-align:left}
.sample-step-start{flex:none;min-height:40px;padding:6px 10px;border:1px solid #728087;border-radius:6px;background:transparent;color:var(--ink);font-size:11px}
.sample-step-start:hover{border-color:var(--teal);background:var(--teal-soft)}
.sample-step-row.is-done .check-circle{background:var(--teal);color:#17201e;border-color:var(--teal)}
@media(max-width:760px){.sample-step-start{min-height:44px;font-size:12px}.sample-step-row .routine-step{gap:8px}.sample-glance{flex-wrap:wrap}.sample-glance>span{flex-basis:40%}.sample-step-row .routine-step>small{font-size:11px}}
/* Let genuine captures keep their proportions on narrow screens. */
.real-screen>img{height:auto;aspect-ratio:auto;max-height:850px;object-fit:contain;background:#111315}
@media(max-width:760px){.capture-switch{flex-wrap:wrap}.capture-switch button{min-height:44px}}