/* The personal assistant: warm paper, ink and a single wine accent. */
:root{font-family:Heebo,Arial,sans-serif;--paper:#f7f5f0;--wine:#863b47;--ink:#25252a;--muted:#74706c;--line:#e6e1da;background:var(--paper);color:var(--ink)}
button,input,textarea{font-family:Heebo,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:active{transform:translateY(1px)}button:disabled{transform:none}h1{font-family:'Frank Ruhl Libre',Georgia,serif;font-weight:500;letter-spacing:-1.8px}h2,h3{letter-spacing:-.4px}p{color:var(--muted)}
.icon-sheet{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.primary{background:var(--wine);box-shadow:0 4px 12px #77333f13;border-radius:12px;font-weight:500}.primary:hover{background:#71303a;box-shadow:0 6px 18px #77333f24}.secondary{background:#f5f1eb;border-color:#e3dbd3}.quiet{border-radius:10px}.quiet:hover{background:#eee9e2}.brand-icon{border-radius:15px;background:var(--wine);box-shadow:inset 0 1px 0 #ffffff20}.brand-icon .icon{width:30px;height:30px;stroke-width:1.3}
/* A welcoming entrance, with an editorial brand panel on larger screens. */
.login-shell{background:#f7f5f0;display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(420px,1fr);padding:0;min-height:100dvh;align-items:stretch;position:relative}
.login-story{position:relative;background:#803a46;color:#fff9ef;overflow:hidden;display:flex;flex-direction:column;padding:44px 9%;isolation:isolate}.login-story:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 60%,#d3998e35,transparent 65%),radial-gradient(ellipse at 90% 10%,#41222c50,transparent 65%)}
.story-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:500;color:#fff8ed}.story-brand>.icon{width:30px;height:36px;stroke-width:1.3}.story-copy{position:relative;margin-top:64px;z-index:2}.story-eyebrow{color:#e4c5c1;font-size:12px}.story-copy h2{font-family:'Frank Ruhl Libre',Georgia,serif;font-size:clamp(46px,4.5vw,70px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:20px 0 24px}.story-copy h2 em{font-style:normal;color:#eacfc0}.story-copy p{color:#e4ccca;font-size:15px;line-height:1.9}
.story-canvas{position:relative;min-height:270px;max-width:460px;margin:24px auto 24px;width:100%;direction:rtl}.orbit{position:absolute;border:1px solid #e5b8b22b;border-radius:50%;width:370px;height:370px;left:calc(50% - 185px);top:-70px;transform:rotate(-25deg)}.orbit-two{width:480px;height:480px;left:calc(50% - 240px);top:-125px;border-style:dashed;opacity:.5}.orbit-one:before{content:'';position:absolute;width:9px;height:9px;background:#e3c0ab;border:5px solid #9a5961;border-radius:50%;left:60px;top:28px;box-sizing:content-box}
.story-card{position:absolute;background:#fffaf3f5;border:1px solid #ffffff70;border-radius:16px;box-shadow:0 16px 36px #35142024;color:#3c3334;display:flex;align-items:center;gap:14px;padding:18px 20px;backdrop-filter:blur(10px)}.story-card strong{font-size:14px;font-weight:500;display:block}.story-card span:not(.mini-icon):not(.waveform){display:block;font-size:11px;color:#84746f;margin-top:6px}.story-card .mini-icon{width:36px;height:36px;background:#f0e4df;color:#86404c;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.mini-icon .icon{width:20px;height:20px}.story-task{top:8px;right:0;width:90%;transform:rotate(-4deg)}.story-task i{font-style:normal;font-size:15px;color:#6e8367;margin-right:auto;border:1px solid #dce5d5;border-radius:50%;width:24px;height:24px;text-align:center}.story-note{top:111px;left:0;transform:rotate(3deg);width:87%}.story-voice{top:211px;right:8%;padding:12px 16px;gap:12px;background:#69303bc9;border-color:#e9c3c32a;color:#f7e5dc;box-shadow:0 12px 24px #3a13221c}.story-card.story-voice span:not(.waveform){color:#efd9d2;margin:0}.story-voice>.icon{width:18px;height:18px}.waveform{display:flex;gap:3px;align-items:center;height:26px}.waveform i{width:3px;height:8px;background:#dfb7a5;border-radius:4px}.waveform i:nth-child(3n){height:24px}.waveform i:nth-child(3n + 1){height:15px}.story-footer{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;color:#dfbbb8;font-size:11px}
.login-card{margin:auto;max-width:390px;padding:40px 16px;background:transparent;border:0;box-shadow:none;border-radius:0}.login-card .brand-icon{width:52px;height:52px;margin-bottom:32px}.login-card .eyebrow{font-weight:400;font-size:12px;letter-spacing:0;color:var(--wine)}.login-card h1{font-size:52px;line-height:1.15;margin:12px 0 16px}.login-card p{font-size:14px;line-height:1.8}.login-card form{margin-top:28px}.login-card label{font-size:13px;font-weight:500;margin:18px 0}.login-card input{border:1px solid #ded8d0;background:#fffefa;height:54px;border-radius:10px;font-size:16px}.login-card button{height:52px;margin-top:24px;font-size:14px;align-items:center}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);padding-top:24px;margin-top:8px;font-size:11px}.login-security .icon{height:13px;width:13px;color:#8d8075}.login-card .error{font-size:13px}
/* The working space. */
.app{background:#f7f5f0}.sidebar{background:#25272a;color:#ede7df;width:264px;padding:36px 20px 24px;border:0;position:relative}.brand{color:#fff7eb;margin:0 12px 52px;font-weight:500;font-size:21px;gap:12px}.brand .brand-icon{background:#e8d9c7;color:#393036;width:42px;height:45px;border-radius:12px}.brand .brand-icon .icon{width:26px;height:30px}.brand small{color:#a9a39d;font-size:11px;margin-top:4px}.nav{border:1px solid transparent;border-radius:12px;color:#b6b4b0;padding:16px;font-size:16px;gap:14px;margin-bottom:8px}.nav>.icon{width:21px;height:21px;stroke-width:1.4}.nav span{font-size:13px;font-weight:400}.nav:hover{color:#f8efe4;background:#ffffff06}.nav.active{background:#ffffff0a;color:#f1d8c0;border:1px solid #dfd1ba16}.nav.active:after{content:'';width:5px;height:5px;border-radius:50%;background:#d3ae8f;margin-right:auto;box-shadow:0 0 12px #d3ae8f50}.sidebar-note{position:relative;margin:44px 14px 32px;padding:20px 0 44px;border-top:1px solid #ffffff10;overflow:hidden}.sidebar-note>span:first-child{font-size:11px;color:#96948f;display:block}.sidebar-note strong{font-family:'Frank Ruhl Libre',Georgia,serif;font-size:23px;font-weight:400;display:block;margin-top:8px;color:#dcd2c2}.sidebar-drawing{position:absolute;bottom:-9px;left:0;color:#a78a7026;transform:rotate(-12deg)}.sidebar-drawing>.icon{width:100px;height:100px;stroke-width:.6}.sidebar-bottom{margin-top:auto}.free-note{border:0;background:#ffffff05;font-size:11px;border-radius:12px;padding:16px;color:#d0ccc4}.free-note .dot{background:#a5ad95;width:5px;height:5px}.free-note small{color:#9e9b94;font-size:10px;margin-top:6px}.sidebar-bottom .quiet{color:#a6a29b;font-size:11px;margin-top:10px}.sidebar-bottom .quiet:hover{background:#ffffff07}
main{background:radial-gradient(ellipse at 50% 25%,#fffdf9 0,transparent 60%),#f7f5f0}.topbar{height:96px;padding:24px 48px;background:#faf8f470;border-bottom:1px solid #e8e2d66b}.topbar .eyebrow{font-size:11px;color:#938880;font-weight:400;letter-spacing:0}.topbar h2{font-size:18px;font-weight:500;margin-top:6px}.avatar{border:3px solid #faf7f0;outline:1px solid #ddd3c6;background:#eaddcf;color:#70534b;font-size:16px;width:38px;height:38px;font-family:'Frank Ruhl Libre',Georgia,serif}.header-actions{gap:20px}.header-private{display:flex;align-items:center;gap:6px;font-size:10px;color:#938b81}.header-private>.icon{width:12px;height:12px}.header-actions .quiet{font-size:12px;border:1px solid #dfd7cc;background:#fff9f080}
.messages{padding:32px max(32px,calc((100% - 760px)/2))}.welcome{margin:16px auto 32px;max-width:700px;position:relative}.welcome-kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.2px;color:#88735f;background:#efe9df90;border:1px solid #e5dccd80;padding:7px 12px;border-radius:24px}.welcome-kicker>span{width:4px;height:4px;background:#a18464;border-radius:50%}.welcome-mark{display:flex;align-items:center;justify-content:center;position:relative;width:70px;height:70px;background:transparent;border-radius:50%;margin:20px auto 16px;color:var(--wine);border:1px solid #dfd3c4;transform:rotate(-8deg)}.welcome-mark>.icon{width:38px;height:42px;stroke-width:1.1;transform:rotate(8deg)}.welcome-mark:before{content:'';position:absolute;inset:-9px;border:1px dashed #e1d9cd;border-radius:50%}.welcome-mark i{position:absolute;width:8px;height:8px;border:2px solid #faf7f0;background:#b28e6f;border-radius:50%;top:3px;right:4px}.welcome h1{font-size:52px;line-height:1.08;color:#333137;margin:24px 0 18px;font-weight:400}.welcome h1 em{font-style:normal;color:var(--wine)}.welcome p{font-size:13px;line-height:1.9;color:#8b837b;font-weight:400;margin-bottom:0}
.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:32px auto 0}.suggestions button{position:relative;display:flex;align-items:center;gap:14px;background:#fffdf9;border:1px solid #e7e0d6;border-radius:16px;padding:20px;text-align:right;min-height:90px;box-shadow:0 2px 4px #4e3c2a02}.suggestions button:hover{transform:translateY(-3px);border-color:#cbb6a6;box-shadow:0 10px 25px #4e3c2a09;background:#fffefa}.suggestion-icon{width:42px;height:44px;border-radius:13px;background:#f3e9e3;color:#9c5860;display:grid;place-items:center;flex-shrink:0}.suggestion-icon>.icon{height:22px;width:22px;stroke-width:1.35}.suggestion-icon.tasks{color:#7c8064;background:#eeefe6}.suggestion-icon.wallet{color:#9d7d55;background:#f2ebdf}.suggestion-icon.note{color:#8d7c9b;background:#f0ebf2}.suggestion-copy{display:block;min-width:0}.suggestion-copy strong{display:block;font-size:13px;font-weight:500;color:#494144}.suggestion-copy small{display:block;font-size:10px;color:#9a8f85;margin-top:4px}.suggestion-arrow{color:#c8baad;font-size:16px;margin-right:auto;align-self:flex-start;opacity:0;transition:opacity .18s}.suggestions button:hover .suggestion-arrow{opacity:1}
.composer-area{padding:12px max(32px,calc((100% - 760px)/2)) 24px;background:linear-gradient(transparent,#f7f5f0 30%);flex-shrink:0}.composer{display:block;position:relative;padding:12px 16px;border:1px solid #ded4c8;border-radius:22px;background:#fffdf9;box-shadow:0 8px 36px #59422b07,0 1px 2px #59422b03;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#bb9293;box-shadow:0 10px 40px #6c344610,0 0 0 3px #8c2f3905}.composer textarea{padding:10px 4px;min-height:50px;font-size:14px;line-height:1.7;color:#393237}.composer textarea::placeholder{color:#b1a49b}.composer-actions{display:flex;gap:4px;align-items:center;justify-content:flex-start}.composer .send{margin-right:auto;order:3;width:38px;height:38px;border-radius:12px;background:var(--wine);box-shadow:0 3px 8px #77333f19;display:grid;place-items:center}.send .icon{width:19px;height:19px;stroke-width:1.7}.icon-button{width:34px;height:36px;display:grid;place-items:center;background:transparent;color:#8d8075;border-radius:10px}.icon-button>.icon{width:19px;height:19px;stroke-width:1.5}.icon-button:hover{background:#f3ece4;color:var(--wine)}#record{border:1px solid #eae1d7;background:#faf6f0;color:#8a5b58}.composer-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#a09487;margin-top:12px}.composer-hint>.icon{width:11px;height:11px;stroke-width:1.5}.status{font-size:12px;min-height:20px}.icon-button.recording{border-color:#be7a84;background:#f4dce1;color:#933546}
.bubble{font-size:14px;line-height:1.9;margin-bottom:28px;max-width:100%}.bubble.user{padding:14px 20px;background:#efe5df;border:1px solid #e7d8d1;max-width:85%;border-radius:18px 18px 5px 18px;color:#583f43}.bubble .speaker{font-size:10px;letter-spacing:.1px;color:#956c69;font-weight:500;margin-bottom:6px}.bubble.assistant{padding-right:0}.bubble.assistant>.speaker{display:flex;align-items:center;gap:7px;color:#8c6b5a}.bubble.assistant>.speaker:before{content:'';width:7px;height:7px;border:1px solid #94715b;border-radius:6px 6px 0 0}.bubble time{font-size:9px;color:#a7998d}.action-card{border:1px solid #decac2;background:#fffdf9;border-radius:18px;padding:24px;box-shadow:0 6px 24px #6e422408}.action-card .action-label{font-size:10px;font-weight:500;display:inline-block;background:#f1e6df;border-radius:20px;padding:5px 10px;color:#885a5a}.action-card .preview{margin:20px 0;font-size:14px;line-height:1.9}.action-buttons{padding-top:16px;border-top:1px solid #ece3d9;gap:8px}.action-buttons .primary,.action-buttons .secondary{font-size:12px;min-height:42px;padding:10px 18px}.action-buttons .quiet{font-size:12px}.action-state{font-size:12px}.message-copy{margin-top:10px;border:1px solid #e4dbd1;color:#917c6c;background:#fcf8f1;padding:5px 10px;font-size:10px;border-radius:8px}
/* Quiet, readable settings and connections. */
.page-view{padding:40px 48px;max-width:1100px}.page-intro{padding-bottom:24px;border-bottom:1px solid #e6dfd4;margin-bottom:28px}.page-intro h1{font-size:42px;margin-bottom:10px;line-height:1.2;font-weight:400}.page-intro p{font-size:13px;margin:0;color:#91847a}.connection-grid{gap:20px}.connection-card,.settings-card{border:1px solid #e4dcd1;border-radius:20px;background:#fffdf8;box-shadow:0 2px 10px #5c453302}.connection-card{padding:28px;position:relative}.connection-card .app-symbol{width:46px;height:48px;border-radius:14px;background:#eee4da;color:var(--wine);font-family:Arial,sans-serif}.connection-card .app-symbol .icon{width:24px;height:24px;stroke-width:1.3}.connection-card:nth-child(2) .app-symbol{background:#f0eadd;color:#98764b}.connection-card h3{font-size:18px;font-weight:500;margin:20px 0 8px}.connection-card p{font-size:12px;line-height:1.9;color:#95877b;margin:18px 0}.connection-card a{font-size:12px;color:#8d5a5f}.badge{font-size:9px;padding:4px 9px;background:#edf0e7;color:#6a7856}.badge:before{content:'';display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;margin-left:5px;vertical-align:middle}.badge.muted{color:#a18b71;background:#f0ece4}.connection-card.future{background:#f4f0e9;border-style:dashed}.google-card .primary{font-size:12px;min-height:44px;padding:10px 16px}.connection-card details{border-top:1px solid #e9e1d7;padding-top:18px;font-size:12px}.connection-card summary{font-size:12px}.connection-card details p{font-size:11px}.connection-card code{font-size:11px}.connection-card details input{font-size:13px}.connection-card details button{font-size:12px}.info-note{font-size:11px;color:#a09386;line-height:1.9}.settings-card{padding:28px;max-width:760px}.settings-card h3{font-size:17px;font-weight:500}.settings-card p{font-size:12px;line-height:2}.switch-row{gap:32px;margin-bottom:24px;padding-bottom:24px}.switch-row strong{font-size:13px;font-weight:500}.switch-row small{font-size:10px;line-height:1.8;color:#9a8c80;margin-top:6px}.switch-row input{appearance:none;width:38px;height:22px;border:0;border-radius:30px;background:#ddd7cf;padding:3px;cursor:pointer;position:relative;transition:background .2s}.switch-row input:after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fffdf9;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch-row input:checked{background:var(--wine)}.switch-row input:checked:after{transform:translateX(16px)}.fields-row label{font-size:12px;color:#8b7d71}.fields-row input{font-size:14px;background:#faf7f1;border-color:#e5dcd0}.settings-card>label{font-size:12px;color:#8b7d71}.settings-card textarea{font-size:13px;line-height:1.9;background:#faf7f1;border-color:#e5dcd0}.settings-card .primary,.settings-card .secondary{font-size:12px}.settings-card>small{font-size:10px}.task-group-title{font-size:12px;font-weight:500;color:#9b6b66;display:flex;align-items:center;gap:10px}.task-group-title:after{content:'';flex:1;height:1px;background:#e7ded2}.task-row{background:#fffdf8;border:1px solid #e4dcd0;border-radius:14px;padding:18px 20px;box-shadow:0 2px 4px #5b403002;font-size:13px}.task-row small{font-size:10px;color:#a09183}.task-row button{font-size:10px;background:#f2e8e1;color:#95696a;padding:10px 12px}.toast{background:#343034;box-shadow:0 8px 30px #372b3320;font-size:12px;max-width:90%;border-radius:14px}
@media(min-width:1500px){.welcome{margin-top:40px}.welcome h1{font-size:64px}.welcome-mark{margin-top:32px}.suggestions{margin-top:40px}.story-copy{margin-top:88px}.story-canvas{margin-top:48px}}
@media(max-width:1050px) and (min-width:761px){.sidebar{width:220px;padding-right:14px;padding-left:14px}.brand{font-size:18px;margin-right:8px;margin-left:8px}.brand small{font-size:10px}.nav{padding:14px}.nav span{font-size:12px}.topbar{padding:24px 32px}.messages{padding-left:28px;padding-right:28px}.composer-area{padding-left:28px;padding-right:28px}.page-view{padding:32px}.suggestions button{padding:16px;gap:10px}.suggestion-copy small{font-size:9px}.suggestion-icon{width:36px;height:40px}.suggestion-arrow{display:none}.login-story{padding:36px 8%}.story-copy h2{font-size:50px}.login-shell{grid-template-columns:1fr 1fr}.login-card{max-width:360px;padding:32px}.story-canvas{margin-top:36px}.story-card{padding:16px 14px}.story-card strong{font-size:12px}.story-card span:not(.mini-icon):not(.waveform){font-size:10px}.story-voice{right:0}}
@media(max-width:760px){
 .sidebar{display:none}.topbar{height:82px;padding:18px 24px;background:#faf8f47a;border-bottom:1px solid #e6ded177}.topbar .eyebrow{font-size:9px;color:#a29182}.topbar h2{font-size:17px;font-weight:500;margin-top:4px}.header-private{display:none}.avatar{width:34px;height:34px;font-size:15px;border-width:2px}.header-actions{gap:10px}.header-actions .quiet{font-size:10px;padding:8px 10px}
 .messages{padding:24px 24px 16px}.welcome{margin:2px auto 12px;max-width:460px}.welcome-kicker{font-size:9px;padding:6px 10px}.welcome-mark{width:56px;height:56px;margin:24px auto 16px;display:flex}.welcome-mark:before{inset:-7px}.welcome-mark>.icon{width:28px;height:34px}.welcome h1{font-size:43px;line-height:1.09;margin:22px 0 14px;letter-spacing:-1.4px}.welcome p{font-size:11px;line-height:1.9;color:#938378}.suggestions{gap:10px;margin:24px auto 8px;max-width:460px}.suggestions button{min-height:108px;border-radius:16px;display:block;padding:16px;text-align:right;background:#fffcf7}.suggestion-icon{width:32px;height:34px;border-radius:10px;margin-bottom:12px}.suggestion-icon>.icon{height:19px;width:19px}.suggestion-copy strong{font-size:12px}.suggestion-copy small{font-size:9px;margin-top:4px;line-height:1.6}.suggestion-arrow{position:absolute;top:18px;left:16px;opacity:.65;font-size:13px}
 .composer-area{padding:4px 16px 14px;background:linear-gradient(transparent,#f7f5f0 18%)}.composer{padding:8px 12px;border-radius:19px}.composer textarea{font-size:16px;min-height:44px;padding:8px 4px}.composer-actions{gap:6px}.composer .send{width:34px;height:34px;border-radius:10px}.send .icon{height:18px;width:18px}.icon-button{width:30px;height:32px;border-radius:9px}.icon-button>.icon{width:17px;height:17px}.composer-hint{font-size:9px;margin-top:9px;line-height:1.5}.composer-hint .icon{height:10px;width:10px}.status{font-size:11px;min-height:16px}
 .mobile-nav{display:flex;background:#faf8f3;border-top:1px solid #e7dfd3;min-height:70px;padding:8px 16px max(8px,env(safe-area-inset-bottom));gap:8px;box-shadow:0 -4px 20px #59442b03}.mobile-nav button{padding:8px 6px 6px;border-radius:14px;background:transparent;color:#a39485;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-nav button>.icon{height:21px;width:21px;stroke-width:1.4}.mobile-nav button span{font-size:9px;margin:0;line-height:1.3}.mobile-nav button.active{color:#84424c;background:#f0e5de}.mobile-nav button.active>.icon{stroke-width:1.7}
 .page-view{padding:28px 24px}.page-intro{padding-bottom:22px;margin-bottom:24px}.page-intro h1{font-size:35px;letter-spacing:-1px}.page-intro p{font-size:11px;line-height:1.8}.connection-grid{gap:16px}.connection-card,.settings-card{padding:24px;border-radius:18px}.connection-card h3{font-size:17px}.connection-card p{font-size:12px}.connection-card .app-symbol{height:42px;width:42px}.connection-card .badge{position:absolute;top:30px;left:24px}.settings-card .switch-row strong{font-size:12px}.switch-row{gap:20px}.switch-row small{font-size:10px}.switch-row input{width:38px;height:22px}.fields-row{gap:16px}.fields-row label{font-size:11px}.task-row{font-size:12px;padding:16px;gap:12px}.task-row button{font-size:9px;padding:9px}.bubble{font-size:14px;line-height:1.9;margin-bottom:24px}.bubble.user{max-width:90%;padding:12px 16px}.action-card{padding:20px;border-radius:16px}.action-card .preview{font-size:13px}.action-buttons .primary,.action-buttons .secondary{font-size:11px;padding:10px 14px}.toast{bottom:100px;padding:12px 18px}
 .login-shell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:radial-gradient(ellipse at 80% 0,#eee0d8,transparent 50%),#f7f5f0;padding:0;min-height:100dvh}.login-story{padding:24px 28px 0;background:transparent;color:var(--ink);overflow:visible;display:block}.login-story:before{display:none}.story-brand{font-size:16px;color:#88505a;gap:8px}.story-brand>.icon{width:23px;height:27px}.story-copy{margin-top:28px;display:none}.story-canvas,.story-footer{display:none}.login-card{max-width:420px;width:100%;padding:32px 28px 40px;margin:auto}.login-card .brand-icon{display:none}.login-card .eyebrow{font-size:11px}.login-card h1{font-size:52px;line-height:1.15;margin-top:14px}.login-card p{font-size:13px}.login-card form{margin-top:28px}.login-card input{height:56px;background:#fffcf7}.login-card label{font-size:12px;margin:20px 0}.login-card button{height:54px;border-radius:12px;font-size:13px}.login-security{font-size:10px;margin-top:12px;padding-top:24px}
}
@media(max-width:370px){.topbar{padding:16px 20px}.messages{padding:22px 20px 12px}.welcome h1{font-size:38px}.suggestions button{padding:14px;min-height:104px}.suggestion-copy strong{font-size:11px}.suggestion-copy small{font-size:8px}.composer-hint{font-size:8px}.page-view{padding:24px 20px}.connection-card,.settings-card{padding:20px}}
@media(max-height:720px) and (min-width:761px){.welcome{margin-top:0}.welcome-mark{width:54px;height:54px;margin-top:18px;margin-bottom:12px}.welcome-mark>.icon{width:28px;height:34px}.welcome h1{font-size:44px;margin-top:18px}.suggestions{margin-top:24px}.suggestions button{min-height:76px;padding:16px}.composer-area{padding-bottom:18px}.story-copy{margin-top:36px}.story-copy h2{font-size:48px;margin-bottom:16px}.story-canvas{margin-top:12px}.story-footer{padding-top:16px}}
@media(max-height:680px) and (max-width:760px){.topbar{height:70px;padding-top:12px;padding-bottom:12px}.messages{padding-top:18px}.welcome{margin-top:0}.welcome-mark{display:none}.welcome h1{font-size:37px;margin:20px 0 12px}.welcome p{font-size:10px}.suggestions{margin-top:20px}.suggestions button{min-height:94px;padding:14px}.suggestion-icon{height:28px;width:28px;margin-bottom:8px}.suggestion-icon .icon{width:17px;height:17px}.composer-area{padding-bottom:10px}.mobile-nav{min-height:62px;padding-top:6px;padding-bottom:6px}.composer-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the warm palette readable on small displays. */
.welcome p,.page-intro p{color:#786a60}.suggestion-copy small{color:#807064}.connection-card p,.settings-card p{color:#796b60}.switch-row small,.settings-card .switch-row small{color:#7d6e61}.topbar .eyebrow{color:#807062}.composer textarea::placeholder{color:#8b796b}.composer-hint{color:#887666}.mobile-nav button{color:#827264}.info-note{color:#7e7064}.badge{color:#52633d}.badge.muted{color:#806b51}
.messages,.page-view{scrollbar-width:thin;scrollbar-color:#d5cabb transparent}
@media(max-width:760px){.welcome-kicker{display:none}.welcome-mark{width:42px;height:42px;margin:10px auto 12px}.welcome-mark>.icon{width:25px;height:28px}.welcome h1{margin:20px 0 14px}.welcome p{font-size:12px}.suggestions{margin-top:22px}.suggestions button{padding:14px;min-height:106px}.suggestion-icon{width:28px;height:30px;margin-bottom:8px}.suggestion-icon>.icon{width:18px;height:18px}.suggestion-copy strong{font-size:14px}.suggestion-copy small{font-size:10px;line-height:1.6}.composer-hint{font-size:9px}.connection-card p{font-size:13px}.switch-row small{font-size:11px}.settings-card .switch-row strong{font-size:13px}}
@media(max-width:370px){.suggestion-copy strong{font-size:12px}.suggestion-copy small{font-size:9px}.welcome h1{font-size:38px}}
@media(max-height:680px) and (max-width:760px){.welcome-mark{display:none}.welcome h1{font-size:36px;margin-top:4px}.welcome p{font-size:11px}.suggestions{margin-top:18px}.suggestions button{min-height:96px}.suggestion-copy strong{font-size:12px}.suggestion-copy small{font-size:9px}}
@media(max-height:680px) and (max-width:760px){.messages{padding-top:18px;padding-bottom:8px}.welcome h1{font-size:34px;margin:4px 0 14px}.welcome h1 br{display:none}.welcome h1 em:before{content:' ';white-space:pre}.welcome p{display:none}.suggestions{margin-top:20px}.suggestions button{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px}.suggestion-icon{width:30px;height:32px;margin:0}.suggestion-copy strong{font-size:12px}.suggestion-copy small{font-size:9px;margin-top:3px}.suggestion-arrow{display:none}}