:root{--bg:#fff3ec;--bg-deep:#ffd9c4;--surface:#ffffffd9;--border:#c252182e;--text-main:#5b3423;--text-strong:#21110a;--text-soft:#7b5747;--accent:#e85d1f;--accent-strong:#c84313;--accent-soft:#ff8a3d;--mono:"IBM Plex Mono", "Cascadia Code", Consolas, monospace;--sans:"Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;font-family:var(--sans);color:var(--text-main);background:radial-gradient(circle at top left, #ff722a33, transparent 24%), linear-gradient(180deg, var(--bg), #fffaf7 34%, #fff0e7 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,textarea,button{font-family:var(--sans)}h1,h2{color:var(--text-strong);margin:0;line-height:1}h1{letter-spacing:-.06em;font-size:clamp(2rem,4vw,2.25rem)}h2{letter-spacing:-.04em;font-size:clamp(1.45rem,2.8vw,2.25rem)}p{margin:0}a{color:inherit}#root{min-height:100vh}.app-shell{grid-template-columns:340px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:radial-gradient(circle at 0 0,#e85d1f2e,#0000 30%),linear-gradient(#fff1e8f5,#fffffff0);align-self:start;height:100vh;padding:28px 22px;position:sticky;top:0;overflow:auto}.brand-card,.progress-card,.actions-card{border:1px solid var(--border);background:#ffffffc7;border-radius:22px;padding:20px;box-shadow:0 20px 45px #6b2d0e14}.progress-card,.section-nav,.actions-card{margin-top:18px}.progress-labels,.nav-link,.inline-actions{justify-content:space-between;align-items:center;display:flex}.progress-labels strong,.nav-link strong{color:var(--text-strong)}.progress-bar{background:#e85d1f24;border-radius:999px;width:100%;height:10px;margin:14px 0 10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent-soft));height:100%}.status-line{margin:4px 0 0;font-size:.92rem}.muted{color:var(--text-soft)}.sync-line{color:var(--accent-strong);font-weight:700}.section-nav{gap:10px;display:grid}.nav-link{border:1px solid var(--border);color:var(--text-main);background:#ffffffb8;border-radius:18px;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.nav-link:hover,.nav-link:focus-visible{border-color:#e85d1f6b;transform:translateY(-1px);box-shadow:0 14px 28px #6b2d0e1a}.actions-card{gap:10px;display:grid}.import-input{min-height:108px;font-family:var(--mono);font-size:.85rem}.file-import-label{color:var(--text-strong);text-align:center;cursor:pointer;background:#fff1e8f0;border:1px dashed #56342047;border-radius:16px;padding:14px 15px;font-weight:700;display:block}.file-import-label:hover,.file-import-label:focus-within{border-color:#e85d1f75;box-shadow:0 14px 28px #6b2d0e1a}.file-import-input{width:100%;color:var(--text-soft);font-size:.88rem}.action-button{appearance:none;font:inherit;color:var(--text-strong);cursor:pointer;background:#ffffffe6;border:1px solid #5634201f;border-radius:16px;padding:13px 15px;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s}.action-button:hover,.action-button:focus-visible{border-color:#e85d1f5c;transform:translateY(-1px);box-shadow:0 14px 28px #6b2d0e1a}.action-button.primary{color:#fff;background:linear-gradient(135deg, var(--accent-strong), var(--accent-soft));border-color:#0000}.action-button.ghost{background:#fff1e8f0}.action-button.danger{color:#7d2613;background:#ffe8def0}.main-content{padding:28px}.hero-panel,.question-section{border:1px solid var(--border);background:#ffffffd6;box-shadow:0 24px 48px #38210b0f}.hero-panel{background:radial-gradient(circle at 100% 0,#ff7a3138,#0000 32%),linear-gradient(#fff3ecfa,#fffffffa);border-radius:30px;grid-template-columns:1.3fr .9fr;gap:22px;padding:28px;display:grid}.hero-actions{align-content:center;justify-items:end;gap:12px;display:grid}.compact-action{text-align:center;width:min(100%,240px)}.doc-link{text-decoration:none}.view-tabs{z-index:2;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:999px;gap:8px;margin:18px 0 0;padding:8px;display:inline-flex;position:sticky;top:18px;box-shadow:0 18px 36px #6b2d0e14}.view-tab{appearance:none;font:inherit;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 16px;font-weight:800}.view-tab.active{color:#fff;background:linear-gradient(135deg, var(--accent-strong), var(--accent-soft));box-shadow:0 10px 20px #e85d1f38}.hero-copy,.section-intro,.question-help,.lede{color:var(--text-soft)}.question-section{border-radius:30px;margin-top:22px;padding:28px}.section-header{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;gap:20px;margin-bottom:22px;display:grid}.question-grid{gap:18px;display:grid}.question-card{background:linear-gradient(#fffffff5,#fff6f0f5);border:1px solid #755d461f;border-radius:24px;padding:22px}.wide-card{margin-top:18px}.question-label{color:var(--text-strong);margin-bottom:8px;font-size:1.02rem;font-weight:700;display:block}.question-help{margin:0 0 14px;font-size:.95rem}.answer-input{box-sizing:border-box;resize:vertical;width:100%;min-height:128px;font:inherit;color:var(--text-strong);background:#fffffffa;border:1px solid #7e63482e;border-radius:18px;padding:16px 18px;line-height:1.48;transition:border-color .18s,box-shadow .18s,transform .18s}.answer-input:focus{border-color:#e85d1f80;outline:none;box-shadow:0 0 0 4px #e85d1f1f}.read-only-answer{white-space:pre-line;color:var(--text-strong);background:linear-gradient(#fffffffa,#fffaf7fa);border:1px solid #7e634824;border-radius:18px;padding:18px 20px;line-height:1.55}.summary-output{min-height:220px;font-family:var(--mono);font-size:.94rem}.final-zone{margin-bottom:24px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.76rem}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:relative}.hero-panel,.section-header{grid-template-columns:1fr}}@media (width<=720px){.main-content,.sidebar{padding:18px}.hero-panel,.question-section,.brand-card,.progress-card,.actions-card,.question-card{border-radius:22px;padding:18px}}