:root{--bg:#f4f1ea;--bg-alt:#ebe4d8;--surface:rgba(255,250,242,0.82);--surface-strong:#fffdf8;--ink:#1b1a17;--muted:#5f5b53;--line:rgba(27,26,23,0.12);--brand:#a33f2f;--brand-strong:#7b2f22;--accent:#0f766e;--accent-soft:rgba(15,118,110,0.12);--danger:#b42318;--shadow:0 24px 60px rgba(63,36,20,0.14);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--max-width:1240px;--font-sans:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at top left,rgba(163,63,47,.16),transparent 28%),radial-gradient(circle at top right,rgba(15,118,110,.16),transparent 25%),linear-gradient(180deg,#f8f5ef 0,var(--bg) 58%,#efe7da 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:24px;border-right:1px solid var(--line);background:rgba(255,248,239,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-panel{height:100%;gap:24px;padding:24px;background:linear-gradient(180deg,rgba(255,254,250,.92),rgba(246,236,223,.88));border:1px solid rgba(163,63,47,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.brand,.sidebar-panel{display:flex;flex-direction:column}.brand{gap:8px}.brand-badge{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:rgba(163,63,47,.1);color:var(--brand-strong);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand h1{margin:0;font-size:32px;line-height:.94}.brand p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.nav{display:grid;grid-gap:10px;gap:10px}.nav-link{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border-radius:18px;color:var(--muted);transition:.16s ease}.nav-link.active,.nav-link:hover{color:var(--ink);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(27,26,23,.06)}.nav-link strong{font-size:15px}.nav-link span{font-size:13px;line-height:1.4}.sidebar-footer{margin-top:auto;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(163,63,47,.95),rgba(123,47,34,.96));color:#fff7f2}.sidebar-footer h2,.sidebar-footer p{margin:0}.sidebar-footer h2{font-size:16px}.sidebar-footer p{margin-top:8px;font-size:13px;line-height:1.5;color:rgba(255,247,242,.82)}.sidebar-footer a{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12)}.content{padding:28px}.content-inner{max-width:var(--max-width);margin:0 auto}.page{display:grid;grid-gap:24px;gap:24px;animation:rise .36s ease}.topbar{justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,252,246,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar,.topbar-meta{display:flex;align-items:center}.topbar-meta{gap:12px;color:var(--muted);font-size:14px}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),#d1824b);color:white;font-weight:700}.hero,.panel,.question-card,.stat-card,.timeline-card,.upload-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.3fr .9fr;grid-gap:24px;gap:24px;padding:28px;border-radius:36px}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:7px 12px;border-radius:999px;background:rgba(15,118,110,.12);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h2,.page-header h2{margin:14px 0 10px;font-size:clamp(30px,5vw,52px);line-height:.96}.hero p,.page-header p,.panel p,.supporting{margin:0;color:var(--muted);line-height:1.6}.button-row,.hero-actions,.tag-row{display:flex;flex-wrap:wrap;gap:12px}.btn,.btn-ghost,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:0;border-radius:999px;transition:.16s ease}.btn{background:var(--ink);color:#fff8f2}.btn:hover{background:#33302a}.btn-secondary{background:rgba(163,63,47,.1);color:var(--brand-strong)}.btn-secondary:hover{background:rgba(163,63,47,.18)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.4);color:var(--ink)}.btn-ghost:hover{background:rgba(255,255,255,.8)}.hero-aside{display:grid;grid-gap:16px;gap:16px}.mini-metric{padding:18px;border-radius:24px;background:var(--surface-strong);border:1px solid rgba(27,26,23,.08)}.mini-metric strong{display:block;font-size:28px}.mini-metric span{color:var(--muted)}.grid-2,.grid-3,.split-grid,.stats-grid{display:grid;grid-gap:20px;gap:20px}.grid-3,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.question-card,.stat-card,.timeline-card,.upload-card{border-radius:var(--radius-lg);padding:22px}.panel h3,.question-card h3,.stat-card h3,.timeline-card h3,.upload-card h3{margin:0;font-size:18px}.stat-card strong{display:block;margin-top:22px;font-size:42px;line-height:1}.stat-card span{color:var(--muted)}.page-header{gap:18px;align-items:flex-end}.page-header,.panel-header{display:flex;justify-content:space-between}.panel-header{gap:12px;align-items:flex-start}.label{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:rgba(27,26,23,.06);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.list,.sources,.timeline{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.list-item,.source-item,.timeline-item{display:grid;grid-gap:6px;gap:6px;padding:16px;border-radius:18px;background:rgba(255,255,255,.54);border:1px solid rgba(27,26,23,.07)}.list-item strong,.source-item strong,.timeline-item strong{font-size:15px}.list-item span,.source-item span,.timeline-item span{color:var(--muted);font-size:14px;line-height:1.5}.progress{margin-top:18px;width:100%;height:10px;overflow:hidden;border-radius:999px;background:rgba(27,26,23,.08)}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#3fb3a7)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:grid;grid-gap:8px;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:600}.input,.select,.textarea{width:100%;min-height:50px;padding:0 16px;border:1px solid rgba(27,26,23,.12);border-radius:16px;background:rgba(255,255,255,.82);color:var(--ink)}.textarea{min-height:140px;padding:14px 16px;resize:vertical}.dropzone{display:grid;place-items:center;min-height:220px;padding:24px;border:2px dashed rgba(163,63,47,.24);border-radius:28px;background:radial-gradient(circle at top right,rgba(163,63,47,.08),transparent 30%),rgba(255,252,247,.78);text-align:center}.dropzone strong{font-size:20px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(27,26,23,.08);color:var(--muted)}.question-card{display:grid;grid-gap:20px;gap:20px}.question-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.question-meta{display:flex;gap:10px;flex-wrap:wrap}.option-list{grid-gap:14px}.option,.option-list{display:grid;gap:14px}.option{grid-template-columns:auto 1fr auto;grid-gap:14px;align-items:center;padding:16px;border-radius:20px;border:1px solid rgba(27,26,23,.1);background:rgba(255,255,255,.72)}.option-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(27,26,23,.06);font-weight:700}.feedback-bad,.feedback-good{padding:18px;border-radius:22px}.feedback-good{background:rgba(15,118,110,.1);color:#0e5a54}.feedback-bad{background:rgba(180,35,24,.08);color:#7b231a}.review-grid{display:grid;grid-gap:16px;gap:16px}.review-item{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px;padding:18px;border-radius:24px;border:1px solid rgba(27,26,23,.08);background:rgba(255,255,255,.68)}.score-ring{width:160px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;margin:0 auto;background:radial-gradient(circle at center,#fff9f2 0 58%,transparent 59%),conic-gradient(var(--brand) 0 var(--score-value,0),rgba(27,26,23,.08) var(--score-value,0) 100%);box-shadow:inset 0 0 0 12px rgba(255,255,255,.3)}.score-ring strong{font-size:36px}.muted{color:var(--muted)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at left top,rgba(15,118,110,.18),transparent 28%),radial-gradient(circle at right bottom,rgba(163,63,47,.18),transparent 25%),linear-gradient(180deg,#f6f2ea,#ebe3d5)}.login-aside,.login-form{padding:clamp(28px,5vw,60px)}.login-aside{display:grid;align-content:space-between;background:linear-gradient(180deg,rgba(255,251,245,.76),rgba(243,232,217,.86));border-right:1px solid rgba(27,26,23,.08)}.feature-stack{display:grid;grid-gap:16px;gap:16px}.feature-card{padding:18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(27,26,23,.08)}.login-form{display:grid;place-items:center}.auth-card{width:min(100%,520px);padding:34px;border-radius:34px;background:rgba(255,251,244,.8);border:1px solid rgba(27,26,23,.1);box-shadow:var(--shadow)}.auth-card h2{margin:12px 0 10px;font-size:38px;line-height:.95}.auth-actions{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 10px;border-radius:999px;background:rgba(15,118,110,.1);color:var(--accent);font-size:12px;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.grid-2,.grid-3,.hero,.login-shell,.review-item,.shell,.split-grid,.stats-grid{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding-top:0}}@media (max-width:720px){.content,.login-aside,.login-form,.sidebar{padding:16px}.auth-card,.hero,.panel,.question-card,.sidebar-panel,.stat-card,.timeline-card,.upload-card{padding:20px;border-radius:24px}.page-header,.question-head,.topbar{flex-direction:column;align-items:flex-start}.form-grid,.option,.review-item{grid-template-columns:1fr}}