:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0f1216;--surface:#171c22;--surface-soft:#11161b;--border:#313a45;--text:#c6d0db;--text-strong:#f4f7fa;--muted:#92a0af;--accent:#94d7b0;--radius:8px;--mono:Consolas, "Cascadia Mono", monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif;font-size:16px;line-height:1.45}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{background:var(--page);min-width:320px;margin:0;overflow-x:hidden}#root{min-height:100svh}a{color:inherit}.app-shell{background:var(--page);min-height:100svh;color:var(--text)}.landing-only{background:var(--page);place-items:center;min-height:100svh;margin:0;padding:16px;display:grid}.landing-only button{background:#17231e;border-color:#4d6b5b;min-width:124px;min-height:46px;padding:10px 18px}.topbar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--page) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:flex-end;align-items:center;min-height:62px;padding:14px 18px;display:flex;position:sticky;top:0}.logout-button{white-space:nowrap;flex:none;min-width:88px}.layout{grid-template-columns:300px minmax(0,1fr);gap:16px;width:min(1280px,100%);margin:0 auto;padding:16px;display:grid}.single-layout{grid-template-columns:minmax(0,920px);justify-content:center}.login-gate{place-items:center;min-height:calc(100svh - 124px);padding:18px;display:grid}.login-gate section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(520px,100%);padding:24px}.login-gate h2,.login-gate p{margin:0}.login-gate h2{color:var(--text-strong);font-size:22px;line-height:1.25}.login-gate p{color:var(--muted);margin-top:8px;line-height:1.55}.side-panel,.workspace{min-width:0}.side-panel{align-self:start;gap:12px;display:grid;position:sticky;top:76px}.panel-title,.questionnaire-head,.toolbar,.import-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel-title{justify-content:space-between;align-items:center;padding:12px;display:flex}.panel-title h2{color:var(--text-strong);margin:0;font-size:15px}.panel-title span{color:var(--muted);font-size:12px}.date-stack,.workspace,.question-stack,.question-list,.questionnaire-list{gap:10px;display:grid}.questionnaire-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:92px;color:var(--text);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;display:grid}.questionnaire-row:hover{background:#17231e;border-color:#62b989}.questionnaire-row-main{gap:5px;min-width:0;display:grid}.questionnaire-row-main strong{color:var(--text-strong);font-size:17px;line-height:1.35}.questionnaire-row-main small{color:var(--accent);font-size:13px;font-weight:750}.questionnaire-row-main em{color:var(--muted);overflow-wrap:anywhere;font-size:13px;font-style:normal;line-height:1.45}.questionnaire-row-count{border:1px solid var(--border);color:#a7d8b7;white-space:nowrap;background:#111c17;border-radius:999px;justify-self:end;padding:7px 10px;font-size:13px;font-weight:750}.compact-count{min-width:66px}.date-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);text-align:left;gap:4px;padding:12px;display:grid}.date-tab.active{background:#17231e;border-color:#62b989}.date-tab strong{color:var(--accent);font-size:13px}.date-tab span{color:var(--text-strong);font-size:14px;line-height:1.35}.date-tab small{color:var(--muted)}.import-box{padding:12px}.import-box summary,.answer-details summary{cursor:pointer;color:var(--accent);font-weight:700}.import-box textarea{min-height:140px;font-family:var(--mono);margin-top:10px;font-size:12px}.import-box button{width:100%;margin-top:8px}.questionnaire-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.questionnaire-head h2,.questionnaire-head p{margin:0}.questionnaire-head h2{color:var(--text-strong);margin-top:4px;font-size:25px;line-height:1.25}.questionnaire-head p{color:var(--muted);margin-top:8px;line-height:1.5}.date-text{color:var(--accent);font-size:13px;font-weight:750;display:inline-block}.text-button{background:#11171d;min-height:34px;margin:0 0 10px;padding:7px 10px}.progress-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);text-align:center;flex:none;min-width:82px;padding:10px}.progress-box strong{color:var(--text-strong);font-size:24px}.progress-box span,.progress-box small{color:var(--muted)}.progress-box small{margin-top:2px;font-size:11px;display:block}.toolbar{justify-content:flex-end;gap:8px;padding:10px;display:flex}.question-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px;scroll-margin-top:96px}.question-meta{gap:3px;margin-bottom:10px;display:grid}.question-meta strong{color:var(--accent);font-size:13px}.question-meta span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.issue{color:var(--muted);margin:0 0 9px;line-height:1.5}.question-card h3{color:var(--text-strong);margin:0 0 12px;font-size:20px;line-height:1.38}.options{gap:8px;display:grid}.option{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-strong);cursor:pointer;background:#151a20;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:11px;display:grid}.option:has(input:checked){background:#17251e;border-color:#62b989}.option input{width:18px;height:18px;accent-color:var(--accent);margin:2px 0 0}.option span{overflow-wrap:anywhere;min-width:0;line-height:1.42}.option em{color:var(--muted);margin-top:3px;font-size:12px;font-style:normal;display:block}.answer-details{margin-top:10px}.answer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.answer-fields label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.answer-fields textarea{min-height:76px}button,input,textarea{font:inherit}button{border:1px solid var(--border);border-radius:var(--radius);min-height:40px;color:var(--text-strong);cursor:pointer;touch-action:manipulation;background:#222a33;padding:9px 11px}button:hover{border-color:#657383}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #8fd5ad}input,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-strong);resize:vertical;background:#0d1014;outline:none;padding:10px}input:focus,textarea:focus{border-color:var(--accent)}@media (width<=860px){.topbar{flex-direction:row;justify-content:flex-end;align-items:center;min-height:58px;padding:12px}.layout{grid-template-columns:1fr;gap:12px;padding:12px}.single-layout{justify-content:stretch}.workspace{order:1}.side-panel{order:2;position:static}.date-stack{scroll-snap-type:x proximity;gap:8px;margin:0 -12px;padding:0 12px 2px;display:flex;overflow-x:auto}.date-tab{scroll-snap-align:start;min-width:232px}.questionnaire-row{grid-template-columns:1fr;min-height:96px;padding:13px}.questionnaire-row-count{justify-self:start}.import-box:not([open]){padding-block:10px}.questionnaire-head{align-items:stretch;padding:14px}.questionnaire-head h2{font-size:19px}.questionnaire-head p,.issue{font-size:13px}.progress-box{min-width:66px;padding:8px}.progress-box strong{font-size:20px}.toolbar{justify-content:stretch}.toolbar button{flex:1}.question-card{padding:13px;scroll-margin-top:90px}.question-meta span{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:18px;display:-webkit-box;overflow:hidden}.issue{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;display:-webkit-box;overflow:hidden}.question-card h3{font-size:17px}.option{padding:10px}.option span{font-size:14px}.answer-fields{grid-template-columns:1fr}.answer-fields textarea{min-height:54px}}
