*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3,p,figure{margin:0}fieldset{margin:0;padding:0;border:0;min-width:0}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}:root{--accent-indigo: #4f5bd5;--accent-blue: #2f6fed;--accent-sky: #0e8fc4;--accent-teal: #0f9083;--accent-green: #2f8f52;--accent-olive: #6d8b23;--accent-amber: #c8891b;--accent-orange: #d2702a;--accent-terracotta: #c05a48;--accent-pink: #c44a78;--accent-purple: #8348c4;--accent-stone: #77706a}@media(prefers-color-scheme:dark){:root{--accent-indigo: #8f97ec;--accent-blue: #7aa6f5;--accent-sky: #5cbde6;--accent-teal: #4fc4b8;--accent-green: #6cc487;--accent-olive: #a8c15e;--accent-amber: #e5b862;--accent-orange: #eda56f;--accent-terracotta: #e08e7f;--accent-pink: #e58bad;--accent-purple: #b58ae0;--accent-stone: #a9a29b}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:grid;height:100%}.main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.scroller{flex:1;min-height:0;overflow-y:auto}.list{display:flex;flex-direction:column}.row{width:100%;text-align:left}.topbar-spacer,.dialog-actions .spacer{flex:1}.profile{position:relative}.menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:200px;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.design-switch{position:fixed;bottom:12px;right:12px;z-index:100;display:flex;gap:2px;padding:3px;border-radius:8px;background:#141418d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000003d;font:500 12px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.design-switch button{padding:6px 10px;border-radius:5px;color:#ffffff9e}.design-switch button:hover{color:#fff;background:#ffffff1a}.design-switch button[aria-pressed=true]{color:#111;background:#fff}[data-design=compact]{--bg: #fbfbfc;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #f4f4f6;--surface-active: #ededf0;--fg: #17171a;--fg-2: #56565e;--fg-3: #8b8b95;--line: color-mix(in srgb, var(--fg) 8%, transparent);--line-strong: color-mix(in srgb, var(--fg) 14%, transparent);--accent: #5e6ad2;--accent-fg: #ffffff;--accent-dim: color-mix(in srgb, var(--accent) 12%, transparent);--danger: #c8322b;--danger-dim: color-mix(in srgb, var(--danger) 10%, transparent);--t-xs: 11px;--t-sm: 12px;--t-base: 13px;--t-md: 15px;--t-lg: 22px;--w-medium: 510;--w-semi: 590;--r-sm: 4px;--r: 6px;--r-lg: 10px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--shadow-overlay: 0 8px 32px rgb(0 0 0 / 12%), 0 2px 8px rgb(0 0 0 / 8%);--scrim: rgb(20 20 24 / 40%);--ease: cubic-bezier(.2, 0, 0, 1);--fast: 90ms;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--row-h: 34px;--sidebar-w: 220px;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--t-base);line-height:1.5}@media(prefers-color-scheme:dark){[data-design=compact]{--bg: #101012;--surface: #151518;--surface-raised: #1c1c20;--surface-hover: #1e1e23;--surface-active: #26262c;--fg: #f2f2f4;--fg-2: #a0a0aa;--fg-3: #6e6e78;--line: color-mix(in srgb, #fff 9%, transparent);--line-strong: color-mix(in srgb, #fff 15%, transparent);--accent: #7b86e8;--accent-fg: #101012;--accent-dim: color-mix(in srgb, var(--accent) 18%, transparent);--danger: #f2837c;--danger-dim: color-mix(in srgb, var(--danger) 14%, transparent);--shadow-overlay: 0 8px 32px rgb(0 0 0 / 48%), 0 2px 8px rgb(0 0 0 / 32%);--scrim: rgb(0 0 0 / 56%)}}[data-design=compact] ::placeholder{color:var(--fg-3);opacity:1}[data-design=compact] :focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--r-sm)}[data-design=compact] .shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}[data-design=compact] .sidebar{background:var(--bg);border-right:1px solid var(--line);padding:var(--s3) var(--s2);display:flex;flex-direction:column;gap:var(--s4);overflow:visible}[data-design=compact] .brand-mark{width:18px;height:18px;border-radius:var(--r-sm);background:var(--accent);display:grid;gap:1.5px;padding:4px 3px;flex:none}[data-design=compact] .brand-mark span{display:block;background:var(--accent-fg);border-radius:1px}[data-design=compact] .profile-trigger{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2);border-radius:var(--r);font-weight:var(--w-semi);letter-spacing:-.01em;transition:background var(--fast) var(--ease)}[data-design=compact] .profile-trigger:hover,[data-design=compact] .profile-trigger[aria-expanded=true]{background:var(--surface-hover)}[data-design=compact] .profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-design=compact] .profile-caret{margin-left:auto;width:0;height:0;flex:none;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--fg-3)}[data-design=compact] .menu{padding:var(--s1);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay)}[data-design=compact] .menu-head{display:flex;flex-direction:column;gap:2px;padding:var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s1)}[data-design=compact] .menu-email{font-size:var(--t-sm);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-design=compact] .menu-status{display:flex;align-items:center;gap:var(--s1);font-size:var(--t-xs);color:var(--fg-3)}[data-design=compact] .menu-item{display:flex;align-items:center;min-height:32px;padding:0 var(--s2);border-radius:var(--r);color:var(--fg-2);text-align:left}[data-design=compact] .menu-item:hover,[data-design=compact] .menu-item:focus-visible{background:var(--surface-hover);color:var(--fg)}[data-design=compact] .option-list{display:flex;flex-direction:column;gap:var(--s1)}[data-design=compact] .option{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer}[data-design=compact] .option:hover{background:var(--surface-hover)}[data-design=compact] .option:has(input:checked){border-color:var(--accent);background:var(--accent-dim)}[data-design=compact] .option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}[data-design=compact] .option input{margin:2px 0 0;accent-color:var(--accent);flex:none}[data-design=compact] .option-text{display:flex;flex-direction:column;gap:1px;min-width:0}[data-design=compact] .option-label{font-weight:var(--w-semi);color:var(--fg)}[data-design=compact] .option-note{font-size:var(--t-sm);color:var(--fg-3)}[data-design=compact] .nav{display:flex;flex-direction:column;gap:1px}[data-design=compact] .nav-item{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 var(--s2);border-radius:var(--r);color:var(--fg-2);font-weight:var(--w-medium);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}[data-design=compact] .nav-item:hover{background:var(--surface-hover);color:var(--fg)}[data-design=compact] .nav-item:active{background:var(--surface-active)}[data-design=compact] .nav-item[aria-current=page]{background:var(--surface-hover);color:var(--fg)}[data-design=compact] .nav-item[aria-current=page]:hover{background:var(--surface-active)}[data-design=compact] .nav-count{font-size:var(--t-sm);color:var(--fg-3)}[data-design=compact] .topbar{display:flex;align-items:center;gap:var(--s3);height:44px;flex:none;padding:0 var(--s4);border-bottom:1px solid var(--line)}[data-design=compact] .topbar h1{font-size:var(--t-md);font-weight:var(--w-semi);letter-spacing:-.01em}[data-design=compact] .topbar-count,[data-design=compact] .row-pages,[data-design=compact] .row-mood{font-size:var(--t-sm);color:var(--fg-3)}[data-design=compact] .filterbar{display:flex;align-items:center;gap:var(--s2);flex:none;padding:var(--s2) var(--s4);border-bottom:1px solid var(--line)}[data-design=compact] .row{display:grid;grid-template-columns:2px minmax(0,1fr) auto;align-items:center;gap:0 var(--s3);height:var(--row-h);padding-right:var(--s4);border-bottom:1px solid var(--line);color:var(--fg);transition:background var(--fast) var(--ease)}[data-design=compact] .row:hover{background:var(--surface-hover)}[data-design=compact] .row:active{background:var(--surface-active)}[data-design=compact] .row-accent{width:2px;height:100%;background:var(--spine)}[data-design=compact] .row-accent img,[data-design=compact] .row-initial{display:none}[data-design=compact] .row-main{display:flex;align-items:baseline;gap:var(--s2);min-width:0;padding-left:var(--s1)}[data-design=compact] .row-title{font-weight:var(--w-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-design=compact] .row-author{color:var(--fg-3);font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:42%}[data-design=compact] .row-meta{display:flex;align-items:center;gap:var(--s3);flex:none}[data-design=compact] .row-progress{width:44px;height:2px;border-radius:1px;background:var(--line-strong);overflow:hidden}[data-design=compact] .row-progress span{display:block;height:100%;background:var(--spine)}[data-design=compact] .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);height:28px;padding:0 var(--s3);border-radius:var(--r);font-weight:var(--w-medium);background:var(--accent);color:var(--accent-fg);white-space:nowrap;transition:filter var(--fast) var(--ease),background var(--fast) var(--ease)}[data-design=compact] .btn:hover:not(:disabled){filter:brightness(1.1)}[data-design=compact] .btn:active:not(:disabled){filter:brightness(.94)}[data-design=compact] .btn:disabled{background:var(--surface-active);color:var(--fg-3);cursor:not-allowed}[data-design=compact] .btn-secondary{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}[data-design=compact] .btn-secondary:hover:not(:disabled){background:var(--surface-hover);filter:none}[data-design=compact] .btn-ghost{background:transparent;color:var(--fg-2)}[data-design=compact] .btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--fg);filter:none}[data-design=compact] .btn-danger{background:transparent;color:var(--danger)}[data-design=compact] .btn-danger:hover:not(:disabled){background:var(--danger-dim);filter:none}[data-design=compact] .field-input{width:100%;height:28px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);border:0;border-radius:var(--r);padding:0 var(--s2);transition:box-shadow var(--fast) var(--ease)}[data-design=compact] textarea.field-input{height:auto;padding:var(--s2);resize:vertical}[data-design=compact] .field-input:hover{box-shadow:inset 0 0 0 1px var(--fg-3)}[data-design=compact] .field-input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--accent),0 0 0 2px var(--accent-dim)}[data-design=compact] .field,[data-design=compact] .field-stack{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s3);align-items:center}[data-design=compact] fieldset.field{grid-template-columns:minmax(0,1fr);gap:var(--s2)}[data-design=compact] .field-label{padding:0}[data-design=compact] .field-stack{align-items:start}[data-design=compact] .field>span,[data-design=compact] .field-stack>span{color:var(--fg-2)}[data-design=compact] .field-stack>span{padding-top:5px}[data-design=compact] .chip{height:24px;padding:0 var(--s2);border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--fg-2);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}[data-design=compact] .chip:hover{background:var(--surface-hover);color:var(--fg)}[data-design=compact] .chip[aria-pressed=true]{background:var(--accent-dim);color:var(--accent)}[data-design=compact] .chip-row{display:flex;flex-wrap:wrap;gap:2px}[data-design=compact] .search{height:28px;width:220px;background:transparent;border:0}[data-design=compact] .search:focus{outline:none}[data-design=compact] .dialog-backdrop{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:start center;padding:12vh var(--s4) var(--s4);z-index:10}[data-design=compact] .dialog,[data-design=compact] .palette{--surface: var(--surface-raised);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);width:min(560px,100%);max-height:76dvh;display:flex;flex-direction:column;overflow:hidden;animation:pop .12s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}[data-design=compact] .dialog-head{display:flex;align-items:center;gap:var(--s2);height:40px;flex:none;padding:0 var(--s4);border-bottom:1px solid var(--line);font-weight:var(--w-semi)}[data-design=compact] .dialog-form{display:flex;flex-direction:column;min-height:0}[data-design=compact] .dialog-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}[data-design=compact] .dialog-actions{display:flex;align-items:center;gap:var(--s2);flex:none;padding:var(--s2) var(--s4);border-top:1px solid var(--line)}[data-design=compact] .palette-input{width:100%;height:44px;padding:0 var(--s4);background:transparent;border:0;border-bottom:1px solid var(--line);font-size:var(--t-md)}[data-design=compact] .palette-input:focus{outline:none}[data-design=compact] .palette-list{max-height:320px;overflow-y:auto;padding:var(--s1)}[data-design=compact] .palette-item{display:flex;align-items:center;gap:var(--s2);width:100%;height:32px;padding:0 var(--s3);border-radius:var(--r);color:var(--fg-2)}[data-design=compact] .palette-item[data-active=true]{background:var(--surface-hover);color:var(--fg)}[data-design=compact] kbd{font:inherit;font-size:var(--t-xs);color:var(--fg-3);background:var(--surface-hover);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 5px}[data-design=compact] .empty{padding:var(--s7) var(--s4);text-align:center;color:var(--fg-3);display:flex;flex-direction:column;align-items:center;gap:var(--s3)}[data-design=compact] .banner{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);background:var(--danger-dim);color:var(--danger);border-bottom:1px solid var(--line)}[data-design=compact] .skeleton-row{height:var(--row-h);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 var(--s4)}[data-design=compact] .skeleton-bar{height:8px;border-radius:2px;background:linear-gradient(90deg,var(--surface-hover) 25%,var(--surface-active) 37%,var(--surface-hover) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}[data-design=compact] .live-dot{width:5px;height:5px;border-radius:50%;background:var(--fg-3);flex:none}[data-design=compact] .live-dot[data-live=live]{background:var(--accent)}[data-design=compact] .auth{min-height:100%;display:grid;place-items:center;padding:var(--s5)}[data-design=compact] .auth-panel{width:min(320px,100%);display:flex;flex-direction:column;gap:var(--s4)}[data-design=compact] .auth h1{font-size:var(--t-lg);font-weight:var(--w-semi);letter-spacing:-.02em}[data-design=compact] .auth-sub{color:var(--fg-3)}[data-design=compact] .auth-links{display:flex;flex-direction:column;gap:var(--s1);align-items:center}[data-design=compact] .stack{display:flex;flex-direction:column;gap:var(--s3)}@media(max-width:720px){[data-design=compact] .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}[data-design=compact] .sidebar{order:2;flex-direction:row;align-items:center;border-right:0;border-top:1px solid var(--line);background:var(--surface);padding:var(--s1) var(--s2) max(var(--s1),env(safe-area-inset-bottom));gap:0}[data-design=compact] .profile{order:2}[data-design=compact] .nav{order:1}[data-design=compact] .profile-trigger{width:44px;height:44px;justify-content:center;padding:0}[data-design=compact] .profile-name,[data-design=compact] .profile-caret{display:none}[data-design=compact] .menu{top:auto;bottom:calc(100% + 8px);left:auto;right:0}[data-design=compact] .nav{flex-direction:row;flex:1;gap:0}[data-design=compact] .nav-item{flex:1;justify-content:center;gap:var(--s1);height:40px}[data-design=compact] .row{height:auto;min-height:44px;padding-block:var(--s2)}[data-design=compact] .row-main{flex-direction:column;align-items:flex-start;gap:1px}[data-design=compact] .row-author,[data-design=compact] .row-title{max-width:100%}[data-design=compact] .filterbar{flex-direction:column;align-items:stretch;gap:var(--s2)}[data-design=compact] .chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}[data-design=compact] .chip{flex:none}[data-design=compact] .field,[data-design=compact] .field-stack{grid-template-columns:minmax(0,1fr);gap:var(--s1)}[data-design=compact] .search{width:100%}[data-design=compact] .dialog-backdrop{padding:var(--s4) 0 0;place-items:end stretch}[data-design=compact] .dialog{max-height:92dvh;border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%}}[data-design=editorial]{--bg: #f6f3ed;--surface: #fdfcfa;--surface-raised: #fdfcfa;--surface-hover: #efebe2;--surface-active: #e7e2d7;--fg: #1c1a17;--fg-2: #55504a;--fg-3: #8a8279;--line: color-mix(in srgb, var(--fg) 14%, transparent);--line-strong: color-mix(in srgb, var(--fg) 28%, transparent);--accent: #8c2f26;--accent-fg: #fdfcfa;--accent-dim: color-mix(in srgb, var(--accent) 10%, transparent);--danger: #8c2f26;--danger-dim: color-mix(in srgb, var(--danger) 10%, transparent);--t-xs: 12px;--t-sm: 13px;--t-base: 15px;--t-md: 19px;--t-lg: 40px;--w-medium: 500;--w-semi: 600;--r-sm: 2px;--r: 3px;--r-lg: 4px;--s1: 4px;--s2: 8px;--s3: 14px;--s4: 20px;--s5: 28px;--s6: 40px;--s7: 64px;--shadow-overlay: 0 18px 48px rgb(28 26 23 / 18%);--scrim: rgb(28 26 23 / 34%);--ease: cubic-bezier(.2, 0, 0, 1);--fast: .12s;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font: var(--serif);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--measure: 720px;--sidebar-w: 200px;background:var(--bg);color:var(--fg);font-family:var(--serif);font-size:var(--t-base);line-height:1.55}@media(prefers-color-scheme:dark){[data-design=editorial]{--bg: #17150f;--surface: #1e1b15;--surface-raised: #24211a;--surface-hover: #241f18;--surface-active: #2c2620;--fg: #efe9dd;--fg-2: #b6ac9c;--fg-3: #837a6c;--line: color-mix(in srgb, #efe9dd 16%, transparent);--line-strong: color-mix(in srgb, #efe9dd 30%, transparent);--accent: #d98878;--accent-fg: #17150f;--accent-dim: color-mix(in srgb, var(--accent) 16%, transparent);--danger: #d98878;--danger-dim: color-mix(in srgb, var(--danger) 16%, transparent);--shadow-overlay: 0 18px 48px rgb(0 0 0 / 52%);--scrim: rgb(0 0 0 / 58%)}}[data-design=editorial] ::placeholder{color:var(--fg-3);opacity:1;font-style:italic}[data-design=editorial] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-design=editorial] .shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}[data-design=editorial] .sidebar{background:transparent;border-right:1px solid var(--line);padding:var(--s5) var(--s4);display:flex;flex-direction:column;gap:var(--s5);overflow:visible}[data-design=editorial] .brand-mark{width:16px;height:16px;background:var(--fg);display:grid;gap:1.5px;padding:3px 2px;flex:none}[data-design=editorial] .brand-mark span{display:block;background:var(--bg)}[data-design=editorial] .profile-trigger{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2);border-radius:var(--r);font-weight:var(--w-semi);letter-spacing:-.01em;transition:background var(--fast) var(--ease)}[data-design=editorial] .profile-trigger:hover,[data-design=editorial] .profile-trigger[aria-expanded=true]{background:var(--surface-hover)}[data-design=editorial] .profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-design=editorial] .profile-caret{margin-left:auto;width:0;height:0;flex:none;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--fg-3)}[data-design=editorial] .menu{padding:var(--s1);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay)}[data-design=editorial] .menu-head{display:flex;flex-direction:column;gap:2px;padding:var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s1)}[data-design=editorial] .menu-email{font-size:var(--t-sm);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-design=editorial] .menu-status{display:flex;align-items:center;gap:var(--s1);font-size:var(--t-xs);color:var(--fg-3)}[data-design=editorial] .menu-item{display:flex;align-items:center;min-height:32px;padding:0 var(--s2);border-radius:var(--r);color:var(--fg-2);text-align:left}[data-design=editorial] .menu-item:hover,[data-design=editorial] .menu-item:focus-visible{background:var(--surface-hover);color:var(--fg)}[data-design=editorial] .option-list{display:flex;flex-direction:column;gap:var(--s1)}[data-design=editorial] .option{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer}[data-design=editorial] .option:hover{background:var(--surface-hover)}[data-design=editorial] .option:has(input:checked){border-color:var(--accent);background:var(--accent-dim)}[data-design=editorial] .option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}[data-design=editorial] .option input{margin:2px 0 0;accent-color:var(--accent);flex:none}[data-design=editorial] .option-text{display:flex;flex-direction:column;gap:1px;min-width:0}[data-design=editorial] .option-label{font-weight:var(--w-semi);color:var(--fg)}[data-design=editorial] .option-note{font-size:var(--t-sm);color:var(--fg-3)}[data-design=editorial] .nav{display:flex;flex-direction:column;gap:var(--s1)}[data-design=editorial] .nav-item{display:flex;align-items:baseline;justify-content:space-between;padding:var(--s1) 0;color:var(--fg-2);border-bottom:1px solid transparent;transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease)}[data-design=editorial] .nav-item:hover{color:var(--fg);border-bottom-color:var(--line)}[data-design=editorial] .nav-item[aria-current=page]{color:var(--fg);border-bottom-color:var(--fg)}[data-design=editorial] .nav-count{font-size:var(--t-xs);font-family:var(--sans);color:var(--fg-3)}[data-design=editorial] .topbar{display:flex;align-items:baseline;gap:var(--s3);flex:none;padding:var(--s6) var(--s5) var(--s3);max-width:var(--measure);width:100%;margin-inline:auto}[data-design=editorial] .topbar h1{font-size:var(--t-lg);font-weight:var(--w-medium);letter-spacing:-.02em;line-height:1.05}[data-design=editorial] .topbar-count{font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}[data-design=editorial] .filterbar{display:flex;align-items:center;gap:var(--s3);flex:none;padding:0 var(--s5) var(--s3);max-width:var(--measure);width:100%;margin-inline:auto;border-bottom:1px solid var(--fg)}[data-design=editorial] .list{max-width:var(--measure);width:100%;margin-inline:auto;padding:0 var(--s5)}[data-design=editorial] .row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);color:var(--fg);transition:background var(--fast) var(--ease)}[data-design=editorial] .row:hover{background:var(--surface-hover);box-shadow:-12px 0 0 var(--surface-hover),12px 0 0 var(--surface-hover)}[data-design=editorial] .row-accent{display:none}[data-design=editorial] .row-main{display:flex;flex-direction:column;gap:2px;min-width:0}[data-design=editorial] .row-title{font-size:var(--t-md);line-height:1.25;letter-spacing:-.01em}[data-design=editorial] .row-author{font-style:italic;color:var(--fg-2)}[data-design=editorial] .row-meta{display:flex;align-items:baseline;gap:var(--s3);flex:none;font-family:var(--sans);font-size:var(--t-xs);color:var(--fg-3)}[data-design=editorial] .row-mood{letter-spacing:.04em;text-transform:uppercase}[data-design=editorial] .row-progress{width:56px;height:1px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 2px,transparent 2px 4px);align-self:center}[data-design=editorial] .row-progress span{display:block;height:1px;background:var(--fg-2)}[data-design=editorial] .btn{display:inline-flex;align-items:center;gap:var(--s1);font-family:var(--sans);font-size:var(--t-sm);font-weight:var(--w-medium);padding:var(--s1) var(--s3);border-radius:var(--r);background:var(--fg);color:var(--bg);white-space:nowrap;transition:opacity var(--fast) var(--ease)}[data-design=editorial] .btn:hover:not(:disabled){opacity:.84}[data-design=editorial] .btn:disabled{background:var(--surface-active);color:var(--fg-3);cursor:not-allowed}[data-design=editorial] .btn-secondary{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}[data-design=editorial] .btn-secondary:hover:not(:disabled){background:var(--surface-hover);opacity:1}[data-design=editorial] .btn-ghost{background:transparent;color:var(--fg-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}[data-design=editorial] .btn-ghost:hover:not(:disabled){color:var(--fg);text-decoration-color:currentColor;opacity:1}[data-design=editorial] .btn-danger{background:transparent;color:var(--danger);text-decoration:underline;text-underline-offset:3px}[data-design=editorial] .field-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;padding:var(--s1) 0;font-family:var(--serif);transition:border-color var(--fast) var(--ease)}[data-design=editorial] textarea.field-input{resize:vertical;border:1px solid var(--line-strong);padding:var(--s2)}[data-design=editorial] .field-input:hover{border-bottom-color:var(--fg-2)}[data-design=editorial] .field-input:focus{outline:none;border-bottom-color:var(--fg)}[data-design=editorial] .field,[data-design=editorial] .field-stack{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s3);align-items:baseline}[data-design=editorial] fieldset.field{grid-template-columns:minmax(0,1fr);gap:var(--s2)}[data-design=editorial] .field-label{padding:0}[data-design=editorial] .field>span,[data-design=editorial] .field-stack>span{font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}[data-design=editorial] .chip{font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:var(--s1) 0;border-bottom:1px solid transparent;margin-right:var(--s3);transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease)}[data-design=editorial] .chip:hover{color:var(--fg)}[data-design=editorial] .chip[aria-pressed=true]{color:var(--fg);border-bottom-color:var(--fg)}[data-design=editorial] .chip-row{display:flex;flex-wrap:wrap}[data-design=editorial] .search{background:transparent;border:0;font-family:var(--serif);font-size:var(--t-base);width:200px;padding:var(--s1) 0}[data-design=editorial] .search:focus{outline:none}[data-design=editorial] .dialog-backdrop{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;padding:var(--s5);z-index:10}[data-design=editorial] .dialog,[data-design=editorial] .palette{background:var(--surface-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);width:min(560px,100%);max-height:80dvh;display:flex;flex-direction:column;overflow:hidden}[data-design=editorial] .dialog-head{flex:none;padding:var(--s4) var(--s5) var(--s3);font-size:var(--t-md);border-bottom:1px solid var(--line)}[data-design=editorial] .dialog-form{display:flex;flex-direction:column;min-height:0}[data-design=editorial] .dialog-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s4) var(--s5);display:flex;flex-direction:column;gap:var(--s3)}[data-design=editorial] .dialog-actions{display:flex;align-items:center;gap:var(--s3);flex:none;padding:var(--s3) var(--s5) var(--s4);border-top:1px solid var(--line)}[data-design=editorial] .palette-input{width:100%;padding:var(--s4) var(--s5);background:transparent;border:0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:var(--t-md)}[data-design=editorial] .palette-input:focus{outline:none}[data-design=editorial] .palette-list{max-height:320px;overflow-y:auto;padding:var(--s2) 0}[data-design=editorial] .palette-item{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2) var(--s5);color:var(--fg-2)}[data-design=editorial] .palette-item[data-active=true]{background:var(--surface-hover);color:var(--fg)}[data-design=editorial] kbd{font-family:var(--sans);font-size:11px;color:var(--fg-3);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 5px}[data-design=editorial] .empty{padding:var(--s7) var(--s4);text-align:center;color:var(--fg-3);font-style:italic;display:flex;flex-direction:column;align-items:center;gap:var(--s4)}[data-design=editorial] .banner{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s5);background:var(--danger-dim);color:var(--danger)}[data-design=editorial] .skeleton-row{padding:var(--s3) 0;border-bottom:1px solid var(--line);max-width:var(--measure);margin-inline:auto}[data-design=editorial] .skeleton-bar{height:10px;background:var(--surface-hover)}[data-design=editorial] .live-dot{width:5px;height:5px;border-radius:50%;background:var(--fg-3);flex:none}[data-design=editorial] .live-dot[data-live=live]{background:var(--accent)}[data-design=editorial] .auth{min-height:100%;display:grid;place-items:center;padding:var(--s5)}[data-design=editorial] .auth-panel{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--s4)}[data-design=editorial] .auth h1{font-size:var(--t-lg);font-weight:var(--w-medium);letter-spacing:-.02em;line-height:1.05}[data-design=editorial] .auth-sub{color:var(--fg-2);font-style:italic}[data-design=editorial] .auth-links{display:flex;flex-direction:column;gap:var(--s2);align-items:center}[data-design=editorial] .stack{display:flex;flex-direction:column;gap:var(--s4)}@media(max-width:720px){[data-design=editorial] .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}[data-design=editorial] .sidebar{order:2;flex-direction:row;align-items:center;border-right:0;border-top:1px solid var(--line);padding:0 var(--s3) max(0px,env(safe-area-inset-bottom));gap:0}[data-design=editorial] .profile{order:2}[data-design=editorial] .nav{order:1}[data-design=editorial] .profile-trigger{width:44px;height:44px;justify-content:center;padding:0}[data-design=editorial] .profile-name,[data-design=editorial] .profile-caret{display:none}[data-design=editorial] .menu{top:auto;bottom:calc(100% + 8px);left:auto;right:0}[data-design=editorial] .nav{flex-direction:row;flex:1;gap:var(--s4);justify-content:space-around}[data-design=editorial] .nav-item{padding:var(--s3) 0;border-bottom:2px solid transparent}[data-design=editorial] .topbar,[data-design=editorial] .filterbar,[data-design=editorial] .list{padding-inline:var(--s4)}[data-design=editorial] .topbar{padding-top:var(--s5)}[data-design=editorial] .row{min-height:44px}[data-design=editorial] .row:hover{box-shadow:none}[data-design=editorial] .field,[data-design=editorial] .field-stack{grid-template-columns:minmax(0,1fr);gap:var(--s1)}[data-design=editorial] .search{width:100%}[data-design=editorial] .filterbar{flex-direction:column;align-items:stretch;gap:var(--s2)}[data-design=editorial] .chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}[data-design=editorial] .chip{flex:none}}[data-design=mono]{--bg: #ffffff;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #f2f2f2;--surface-active: #e8e8e8;--fg: #000000;--fg-2: rgb(0 0 0 / 62%);--fg-3: rgb(0 0 0 / 40%);--line: rgb(0 0 0 / 14%);--line-strong: #000000;--accent: #000000;--accent-fg: #ffffff;--accent-dim: rgb(0 0 0 / 8%);--danger: #000000;--danger-dim: rgb(0 0 0 / 8%);--t-xs: 10px;--t-sm: 11px;--t-base: 13px;--t-md: 15px;--t-lg: 28px;--w-medium: 500;--w-semi: 700;--r-sm: 0;--r: 0;--r-lg: 0;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--shadow-overlay: none;--scrim: rgb(0 0 0 / 62%);--ease: steps(1, end);--fast: 0ms;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--grotesque: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font: var(--mono);--sidebar-w: 180px;--row-h: 32px;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:var(--t-base);line-height:1.4}@media(prefers-color-scheme:dark){[data-design=mono]{--bg: #000000;--surface: #000000;--surface-raised: #000000;--surface-hover: #111111;--surface-active: #1c1c1c;--fg: #ffffff;--fg-2: rgb(255 255 255 / 66%);--fg-3: rgb(255 255 255 / 42%);--line: rgb(255 255 255 / 18%);--line-strong: #ffffff;--accent: #ffffff;--accent-fg: #000000;--accent-dim: rgb(255 255 255 / 12%);--danger: #ffffff;--danger-dim: rgb(255 255 255 / 12%);--scrim: rgb(0 0 0 / 76%)}}[data-design=mono] ::placeholder{color:var(--fg-3);opacity:1}[data-design=mono] :focus-visible{outline:2px solid var(--fg);outline-offset:0}[data-design=mono] .shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}[data-design=mono] .sidebar{border-right:1px solid var(--line-strong);padding:var(--s4) 0 var(--s4);display:flex;flex-direction:column;gap:var(--s5);overflow:visible}[data-design=mono] .brand-mark{width:14px;height:14px;background:var(--fg);display:grid;gap:2px;padding:2px;flex:none}[data-design=mono] .brand-mark span{display:block;background:var(--bg)}[data-design=mono] .profile-trigger{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s2);border-radius:var(--r);font-weight:var(--w-semi);letter-spacing:-.01em;transition:background var(--fast) var(--ease)}[data-design=mono] .profile-trigger:hover,[data-design=mono] .profile-trigger[aria-expanded=true]{background:var(--surface-hover)}[data-design=mono] .profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-design=mono] .profile-caret{margin-left:auto;width:0;height:0;flex:none;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--fg-3)}[data-design=mono] .menu{padding:var(--s1);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay)}[data-design=mono] .menu-head{display:flex;flex-direction:column;gap:2px;padding:var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s1)}[data-design=mono] .menu-email{font-size:var(--t-sm);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-design=mono] .menu-status{display:flex;align-items:center;gap:var(--s1);font-size:var(--t-xs);color:var(--fg-3)}[data-design=mono] .menu-item{display:flex;align-items:center;min-height:32px;padding:0 var(--s2);border-radius:var(--r);color:var(--fg-2);text-align:left}[data-design=mono] .menu-item:hover,[data-design=mono] .menu-item:focus-visible{background:var(--surface-hover);color:var(--fg)}[data-design=mono] .option-list{display:flex;flex-direction:column;gap:var(--s1)}[data-design=mono] .option{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer}[data-design=mono] .option:hover{background:var(--surface-hover)}[data-design=mono] .option:has(input:checked){border-color:var(--accent);background:var(--accent-dim)}[data-design=mono] .option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}[data-design=mono] .option input{appearance:none;margin:3px 0 0;width:12px;height:12px;flex:none;border:1px solid var(--fg-3);background:transparent}[data-design=mono] .option input:checked{border-color:var(--fg);background:var(--fg);box-shadow:inset 0 0 0 2px var(--surface-raised)}[data-design=mono] .option-text{display:flex;flex-direction:column;gap:1px;min-width:0}[data-design=mono] .option-label{font-weight:var(--w-semi);color:var(--fg)}[data-design=mono] .option-note{font-size:var(--t-sm);color:var(--fg-3)}[data-design=mono] .nav{display:flex;flex-direction:column}[data-design=mono] .nav-item{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 var(--s4);font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}[data-design=mono] .nav-item:hover{color:var(--fg);background:var(--surface-hover)}[data-design=mono] .nav-item[aria-current=page]{color:var(--accent-fg);background:var(--fg)}[data-design=mono] .nav-count{font-size:var(--t-sm)}[data-design=mono] .topbar{display:flex;align-items:baseline;gap:var(--s3);flex:none;padding:var(--s5) var(--s4) var(--s3);border-bottom:1px solid var(--line-strong)}[data-design=mono] .topbar h1{font-family:var(--grotesque);font-size:var(--t-lg);font-weight:var(--w-semi);letter-spacing:-.045em;text-transform:uppercase;line-height:1}[data-design=mono] .topbar-count{font-size:var(--t-sm);color:var(--fg-3)}[data-design=mono] .filterbar{display:flex;align-items:center;gap:var(--s4);flex:none;padding:var(--s2) var(--s4);border-bottom:1px solid var(--line)}[data-design=mono] .row{display:grid;grid-template-columns:3px minmax(0,1fr) auto;align-items:center;gap:0 var(--s3);height:var(--row-h);padding-right:var(--s4);border-bottom:1px solid var(--line);color:var(--fg)}[data-design=mono] .row:hover{background:var(--surface-hover)}[data-design=mono] .row:active{background:var(--surface-active)}[data-design=mono] .row-accent{width:3px;height:100%;background:var(--fg)}[data-design=mono] .row-accent img,[data-design=mono] .row-initial{display:none}[data-design=mono] .row-main{display:flex;align-items:baseline;gap:var(--s3);min-width:0;padding-left:var(--s3)}[data-design=mono] .row-title{font-family:var(--grotesque);font-weight:var(--w-medium);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-design=mono] .row-author{font-size:var(--t-sm);color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:40%}[data-design=mono] .row-meta{display:flex;align-items:center;gap:var(--s4);flex:none;font-size:var(--t-sm);color:var(--fg-3)}[data-design=mono] .row-mood{letter-spacing:.06em;text-transform:uppercase;font-size:var(--t-xs)}[data-design=mono] .row-progress{width:52px;height:8px;border:1px solid var(--fg-3);overflow:hidden}[data-design=mono] .row-progress span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--fg) 0 2px,transparent 2px 4px)}[data-design=mono] .btn{display:inline-flex;align-items:center;gap:var(--s1);height:26px;padding:0 var(--s3);font-family:var(--mono);font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;background:var(--fg);color:var(--accent-fg);white-space:nowrap}[data-design=mono] .btn:hover:not(:disabled){background:var(--fg-2)}[data-design=mono] .btn:disabled{background:transparent;color:var(--fg-3);box-shadow:inset 0 0 0 1px var(--line);cursor:not-allowed}[data-design=mono] .btn-secondary,[data-design=mono] .btn-danger{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}[data-design=mono] .btn-secondary:hover:not(:disabled),[data-design=mono] .btn-danger:hover:not(:disabled){background:var(--fg);color:var(--accent-fg)}[data-design=mono] .btn-ghost{background:transparent;color:var(--fg-3);box-shadow:none}[data-design=mono] .btn-ghost:hover:not(:disabled){color:var(--fg);background:transparent;text-decoration:underline;text-underline-offset:3px}[data-design=mono] .field-input{width:100%;height:26px;background:transparent;border:1px solid var(--fg-3);padding:0 var(--s2);font-family:var(--mono)}[data-design=mono] textarea.field-input{height:auto;padding:var(--s2);resize:vertical}[data-design=mono] .field-input:hover{border-color:var(--fg-2)}[data-design=mono] .field-input:focus{outline:none;border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}[data-design=mono] .field,[data-design=mono] .field-stack{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--s3);align-items:center}[data-design=mono] fieldset.field{grid-template-columns:minmax(0,1fr);gap:var(--s2)}[data-design=mono] .field-label{padding:0}[data-design=mono] .field-stack{align-items:start}[data-design=mono] .field>span,[data-design=mono] .field-stack>span{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}[data-design=mono] .chip{height:22px;padding:0 var(--s2);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);box-shadow:inset 0 0 0 1px var(--line)}[data-design=mono] .chip:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg-3)}[data-design=mono] .chip[aria-pressed=true]{background:var(--fg);color:var(--accent-fg);box-shadow:none}[data-design=mono] .chip-row{display:flex;flex-wrap:wrap;gap:var(--s1)}[data-design=mono] .search{height:26px;width:200px;background:transparent;border:0;border-bottom:1px solid var(--fg-3);font-family:var(--mono)}[data-design=mono] .search:focus{outline:none;border-bottom-color:var(--fg)}[data-design=mono] .dialog-backdrop{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;padding:var(--s5);z-index:10}[data-design=mono] .dialog,[data-design=mono] .palette{background:var(--surface-raised);border:1px solid var(--line-strong);width:min(560px,100%);max-height:80dvh;display:flex;flex-direction:column;overflow:hidden}[data-design=mono] .dialog-head{display:flex;align-items:center;gap:var(--s2);flex:none;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-strong);font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase}[data-design=mono] .dialog-form{display:flex;flex-direction:column;min-height:0}[data-design=mono] .dialog-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}[data-design=mono] .dialog-actions{display:flex;align-items:center;gap:var(--s2);flex:none;padding:var(--s3) var(--s4);border-top:1px solid var(--line-strong)}[data-design=mono] .palette-input{width:100%;height:40px;padding:0 var(--s4);background:transparent;border:0;border-bottom:1px solid var(--line-strong);font-family:var(--mono);font-size:var(--t-md)}[data-design=mono] .palette-input:focus{outline:none}[data-design=mono] .palette-list{max-height:320px;overflow-y:auto}[data-design=mono] .palette-item{display:flex;align-items:center;gap:var(--s2);width:100%;height:30px;padding:0 var(--s4);font-size:var(--t-sm);color:var(--fg-3)}[data-design=mono] .palette-item[data-active=true]{background:var(--fg);color:var(--accent-fg)}[data-design=mono] kbd{font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-3);border:1px solid var(--line);padding:1px 4px}[data-design=mono] .empty{padding:var(--s7) var(--s4);text-align:center;color:var(--fg-3);font-size:var(--t-sm);letter-spacing:.06em;display:flex;flex-direction:column;align-items:center;gap:var(--s4)}[data-design=mono] .banner{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);background:var(--fg);color:var(--accent-fg);font-size:var(--t-sm)}[data-design=mono] .skeleton-row{height:var(--row-h);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 var(--s4)}[data-design=mono] .skeleton-bar{height:8px;background:var(--surface-hover)}[data-design=mono] .live-dot{width:6px;height:6px;background:var(--fg-3);flex:none}[data-design=mono] .live-dot[data-live=live]{background:var(--fg)}[data-design=mono] .auth{min-height:100%;display:grid;place-items:center;padding:var(--s5)}[data-design=mono] .auth-panel{width:min(320px,100%);display:flex;flex-direction:column;gap:var(--s4);border:1px solid var(--line-strong);padding:var(--s5)}[data-design=mono] .auth h1{font-family:var(--grotesque);font-size:var(--t-lg);font-weight:var(--w-semi);letter-spacing:-.045em;text-transform:uppercase;line-height:1}[data-design=mono] .auth-sub{color:var(--fg-3);font-size:var(--t-sm)}[data-design=mono] .auth-links{display:flex;flex-direction:column;gap:var(--s2);align-items:center}[data-design=mono] .stack{display:flex;flex-direction:column;gap:var(--s3)}@media(max-width:720px){[data-design=mono] .shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}[data-design=mono] .sidebar{order:2;flex-direction:row;align-items:stretch;border-right:0;border-top:1px solid var(--line-strong);padding:0 0 max(0px,env(safe-area-inset-bottom));gap:0}[data-design=mono] .profile{order:2}[data-design=mono] .nav{order:1}[data-design=mono] .profile-trigger{width:44px;height:44px;justify-content:center;padding:0}[data-design=mono] .profile-name,[data-design=mono] .profile-caret{display:none}[data-design=mono] .menu{top:auto;bottom:calc(100% + 8px);left:auto;right:0}[data-design=mono] .nav{flex-direction:row;flex:1}[data-design=mono] .nav-item{flex:1;justify-content:center;gap:var(--s1);height:44px;border-right:1px solid var(--line)}[data-design=mono] .row{height:auto;min-height:44px;padding-block:var(--s2)}[data-design=mono] .row-main{flex-direction:column;align-items:flex-start;gap:2px}[data-design=mono] .row-author,[data-design=mono] .row-title{max-width:100%}[data-design=mono] .filterbar{flex-direction:column;align-items:stretch;gap:var(--s2)}[data-design=mono] .chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}[data-design=mono] .chip{flex:none}[data-design=mono] .field,[data-design=mono] .field-stack{grid-template-columns:minmax(0,1fr);gap:var(--s1)}[data-design=mono] .search{width:100%}}