:root{--ink:#273e3a;--muted:#7a8580;--bg:#f6f5f0;--paper:#fffefa;--line:#e4e8df;--green:#365c4c;--green-soft:#e9f0e5;--clay:#c98769;--cream:#efe7d9;--radius:20px;--shadow:0 8px 28px #253f3505;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.4px;font-size:45px;line-height:1.16}h1>span{color:var(--clay)}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}p{color:var(--muted)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9ebbaa;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{width:252px;position:fixed;left:0;top:0;bottom:0;padding:30px 20px 20px;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:31px;line-height:1.2;letter-spacing:-.8px;padding:0 11px}.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;background:var(--green);color:#f6f3df;border-radius:14px;width:42px;height:48px;font-size:37px;font-style:italic;line-height:1}.brand-mark span{color:#e6b79b;position:relative;top:4px;font-size:31px}.brand-sub{display:block;font:8px/2.2 "Segoe UI",sans-serif;letter-spacing:2px;color:var(--muted);margin-top:2px}.workspace-label{font-size:9px;letter-spacing:1.8px;color:#949a91;margin:49px 14px 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav>a{padding:13px 15px;border-radius:11px;color:#707f77;display:flex;align-items:center;gap:14px;font-size:13px;font-weight:500;transition:.15s}.sidebar nav>a:hover{background:#f1f3ec}.sidebar nav>a.active{background:var(--green-soft);color:var(--green);font-weight:600}.nav-icon{font-size:20px;width:23px;text-align:center;line-height:1}.nav-divider{height:1px;background:var(--line);margin:18px 13px 12px}.sidebar-note{background:#f4f0e6;border-radius:15px;margin:40px 10px 28px;padding:19px 18px}.sidebar-note .spark{font-size:27px;display:block;color:#a8775c;margin-bottom:5px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;line-height:1.7;margin-top:5px}.account-box{margin-top:auto;border-top:1px solid var(--line);padding:21px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font:17px Georgia,serif;background:#e8dace;color:#7c6558}.account-box strong{display:block;font-size:12px}.account-box a{display:block;font-size:10px;color:var(--muted)}.account-box form{margin-left:auto}.icon-button{border:0;background:transparent;color:var(--muted);font-size:21px}.app-shell{margin-left:252px}.topbar{height:77px;padding:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar-label{font-size:11px;color:#92988d;letter-spacing:.3px}.connection{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}.connection i{width:6px;height:6px;background:#c7b690;border-radius:50%}.connection i.connected{background:#729971}main{max-width:1500px;margin:auto;padding:40px 46px 60px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8e9687;margin-bottom:12px}.page-heading p{font-size:13px;margin-top:14px}.page-heading.compact h1{font-size:39px}.page-heading.compact{margin-bottom:29px}.heading-flower{font-size:76px;line-height:1;color:#c99478;margin:0 22px;transform:rotate(-12deg);font-weight:200}.heading-flower.small{font-size:60px}.compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:25px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:29px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:27px}.panel-heading p{font-size:11px;margin-top:4px}.panel-heading.spread{justify-content:space-between}.panel-heading.spread h2{margin-top:8px}.step-number{width:35px;height:35px;border:1px solid #dce6d8;background:#f3f5ef;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7b9276;font-size:10px;letter-spacing:1px}.compose-panel{padding:30px 33px}label{display:block;font-weight:600;font-size:11px;letter-spacing:.15px;margin-bottom:21px}.label-hint{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;margin-top:4px;margin-bottom:10px}.optional{font-size:9px;font-weight:400;color:#a0a69a;margin-left:5px}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #dee4da;border-radius:9px;padding:12px 13px;background:#fbfcf8;color:var(--ink);font-size:12px;margin-top:8px;transition:border .15s,box-shadow .15s;letter-spacing:0}input:focus,textarea:focus,select:focus{outline:none;border-color:#95ae96;box-shadow:0 0 0 3px #a4bfa122}textarea{resize:vertical;line-height:1.9;min-height:90px}textarea::placeholder,input::placeholder{color:#a2aba1;font-size:11px}select{padding-right:28px;min-height:42px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row label{min-width:0}.advanced{border-top:1px solid var(--line);padding-top:14px;margin-top:2px}.advanced summary{cursor:pointer;font-size:11px;font-weight:500;list-style:none;color:#74816f;display:flex;justify-content:space-between}.advanced summary:before{content:'⌄';font-size:16px;margin-right:9px}.advanced summary span{font-size:9px;color:#a1a89c;margin-left:auto}.advanced .model-row{margin-top:17px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:21px}.quiet-note{font-size:9px;color:#95a08e;max-width:250px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;white-space:nowrap;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:600;border:1px solid transparent;transition:background .15s,transform .15s;line-height:1.4}.button.primary{background:var(--green);color:#fffef6;border-color:var(--green)}.button.primary:hover{background:#294b3d;transform:translateY(-1px)}.button.secondary{background:#fbfcf8;border-color:#dce3d6;color:#697d66}.button.secondary:hover{background:#edf2e7}.button.small{padding:8px 13px;font-size:10px}.button.full{width:100%;margin-top:10px}.button.liked{background:#f4e5de;border-color:#e7c9ba;color:#a2674b}.right-rail{display:flex;flex-direction:column;gap:20px}.inspiration-card{background:#ece7dc;border-radius:var(--radius);padding:26px 26px 0;overflow:hidden;min-height:345px}.small-pill{font-size:7px;color:#927c66;letter-spacing:1.4px;border:1px solid #d9cdbb;border-radius:20px;display:inline-block;padding:5px 9px;margin-bottom:18px}.inspiration-card h2{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.25;letter-spacing:-.5px}.inspiration-card p{font-size:11px;line-height:1.8;margin-top:12px;max-width:210px;color:#8b8c7d}.abstract-art{height:130px;position:relative;margin-top:20px}.art-circle{position:absolute;width:115px;height:115px;border-radius:50%;background:#ccd5bc;left:2px;bottom:-32px}.art-arch{position:absolute;width:94px;height:128px;border-radius:60px 60px 0 0;background:#c88a6e;right:14px;bottom:-18px;transform:rotate(13deg)}.art-dot{position:absolute;width:31px;height:31px;border-radius:50%;background:#e0bf75;left:82px;top:16px}.abstract-art>span{font-size:53px;position:absolute;left:88px;bottom:11px;color:#faf6e9;font-weight:100;transform:rotate(12deg)}.rail-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:23px}.rail-card p{font-size:11px;line-height:1.85;margin-top:8px}.rail-icon{color:#b58768;font-size:24px;display:block;margin-bottom:9px}.text-link{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:#6c8767;margin-top:17px}.rail-card.subtle{background:transparent;border-color:transparent;padding-top:8px}.rail-card.subtle h3{font-size:12px}.check-list{list-style:none;margin:12px 0 0;padding:0;font-size:10px;color:#9a9f92}.check-list li{margin:9px 0}.check-list li:before{content:'✓';margin-right:9px;color:#86a27b}.notice{padding:14px 19px;font-size:12px;border-radius:12px;margin-bottom:24px;background:#eaf1e7;color:#53714e;border:1px solid #dbe7d6}.notice.error{background:#f9eae4;color:#a65d42;border-color:#efd6c9}.notice.warning{background:#f8f0df;color:#987e44;border-color:#ebe1c5}.notice.info{background:#eef1e9;color:#74836a;border-color:#e1e7d8}.result-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:25px}.result-grid>aside{display:flex;flex-direction:column;gap:20px}.draft-editor{background:transparent;font-size:14px;line-height:2;border-color:#e3e6dd;padding:19px 20px}.status-pill{display:inline-block;font-size:8px;letter-spacing:.8px;font-weight:600;padding:5px 9px;border-radius:5px;white-space:nowrap}.status-pill.green{background:#eaf1e5;color:#6c8964}.status-pill.amber{background:#f6eddb;color:#a4874b}.status-pill.neutral{background:#ecefe8;color:#92998b}.save-strip{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-top:20px}.save-strip label{margin-bottom:0}.like-toggle{cursor:pointer;padding-bottom:10px;color:#a87960}.like-toggle input{margin-right:5px;accent-color:var(--clay)}.response-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.95;margin:16px 0;color:#627567}.review-panel h2,.review-panel h3{margin-bottom:15px}.review-panel .button{margin-top:6px}.review-panel .label-hint{margin-top:18px}.loading-panel{text-align:center;padding:64px 30px;max-width:830px;margin:0 auto}.loading-orbit{height:75px;width:75px;background:#edf1e6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}.loading-orbit span{font-size:42px;color:#9dad84;animation:float-spin 5s linear infinite}.loading-panel h2{font:29px Georgia,serif;margin:10px 0 13px}.loading-panel p{font-size:12px;max-width:430px;margin:auto}.skeleton-lines{max-width:430px;margin:33px auto 0;display:flex;flex-direction:column;gap:11px}.skeleton-lines i{display:block;height:10px;border-radius:8px;background:linear-gradient(90deg,#edf0e8,#f8f9f3,#edf0e8);background-size:200% 100%;animation:shimmer 2s linear infinite}.skeleton-lines i:nth-child(2){width:90%;align-self:center}.skeleton-lines i:nth-child(3){width:67%;align-self:center}.clarification-panel{max-width:820px}.clarification-panel h2{font:30px Georgia,serif;margin:18px 0 12px}.clarification-panel>p{font-size:12px}.question-list{background:#f5f6ee;border-radius:12px;padding:22px 25px 22px 43px;margin:23px 0;font-size:13px;line-height:1.9}.question-list li+li{margin-top:12px}.search-bar{display:flex;gap:17px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:13px 18px;border-radius:13px;margin-bottom:25px}.search-bar>span{font-size:25px;color:#899680}.search-bar input:not([type=checkbox]){border:0;background:transparent;padding:4px 0;margin:0;box-shadow:none}.filter-check{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:10px;font-weight:400;margin:0}.filter-check input{accent-color:var(--green)}.response-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.response-card{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:17px;transition:.2s}.response-card:hover{transform:translateY(-3px);border-color:#c7d5bd;box-shadow:0 9px 26px #2f493810}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8c9982;margin-bottom:14px}.like-symbol{font-size:18px;color:#be8c71}.response-card h2{font:22px Georgia,serif;margin-bottom:13px;line-height:1.3}.response-card p{font-size:11px;line-height:1.9}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:23px;font-size:9px;color:#99a191}.card-bottom span:last-child{color:#6d8665}.empty-state{text-align:center;padding:64px 30px}.empty-icon{font-size:43px;color:#a6b598;display:block;margin-bottom:18px}.empty-state h2{font:29px Georgia,serif;margin-bottom:12px}.empty-state p{font-size:12px;max-width:410px;margin:0 auto 24px}.wide{grid-column:1/-1}.back-link{display:inline-block;font-size:11px;color:#7a8b70;margin-bottom:18px}.context-details{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}.context-details summary{font-size:11px;color:#788970;cursor:pointer}.context-details h3{font-size:11px;margin-top:23px}.text-button{border:0;background:transparent;font-size:10px;padding:0;cursor:pointer}.danger{color:#b47b66}.delete-form{margin-top:20px;text-align:right}.add-panel{margin-bottom:25px}.add-panel summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer}.add-panel summary>span:first-child{font-size:13px;font-weight:600}.add-panel summary>span:last-child{font-size:10px;color:#94a08a}.add-panel[open]>summary{margin-bottom:25px}.filter-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:28px 0 22px;padding-bottom:13px;flex-wrap:wrap}.filter-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:8px;color:#919c88;font-size:11px}.filter-tabs button.active{background:#e9efe1;color:#5c7a52;font-weight:600}.filter-tabs button span{font-size:9px;margin-left:5px}.knowledge-list{display:flex;flex-direction:column;gap:13px}.knowledge-item{padding:22px 25px;box-shadow:none}.knowledge-item>summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:center}.knowledge-symbol{font-size:24px;color:#b38a6d;flex-shrink:0}.knowledge-item summary>div{flex:1;min-width:0}.knowledge-item .eyebrow{font-size:8px;margin-bottom:4px}.knowledge-item h3{font-size:13px;overflow-wrap:anywhere}.chevron{margin-left:8px;color:#a4ab9d;font-size:18px}.knowledge-body{padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.source-label{font-size:9px;margin-bottom:19px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.lesson-card{padding:25px}.lesson-card .card-meta{margin-bottom:19px}.lesson-card textarea{font-size:12px;line-height:1.8}.lesson-card .eyebrow{margin:0}.lesson-actions{display:flex;gap:9px}.password-panel{max-width:530px}.accounts-panel{margin-top:28px}.count-badge{font-size:10px;color:#9baa90;margin-left:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;letter-spacing:1px;font-weight:500;text-transform:uppercase;color:#97a08e;padding:0 12px 16px}td{padding:19px 12px;border-top:1px solid var(--line)}td:last-child{text-align:right}.table-person{display:flex;gap:12px;align-items:center}.table-person strong{display:block;font-size:12px}.table-person small{display:block;color:#9aa38f;font-size:10px}.muted{color:#a0a997}.guest-shell main{padding:0;max-width:none}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{background:#ece7dc;padding:45px 65px;display:flex;flex-direction:column;justify-content:space-between}.login-story>.brand{padding:0}.login-story h1{font-size:58px;line-height:1.18;margin:23px 0}.login-story p{font-size:14px;max-width:360px}.abstract-art.large{height:170px;max-width:400px;margin-top:45px}.large .art-circle{width:150px;height:150px;left:60px;bottom:0}.large .art-arch{width:125px;height:185px;right:62px;bottom:-22px}.large .art-dot{left:191px;width:40px;height:40px}.large>span{left:186px;bottom:24px;font-size:72px}.story-footer{font-size:10px;color:#9c9582;letter-spacing:.7px}.login-form{align-self:center;max-width:390px;width:100%;margin:60px auto;padding:20px}.login-form h2{font:34px Georgia,serif;letter-spacing:-.6px;margin-bottom:12px}.login-form>p{font-size:12px;margin-bottom:34px}.login-form .login-note{margin:27px 0 0;font-size:10px;color:#a2a898;line-height:1.9;text-align:center}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#345244;color:#fffdf1;padding:13px 23px;border-radius:10px;font-size:12px;box-shadow:0 7px 25px #23453022;z-index:50}.navigation-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#89a07a,transparent);z-index:100;animation:shimmer 1s linear infinite;background-size:200%}.is-busy{opacity:.7;pointer-events:none}
@keyframes float-spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1500px){main{padding-top:50px}.compose-panel{padding:35px 40px}.compose-grid{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:14px;padding-right:14px}.app-shell{margin-left:218px}main{padding:30px 28px 50px}.topbar{padding:0 28px}.compose-grid{grid-template-columns:minmax(0,1fr) 250px;gap:19px}.compose-panel{padding:25px}.response-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:38px}.heading-flower{font-size:65px;margin:0 10px}.form-footer{flex-wrap:wrap}.result-grid{gap:20px}.inspiration-card{padding:23px 21px 0}.inspiration-card h2{font-size:26px}.sidebar-note{margin-top:28px}}
@media(max-width:980px){.right-rail{display:none}.compose-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.result-grid>aside{display:grid;grid-template-columns:1fr 1fr}.login-story{padding:40px}.login-story h1{font-size:45px}.lesson-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{width:76px;padding:22px 9px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span:last-child,.workspace-label,.sidebar-note,.account-box>div,.account-box form,.sidebar nav>a{font-size:0}.sidebar nav{margin-top:35px}.sidebar nav>a{padding:14px;justify-content:center;gap:0}.nav-icon{font-size:23px}.account-box{justify-content:center;padding-left:0;padding-right:0}.app-shell{margin-left:76px}.topbar{height:60px;padding:0 20px}.topbar-label{font-size:9px}.connection{font-size:9px}main{padding:25px 20px 45px}.page-heading{margin-bottom:26px}.page-heading h1,.page-heading.compact h1{font-size:32px;letter-spacing:-.8px}.page-heading p{font-size:11px}.heading-flower{display:none}.page-heading.compact{align-items:flex-start;gap:14px;flex-direction:column}.panel,.compose-panel{padding:22px 19px}.form-row{gap:12px}.search-bar{flex-wrap:wrap;gap:10px}.search-bar input:not([type=checkbox]){flex:1;width:70%}.response-cards{grid-template-columns:1fr}.result-grid>aside{display:flex}.save-strip{grid-template-columns:1fr}.like-toggle{padding-bottom:0}.filter-tabs{gap:3px}.filter-tabs button{padding:7px 10px;font-size:10px}.add-panel summary>span:last-child{display:none}.knowledge-item summary{gap:10px}.knowledge-item .status-pill{font-size:7px;padding:4px}.login-layout{grid-template-columns:1fr}.login-story{min-height:280px;padding:28px 30px}.login-story .brand{font-size:27px}.login-story>div:nth-child(2){margin-top:38px}.login-story h1{font-size:39px;margin:12px 0 15px}.login-story p{font-size:12px}.login-story .abstract-art,.story-footer{display:none}.login-form{margin:35px auto;padding:20px 26px}.toast{left:calc(50% + 30px)}.loading-panel{padding:45px 20px}.loading-panel h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Audit: readable type, visible focus, and a complete compact navigation. */
:root{--muted:#59695f;--clay:#a45f44}
p,.label-hint,.optional,.quiet-note,.muted{color:var(--muted)}
body{font-size:15px}.sidebar{overflow-y:auto}.sidebar-note{margin-top:28px}
.sidebar nav>a{font-size:14px;color:#53685c}.sidebar nav>a.active{color:#294e3d}
.brand-sub,.workspace-label,.topbar-label,.connection,.eyebrow{color:#60705d}
.brand-sub{font-size:9px}.workspace-label,.eyebrow{font-size:11px}.topbar-label,.connection{font-size:12px}
.account-box strong{font-size:13px}.account-box a{font-size:12px;color:#53685c;text-decoration:underline;text-underline-offset:3px}
.icon-button{min-width:44px;min-height:44px;color:#53685c}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:12px}
.page-heading p,.panel-heading p,.rail-card p,.inspiration-card p,.empty-state p,.loading-panel p,.clarification-panel>p{font-size:14px;color:var(--muted)}
label{font-size:13px}.label-hint{font-size:12px!important;line-height:1.65}.optional{font-size:12px}
input:not([type=checkbox]),textarea,select{font-size:15px;border-color:#a8b4a3}
input::placeholder,textarea::placeholder{font-size:14px;color:#657361;opacity:1}
input:focus,textarea:focus,select:focus{border-color:#365c4c;outline:2px solid #365c4c;outline-offset:2px;box-shadow:none}
:where(button,a,summary,[tabindex]):focus-visible{outline:3px solid #365c4c;outline-offset:4px}
.button{font-size:13px;min-height:44px;white-space:normal;text-align:center}.button.small{font-size:12px;min-height:40px}
.button.secondary{color:#3f613b;border-color:#a8b4a3}.button.liked{color:#8a4d34}.button:disabled{opacity:.6}
.quiet-note{font-size:12px;max-width:340px}.advanced summary{font-size:13px;color:#4e6546}.advanced summary span{font-size:11px;color:#59695f}
.compose-panel form>label[for]{margin:22px 0 4px}.compose-panel form>label[for]:first-of-type{margin-top:0}
.compose-panel form>textarea{margin-bottom:22px}.compose-panel form>select{margin-bottom:5px}
.form-row{margin-top:20px}.model-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.small-pill{font-size:10px;color:#685742}.inspiration-card p{color:#5e6455}.rail-card.subtle h3{font-size:14px}
.text-link{font-size:13px;color:#426438;gap:12px}.check-list{font-size:13px;color:#59695f}
.status-pill{font-size:10px;letter-spacing:.4px}.status-pill.green{color:#416337}.status-pill.amber{color:#765d25}.status-pill.neutral{color:#596451}
.notice,.notice.info{font-size:14px;color:#48613c}.notice.error{color:#8c422d}.notice.warning{color:#765a21}
.response-text{font-size:15px;line-height:1.85;color:#3f5646}.draft-editor{font-size:16px;line-height:1.9}
.formatted-notes{white-space:normal}.formatted-notes h3{font-size:17px;margin:24px 0 9px}.formatted-notes h3:first-child{margin-top:0}
.formatted-notes p{color:inherit;margin:8px 0}.formatted-notes ul{padding-left:23px;margin:10px 0 20px}.formatted-notes li+li{margin-top:7px}
.carried-notes{margin-bottom:22px}.carried-notes summary{font-weight:600}
.filter-tabs button{font-size:13px;min-height:44px;color:#54654c}.filter-tabs button span{font-size:12px}.filter-tabs button.active{color:#3f6136}
.filter-check{font-size:13px}.filter-check input,.like-toggle input{width:18px;height:18px}.filter-check{min-height:44px}
.filter-check input:focus-visible,.like-toggle input:focus-visible{outline:2px solid #365c4c;outline-offset:3px}
.card-meta,.card-bottom{font-size:12px;color:#596b50}.card-bottom span:last-child{color:#416438}
.response-card p{font-size:14px}.response-card h2,.page-heading h1{overflow-wrap:anywhere}
.knowledge-item .eyebrow{font-size:10px}.knowledge-item h3{font-size:15px}.knowledge-symbol,.rail-icon{color:#97633e}
.source-label{font-size:12px;overflow-wrap:anywhere}.add-panel summary>span:first-child{font-size:15px}.add-panel summary>span:last-child{font-size:12px;color:#5a6c50}
.lesson-card textarea{font-size:15px}.lesson-card .eyebrow{font-size:11px}.lesson-actions{flex-wrap:wrap}
.table-person strong{font-size:14px}.table-person small{font-size:12px;color:#596b50}.count-badge{font-size:13px;color:#596b50}
table{font-size:13px}th{font-size:11px;color:#5d6b52}.table-person{min-width:170px}.table-scroll{border-radius:8px}
.login-form>p,.login-form .login-note{font-size:13px;color:#59695f}.login-form .label-hint{margin-top:-12px}.login-story p{color:#596451}
.story-footer{font-size:12px;color:#655f4f}.text-button,.back-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.text-button.danger{color:#93452f}.panel-heading.spread{flex-wrap:wrap;gap:14px}.page-heading>div{min-width:0}
.toast{max-width:calc(100vw - 40px);width:max-content;font-size:14px}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-160%);z-index:120;background:var(--green);color:white;padding:12px 20px;border-radius:8px}
.skip-link:focus{transform:none}.recent-work{margin-bottom:24px;padding:18px 24px}.recent-work summary{cursor:pointer;font-weight:600;min-height:28px}.recent-work summary span{margin-left:8px;color:#59695f}
.recent-work>p{margin:12px 0;font-size:13px}.recent-work ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.recent-work a{display:flex;flex-direction:column;padding:10px;border-radius:8px;background:#f1f4ec}.recent-work a:hover{background:#e5ecde}.recent-work a span{font-size:12px;color:#53644a}
@media(max-width:1100px){.compose-grid{grid-template-columns:1fr}.right-rail{display:none}.result-grid{grid-template-columns:1fr}.result-grid>aside{display:flex}.model-row{grid-template-columns:1fr}.response-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .sidebar{position:static;width:100%;padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
 .sidebar .brand{padding:0;justify-content:flex-start;gap:10px}.sidebar .brand>span:last-child{display:block;font-size:28px}.sidebar .brand-sub{display:none}.brand-mark{width:34px;height:39px;font-size:30px}
 .workspace-label,.sidebar-note,.nav-divider{display:none}.sidebar nav{grid-column:1/-1;grid-row:2;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .sidebar nav>a{font-size:12px;gap:8px;justify-content:flex-start;padding:11px 10px;min-height:44px}.nav-icon{font-size:18px;width:18px}
 .account-box{grid-column:2;grid-row:1;border:0;padding:0;margin:0;gap:8px}.account-box>.avatar,.account-box>div>strong{display:none}.account-box>div,.account-box form{font-size:12px;display:block}
 .account-box a{font-size:12px;max-width:66px;line-height:1.4}.account-box form{margin:0}.icon-button{font-size:22px}
 .app-shell{margin-left:0}.topbar{height:auto;min-height:44px;padding:10px 20px;gap:12px}.topbar-label{font-size:11px}.connection{font-size:11px;white-space:nowrap}
 main{padding:27px 20px 45px}.page-heading h1,.page-heading.compact h1{font-size:34px}.page-heading p{font-size:14px}.page-heading.compact{gap:18px}
 .panel,.compose-panel{padding:24px 20px}.form-row,.model-row,.recent-work ul{grid-template-columns:1fr;gap:0}.form-row label{margin-bottom:18px}
 input:not([type=checkbox]),textarea,select{font-size:16px}.advanced summary{flex-wrap:wrap;gap:4px}.advanced summary span{margin-left:0}
 .form-footer{flex-direction:column;align-items:stretch}.form-footer .button{width:100%}.button.small{min-height:44px}.response-cards{grid-template-columns:1fr}
 .filter-tabs button{font-size:13px;padding:8px 12px}.knowledge-item summary{flex-wrap:wrap}.knowledge-item summary>div{flex-basis:60%}.knowledge-item .status-pill{font-size:10px;padding:5px 9px}
 .toast{left:50%;bottom:18px}.recent-work{padding:18px 20px}.recent-work li+li{margin-top:8px}.login-story h1{font-size:36px}.login-story p{font-size:14px}
 .login-story{min-height:250px}.login-form{margin:20px auto 35px}.login-form h2{font-size:31px}.login-note{line-height:1.8}.lesson-actions .button{flex:1}
}
@media(max-width:380px){.sidebar{padding:14px 12px}.topbar{padding:10px 12px}.topbar-label{max-width:125px}main{padding:24px 12px}.panel,.compose-panel{padding:22px 16px}.page-heading h1,.page-heading.compact h1{font-size:30px}.sidebar nav>a{font-size:11px}.nav-icon{font-size:16px}}
dialog{border:1px solid var(--line);border-radius:20px;padding:28px;max-width:480px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 15px 60px #203b3433}dialog::backdrop{background:#223d3766}dialog h2{font:28px Georgia,serif}dialog p{font-size:15px;margin:18px 0 25px}dialog form{display:flex;gap:12px;flex-wrap:wrap}dialog button{flex:1}
.advanced summary{justify-content:flex-start}
.empty-state h1{font-size:34px;margin-bottom:20px}.empty-state h1+p{margin-top:12px}
.table-scroll{position:relative;max-width:100%}
/* Compact daily writing workspace. Keep readable type and 44px controls. */
.app-shell .topbar{height:52px}.app-shell main{padding:24px 30px 36px}
.workbench .work-heading{margin-bottom:18px;gap:16px}.work-heading h1{font-size:32px;letter-spacing:-.7px}.work-heading p{margin-top:6px;font-size:13px}.work-heading .text-link{margin:0;white-space:nowrap;font-size:13px}
.workbench .panel{padding:20px 22px}.workbench .compose-toolbar{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.compose-toolbar>label{flex:1;min-width:150px;margin:0}.workbench label{font-size:13px}.workbench select{margin-top:5px;padding:8px 12px;min-height:44px}
.compose-inputs{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:16px}.compose-inputs label{margin:0 0 6px}.compose-inputs textarea{margin:0;line-height:1.65;height:230px;min-height:150px;font-size:15px;padding:12px 14px}.compose-inputs textarea::placeholder{font-size:14px}
.workbench .advanced{padding-top:10px;margin-top:0}.workbench .advanced summary{min-height:30px;align-items:center}.workbench .model-row{grid-template-columns:1fr 1fr;margin-top:12px}.workbench .model-row label{margin-bottom:8px}
.workbench .form-footer{padding-top:14px;margin-top:10px}.workbench .quiet-note{max-width:460px;font-size:12px}.workbench .recent-work{margin:14px 0 0;padding:12px 20px}.workbench .recent-work summary{min-height:28px}.workbench .carried-notes{margin-bottom:12px}
.workbench .result-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:18px}.workbench .result-grid.no-review{grid-template-columns:1fr;max-width:1000px}.workbench .panel-heading{margin-bottom:12px;gap:10px}.workbench .panel-heading h2{margin:0;font-size:16px}.workbench .panel-heading p{font-size:12px}
.workbench .draft-editor{line-height:1.65;padding:12px 14px;font-size:15px;min-height:180px;height:220px;margin:0}.refine-form{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.refine-form label{margin-bottom:6px}.refine-row{display:flex;align-items:flex-end;gap:12px}.refine-row textarea{margin:0;min-height:66px;line-height:1.5;padding:10px 12px;font-size:14px}.refine-row .button{flex-shrink:0}.refine-form .label-hint{margin:6px 0 0}
.workbench .save-strip{grid-template-columns:1fr auto auto;gap:14px;margin-top:14px;align-items:end}.workbench .save-strip input:not([type=checkbox]){margin-top:5px;padding:9px 12px}.workbench .like-toggle{padding-bottom:9px}.workbench .review-panel .response-text{font-size:15px;line-height:1.7;margin:0 0 16px}.workbench .back-link{min-height:30px;margin:-8px 0 12px}.workbench .review-panel .label-hint{margin-top:12px}
@media(max-width:1050px){.workbench .result-grid{grid-template-columns:1fr}.workbench .save-strip{grid-template-columns:1fr auto auto}.compose-inputs{gap:14px}.work-heading .text-link{display:none}}
@media(max-width:720px){.app-shell main{padding:20px 16px 30px}.app-shell .topbar{height:auto}.workbench .work-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.work-heading h1{font-size:29px}.workbench .panel{padding:18px 16px}.compose-toolbar{gap:10px!important}.compose-toolbar>label{min-width:125px}.compose-toolbar>label:first-child{flex-basis:100%}.compose-inputs{grid-template-columns:1fr;gap:14px}.compose-inputs textarea{height:150px;min-height:110px;font-size:16px}.compose-inputs>div+div textarea{height:115px}.workbench .quiet-note{font-size:12px}.workbench .form-footer{gap:10px}.workbench .save-strip{grid-template-columns:1fr auto}.workbench .save-strip>.button{grid-column:1/-1}.refine-row{flex-direction:column;align-items:stretch;gap:8px}.workbench .draft-editor{height:280px;font-size:16px}.workbench .model-row{grid-template-columns:1fr}.workbench .panel-heading{flex-wrap:nowrap}.workbench .panel-heading .button{flex-shrink:0}}

/* Work-first lists: compact rows, consistent actions and progressive disclosure. */
.workspace-page .work-heading{margin-bottom:18px;gap:18px;align-items:center}.workspace-page .work-heading h1{font-family:inherit;font-weight:600;font-size:28px;letter-spacing:-.6px;line-height:1.25}.workspace-page .work-heading p{margin-top:6px;font-size:14px}
.workspace-page .panel{padding:18px 20px;border-radius:13px;box-shadow:none}.workspace-page .empty-state{padding:36px 24px}.workspace-page .empty-state h2{font:600 20px/1.4 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.3px}.workspace-page .empty-state p{margin:8px auto 20px}
.list-toolbar{display:flex;align-items:flex-end;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.list-toolbar label{margin:0}.list-toolbar input:not([type=checkbox]),.list-toolbar select{padding:9px 12px;min-height:44px;margin-top:5px}.search-field{flex:1;min-width:170px}.category-field{width:230px;max-width:40%}.list-toolbar .filter-check{padding-bottom:0;white-space:nowrap;min-height:44px}.list-toolbar .text-button{flex-shrink:0;color:var(--green);text-decoration:underline;text-underline-offset:3px}.list-count{font-size:12px;color:var(--muted);margin:10px 2px 12px}.workspace-page .filter-tabs{border:0;margin:12px 0 0;padding:0;gap:4px}.workspace-page .filter-tabs button{padding:8px 12px;min-height:44px}.workspace-page .filter-tabs button span{margin-left:5px;border-radius:5px;background:#edf0e8;padding:1px 5px;font-variant-numeric:tabular-nums}.workspace-page .filter-tabs button.active{background:#e5ecdf;color:#2e513e}
.saved-list{list-style:none;margin:0;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.saved-list>li+li{border-top:1px solid var(--line)}.saved-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 38px;align-items:center;gap:20px;padding:14px 18px;min-height:90px;transition:background .15s}.saved-row:hover{background:#f0f4eb}.saved-row:focus-visible{outline-offset:-4px}.saved-row-main{min-width:0}.saved-row h2{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:4px;overflow-wrap:anywhere}.list-preview{font-size:13px;line-height:1.5;color:var(--muted)}.saved-row p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.row-meta{font-size:12px;line-height:1.55;color:var(--muted);display:flex;flex-direction:column;gap:3px;min-width:0}.row-trailing{display:flex;gap:10px;align-items:center;justify-content:flex-end;color:var(--green)}.liked-mark{color:#a45f44}
.workspace-page .knowledge-list{gap:8px}.workspace-page .knowledge-item{padding:0;overflow:hidden}.workspace-page .knowledge-item>summary{padding:13px 18px;gap:12px;min-height:76px}.workspace-page .knowledge-item>summary:hover{background:#f3f6ee}.workspace-page .knowledge-item>summary:focus-visible{outline-offset:-4px}.item-summary{min-width:0;flex:1}.workspace-page .knowledge-item h3{font-size:14px;font-weight:600;line-height:1.45}.item-description{font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-description .list-preview{font-size:12px}.workspace-page .knowledge-item .chevron{font-size:18px;margin:0;transition:transform .15s}.workspace-page .knowledge-item[open]>summary .chevron{transform:rotate(180deg)}.workspace-page .knowledge-item[open]>summary{background:#f0f4eb}.workspace-page .knowledge-body{padding:16px 18px 18px;margin:0;border-top:1px solid var(--line)}
.workspace-page label{margin-bottom:12px}.workspace-page input:not([type=checkbox]),.workspace-page select{min-height:44px;padding:9px 12px;margin-top:5px}.workspace-page textarea{padding:10px 12px;line-height:1.65;margin-top:5px}.workspace-page .form-row{margin:0;gap:16px}.workspace-page .source-label{margin:0 0 12px}.workspace-page .item-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.item-actions>label{min-width:180px;margin:0}.item-actions .quiet-note{max-width:400px}.workspace-page .delete-form{margin:6px 0 0;text-align:left}.workspace-page .text-link{justify-content:flex-start;margin-top:12px;min-height:44px;width:fit-content}.workspace-page .add-panel{margin:0 0 16px}.workspace-page .add-panel>summary{font-size:14px;font-weight:600;min-height:30px}.workspace-page .add-panel[open]>summary{margin-bottom:16px}.workspace-page .add-panel:not([open]){padding-top:8px;padding-bottom:8px}
.workspace-page .lesson-item h3{font-weight:500;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workspace-page .lesson-actions{gap:8px;justify-content:flex-end}.workspace-page .lesson-item .text-link{font-size:12px;margin-top:8px}.source-import{margin-top:22px;padding-top:12px;border-top:1px solid var(--line)}.source-import summary{cursor:pointer;font-size:13px;color:var(--green);min-height:44px;display:list-item;list-style-position:inside}.source-import p{font-size:13px;margin:6px 0 12px;max-width:750px}
.workspace-page .accounts-panel{margin:0;padding:0;overflow:hidden}.account-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 76px 125px;align-items:center;gap:14px;padding:14px 18px}.account-row+.account-row{border-top:1px solid var(--line)}.account-row .table-person{min-width:0}.account-row h2{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.account-row .table-person p{font-size:12px;overflow-wrap:anywhere}.account-row .status-pill{justify-self:start}.account-action{text-align:right}.account-action .button{font-size:12px;min-height:44px}.self-label{margin-left:8px;font-size:11px;font-weight:400;color:var(--muted)}.account-identity{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.account-identity span{color:var(--muted)}.workspace-page .password-panel{max-width:680px}.password-panel h2{font-size:16px;margin-bottom:16px}.workspace-page .password-panel .item-actions{justify-content:flex-end}.password-panel .label-hint{margin:0}
.sign-in-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 20px}.sign-in-panel{width:100%;max-width:420px;padding:30px;border-radius:16px}.sign-in-panel .brand{padding:0;margin-bottom:24px}.sign-in-panel h1{font-family:inherit;font-size:27px;font-weight:600;letter-spacing:-.5px}.sign-in-panel>p{font-size:14px;margin:8px 0 22px}.sign-in-panel label{margin-bottom:16px}.sign-in-panel .label-hint{margin:20px 0 0}.sign-in-panel .notice{margin:0 0 18px}
.error-panel{max-width:760px;margin:24px auto;padding:36px 28px}.error-panel h1{font:600 26px/1.4 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.5px}.error-panel .empty-icon{display:none}
@media(min-width:721px){.sidebar{width:220px;padding:24px 16px 16px}.app-shell{margin-left:220px}.workspace-label{margin:25px 14px 10px}.sidebar nav>a{padding:11px 13px;min-height:44px}.nav-divider{margin:10px 13px}.sidebar .brand{font-size:29px}}
@media(max-width:1100px) and (min-width:721px){.account-row{grid-template-columns:minmax(0,1fr) 110px 70px}.account-action{grid-column:2/4;justify-self:end}.account-row .row-meta{font-size:11px}.saved-row{grid-template-columns:minmax(0,1fr) 130px 26px;gap:12px}}
@media(max-width:720px){.workspace-page .work-heading{align-items:flex-start;flex-direction:column;gap:12px}.workspace-page .work-heading h1{font-size:25px}.workspace-page .work-heading p{font-size:13px}.list-toolbar{flex-wrap:wrap;padding:12px;gap:10px}.list-toolbar .search-field{flex-basis:100%}.category-field{width:auto;max-width:none;flex:1}.list-toolbar .filter-check{flex:1}.list-toolbar .button{min-width:90px}.workspace-page label{margin-bottom:12px}.list-toolbar label{margin-bottom:0}.workspace-page .filter-tabs{gap:2px}.workspace-page .filter-tabs button{font-size:12px;padding:8px 9px}.saved-row{grid-template-columns:minmax(0,1fr) 30px;gap:6px;padding:13px 14px}.saved-row .row-meta{grid-row:2;grid-column:1;flex-direction:row;flex-wrap:wrap;gap:10px;font-size:11px}.saved-row .row-trailing{grid-column:2;grid-row:1/3}.saved-row h2{font-size:14px}.saved-row p{-webkit-line-clamp:2;font-size:12px}.workspace-page .knowledge-item>summary{padding:12px;gap:8px;flex-wrap:wrap}.workspace-page .knowledge-item summary>.item-summary{flex-basis:calc(100% - 32px);order:0}.workspace-page .knowledge-item summary>.status-pill{order:2;margin-left:0}.workspace-page .knowledge-item summary>.chevron{order:1}.workspace-page .knowledge-body{padding:14px 12px}.workspace-page .item-actions{flex-wrap:wrap;gap:12px}.workspace-page .item-actions>label{flex:1;min-width:160px}.workspace-page .item-actions>.button{flex:1}.workspace-page .form-row{grid-template-columns:1fr;gap:0}.workspace-page .lesson-actions{width:100%}.workspace-page .lesson-actions .button{flex:1}.account-row{grid-template-columns:minmax(0,1fr) auto;padding:14px 12px;gap:10px}.account-row .table-person{grid-column:1/-1}.account-row .row-meta{grid-column:1}.account-row .status-pill{grid-column:2;justify-self:end}.account-action{grid-column:1/-1;justify-self:end}.account-identity{flex-direction:column}.sign-in-page{padding:20px 16px;align-items:flex-start}.sign-in-panel{padding:24px 20px;margin-top:30px}.workspace-page .panel.password-panel{padding:18px 16px}.error-panel{margin:0;padding:28px 20px}.error-panel h1{font-size:23px}.sidebar{padding:12px 16px;gap:10px}.sidebar nav{gap:4px}.sidebar nav>a{padding:9px 10px}}
.workspace-page .list-toolbar label{margin:0}.workspace-page .add-panel:not([open]){display:none}
@media(min-width:721px){.sidebar .brand-sub{font-size:8px;letter-spacing:1px;white-space:nowrap}.sidebar nav>a{font-size:13px;gap:10px;padding-left:10px;padding-right:10px}.sidebar .nav-icon{width:20px;flex-shrink:0}}

.section-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.section-tabs .button{min-height:2.5rem}

.source-notes{white-space:pre-line;overflow-wrap:anywhere}.source-import .source-label{max-width:100%}
