/* Dark editorial theme inspired by premium Indian product design. */
:root {
  --bg:#050505; --surface:#111; --surface2:#171717; --ink:#f5f5f2;
  --muted:#9b9b96; --green:#e7ff62; --green2:#050505; --sage:#24261b;
  --orange:#e7ff62; --orange2:#454b1d; --line:#292929; --red:#ff746c;
  --shadow:0 28px 80px rgba(0,0,0,.42); --radius:2px;
  --serif:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  --sans:Inter,"Helvetica Neue",Arial,sans-serif;
}
html { background:#050505; }
body { background:radial-gradient(circle at 85% 3%,#252525 0,transparent 25%),#050505; color:var(--ink); letter-spacing:-.01em; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.12; z-index:100; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
.sidebar { width:270px; background:rgba(5,5,5,.92); border-right:1px solid var(--line); backdrop-filter:blur(18px); padding:31px 24px; }
.brand { border:0; padding:0 4px 52px; gap:14px; }
.brand-glyph { background:var(--green); color:#080808; border-radius:50%; width:46px; height:46px; font:bold 22px var(--sans); }
.brand strong { font:800 15px var(--sans); letter-spacing:.06em; text-transform:uppercase; }
.brand small { color:#73736f; text-transform:uppercase; letter-spacing:.16em; font-size:8px; }
.sidebar nav { gap:2px; margin-top:0; }
.nav-item { border-radius:0; padding:15px 5px; color:#777; text-transform:uppercase; letter-spacing:.14em; font-size:10px; border-bottom:1px solid #171717; }
.nav-item span { font-size:13px; }
.nav-item:hover,.nav-item.active { background:transparent; color:#fff; }
.nav-item.active { box-shadow:none; }
.nav-item.active:after { content:""; margin-left:auto; width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 18px var(--green); }
.sidebar-foot { border-top:1px solid var(--line); padding-top:20px; }
.model-pill { letter-spacing:.08em; text-transform:uppercase; }
.sidebar-foot p { color:#5e5e5b; }
.main-column { margin-left:270px; }
main { width:min(1320px,calc(100% - 9vw)); padding:70px 0 110px; }
.page-intro,.simple-header { min-height:270px; align-items:center; margin-bottom:42px; border-bottom:1px solid var(--line); padding-bottom:40px; }
.kicker,.block-label { color:var(--green); letter-spacing:.23em; font-size:9px; }
.page-intro h1,.simple-header h1 { max-width:970px; color:#f4f4f1; font-family:var(--serif); font-weight:900; font-stretch:condensed; font-size:clamp(58px,7.4vw,112px); line-height:.84; letter-spacing:-.065em; text-transform:uppercase; }
.page-intro h1 em { color:var(--green); font-style:normal; font-weight:900; }
.simple-header { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.simple-header h1 { font-size:clamp(56px,6.7vw,96px); }
.page-intro p,.simple-header p { color:#858581; font-size:14px; max-width:610px; letter-spacing:.015em; }
.date-card { background:transparent; border:1px solid #383838; border-radius:50%; width:154px; min-width:154px; height:154px; display:grid; align-content:center; }
.date-card strong { color:var(--green); font:bold 25px var(--sans); text-transform:uppercase; }
.card { background:linear-gradient(145deg,#151515,#0d0d0d); border:1px solid var(--line); border-radius:2px; box-shadow:var(--shadow); }
.composer { padding:38px; position:relative; overflow:hidden; }
.composer:after { content:"LEARN"; position:absolute; right:-18px; top:-42px; font:900 130px/1 var(--serif); color:#fff; opacity:.025; pointer-events:none; }
.number { border:1px solid #4c4c4c; color:var(--green); border-radius:50%; }
.card-title h2,.quick-card h2,.recent-card h2,.table-card h2,.config-card h2,.setup-card h2,.memories-card h2,.upload-card h2,.library-card h2 { color:#fff; font-family:var(--serif); font-weight:800; text-transform:uppercase; letter-spacing:-.035em; }
.card-title p,.quick-card>p { color:var(--muted); }
label>span,.topic-field span { color:#888; letter-spacing:.18em; }
input,select,textarea { background:#0b0b0b; border:1px solid #333; color:#f7f7f4; border-radius:0; }
input::placeholder,textarea::placeholder { color:#555; }
input:focus,select:focus,textarea:focus { border-color:var(--green); box-shadow:0 0 0 1px var(--green); }
select { color-scheme:dark; }
.subject-first select,.topic-field input { background:#090909; border-width:0 0 1px; padding-left:0; }
.topic-field input { font:700 28px var(--sans); }
.level-card { background:#0a0a0a; border:1px solid #262626; border-radius:0; }
.level-head strong,.level-head output { color:var(--green); font-family:var(--sans); }
input[type=range] { accent-color:var(--green); }
.primary { background:var(--green); color:#090909; border-radius:0; padding:17px 19px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; }
.primary:hover { background:#fff; color:#050505; }
.secondary,.quick-card button { background:#242424; color:#fff; border-radius:0; }
.check-row { color:#90908c; }
.history-item,.content-item,.question-card,.truth-grid section,.truth-grid aside { background:#0b0b0b; border-color:#292929; border-radius:0; }
.history-item:hover { background:#191919; }
.status-tag,.verified-badge { background:var(--green); color:#080808; border-radius:0; }
.notice { background:#17140a; border-color:#4f461b; border-left-color:var(--green); border-radius:0; }
.notice div span { color:#b2a96d; }
.result { padding:42px; }
.lesson-header h2 { font:900 clamp(42px,5vw,72px)/.95 var(--serif); letter-spacing:-.05em; text-transform:uppercase; }
.story { color:#d8d8d3; font:18px/1.85 var(--sans); }
.truth-grid aside { background:#181b0d; }
.truth-grid aside p { color:var(--green); font-family:var(--sans); font-weight:650; }
.quiz { background:#090909; border:1px solid #272727; border-radius:0; }
.option { background:#111; border-color:#2d2d2d; border-radius:0; }
.option.correct,.quiz-result { background:#1d2410; color:var(--green); }
.sources { border-color:#333; }
.metric strong { color:var(--green); }
.mastery-bar { background:#252525; }
.mastery-bar i { background:var(--green); }
.file-drop { border-color:#404040; background:#0a0a0a; border-radius:0; }
.file-drop:hover { border-color:var(--green); background:#12130d; }
.file-drop strong,.file-type { color:var(--green); }
.file-type { background:#202311; border-radius:0; }
.document-row { background:#0b0b0b; border-color:#292929; border-radius:0; }
.upload-status.success,.document-status.ready { background:#1d2410; color:var(--green); }
.upload-status.working { background:#24210e; color:#e7d86a; }
.upload-status.error,.error-box { background:#24100f; color:#ff9a94; }
.health-card.online .health-icon { color:var(--green); }
.file-note { background:#090909; }
.memory-row,.mastery-row,.history-line { border-color:#272727; }
footer { border-color:#242424; color:#656560; text-transform:uppercase; letter-spacing:.15em; }
@media(max-width:1050px) { .sidebar{width:220px}.main-column{margin-left:220px}main{width:calc(100% - 50px)} }
@media(max-width:760px) { .main-column{margin-left:0}.mobile-header{background:#050505;border-bottom:1px solid #292929}.page-intro,.simple-header{min-height:210px}.page-intro>div:first-child{min-width:0;width:100%}.page-intro h1,.simple-header h1{font-size:39px;letter-spacing:-.05em}.composer,.result{padding:24px}.control-row{grid-template-columns:1fr}.date-card{display:none}main{width:calc(100% - 28px)} }
@media(prefers-reduced-motion:no-preference) {
  .view.active { animation:reveal .45s ease-out; }
  .card { transition:transform .3s ease,border-color .3s ease; }
  .card:hover { border-color:#3a3a3a; }
  @keyframes reveal { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
}