:root { --bg:#f7f7f8; --panel:#fff; --ink:#17181b; --muted:#71747c; --line:#e5e6e9; --accent:#28336f; --soft:#eef0fa; --green:#187f68; --red:#a53b3b; --mono:Menlo,Monaco,Consolas,monospace; --sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif; }
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid rgb(40 51 111/.22);outline-offset:2px}
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid var(--line);background:#fafafa;z-index:20}.sidebar-head{display:flex;align-items:center;gap:10px;padding:0 9px 25px;font-size:14px}.logo{padding:6px 7px;border-radius:7px;background:var(--accent);color:#fff;font:700 9px/1 var(--mono)}.sidebar-nav{display:grid;gap:3px}.nav-item{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:10px 11px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-size:13px}.nav-item span{flex:1}.nav-item b{min-width:22px;color:#9699a1;font:500 10px/1 var(--mono);text-align:right}.nav-item i{width:7px;height:7px;border-radius:50%;background:#dd7b32}.nav-item em{padding:3px 5px;border-radius:5px;background:var(--soft);color:var(--accent);font:500 8px/1 var(--mono);font-style:normal;text-transform:uppercase}.nav-item:hover,.nav-item.active{background:#eceef2;color:var(--ink);font-weight:650}.sidebar-foot{margin-top:auto}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}.language-switch button{flex:1;border:0;border-radius:5px;padding:7px 4px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.language-switch button[aria-pressed=true]{background:var(--accent);color:#fff}.sidebar-foot p{display:flex;align-items:center;gap:7px;margin:15px 8px 0;color:#9a9ca3;font:500 9px/1 var(--mono);text-transform:uppercase}.sidebar-foot p span{width:6px;height:6px;border-radius:50%;background:var(--green)}
.mobile-bar{display:none}.main{margin-left:218px;min-height:100vh;padding:42px clamp(28px,5vw,72px) 80px}.view-head{max-width:920px;display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 auto 30px;padding-bottom:24px;border-bottom:1px solid var(--line)}.view-head p{margin:0 0 8px;color:#9a9ca3;font:500 9px/1 var(--mono);letter-spacing:.06em}.view-head h1{margin:0 0 7px;font-size:34px;letter-spacing:-.05em}.view-head>div>span{color:var(--muted);font-size:13px}.view-status{display:flex;align-items:center;color:#9a9ca3;font-size:10px}.view{max-width:920px;margin:0 auto}.today-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px 18px;margin-bottom:17px;padding:17px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}.today-summary div:first-child{display:grid}.today-summary strong{font:650 16px/1 var(--mono)}.today-summary span{margin-top:4px;color:#999;font:500 8px/1 var(--mono);text-transform:uppercase}.today-summary p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}.progress-track{height:4px;border-radius:2px;background:#e8e9ed;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s ease}.review-nudge{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:18px;border:1px solid #cfd6ef;border-radius:10px;padding:14px 16px;background:#f5f7ff;color:var(--ink);cursor:pointer;text-align:left}.review-nudge span{display:flex;align-items:center;gap:7px;color:var(--accent);font:600 8px/1 var(--mono)}.review-nudge span i{width:6px;height:6px;border-radius:50%;background:#dd7b32}.review-nudge strong{font-size:12px}.review-nudge b{color:var(--muted);font-size:10px;font-weight:500}.item-list{display:grid;gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.item-row{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:13px;padding:17px 18px;border:0;background:#fff;color:var(--ink);cursor:pointer;text-align:left}.item-row:hover{background:#fbfbfc}.item-row.read{opacity:.62}.item-state{width:18px;height:18px;display:grid;place-items:center;margin-top:2px;border:1px solid #c9cbd1;border-radius:50%;color:transparent;font-size:9px}.item-row.read .item-state{border-color:var(--accent);background:var(--accent);color:#fff}.item-copy{min-width:0}.item-meta{display:block;margin-bottom:6px;color:#888b93;font:500 8px/1 var(--mono);text-transform:uppercase}.item-title{display:block;font-size:14px;font-weight:670;line-height:1.42}.item-original{display:block;margin-top:3px;overflow:hidden;color:#a3a5ab;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.item-summary{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-action{align-self:start;padding:5px 0;color:#999;font-size:16px}.queue-done,.empty{padding:70px 20px;text-align:center}.queue-done span,.empty span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;border:1px solid var(--line);border-radius:50%;color:var(--green)}.queue-done strong,.empty strong{display:block;font-size:15px}.queue-done p,.empty p{margin:7px 0 0;color:var(--muted);font-size:11px}.filters{display:flex;gap:6px;margin-bottom:15px;overflow-x:auto}.filters button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#fff;color:var(--muted);font-size:10px;cursor:pointer}.filters button.active{border-color:var(--accent);background:var(--soft);color:var(--accent)}.show-more{width:100%;margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--muted);cursor:pointer;font-size:11px}
.sample-notice{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:12px 14px;border:1px solid #d7d9e6;border-radius:8px;background:#f9f9fc}.sample-notice b{color:var(--accent);font:600 8px/1 var(--mono)}.sample-notice span{color:var(--muted);font-size:10px}.review-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0 0 16px;color:#999;font:500 9px/1 var(--mono)}.review-progress>div{height:3px;background:#e2e3e7;overflow:hidden}.review-progress i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}.review-card{padding:26px;border:1px solid var(--line);border-radius:10px;background:#fff}.review-label{display:inline-block;margin-bottom:16px;padding:5px 7px;border-radius:5px;background:#eef5f3;color:var(--green);font:600 8px/1 var(--mono)}.review-card h2{margin:0 0 8px;font-size:23px}.review-card>p{margin:0 0 22px;color:var(--muted);font-size:12px}.evidence{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.evidence span{padding:13px;border-right:1px solid var(--line);color:#8c8e95;font-size:9px}.evidence span:last-child{border:0}.evidence b{display:block;margin-bottom:3px;color:var(--ink);font:600 17px/1 var(--mono)}.review-actions{display:flex;gap:7px}.review-actions button{border:1px solid var(--line);border-radius:7px;padding:10px 13px;background:#fff;cursor:pointer;font-size:11px;font-weight:650}.review-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.review-complete{padding:65px 20px;text-align:center}.review-complete>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:var(--green);color:#fff}.review-complete h2{margin:0 0 7px;font-size:21px}.review-complete p{margin:0 0 18px;color:var(--muted);font-size:11px}.review-complete button{border:0;border-bottom:1px solid #bbb;padding:4px 0;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.context-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.context-card span{color:#999;font:500 8px/1 var(--mono);text-transform:uppercase}.context-card h2{margin:5px 0 3px;font-size:22px}.context-card p{margin:0;color:var(--muted);font-size:11px}.context-card ul{display:flex;gap:6px;margin:0;padding:0;list-style:none}.context-card li{padding:5px 7px;border-radius:5px;background:var(--soft);color:var(--accent);font:500 9px/1 var(--mono)}.knowledge-box{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.knowledge-box h3{margin:0 0 12px;font-size:13px}.knowledge-box div{color:var(--muted);font-size:11px}
.drawer{position:fixed;inset:0 0 0 auto;width:min(520px,92vw);z-index:50;overflow-y:auto;padding:28px;border-left:1px solid var(--line);background:#fff;box-shadow:-14px 0 40px rgb(20 24 40/.09)}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgb(20 22 28/.18)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--accent);font-size:11px;font-weight:650}.drawer-head button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#777;cursor:pointer}.drawer-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px;color:#8b8d94;font:500 8px/1.3 var(--mono);text-transform:uppercase}.drawer h2{margin:0 0 8px;font-size:27px;line-height:1.28;letter-spacing:-.04em}.drawer-original{display:block;margin-bottom:24px;color:#aaa;font-size:10px;line-height:1.4}.drawer-section{margin-bottom:12px;padding:18px;border:1px solid var(--line);border-radius:8px}.drawer-section span{display:block;margin-bottom:8px;color:var(--accent);font:600 8px/1 var(--mono)}.drawer-section p{margin:0;font-size:13px;line-height:1.65}.drawer-primary{display:block;width:100%;margin:14px 0 10px;border:0;border-radius:8px;padding:13px;background:var(--accent);color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:650}.drawer-actions{display:flex;gap:7px}.drawer-actions button{flex:1;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;cursor:pointer;font-size:10px}.drawer-actions button.danger{color:var(--red)}.drawer-next{margin-top:18px;padding:16px;border-radius:8px;background:#f4f5fa}.drawer-next strong{font-size:12px}.drawer-next p{margin:5px 0 12px;color:var(--muted);font-size:10px}.drawer-next button{border:0;border-bottom:1px solid #aab0cf;padding:3px 0;background:transparent;color:var(--accent);cursor:pointer;font-size:10px}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.facts span{padding:10px;border-right:1px solid var(--line);color:#999;font-size:8px}.facts span:last-child{border:0}.facts b{display:block;margin-bottom:3px;color:var(--ink);font:600 11px/1 var(--mono)}.toast{position:fixed;right:18px;bottom:18px;z-index:70;transform:translateY(80px);padding:11px 14px;border-radius:7px;background:#222;color:#fff;font-size:11px;transition:transform .2s}.toast.visible{transform:none}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.mobile-bar{position:sticky;top:0;z-index:15;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);background:rgb(247 247 248/.94);backdrop-filter:blur(12px)}.mobile-bar button{border:0;background:transparent;color:var(--ink)}.mobile-bar button:last-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#dd6f28;font:600 9px/1 var(--mono)}.main{margin-left:0;padding:25px 15px 60px}.view-head{align-items:start;margin-bottom:18px}.view-head h1{font-size:27px}.view-status{display:none}.today-summary{grid-template-columns:auto 1fr}.review-nudge{grid-template-columns:1fr auto}.review-nudge span{grid-column:1/-1}.item-row{grid-template-columns:24px 1fr auto;padding:15px 13px}.item-summary{font-size:10px}.evidence{grid-template-columns:1fr 1fr}.evidence span:nth-child(2){border-right:0}.evidence span:nth-child(-n+2){border-bottom:1px solid var(--line)}.review-actions{flex-direction:column}.context-card{align-items:start;flex-direction:column;gap:14px}.drawer{inset:54px 0 0;width:100%;padding:20px}.facts{grid-template-columns:1fr 1fr}.drawer-backdrop{top:54px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.item-view{max-width:760px}.detail-back{border:0;padding:5px 0 24px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.detail-meta{display:flex;justify-content:space-between;gap:18px;margin-bottom:17px;color:#888b93;font:500 8px/1.3 var(--mono);text-transform:uppercase}.item-view h1{margin:0 0 9px;font-size:34px;line-height:1.25;letter-spacing:-.045em}.detail-original{display:block;margin-bottom:30px;color:#a3a5ab;font-size:10px;line-height:1.5}.detail-section{margin-bottom:12px;padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}.detail-section span{display:block;margin-bottom:9px;color:var(--accent);font:600 8px/1 var(--mono)}.detail-section p{margin:0;font-size:14px;line-height:1.7}.detail-primary{display:block;width:100%;margin:15px 0 9px;border-radius:8px;padding:13px;background:var(--accent);color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:650}.detail-actions{display:flex;gap:7px}.detail-actions button{flex:1;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;cursor:pointer;font-size:10px}.detail-actions .danger{color:var(--red)}.detail-next-step{margin-top:18px;padding:17px;border-radius:8px;background:#f0f1f6}.detail-next-step strong{font-size:12px}.detail-next-step p{margin:5px 0 12px;color:var(--muted);font-size:10px}.detail-next-step button{border:0;border-bottom:1px solid #aab0cf;padding:3px 0;background:transparent;color:var(--accent);cursor:pointer;font-size:10px}.detail-navigation{display:flex;justify-content:space-between;margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}.detail-navigation button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.detail-navigation button:last-child{color:var(--accent);font-weight:650}.detail-sample{display:inline-block;margin-bottom:17px;padding:5px 7px;border-radius:5px;background:var(--soft);color:var(--accent);font:600 8px/1 var(--mono)}
.translation-pair{display:grid;gap:10px}.detail-section .translation-original{font-size:14px;line-height:1.7}.translation-badge{display:inline-block;margin:0 7px 3px 0;padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.03em;vertical-align:middle}.translation-pending{display:inline-block;margin-top:8px;color:var(--muted);font-size:10px;font-style:italic}
@media(max-width:760px){.item-view{padding-bottom:30px}.detail-back{padding-top:2px}.item-view h1{font-size:27px}.detail-section{padding:16px}.detail-navigation{position:sticky;bottom:0;margin-inline:-15px;padding:14px 15px;border-top:1px solid var(--line);background:rgb(247 247 248/.96);backdrop-filter:blur(10px)}}

/* Browse → collect → compose flow */
.nav-group-label{margin:17px 11px 6px;color:#a0a2a9;font:600 8px/1 var(--mono);letter-spacing:.08em}.nav-group-label:first-child{margin-top:0}.nav-item{min-height:44px}.language-switch button{min-height:44px}
.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0}.item-row.collected{box-shadow:inset 3px 0 var(--green)}.item-open{min-width:0;display:block;border:0;padding:17px 18px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.item-open:hover{background:#fbfbfc}.collect-button{align-self:center;display:grid;place-items:center;width:44px;height:44px;margin-right:14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--accent);cursor:pointer}.collect-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.collect-button[aria-pressed=true]{border-color:#b8d7cf;background:#eef7f4;color:var(--green)}.collect-button[aria-pressed=true] svg path{fill:currentColor}.item-summary{display:-webkit-box}
.compose-bar{position:sticky;bottom:18px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px auto 0;padding:12px 14px 12px 18px;border:1px solid #cdd1e4;border-radius:10px;background:rgb(255 255 255/.96);box-shadow:0 8px 28px rgb(28 35 72/.12);backdrop-filter:blur(12px);font-size:12px}.compose-bar b{color:var(--accent)}.compose-bar button,.empty button{min-height:44px;border:0;border-radius:7px;padding:0 15px;background:var(--accent);color:#fff;cursor:pointer;font-size:11px;font-weight:650}
.compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding:17px 18px;background:#fff}.compose-open{grid-column:1/2;min-width:0;border:0;padding:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.compose-open strong{display:block;font-size:14px;line-height:1.45}.compose-status{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/2}.compose-status span{padding:5px 7px;border-radius:5px;background:#f1f1f3;color:var(--muted);font-size:9px}.compose-status span.done{background:#eef7f4;color:var(--green)}.compose-action{grid-column:2/3;grid-row:1/3;align-self:center;min-width:130px;min-height:44px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;cursor:pointer;font-size:10px;font-weight:650}.compose-action:disabled,.detail-next-step button:disabled{border-color:var(--line);background:#f1f1f3;color:#92949b;cursor:default}.context-card{margin-top:0}.setup-intro{margin-bottom:24px;padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff}.setup-intro>span{color:var(--green);font:650 9px/1 var(--mono)}.setup-intro h2{margin:9px 0 7px;font-size:24px}.setup-intro p{margin:0;color:var(--muted);font-size:12px}.setup-steps{display:grid;gap:1px;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line);list-style:none}.setup-steps li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:20px;background:#fff}.setup-steps li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);font:650 11px/1 var(--mono)}.setup-steps strong{font-size:14px}.setup-steps p{margin:5px 0 10px;color:var(--muted);font-size:11px;line-height:1.55}.setup-steps code{display:block;max-width:420px;padding:11px 12px;border-radius:7px;background:#202126;color:#f1f2f4;font:11px/1.4 var(--mono)}
.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.usage-summary span{padding:15px;border-right:1px solid var(--line);color:var(--muted);font-size:10px}.usage-summary span:last-child{border:0}.usage-summary b{display:block;margin-bottom:4px;color:var(--ink);font:650 20px/1 var(--mono)}.usage-list{display:grid;gap:10px}.usage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fff}.usage-row.revoked{opacity:.65}.usage-head>span{display:inline-block;margin-bottom:7px;padding:4px 6px;border-radius:4px;background:#eef7f4;color:var(--green);font:600 8px/1 var(--mono)}.usage-row.revoked .usage-head>span{background:#f1f1f3;color:var(--muted)}.usage-head strong{display:block;font-size:14px;line-height:1.45}.usage-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.usage-evidence{display:flex;gap:1px;grid-column:1/2;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--line)}.usage-evidence span{min-width:130px;padding:10px;background:#fafafa;color:var(--muted);font-size:9px}.usage-evidence b{display:block;margin-bottom:4px;color:var(--ink);font:600 12px/1.3 var(--mono)}.usage-actions{grid-column:2/3;grid-row:1/3;align-self:center;display:flex;gap:7px}.usage-actions button{min-width:68px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer;font-size:10px;font-weight:650}.usage-actions button.danger{color:var(--red)}.usage-actions>span{max-width:150px;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:760px){.item-row{grid-template-columns:minmax(0,1fr) 52px}.item-open{padding:15px 8px 15px 13px}.collect-button{justify-self:center;margin:0 8px 0 0}.compose-bar{bottom:10px}.compose-row{grid-template-columns:1fr}.compose-open,.compose-status,.compose-action{grid-column:1;grid-row:auto}.compose-action{width:100%}.usage-summary{grid-template-columns:repeat(3,1fr)}.usage-summary span{padding:12px 9px}.usage-row{grid-template-columns:1fr;padding:15px}.usage-head,.usage-evidence,.usage-actions{grid-column:1;grid-row:auto}.usage-evidence span{min-width:0;flex:1}.usage-actions button{flex:1}.setup-steps li{grid-template-columns:30px 1fr;padding:16px}.setup-steps code{overflow-x:auto}.mobile-bar>button{min-width:44px;min-height:44px}.mobile-bar button:last-child{min-width:44px;min-height:44px}}

/* Global navigation and display controls */
.view-tools{display:flex;align-items:center;gap:14px}.view-tools .language-switch{flex:0 0 auto}.view-tools .language-switch button{min-width:68px}.mobile-language{display:none}
@media(max-width:760px){.mobile-bar{gap:8px}.mobile-bar strong{margin-right:auto}.mobile-language{display:flex;padding:2px;border:1px solid var(--line);border-radius:7px;background:#fff}.mobile-language button{min-width:36px;min-height:36px;border-radius:5px;font-size:9px}.mobile-language button[aria-pressed=true]{background:var(--accent);color:#fff}.sidebar .view-tools{display:none}}
@media(min-width:761px){.sidebar{inset:0 0 auto 0;width:100%;height:74px;display:flex;align-items:center;flex-direction:row;padding:0 max(24px,calc((100vw - 1200px)/2));border-right:0;border-bottom:1px solid var(--line);background:rgb(250 250 250/.97);backdrop-filter:blur(12px)}.sidebar-head{flex:0 0 auto;padding:0;margin-right:28px}.sidebar-nav{display:flex;align-items:center;gap:4px}.nav-group-label{display:none}.nav-item{width:auto;min-width:72px;padding-inline:12px}.nav-item span{flex:0 0 auto}.nav-item b{margin-left:8px}.sidebar>.view-tools{margin-left:auto}.sidebar-foot{margin:0 0 0 14px}.sidebar-foot p{margin:0}.main{margin-left:0;padding-top:116px}.view-head{margin-top:0}}

/* Content-first rhythm */
.view-head,.view{max-width:960px}.view-head{margin-bottom:36px;padding-bottom:30px}.view-head h1{margin-bottom:12px;font-size:38px}.view-head>div>span{font-size:14px;line-height:1.6}.filters{gap:8px;margin-bottom:20px}.filters button{padding:8px 12px}.item-open{padding:22px 24px}.item-meta{margin-bottom:8px}.item-title{font-size:15px;line-height:1.5}.item-summary{margin-top:10px;font-size:12px;line-height:1.65}.collect-button{margin-right:24px}.context-card{margin-bottom:24px;padding:24px}.compose-row{gap:16px 28px;padding:22px 24px}.compose-open strong,.usage-head strong{font-size:15px}.knowledge-box{margin-top:24px;padding:24px}.usage-summary{margin-bottom:24px}.usage-summary span{padding:20px}.usage-list{gap:16px}.usage-row{gap:20px 32px;padding:24px}.usage-evidence span{padding:12px}.usage-actions{gap:10px}.empty{padding:104px 24px}.empty>span{margin-bottom:24px}.empty strong{font-size:18px}.empty p{max-width:520px;margin:12px auto 0;font-size:13px;line-height:1.65}.empty button{min-height:48px;margin-top:28px;padding-inline:20px}.setup-intro{padding:28px}.setup-steps li{gap:18px;padding:24px}.detail-section{padding:24px}.detail-primary{margin:20px 0 12px;padding:15px}.detail-actions{gap:10px}.detail-actions button{min-height:44px}
@media(max-width:760px){.view-head{margin-bottom:24px;padding-bottom:20px}.view-head h1{margin-bottom:9px;font-size:30px}.view-head>div>span{font-size:13px}.filters{margin-bottom:16px}.item-open{padding:18px 8px 18px 16px}.item-title{font-size:14px}.item-summary{font-size:11px}.collect-button{margin-right:8px}.context-card,.compose-row,.usage-row,.setup-intro{padding:18px}.usage-summary{margin-bottom:18px}.empty{padding:72px 20px}.empty>span{margin-bottom:20px}.empty strong{font-size:17px}.empty p{margin-top:10px}.empty button{margin-top:24px}}

/* Compact density */
@media(min-width:761px){.sidebar{height:64px}.sidebar-head{margin-right:22px}.nav-item{min-width:64px;padding-inline:10px}.sidebar>.view-tools{gap:10px}.main{padding-top:92px;padding-bottom:56px}}
.view-head{margin-bottom:26px;padding-bottom:22px}.view-head h1{margin-bottom:8px;font-size:34px}.view-head>div>span{font-size:13px}.filters{margin-bottom:14px}.filters button{padding:7px 10px}.item-open{padding:16px 20px}.item-meta{margin-bottom:6px}.item-title{font-size:14px;line-height:1.45}.item-summary{margin-top:7px;font-size:11px;line-height:1.55}.collect-button{margin-right:16px}.context-card{margin-bottom:16px;padding:20px}.compose-row{gap:12px 20px;padding:17px 20px}.compose-open strong,.usage-head strong{font-size:14px}.knowledge-box{margin-top:16px;padding:20px}.usage-summary{margin-bottom:16px}.usage-summary span{padding:15px}.usage-list{gap:10px}.usage-row{gap:14px 24px;padding:18px 20px}.usage-evidence span{padding:10px}.usage-actions{gap:8px}.empty{padding:76px 20px}.empty>span{margin-bottom:18px}.empty strong{font-size:17px}.empty p{margin-top:10px;font-size:12px}.empty button{margin-top:22px}.setup-intro{margin-bottom:16px;padding:20px}.setup-intro h2{font-size:21px}.setup-steps li{gap:14px;padding:18px 20px}.detail-section{padding:20px}.detail-primary{margin:16px 0 10px;padding:13px}
@media(max-width:760px){.main{padding-top:20px}.view-head{margin-bottom:20px;padding-bottom:18px}.view-head h1{font-size:28px}.filters{margin-bottom:12px}.item-open{padding:14px 6px 14px 14px}.context-card,.compose-row,.usage-row,.setup-intro{padding:16px}.usage-summary{margin-bottom:14px}.usage-summary span{padding:11px 8px}.empty{padding:60px 18px}.empty>span{margin-bottom:16px}.empty button{margin-top:20px}.setup-steps li{padding:15px}}

.feed-updated{margin:0 0 10px;color:#9699a1;font:500 9px/1 var(--mono);text-align:right}
@media(min-width:761px){.view-tools .language-switch{padding:2px;border-radius:7px}.view-tools .language-switch button{min-width:58px;min-height:30px;padding:0 9px;border-radius:5px;font-size:9px}}
.detail-provenance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:10px}.detail-provenance a{color:var(--muted);text-decoration:none}.detail-provenance a:hover{text-decoration:underline}
#local-status{max-width:960px;margin:0 auto 20px;padding:12px;border:1px solid var(--red);color:var(--red)}
#usage-refresh{width:auto;margin:0 0 16px;min-height:44px;padding-inline:16px}
.usage-receipts{grid-column:1/-1;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.usage-receipts summary{cursor:pointer}.usage-receipts p{padding-top:12px;border-top:1px solid var(--line)}
.project-form{display:grid;gap:10px;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}.project-form input,.project-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:5px;font:inherit;color:var(--ink);background:var(--panel)}.project-form input:focus-visible,.project-form textarea:focus-visible{outline:2px solid var(--accent)}.project-form button,.context-card button{min-height:44px;padding:8px 16px;justify-self:start;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--accent);cursor:pointer}.project-form p{margin:0;color:var(--muted)}
.backup-panel{margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px;line-height:1.6}.backup-panel h2{font-size:18px;margin:0 0 10px}.backup-panel p{color:var(--muted);overflow-wrap:anywhere}.backup-panel label{display:block;margin:16px 0 8px}.backup-panel input{max-width:100%}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.backup-actions button{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--accent);cursor:pointer}#backup-preview{margin-top:20px;border-top:1px solid var(--line)}