:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f5;--surface:#fff;--surface-strong:#f0f5ef;--line:#d9dfd5;--text:#17211b;--muted:#647067;--accent:#287a5b;--accent-strong:#176048;--danger:#b64034;--warning:#a66712;--info:#2b659f;--shadow:0 8px 24px #17211b14}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-weight:650;display:inline-flex}button:hover{border-color:#aebaae}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:96px}a{color:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f8f5e6;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.brand h1{margin:0;font-size:18px;line-height:1.2}.brand p{color:var(--muted);margin:2px 0 0;font-size:13px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link{border:1px solid var(--line);color:var(--text);border-radius:8px;min-height:38px;padding:8px 12px;text-decoration:none}.nav-link.active{background:var(--surface-strong);border-color:#b7c5b8}.workspace{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px clamp(16px,4vw,40px) 48px;display:grid}.workspace.two-column{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:16px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel-header h2,.panel-header h3{margin:0;font-size:16px;line-height:1.25}.panel-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--surface-strong);border:1px solid #d5e0d5;border-radius:8px;padding:12px}.action-stat{cursor:pointer;text-align:left;align-items:flex-start;width:100%;min-height:74px;display:block}.action-stat.active,.question-row.selected,.directory-button.selected,.tag-button.active{border-color:var(--accent);box-shadow:0 0 0 2px #287a5b24}.stat span{color:var(--muted);font-size:12px;display:block}.stat strong{margin-top:4px;font-size:22px;display:block}.item-list{gap:10px;display:grid}.question-row{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.directory-button{background:var(--surface);color:var(--text);cursor:pointer;text-align:left;width:100%}.question-row header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.question-row h3{margin:0;font-size:16px;line-height:1.35}.question-row p{color:var(--muted);margin:0;line-height:1.55}.answer{color:#332414;background:#faf6eb;border-left:3px solid #c98a2c;border-radius:6px;padding:10px 12px}.code-block{color:#edf6ef;background:#17211b;border-radius:8px;margin:0;padding:12px;overflow-x:auto}.code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{color:#25556b;background:#eef5f8;border:1px solid #d5e6eb;border-radius:999px;padding:4px 8px;font-size:12px}.tag-button{color:#25556b;background:#eef5f8;border:1px solid #d5e6eb;border-radius:999px;min-height:30px;padding:5px 9px;font-size:12px}.status{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750}.status.published,.status.mastered{color:var(--accent-strong);background:#e5f3ed}.status.draft,.status.fuzzy{color:var(--warning);background:#fff4df}.status.archived,.status.unknown{color:var(--danger);background:#f5e6e4}.button-row{flex-wrap:wrap;gap:8px;display:flex}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.danger{color:var(--danger)}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.login-page{align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:100%;max-width:420px;margin:0 auto}.empty{color:var(--muted);text-align:center;border:1px dashed #b8c3b8;border-radius:8px;padding:18px}.notice{color:#25556b;background:#eef5f8;border:1px solid #d5e6eb;border-radius:8px;padding:10px 12px}.error{color:var(--danger);background:#f9e7e5;border:1px solid #edc6c0;border-radius:8px;padding:10px 12px}@media (max-width:980px){.workspace.two-column,.form-grid.two,.stat-grid{grid-template-columns:1fr}}@media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.topbar-actions>*{flex:auto}.question-row header{flex-direction:column}}