:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172321;background:#f4f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f7f6;--surface: #ffffff;--surface-soft: #eef4f2;--text: #172321;--muted: #5c6c68;--border: #d7e1de;--primary: #0c7464;--primary-strong: #07584d;--primary-soft: #ddf3ed;--blue: #285f9f;--amber: #9b6407;--red: #a43d3d;--shadow: 0 12px 36px rgba(19, 49, 44, .08)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #5dbbaa;outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;padding:.75rem 1rem;background:var(--text);color:#fff;border-radius:.5rem}.skip-link:focus{top:1rem}svg{width:1.2rem;height:1.2rem;stroke-width:1.9}.login-shell,.centered-state{min-height:100dvh;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at 15% 15%,#e4f5f0 0,transparent 30%),var(--bg)}.login-card{width:min(100%,31rem);border:1px solid var(--border);background:#fffffff0;padding:2rem;border-radius:1.5rem;box-shadow:var(--shadow)}.brand-mark{width:3.25rem;height:3.25rem;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:1rem;box-shadow:0 8px 22px #0c74643d}.brand-mark svg{width:1.65rem;height:1.65rem}.brand-mark.small{width:2.55rem;height:2.55rem;border-radius:.8rem;flex:0 0 auto}.brand-mark.small svg{width:1.3rem;height:1.3rem}.eyebrow{margin:1.35rem 0 .45rem;color:var(--primary);font-size:.75rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.035em}h2{margin:0;font-size:1.15rem}h3{margin:0;font-size:1.1rem}.lead{color:var(--muted);font-size:1.02rem;line-height:1.65}.trust-list{display:grid;gap:.65rem;margin:1.5rem 0}.trust-list span{display:flex;align-items:center;gap:.65rem;color:#31413d;font-size:.92rem}.trust-list svg{color:var(--primary)}.button{min-height:44px;border:0;border-radius:.8rem;padding:.72rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:var(--primary-soft);color:var(--primary-strong)}.button.ghost{background:#fff;border:1px solid var(--border);color:var(--text)}.button.full{width:100%}.microcopy{margin:1rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.5;text-align:center}.alert{display:flex;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;margin:1rem 0;border:1px solid #e7c1bd;background:#fff2f0;color:#7e2c2c;border-radius:.8rem;font-size:.9rem}.alert button{margin-left:auto;border:0;background:none;color:inherit;font-weight:700}.alert svg{flex:0 0 auto}.app-shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:40;height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;background:#ffffffe6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button{display:flex;align-items:center;gap:.7rem;border:0;background:none;padding:.25rem;color:var(--text);text-align:left}.brand-button>span:last-child{display:grid}.brand-button strong{font-size:.94rem}.brand-button small{color:var(--muted);font-size:.72rem}.user-area{display:flex;align-items:center;gap:.65rem}.admin-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;font-size:.72rem;font-weight:750;white-space:nowrap}.admin-badge svg{width:.85rem;height:.85rem}.user-name{color:var(--muted);font-size:.85rem;max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{width:44px;height:44px;border:1px solid var(--border);background:var(--surface);border-radius:.75rem;display:grid;place-items:center;color:var(--muted)}.layout{display:grid;grid-template-columns:15rem minmax(0,1fr);max-width:1440px;margin:0 auto}.sidebar{position:sticky;top:68px;height:calc(100dvh - 68px);padding:1.25rem .9rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.nav-button{min-height:48px;width:100%;border:0;border-radius:.85rem;background:transparent;color:var(--muted);display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;text-align:left}.nav-button:hover{background:var(--surface-soft);color:var(--text)}.nav-button.active{color:var(--primary-strong);background:var(--primary-soft);font-weight:750}.nav-button b{margin-left:auto;min-width:1.5rem;height:1.5rem;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:999px;font-size:.7rem}.sidebar-note{margin-top:auto;display:flex;gap:.65rem;padding:.9rem;color:var(--muted);background:var(--surface-soft);border-radius:.9rem;font-size:.78rem;line-height:1.45}.sidebar-note p{margin:0}.sidebar-note svg{color:var(--primary);flex:0 0 auto}.content{min-width:0;padding:clamp(1rem,3vw,2.25rem);padding-bottom:3rem}.bottom-nav{display:none}.hero-panel{border:1px solid #cfe2dd;border-radius:1.4rem;padding:clamp(1.25rem,4vw,2.25rem);background:linear-gradient(135deg,#f9fffd,#e7f5f1);display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:2rem;align-items:end}.hero-panel h1{max-width:19ch;font-size:clamp(1.65rem,4vw,2.75rem)}.hero-panel p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:62ch}.lark-card{min-height:82px;padding:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:1rem;box-shadow:0 8px 24px #13312c0f}.lark-card>svg:first-child{color:var(--primary);width:1.5rem;height:1.5rem}.lark-card div{display:grid;gap:.2rem}.lark-card span{color:var(--muted);font-size:.8rem}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0 2rem}.stat-card{padding:1rem;border:1px solid var(--border);background:var(--surface);border-radius:1rem;display:flex;align-items:center;gap:.8rem}.stat-card>span{width:2.6rem;height:2.6rem;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:.75rem}.stat-card div{display:grid}.stat-card strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.stat-card small{color:var(--muted)}.feed-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.feed-toolbar p{margin:.3rem 0 0;color:var(--muted);font-size:.85rem}.select-label,form label{display:grid;gap:.35rem;color:#34443f;font-size:.8rem;font-weight:700}select,input,textarea{width:100%;min-height:44px;padding:.65rem .75rem;color:var(--text);background:#fff;border:1px solid #cbd7d3;border-radius:.7rem}textarea{resize:vertical;line-height:1.55}.voice-list{display:grid;gap:.85rem}.voice-card{padding:1.15rem;border:1px solid var(--border);background:var(--surface);border-radius:1rem;box-shadow:0 3px 14px #13312c0a}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.8rem}.category-pill,.status-pill,.risk-label,.confidential-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:750}.category-pill{color:var(--primary-strong);background:var(--primary-soft)}.status-pill svg{width:.8rem;height:.8rem}.status-received{color:#555f5d;background:#edf0ef}.status-progress{color:#79510a;background:#fff1cf}.status-resolved{color:#07584d;background:#dff4ed}.voice-card h3{font-size:1.15rem}.voice-card>p{color:#40504c;line-height:1.62}.card-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;color:var(--muted);font-size:.75rem}.card-meta span:not(:last-child):after{content:"·";margin-left:.9rem;color:#aab5b2}.vote-row{margin-top:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.vote{min-height:44px;padding:.55rem .75rem;display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);color:var(--muted);background:#fafcfc;border-radius:.75rem}.vote strong{font-variant-numeric:tabular-nums}.vote.active-like{color:#07584d;border-color:#82c4b7;background:var(--primary-soft)}.vote.active-dislike{color:#823737;border-color:#d9a4a4;background:#fff0f0}.inline-loader{margin-left:.25rem;color:var(--primary)}.field-error{color:#913939!important;font-size:.82rem}.field-success{color:#086150;font-size:.82rem}.loading-list,.empty-state,.review-placeholder{min-height:12rem;display:grid;place-items:center;align-content:center;gap:.45rem;color:var(--muted);text-align:center}.empty-state{border:1px dashed #becdca;border-radius:1rem;padding:2rem}.empty-state h3,.empty-state p{margin:0}.empty-state svg,.review-placeholder svg{width:2rem;height:2rem;color:var(--primary)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reading-page{max-width:920px}.reading-page .lead{max-width:62ch}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:2rem 0}.principle{border:1px solid var(--border);background:#fff;border-radius:1rem;padding:1.1rem}.principle>span{width:2.6rem;height:2.6rem;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:.75rem}.principle h2{margin-top:1rem}.principle p{color:var(--muted);font-size:.88rem;line-height:1.55}.notice-panel{display:flex;gap:.9rem;padding:1rem;margin:1.5rem 0 2rem;border:1px solid #e2c88e;background:#fff8e6;color:#594316;border-radius:1rem}.notice-panel>svg{flex:0 0 auto}.notice-panel p{margin:.35rem 0 0;line-height:1.55}.steps{list-style:none;padding:0;display:grid;gap:.65rem}.steps li{display:flex;gap:.8rem;padding:.9rem;background:#fff;border:1px solid var(--border);border-radius:.9rem}.steps li>span{width:2rem;height:2rem;flex:0 0 auto;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-strong);border-radius:50%;font-weight:800}.steps p{margin:.25rem 0 0;color:var(--muted)}.admin-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.admin-heading p:not(.eyebrow){color:var(--muted)}.confidential-badge{color:#6f4a09;background:#fff1cf;white-space:nowrap}.admin-grid{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.5fr);gap:1rem;align-items:start}.queue-list{display:grid;gap:.45rem;max-height:calc(100dvh - 190px);overflow:auto;padding-right:.2rem}.queue-item{min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:.85rem;text-align:left}.queue-item.selected{border-color:#75b9ac;box-shadow:0 0 0 2px var(--primary-soft)}.queue-item span:nth-child(2){min-width:0;display:grid;gap:.2rem}.queue-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item small{color:var(--muted)}.risk-dot{width:.65rem;height:.65rem;border-radius:50%;background:#9ca8a5}.risk-medium{color:#7b570e;background-color:#dca722}.risk-high,.risk-critical{color:#842e2e;background-color:#cb5151}.review-panel{min-height:30rem;padding:1.15rem;border:1px solid var(--border);background:#fff;border-radius:1rem}.review-panel form{display:grid;gap:.9rem}.review-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.review-title h2{margin-top:.35rem}.review-title>span{color:var(--muted);font-size:.75rem}.risk-label{background:#edf0ef;color:#52605d}.sensitive-tags{display:flex;flex-wrap:wrap;gap:.35rem}.sensitive-tags span{padding:.25rem .45rem;border-radius:.45rem;background:#fff1ef;color:#843838;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.raw-text{background:#f6f8f7;color:#374440}.form-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:.75rem}.action-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.4rem}.centered-state h1{font-size:1.3rem}.centered-state p{color:var(--muted)}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.bottom-nav{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.45rem .6rem calc(.45rem + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav .nav-button{min-width:0;min-height:54px;flex-direction:column;justify-content:center;gap:.2rem;padding:.3rem;font-size:.7rem}.bottom-nav .nav-button b{position:absolute;margin:-1.5rem 0 0 2rem}.content{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.hero-panel{grid-template-columns:1fr;gap:1rem}.principle-grid,.admin-grid{grid-template-columns:1fr}.queue-list{max-height:none}}@media(max-width:520px){.user-name{display:none}}@media(max-width:620px){.topbar{height:62px;padding:0 .75rem}.brand-button small,.user-name{display:none}.content{padding:.8rem .75rem 6rem}.hero-panel{border-radius:1rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.75rem}.feed-toolbar{align-items:stretch;flex-direction:column}.select-label{width:100%}.card-topline{align-items:flex-start}.status-pill{flex:0 0 auto}.card-meta span:after{display:none}.vote-row{display:grid;grid-template-columns:1fr 1fr}.vote{justify-content:center;padding:.5rem;font-size:.78rem}.admin-heading{display:grid}.form-row{grid-template-columns:1fr}.action-bar{display:grid}.login-card{padding:1.35rem;border-radius:1.15rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{--bg: #101816;--surface: #17221f;--surface-soft: #1d2c28;--text: #edf5f2;--muted: #a8b8b3;--border: #30413c;--primary: #50bba7;--primary-strong: #8bd8ca;--primary-soft: #173a33;--shadow: 0 16px 40px rgba(0,0,0,.22)}html,body{background:var(--bg);color:var(--text)}.topbar,.bottom-nav{background:#17221ff0}.login-card,.hero-panel,.lark-card,.stat-card,.voice-card,.principle,.steps li,.queue-item,.review-panel{background:var(--surface)}.hero-panel{background:linear-gradient(135deg,#17221f,#18352f)}.trust-list span,.voice-card>p,.select-label,form label{color:#d2dfdb}select,input,textarea{color:var(--text);background:#111b18;border-color:var(--border)}.button.ghost,.vote{background:#15201d;color:var(--muted)}.raw-text{background:#111916;color:#d5e1dd}.alert{background:#3a2221;border-color:#70413d;color:#ffd0ca}}