.demo-page{background:#eeefe7}.demo-outer{width:min(1390px,calc(100% - 64px));margin:auto}.demo-site-header{height:85px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #d8ddcf;font-size:11px}.demo-site-header>div{margin-left:auto;display:flex;gap:25px;align-items:center}.quiet-button{border:1px solid #cad1c0;border-radius:6px;padding:9px 12px;background:transparent;font-size:10px}.quiet-button:hover{background:#e1e6d6}.demo-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;padding:38px 0 30px}.demo-intro h1{font-size:47px;letter-spacing:-2.5px;line-height:1.04;font-weight:500;margin:14px 0 0}.demo-intro .soft-serif{letter-spacing:-2px}.demo-intro p{font-size:12px;color:var(--muted);line-height:1.8;max-width:410px;margin-bottom:2px}.sample-app{background:#fafbf7;border:1px solid #d2d8c9;border-radius:16px;display:grid;grid-template-columns:180px 1fr;overflow:hidden;box-shadow:0 15px 40px #35462c06;min-height:570px}.sample-sidebar{padding:26px 18px;background:#e7ebde;display:flex;flex-direction:column;border-right:1px solid #d8decf}.sample-sidebar .brand{font-size:22px;gap:8px}.sidebar-label{font-size:7px;letter-spacing:1.3px;color:#859177;margin-top:45px;margin-left:10px}.sample-sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:15px}.sample-sidebar nav button{border:0;border-radius:7px;background:transparent;text-align:left;padding:11px 10px;display:flex;align-items:center;font-size:12px;gap:9px;color:#66745c}.sample-sidebar nav button>span{font-size:18px;width:20px}.sample-sidebar nav button[aria-pressed=true]{background:#d8e1c9;color:var(--ink)}.sample-sidebar nav i{font-style:normal;font-size:8px;background:#c5d0b7;padding:3px 6px;border-radius:20px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:35px 8px 0}.sidebar-bottom .sample-label{font-size:7px;display:flex;gap:6px;align-items:center}.sidebar-bottom p{font-size:10px;line-height:1.7;color:#7e8b72}.sidebar-bottom>button{background:none;border:0;padding:10px 0;color:#647456;font-size:10px;margin-top:12px}.sample-main{padding:28px 32px 20px;min-width:0;outline:none}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-kicker{font-size:8px;letter-spacing:1.1px;color:#939c8c}.workspace-header h2{font-size:29px;letter-spacing:-1.2px;margin:7px 0 0}.workspace-profile{font-size:11px;background:#e6eadc;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.workspace-profile>span{position:absolute;right:39px;white-space:nowrap;color:#8b9681;font-size:9px}.workspace-nav{display:flex;gap:24px;align-items:center;border-bottom:1px solid #dce1d4;margin-top:25px;min-height:37px;font-size:11px;color:#7f8b74}.workspace-nav button{border:0;background:transparent;color:inherit;padding:0 0 12px;position:relative;font-size:11px}.workspace-nav button[aria-pressed=true]{color:var(--ink)}.workspace-nav button[aria-pressed=true]:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:var(--ink)}.workspace-nav>span{margin-left:auto;font-size:8px;letter-spacing:.5px}.workspace-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding-top:23px;min-height:310px}.panel-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8b9681;align-items:center;margin:0 0 12px}.panel-label>span{font-size:9px;letter-spacing:0}.sample-task{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e8ebdf;padding:13px 0;font-size:12px}.sample-task small{display:block;font-size:9px;color:#8b9681;margin-top:5px;line-height:1.5}.check-circle{border:1px solid #bbc7ae;width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-size:10px;color:#5d724d;flex:none}.is-done .check-circle{background:#d5e4c5;border-color:#d5e4c5}.is-done .task-text,.is-done .grocery-name{text-decoration:line-through;color:#8d9884}.routine-card{background:#edf1e4;border:1px solid #e0e7d5;border-radius:10px;padding:17px;margin-top:14px}.routine-card h3{font-size:13px;font-weight:600;margin:0;display:flex;justify-content:space-between}.routine-card h3 small{font-size:9px;font-weight:400;color:#7e8c72}.routine-card .progress-track{margin-bottom:10px}.routine-step{width:100%;text-align:left;padding:8px 0;border:0;background:none;display:flex;align-items:center;gap:8px;font-size:10px}.routine-step>small{margin-left:auto;font-size:8px;white-space:nowrap;color:#7d8c6f}.routine-step .check-circle{width:13px;height:13px;font-size:9px}.routine-step.is-done .step-label{text-decoration:line-through;color:#8e9b7f}.routine-step.waiting{color:#738f56}.routine-step.waiting>small{color:#638449}.routine-empty{font-size:12px;color:#859177;border:1px dashed #ccd6be;padding:22px 18px;border-radius:10px;margin-top:15px;line-height:1.7}.routine-empty b{font-weight:500;color:#647956}.sample-shopping{border-left:1px solid #e0e5d7;padding-left:24px}.grocery-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e6ebdd;padding:2px 0}.grocery-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;padding:13px 0;font-size:12px;text-align:left;flex:1}.grocery-toggle>small{margin-left:auto;font-size:9px;color:#8c9781}.urgent-button{border:1px solid #d9dfd0;background:transparent;border-radius:5px;font-size:8px;color:#8b9680;padding:5px 6px}.urgent-button[aria-pressed=true]{border-color:#d5ad7c;color:#a77a43;background:#f6ecd9}.shopping-note{font-size:9px;line-height:1.8;color:#8b9681;margin-top:18px}.feedback{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0 10px;font-size:10px;color:#647c51;min-height:45px}.feedback button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:10px;flex:none}.feedback button:disabled{opacity:.3;cursor:default}.thought-form{border:1px solid #cad7b9;border-radius:8px;padding:8px 8px 8px 13px;background:#edf4e2;display:flex;align-items:center;gap:8px}.thought-form>span{font-size:23px;color:#7c9167}.thought-form input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:11px;padding:9px;color:var(--ink)}.thought-form input:focus-visible{outline:2px solid #99ab83;outline-offset:0;border-radius:4px}.thought-form button{font-size:10px;background:#2a3827;color:#fff;border:0;border-radius:5px;padding:11px 13px;display:flex;gap:13px;align-items:center}.composer-note{font-size:8px;color:#9aa38f;margin:8px 0 0}.sample-recipes{display:grid;grid-template-columns:.8fr repeat(3,1fr);gap:20px;margin:28px 0}.sample-recipes>div>p{font-size:11px;color:#8b9681;margin:7px 0 0}.sample-recipes>button{border:1px solid #d2dbca;background:#f5f6f0;border-radius:8px;padding:14px 15px;text-align:left;font-size:12px;position:relative;transition:background .2s,transform .2s}.sample-recipes>button:hover{background:#e1e9d6;transform:translateY(-2px)}.sample-recipes>button>span{display:block;font-size:7px;letter-spacing:1px;color:#8d9882;margin-bottom:9px}.sample-recipes b{position:absolute;right:14px;bottom:13px;font-size:18px;font-weight:400}.demo-bottom{display:flex;justify-content:space-between;font-size:9px;color:#8b9681;padding-bottom:30px;gap:20px;line-height:1.8}.demo-bottom p{margin:0}.demo-bottom a{text-decoration:underline;text-underline-offset:3px}.note-card{border:1px solid #dde3d3;background:#f3f5ed;border-radius:10px;padding:20px;margin:18px 0}.note-card>small{font-size:8px;letter-spacing:.8px;color:#87957b}.note-card p{font-size:13px;line-height:1.8;margin:14px 0;color:#5e6c54}.note-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.note-card button,.sample-agent-button{border:1px solid #cbd7bc;background:#e6eedb;border-radius:6px;padding:9px 12px;font-size:10px}.note-card footer>span{font-size:9px;color:#8b9681}.note-form{display:flex;gap:10px;margin:20px 0}.note-form label{flex:1}.note-form textarea{width:100%;resize:vertical;min-height:65px;border:1px solid #cfd8c4;border-radius:6px;background:#fafbf5;font-size:12px;line-height:1.7;padding:12px}.note-form button{align-self:end;border:0;background:var(--ink);color:white;border-radius:5px;padding:12px;font-size:11px}.view-hint{font-size:11px;color:#87957b;line-height:1.8;margin:18px 0}.review-source{padding:15px;border-left:2px solid #bac8a7;background:#edf2e4;font-size:12px;line-height:1.8}.review-controls{margin-top:15px;display:flex;gap:10px}.sample-chat{padding-top:20px;min-height:285px}.sample-chat h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 15px}.sample-chat .example-question{font-size:12px;color:#8b9681;margin:16px 0}.sample-chat-response{background:#edf1e5;border-radius:9px;padding:20px;font-size:13px;line-height:1.8}.sample-chat-response>small{display:block;font-size:8px;letter-spacing:1px;color:#849574;margin-bottom:10px}.glass-stage{background:#e4e9db;border-radius:12px;padding:35px;margin-top:20px;min-height:290px;display:flex;flex-direction:column;justify-content:center}.glass-hud{background:#172019;border:1px solid #4f6540;border-radius:9px;color:#b7e994;padding:24px 30px;font-family:ui-monospace,SFMono-Regular,monospace;max-width:580px;width:100%;align-self:center;min-height:230px;box-shadow:0 10px 25px #33422c21}.glass-hud>header{font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between;border-bottom:1px solid #425338;padding-bottom:10px;margin-bottom:16px}.glass-hud>p{font-size:14px;line-height:1.7;margin:7px 0}.glass-hud>small{display:block;font-size:9px;color:#6d925b;margin-top:20px}.glass-caption{font-size:9px;line-height:1.8;color:#849375;max-width:580px;width:100%;align-self:center;margin:14px 0 0}.storage-warning{font-size:12px;line-height:1.7;background:#f3e9cc;padding:14px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.presentation .demo-intro,.presentation .sample-recipes,.presentation .demo-bottom{display:none}.presentation .demo-site-header{height:65px}.presentation .sample-app{margin-block:22px;min-height:calc(100vh - 112px)}.presentation .workspace-grid{min-height:calc(100vh - 400px)}.presentation .sample-main{padding:35px}.presentation .sidebar-bottom{padding-bottom:10px}
@media(max-width:1000px){.demo-outer{width:calc(100% - 40px)}.sample-app{grid-template-columns:145px 1fr}.sample-sidebar{padding:24px 12px}.sample-sidebar nav button{font-size:11px}.sample-main{padding:25px}.workspace-grid{gap:20px;grid-template-columns:1.3fr 1fr}.sample-shopping{padding-left:18px}.sample-recipes{grid-template-columns:repeat(3,1fr);gap:12px}.sample-recipes>div{grid-column:1/-1}.workspace-profile>span{display:none}.workspace-header h2{font-size:25px}.grocery-toggle{font-size:11px}.sample-task{font-size:11px}.demo-intro{gap:30px}.demo-intro p{max-width:360px}.sample-recipes>button{font-size:11px}.sample-recipes b{font-size:14px;right:10px}.sample-recipes>button>span{font-size:6px}}@media(max-width:700px){.demo-site-header{height:70px;gap:15px;font-size:10px}.demo-site-header>div{gap:12px}.demo-site-header>div>a{display:none}.demo-intro{align-items:start;gap:18px;padding:28px 0;flex-direction:column}.demo-intro h1{font-size:43px}.demo-intro p{max-width:100%;font-size:11px}.sample-app{grid-template-columns:1fr}.sample-sidebar{padding:15px 18px;flex-direction:row;align-items:center;gap:20px;border-right:0;border-bottom:1px solid #d8decf}.sample-sidebar>.brand{display:none}.sidebar-label{display:none}.sample-sidebar nav{flex-direction:row;margin:0;gap:8px}.sample-sidebar nav button{padding:8px 12px;font-size:10px;gap:5px}.sample-sidebar nav button>span{font-size:17px}.sample-sidebar nav i{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0}.sidebar-bottom p,.sidebar-bottom>.sample-label{display:none}.sidebar-bottom>button{margin:0;padding:5px;font-size:9px}.sample-main{padding:22px}.workspace-header h2{font-size:25px}.workspace-grid{grid-template-columns:1.2fr 1fr;gap:20px}.grocery-toggle{font-size:10px;gap:5px}.check-circle{width:13px;height:13px;font-size:9px}.urgent-button{font-size:7px;padding:4px}.grocery-toggle>small{font-size:8px}.thought-form>span{display:none}.thought-form{padding-left:4px;gap:2px}.thought-form input{font-size:10px;padding:9px 8px}.thought-form button{font-size:9px;gap:8px;padding:11px 10px}.sample-recipes{gap:8px}.sample-recipes>button{font-size:10px;padding:12px 10px}.sample-recipes b{display:none}.sample-recipes>button>span{font-size:6px;letter-spacing:.7px}.sample-task small{font-size:8px}.workspace-nav>span{font-size:7px}.demo-bottom{flex-direction:column;gap:10px}.presentation .sample-main{padding:22px}.presentation .sample-app{min-height:calc(100vh - 100px)}.glass-stage{padding:16px}.glass-hud{padding:18px}.glass-hud>p{font-size:11px}}@media(max-width:430px){.demo-outer{width:calc(100% - 24px)}.demo-site-header>.brand{font-size:23px}.demo-site-header>.brand img{width:27px;height:27px}.demo-site-header>a:nth-child(2){font-size:9px}.quiet-button{font-size:8px;padding:8px}.sample-sidebar{padding:12px 9px;gap:5px}.sample-sidebar nav{gap:1px}.sample-sidebar nav button{padding:7px 8px;font-size:9px}.sample-sidebar nav button>span{font-size:15px}.sample-main{padding:20px 15px 15px}.workspace-header h2{font-size:23px}.workspace-grid{grid-template-columns:1fr;gap:20px;min-height:0}.sample-shopping{border:0;border-top:1px solid #e0e5d7;padding:20px 0 0;margin-top:5px}.grocery-toggle,.sample-task{font-size:12px}.grocery-toggle>small{font-size:10px}.grocery-row{padding:1px 0}.urgent-button{font-size:8px;padding:5px}.routine-step{font-size:11px}.feedback{font-size:9px;padding-top:20px}.thought-form button{padding:10px 8px;font-size:8px;gap:3px}.thought-form input{font-size:9px}.sample-recipes{grid-template-columns:1fr}.sample-recipes>button{font-size:12px;padding:14px}.sample-recipes>button>span{font-size:7px}.sample-recipes b{display:block}.composer-note{font-size:7px}.presentation .workspace-grid{min-height:0}.workspace-nav{gap:18px}.workspace-nav>span{display:none}.glass-hud{padding:16px}.glass-hud>p{font-size:10px}.note-form{flex-direction:column}.note-form button{align-self:start}.presentation .sample-main{padding:20px 15px}}

.authentic-glasses{margin:0;width:100%;background:#050706;padding:12px}.authentic-glasses img{display:block;width:100%;height:auto;aspect-ratio:2/1}.authentic-glasses figcaption{font:11px/1.6 ui-sans-serif,sans-serif;color:#aebbb5;margin-top:12px;text-align:center}