:root {
  --rail-width: 72px;
  --panel-peek: 76px;
  --ink: #12141A;
  --surface: #1B1E26;
  --paper: #F6F3EC;
  --triage-red: #E4432C;
  --triage-amber: #E8A33D;
  --triage-green: #4F9E7A;
  --triage-slate: #5B6470;
  --on-accent: #12141A;
  color: var(--paper);
  background: var(--ink);
  font-family: "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
:focus-visible { outline: 3px solid var(--triage-amber); outline-offset: 3px; }
body {
  margin: 0;
  min-height: 100vh;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 20% 50%, rgb(228 67 44 / 18%), transparent 26%),
    radial-gradient(circle at 48% 30%, rgb(79 158 122 / 18%), transparent 28%),
    radial-gradient(circle at 77% 65%, rgb(232 163 61 / 18%), transparent 28%),
    var(--ink);
}
body::before { content: ""; position: fixed; z-index: -1; inset: -18%; pointer-events: none; opacity: .48; background: radial-gradient(circle at 18% 35%, rgb(228 67 44 / 16%), transparent 16%), radial-gradient(circle at 78% 68%, rgb(79 158 122 / 14%), transparent 18%), radial-gradient(circle at 56% 15%, rgb(232 163 61 / 11%), transparent 15%); filter: blur(18px); animation: ambient-drift 18s ease-in-out infinite alternate; }
html[data-theme="light"] {
  --ink: #edf2f6;
  --surface: #ffffff;
  --paper: #17222d;
  --triage-red: #c93627;
  --triage-amber: #a36200;
  --triage-green: #17734e;
  --triage-slate: #42566a;
  --on-accent: #ffffff;
  color: var(--paper);
  background: var(--ink);
}
html[data-theme="light"] body { background: radial-gradient(circle at 18% 40%, rgb(201 54 39 / 15%), transparent 30%), radial-gradient(circle at 78% 64%, rgb(163 98 0 / 14%), transparent 28%), radial-gradient(circle at 50% 18%, rgb(23 115 78 / 10%), transparent 26%), var(--ink); }
html[data-theme="light"] body::before { opacity: .7; }
html[data-theme="light"] .app-section, html[data-theme="light"] .login-card, html[data-theme="light"] .settings-drawer { background: linear-gradient(135deg, rgb(255 255 255 / 94%), rgb(243 248 252 / 88%)); border-color: rgb(23 34 45 / 18%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 90%), 0 20px 54px rgb(30 57 78 / 14%); }
html[data-theme="light"] form, html[data-theme="light"] .result, html[data-theme="light"] .connected-sources, html[data-theme="light"] .queue-item, html[data-theme="light"] .study-topic, html[data-theme="light"] .pending-action, html[data-theme="light"] .stream-item, html[data-theme="light"] .history-record, html[data-theme="light"] .assignment-scaffold-section, html[data-theme="light"] .assignment-history-item { background: rgb(255 255 255 / 88%); border-color: rgb(23 34 45 / 16%); }
html[data-theme="light"] .detail-dialog, html[data-theme="light"] .command-palette { background: linear-gradient(145deg, rgb(255 255 255 / 99%), rgb(241 247 251 / 98%)); border-color: rgb(23 34 45 / 20%); box-shadow: 0 32px 90px rgb(23 34 45 / 28%); }
html[data-theme="light"] .detail-scrim, html[data-theme="light"] .approval-scrim, html[data-theme="light"] .command-scrim { background: rgb(17 29 40 / 48%); }
html[data-theme="light"] textarea, html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] .profile-form input, html[data-theme="light"] .history-filters input, html[data-theme="light"] .history-filters select, html[data-theme="light"] .command-palette input { color: var(--paper); background: #ffffff; border-color: rgb(23 34 45 / 28%); }
html[data-theme="light"] ::placeholder { color: #607488; opacity: 1; }
html[data-theme="light"] .source-card, html[data-theme="light"] .archive-entry, html[data-theme="light"] .detail-facts div { background: rgb(239 245 249 / 92%); border-color: rgb(23 34 45 / 18%); }
html[data-theme="light"] .history-section { background: linear-gradient(135deg, rgb(66 86 106 / 10%), transparent 26%, transparent 80%, rgb(23 115 78 / 8%)), rgb(255 255 255 / 85%); }
html[data-theme="light"] .queue-card { background: linear-gradient(145deg, rgb(201 54 39 / 11%), transparent 58%), #ffffff; border-color: rgb(201 54 39 / 34%); }
html[data-theme="light"] .study-card { background: linear-gradient(145deg, rgb(23 115 78 / 12%), transparent 58%), #ffffff; border-color: rgb(23 115 78 / 34%); }
html[data-theme="light"] .queue-card-trigger:hover:not(:disabled), html[data-theme="light"] .study-card-trigger:hover:not(:disabled), html[data-theme="light"] .stream-item-trigger:hover:not(:disabled), html[data-theme="light"] .history-record-trigger:hover:not(:disabled), html[data-theme="light"] .connected-sources-toggle:hover:not(:disabled) { background: rgb(23 34 45 / 5%); }
html[data-theme="light"] .landing-screen { background: var(--ink); }
html[data-theme="light"] .landing-nav { border-color: rgb(23 34 45 / 13%); background: rgb(255 255 255 / 78%); }
html[data-theme="light"] .pulse-stage, html[data-theme="light"] .capability-card { border-color: rgb(23 34 45 / 15%); background: radial-gradient(circle at 62% 53%, rgb(201 54 39 / 12%), transparent 30%), rgb(255 255 255 / 74%); }
html[data-theme="light"] .pulse-message { color: var(--paper); border-color: rgb(23 34 45 / 16%); background: rgb(255 255 255 / 88%); }
html[data-theme="light"] .landing-section, html[data-theme="light"] .landing-footer { border-color: rgb(23 34 45 / 12%); }
html[data-theme="light"] .process-grid article, html[data-theme="light"] .roadmap-grid article, html[data-theme="light"] .safety-list p { border-color: rgb(23 34 45 / 16%); }
html[data-theme="light"] .landing-cta { background: linear-gradient(110deg, rgb(163 98 0 / 16%), rgb(255 255 255 / 78%)); }
html[data-theme="light"] .pulse-legend, html[data-theme="light"] .brand, html[data-theme="light"] .text-button, html[data-theme="light"] .back-button, html[data-theme="light"] .process-grid h3, html[data-theme="light"] .roadmap-grid h3, html[data-theme="light"] .capability-card h3, html[data-theme="light"] .safety-list strong { color: var(--paper); }
html[data-theme="light"] .landing-lede, html[data-theme="light"] .process-grid p, html[data-theme="light"] .roadmap-grid p, html[data-theme="light"] .capability-card p:not(.capability-kicker), html[data-theme="light"] .safety-list p, html[data-theme="light"] .landing-cta p:not(.eyebrow), html[data-theme="light"] .landing-footer { color: var(--triage-slate); }
html[data-theme="light"] .rail-toggle { border-color: rgb(23 34 45 / 20%); background: linear-gradient(180deg, rgb(66 86 106 / 26%), rgb(255 255 255 / 72%)); box-shadow: inset 0 1px 1px rgb(255 255 255 / 90%), 0 18px 40px rgb(30 57 78 / 14%); }
html[data-theme="light"] .rail-toggle::before { background: linear-gradient(180deg, rgb(23 34 45 / 13%), rgb(23 34 45 / 4%)); }
html[data-theme="light"] .pulse-rail { border-color: rgb(23 34 45 / 14%); background: linear-gradient(90deg, rgb(245 249 252 / 98%), rgb(237 242 246 / 84%)); }
html[data-theme="light"] .rail-label { color: var(--paper); border-color: rgb(23 34 45 / 18%); background: rgb(255 255 255 / 96%); }
html[data-theme="light"] .approval-drawer { background: var(--surface); color: var(--paper); }
html[data-theme="light"] .detail-close, html[data-theme="light"] .command-close, html[data-theme="light"] .command-help kbd { color: var(--paper); background: rgb(23 34 45 / 8%); border-color: rgb(23 34 45 / 20%); }
html[data-theme="light"] .settings-fab, html[data-theme="light"] .settings-action, html[data-theme="light"] .settings-action span { color: var(--paper); background: #ffffff; border-color: rgb(23 34 45 / 22%); box-shadow: 0 10px 28px rgb(30 57 78 / 16%); }
html[data-theme="light"] .theme-options button { color: var(--paper); background: rgb(23 34 45 / 8%); }
html[data-theme="light"] .secondary { color: var(--paper); border-color: rgb(23 34 45 / 34%); }
html[data-theme="light"] .source-toggle-slider { background: #718092; }
html[data-theme="light"] .coming-soon-tag { color: #ffffff; background: #536373; }
html[data-theme="light"] .obligation, html[data-theme="light"] .is-mandatory { background: rgb(201 54 39 / 14%); }
html[data-theme="light"] .study-material, html[data-theme="light"] .simulated-tag, html[data-theme="light"] .history-status-done { background: rgb(23 115 78 / 14%); }
html[data-theme="light"] .noise, html[data-theme="light"] .is-optional { background: rgb(66 86 106 / 14%); }
html[data-theme="light"] .history-status-open { background: rgb(163 98 0 / 15%); }
html[data-reduced-motion="true"] *, html[data-reduced-motion="true"] *::before, html[data-reduced-motion="true"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
html[data-reduced-motion="true"] .dashboard-brand img { animation: none !important; }
main { width: 100%; }
.landing-screen { height: 100vh; height: 100dvh; overflow-y: auto; overscroll-behavior-y: contain; color: var(--paper); background: var(--ink); }
.landing-nav { position: sticky; z-index: 5; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 18px clamp(24px, 6vw, 88px); border-bottom: 1px solid rgb(246 243 236 / 9%); background: rgb(18 20 26 / 74%); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--paper); font: 500 22px "Fraunces", Georgia, serif; text-decoration: none; }
.brand img { width: 34px; height: 34px; border-radius: 10px; object-fit: cover; }
.landing-nav-actions, .landing-actions { display: flex; align-items: center; gap: 14px; }
.text-button, .back-button { width: auto; margin: 0; padding: 8px 0; border: 0; color: var(--paper); background: transparent; font: 600 13px "Inter", sans-serif; }
.text-button:hover { color: var(--triage-amber); box-shadow: none; transform: none; }
.landing-login { width: auto; margin: 0; padding: 9px 14px; }
.landing-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); align-items: center; gap: clamp(32px, 6vw, 96px); min-height: min(820px, calc(100vh - 74px)); padding: 72px clamp(24px, 8vw, 136px); }
.landing-hero h1 { max-width: 760px; font-size: clamp(48px, 6.2vw, 86px); letter-spacing: -.045em; }
.landing-hero h1 span { color: var(--triage-amber); }
.landing-lede { max-width: 590px; color: var(--triage-slate); font-size: 18px; line-height: 1.65; }
.primary-cta { display: inline-flex; align-items: center; gap: 12px; width: auto; margin: 12px 0; padding: 14px 20px; color: var(--on-accent); background: var(--triage-amber); }
.primary-cta span { font-size: 20px; }
.availability-note { display: flex; align-items: center; gap: 8px; color: var(--triage-slate); font: 12px "JetBrains Mono", monospace; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--triage-green); box-shadow: 0 0 12px var(--triage-green); }
.pulse-stage { position: relative; display: grid; place-items: center; min-height: 460px; overflow: hidden; border: 1px solid rgb(246 243 236 / 10%); border-radius: 28px; background: radial-gradient(circle at 62% 53%, rgb(228 67 44 / 12%), transparent 30%), rgb(27 30 38 / 54%); }
.hero-pulse { width: 116%; max-width: 760px; filter: saturate(1.08); animation: hero-breathe 4.5s ease-in-out infinite; }
.pulse-message { position: absolute; padding: 7px 10px; border: 1px solid rgb(246 243 236 / 12%); border-radius: 999px; color: var(--paper); background: rgb(18 20 26 / 74%); font: 11px "JetBrains Mono", monospace; animation: message-drift 4s ease-in-out infinite; }
.pulse-message-gmail { top: 22%; left: 13%; }.pulse-message-classroom { top: 12%; right: 16%; animation-delay: -1.3s; }.pulse-message-file { bottom: 18%; left: 25%; animation-delay: -2.3s; }
.pulse-legend { position: absolute; right: 22px; bottom: 20px; display: grid; gap: 7px; color: var(--paper); font: 11px "JetBrains Mono", monospace; }
.pulse-legend span { display: flex; align-items: center; gap: 7px; }.pulse-legend i { width: 8px; height: 8px; border-radius: 50%; }.legend-red { background: var(--triage-red); }.legend-amber { background: var(--triage-amber); }.legend-green { background: var(--triage-green); }
@keyframes hero-breathe { 0%, 100% { transform: scale(1); filter: saturate(1.08) drop-shadow(0 0 0 transparent); } 50% { transform: scale(1.025); filter: saturate(1.16) drop-shadow(0 0 24px rgb(228 67 44 / 16%)); } }
@keyframes message-drift { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.landing-section { padding: 110px clamp(24px, 8vw, 136px); border-top: 1px solid rgb(246 243 236 / 9%); }.landing-section h2 { max-width: 760px; font-size: clamp(34px, 4vw, 56px); }
.process-grid, .capability-grid, .roadmap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 44px; }
.process-grid article, .roadmap-grid article { padding: 24px; border-top: 1px solid rgb(246 243 236 / 18%); }.process-grid span, .roadmap-grid span { color: var(--triage-amber); font: 12px "JetBrains Mono", monospace; }.process-grid h3, .roadmap-grid h3 { margin: 18px 0 8px; color: var(--paper); font: 600 20px "Inter", sans-serif; letter-spacing: 0; text-transform: none; }.process-grid p, .roadmap-grid p { color: var(--triage-slate); line-height: 1.6; }
.capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.capability-card { min-height: 260px; padding: 28px; border: 1px solid rgb(246 243 236 / 11%); border-radius: 12px; background: rgb(27 30 38 / 52%); }.capability-card h3 { margin: 22px 0 10px; color: var(--paper); font: 500 26px/1.15 "Fraunces", Georgia, serif; letter-spacing: 0; text-transform: none; }.capability-card p:not(.capability-kicker) { color: var(--triage-slate); line-height: 1.55; }.capability-kicker { color: var(--triage-amber); font: 12px "JetBrains Mono", monospace; }.action-card { border-top-color: var(--triage-red); }.study-card { border-top-color: var(--triage-green); }.review-card { border-top-color: var(--triage-amber); }
.availability { display: inline-block; margin-top: 14px; padding: 4px 7px; border-radius: 999px; font: 10px "JetBrains Mono", monospace; text-transform: uppercase; }.availability.available { color: var(--triage-green); background: rgb(79 158 122 / 15%); }.availability.local { color: var(--triage-amber); background: rgb(232 163 61 / 15%); }
.safety-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; background: linear-gradient(120deg, rgb(79 158 122 / 9%), transparent 55%); }.safety-list { display: grid; gap: 18px; }.safety-list p { margin: 0; padding: 18px 0; border-bottom: 1px solid rgb(246 243 236 / 12%); color: var(--triage-slate); line-height: 1.6; }.safety-list strong { color: var(--paper); }
.landing-cta { display: grid; grid-template-columns: 96px 1fr auto; align-items: center; gap: 28px; margin: 28px clamp(24px, 8vw, 136px) 72px; padding: 36px; border: 1px solid rgb(232 163 61 / 35%); border-radius: 18px; background: linear-gradient(110deg, rgb(232 163 61 / 16%), rgb(27 30 38 / 70%)); }.landing-cta img { width: 82px; height: 82px; border-radius: 22px; object-fit: cover; }.landing-cta h2 { margin: 0; font-size: 34px; }.landing-cta p:not(.eyebrow) { margin-bottom: 0; color: var(--triage-slate); }.landing-footer { display: flex; justify-content: space-between; padding: 24px clamp(24px, 8vw, 136px); border-top: 1px solid rgb(246 243 236 / 9%); color: var(--triage-slate); font-size: 12px; }
.back-button { margin-bottom: 14px; color: var(--triage-slate); }.login-mark { width: 64px; height: 64px; margin-bottom: 16px; border-radius: 18px; object-fit: cover; }
.login-screen { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.login-card { width: min(100%, 400px); padding: 28px; border: 1px solid rgb(246 243 236 / 12%); border-radius: 8px; background: rgb(27 30 38 / 82%); box-shadow: 0 18px 48px rgb(0 0 0 / 24%); }
.login-card h1 { margin: 0 0 8px; font-size: 36px; }
.login-card .intro { margin-bottom: 20px; }
.login-card button { margin-top: 16px; }
.pulse-rail { position: fixed; z-index: 10; inset: 0 auto 0 0; width: var(--rail-width); border-right: 1px solid rgb(91 100 112 / 18%); background: linear-gradient(90deg, rgb(18 20 26 / 98%), rgb(18 20 26 / 84%)); }
.rail-toggle { --active-index: 0; position: absolute; top: 48px; bottom: 48px; left: 50%; width: 34px; border: 1px solid rgb(246 243 236 / 14%); border-radius: 999px; background: linear-gradient(180deg, rgb(91 100 112 / 42%), rgb(18 20 26 / 76%)); box-shadow: inset 0 1px 1px rgb(246 243 236 / 8%), 0 18px 40px rgb(0 0 0 / 20%); transform: translateX(-50%); }
.rail-toggle::before { content: ""; position: absolute; inset: 12px 15px; border-radius: inherit; background: linear-gradient(180deg, rgb(246 243 236 / 10%), rgb(246 243 236 / 2%)); }
.rail-toggle-thumb { position: absolute; z-index: 1; left: 5px; top: 3px; width: 22px; height: 22px; border-radius: 50%; pointer-events: none; background: var(--paper); box-shadow: 0 0 0 4px rgb(246 243 236 / 10%), 0 0 18px rgb(246 243 236 / 75%); transition: top 340ms cubic-bezier(.2, .8, .2, 1), box-shadow 180ms ease; }
.rail-toggle[data-active-index="1"] .rail-toggle-thumb { top: calc(25% - 11px); }.rail-toggle[data-active-index="2"] .rail-toggle-thumb { top: calc(50% - 11px); }.rail-toggle[data-active-index="3"] .rail-toggle-thumb { top: calc(75% - 11px); }.rail-toggle[data-active-index="4"] .rail-toggle-thumb { top: calc(100% - 25px); }
.rail-node { position: absolute; z-index: 2; left: -9px; width: 50px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 999px; color: var(--node-color); background: transparent; opacity: .72; }
.rail-node:nth-of-type(1) { top: -8px; }.rail-node:nth-of-type(2) { top: calc(25% - 22px); }.rail-node:nth-of-type(3) { top: calc(50% - 22px); }.rail-node:nth-of-type(4) { top: calc(75% - 22px); }.rail-node:nth-of-type(5) { top: calc(100% - 36px); }
.rail-node:hover:not(:disabled), .rail-node:focus-visible { box-shadow: none; transform: none; opacity: 1; }
.rail-node:focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }
.rail-node[data-section="stream"] { --node-color: var(--paper); }
.rail-node[data-section="queue"] { --node-color: var(--triage-red); }
.rail-node[data-section="study"] { --node-color: var(--triage-green); }
.rail-node[data-section="pending"] { --node-color: var(--triage-amber); }
.rail-node[data-section="assignment"] { --node-color: var(--triage-amber); }
.rail-node[data-section="history"] { --node-color: var(--triage-slate); }
.panel-navigation { position: fixed; z-index: 12; top: 50%; display: grid; place-items: center; width: 42px; height: 42px; margin: 0; padding: 0 0 3px; border: 1px solid rgb(246 243 236 / 32%); border-radius: 50%; color: var(--on-accent); background: var(--triage-amber); box-shadow: 0 8px 24px rgb(0 0 0 / 28%); font: 500 30px/1 "Fraunces", Georgia, serif; translate: 0 -50%; transition: box-shadow 150ms ease, border-color 150ms ease, filter 150ms ease; }
.panel-navigation:hover:not(:disabled) { box-shadow: 0 0 0 4px rgb(232 163 61 / 15%), 0 10px 28px rgb(0 0 0 / 40%); transform: none; filter: brightness(1.08); }
.panel-navigation:focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }
.panel-navigation-previous { left: calc(var(--rail-width) + 18px); }
.panel-navigation-next { right: 18px; }
.approval-ribbon { position: fixed; z-index: 20; top: 0; right: 24px; display: flex; align-items: center; gap: 8px; width: auto; margin: 0; padding: 10px 18px 11px; border: 0; border-radius: 0 0 6px 6px; color: var(--on-accent); background: var(--triage-amber); clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px)); font-size: 12px; }
.approval-ribbon:hover:not(:disabled) { box-shadow: 0 5px 16px rgb(0 0 0 / 24%); transform: none; }
.approval-ribbon:focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }
.approval-ribbon-label { font-weight: 700; }
.approval-ribbon-count { min-width: 18px; padding: 1px 5px; border-radius: 999px; color: var(--paper); background: rgb(18 20 26 / 72%); font: 700 10px/1.4 "JetBrains Mono", ui-monospace, monospace; text-align: center; }
.approval-ribbon-arrow, .approval-ribbon-close { font: 700 16px/1 "JetBrains Mono", ui-monospace, monospace; }
.approval-ribbon-close { display: none; }
.approval-ribbon.is-open { z-index: 31; color: var(--paper); background: var(--surface); }
.approval-ribbon.is-open .approval-ribbon-arrow { display: none; }
.approval-ribbon.is-open .approval-ribbon-close { display: inline; }
.deadline-reminder { position: fixed; z-index: 21; top: 16px; left: 88px; display: flex; align-items: stretch; max-width: min(560px, calc(100vw - 360px)); overflow: hidden; border: 1px solid rgb(228 67 44 / 72%); border-radius: 6px; color: var(--paper); background: rgb(228 67 44 / 92%); box-shadow: 0 8px 20px rgb(0 0 0 / 24%); }
.deadline-reminder-message { display: grid; gap: 2px; width: auto; margin: 0; padding: 10px 14px; border: 0; border-radius: 0; color: inherit; background: transparent; text-align: left; }
.deadline-reminder-message:hover:not(:disabled) { box-shadow: none; transform: none; background: rgb(18 20 26 / 12%); }
.deadline-reminder-title { font: 600 12px "JetBrains Mono", ui-monospace, monospace; letter-spacing: .02em; text-transform: uppercase; }
.deadline-reminder-text { font-size: 14px; line-height: 1.35; }
.deadline-reminder-snooze, .deadline-reminder-dismiss { width: auto; margin: 0; border: 0; border-left: 1px solid rgb(246 243 236 / 30%); border-radius: 0; color: inherit; background: transparent; }
.deadline-reminder-snooze { padding: 0 12px; font: 600 11px "JetBrains Mono", ui-monospace, monospace; white-space: nowrap; }.deadline-reminder-dismiss { min-width: 42px; padding: 0 12px; font: 700 22px/1 "Inter", sans-serif; }
.deadline-reminder-snooze:hover:not(:disabled), .deadline-reminder-dismiss:hover:not(:disabled) { box-shadow: none; transform: none; background: rgb(18 20 26 / 16%); }
.rail-dot { position: absolute; right: 5px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--node-color); box-shadow: 0 0 8px currentColor; transform: translateY(-50%); transition: opacity 150ms ease, transform 150ms ease; }
.rail-node.is-active { opacity: 1; }.rail-node.is-active .rail-dot { opacity: 0; transform: translateY(-50%) scale(.5); }.rail-node.is-arrival .rail-dot { animation: arrival-pulse 260ms ease-out; }
.rail-label { position: absolute; left: calc(100% + 9px); top: 50%; width: max-content; padding: 5px 8px; border: 1px solid rgb(91 100 112 / 25%); border-radius: 5px; color: var(--paper); background: rgb(27 30 38 / 96%); font: 11px "JetBrains Mono", monospace; opacity: 0; pointer-events: none; transform: translate(-4px, -50%); transition: opacity 150ms ease, transform 150ms ease; }
.rail-node:hover .rail-label, .rail-node:focus-visible .rail-label { opacity: 1; transform: translate(0, -50%); }
.panel-scroller {
  display: flex;
  gap: 16px;
  width: calc(100vw - var(--rail-width));
  height: 100vh;
  margin-left: var(--rail-width);
  padding: 16px var(--panel-peek);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--panel-peek);
  scrollbar-color: rgb(91 100 112 / 55%) transparent;
}
.panel-scroller:focus-visible { outline: 2px solid var(--paper); outline-offset: -4px; }
.dashboard-header { margin-bottom: 24px; }
.dashboard-brand { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; }.dashboard-brand img { width: 40px; height: 40px; border: 0; border-radius: 0; object-fit: cover; box-shadow: none; animation: logo-redraw 120s ease-in-out infinite; }.dashboard-header h1 { margin: 0; font-size: 36px; }
.tagline { margin: 0; color: var(--triage-slate); font-size: 14px; line-height: 1.5; }
.app-section {
  position: relative;
  flex: 0 0 calc(100% - (var(--panel-peek) * 2));
  min-width: 0;
  min-height: calc(100vh - 32px);
  max-height: calc(100vh - 32px);
  padding: 40px;
  overflow-y: auto;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  border: 1px solid rgb(246 243 236 / 12%);
  border-radius: 6px;
  background: linear-gradient(135deg, rgb(246 243 236 / 8%), transparent 14%, transparent 82%, rgb(79 158 122 / 6%)), linear-gradient(315deg, rgb(228 67 44 / 5%), transparent 22%), rgb(27 30 38 / 68%);
  box-shadow: inset 0 1px 0 rgb(246 243 236 / 14%), inset 16px 0 34px rgb(246 243 236 / 2%), 0 24px 70px rgb(0 0 0 / 18%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.app-section::after { content: ""; position: absolute; right: 0; bottom: 42px; width: 150px; height: 92px; pointer-events: none; opacity: .42; background: linear-gradient(145deg, transparent 48%, rgb(246 243 236 / 18%) 49%, transparent 50%) 18px 6px / 58px 36px no-repeat, linear-gradient(35deg, transparent 49%, rgb(246 243 236 / 13%) 50%, transparent 51%) 59px 30px / 62px 40px no-repeat, radial-gradient(circle at 100% 100%, rgb(246 243 236 / 16%), transparent 58%); }
.app-section > * { position: relative; z-index: 1; }
.app-section:first-child, .app-section:last-child { flex-basis: calc(100% - var(--panel-peek)); }
.app-section:first-child { margin-left: calc(var(--panel-peek) * -1); }
.app-section:last-child { margin-right: calc(var(--panel-peek) * -1); }
.app-section:focus-visible { outline: 2px solid var(--paper); outline-offset: -4px; }

.eyebrow, .badge, .metadata, .weight {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: .02em;
}
.eyebrow { margin: 0 0 6px; color: var(--triage-amber); font-weight: 600; text-transform: uppercase; }
h1, h2 { font-family: "Fraunces", Georgia, serif; font-size: 28px; font-weight: 500; line-height: 1.12; }
h1 { margin: 0 0 8px; }
h2 { margin: 0; }
h3 { margin: 0; color: var(--triage-slate); font: 600 12px/1.2 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .02em; text-transform: uppercase; }
h3 span { color: var(--paper); }
.intro { margin: 0 0 16px; color: var(--triage-slate); font-size: 14px; line-height: 1.5; }

form, .result {
  padding: 16px;
  border: 1px solid rgb(91 100 112 / 20%);
  border-radius: 8px;
  background: var(--surface);
}
.connected-sources { margin-top: 16px; border: 1px solid rgb(91 100 112 / 20%); border-radius: 8px; background: var(--surface); overflow: hidden; }
.connected-sources-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 13px 16px; border: 0; border-radius: 0; color: var(--paper); background: transparent; text-align: left; }
.connected-sources-toggle:hover:not(:disabled) { background: rgb(246 243 236 / 4%); box-shadow: none; transform: none; }
.connected-sources-toggle .eyebrow { display: block; margin-bottom: 4px; }.connected-sources-title { display: block; color: var(--paper); font: 600 15px/1.3 "Inter", sans-serif; }
.connected-sources-summary { display: inline-flex; align-items: center; gap: 10px; color: var(--triage-slate); font: 11px "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .03em; }.disclosure-chevron { color: var(--triage-amber); font-size: 18px; transition: transform 180ms ease; }.connected-sources-toggle[aria-expanded="true"] .disclosure-chevron { transform: rotate(180deg); }
.connected-sources-list { display: grid; gap: 8px; padding: 0 16px 16px; border-top: 1px solid rgb(91 100 112 / 16%); }.connected-sources-list[hidden] { display: none; }
.source-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px; border: 1px solid rgb(91 100 112 / 24%); border-radius: 7px; background: rgb(18 20 26 / 32%); }
.source-card.is-connected { border-color: rgb(79 158 122 / 52%); }
.source-card.has-sync-error { border-color: rgb(201 54 39 / 58%); }
.source-card.is-coming-soon { opacity: .6; }
.source-card-copy { min-width: 0; }
.source-title-row { display: flex; align-items: center; gap: 8px; }
.source-name { margin: 0; color: var(--paper); font-weight: 600; }
.source-card .muted { margin: 3px 0 0; }
.source-status { margin: 8px 0 0; color: var(--triage-green); font: 12px/1.4 "JetBrains Mono", ui-monospace, monospace; }
.source-status.setup-required { color: var(--triage-amber); }
.source-status.sync-error { color: var(--triage-red); }
.source-setup { margin: 8px 0 0; color: var(--triage-amber); font-size: 12px; line-height: 1.5; }
.source-setup code { color: var(--paper); }
.source-toggle { position: relative; flex: 0 0 auto; width: 46px; height: 26px; cursor: pointer; }
.source-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.source-toggle-slider { position: absolute; inset: 0; border-radius: 999px; background: var(--triage-slate); transition: background 150ms ease; }
.source-toggle-slider::before { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--paper); transition: transform 150ms ease; }
.source-toggle input:checked + .source-toggle-slider { background: var(--triage-green); }
.source-toggle input:checked + .source-toggle-slider::before { transform: translateX(20px); }
.source-toggle input:focus-visible + .source-toggle-slider { outline: 2px solid var(--paper); outline-offset: 3px; }
.source-toggle input:disabled + .source-toggle-slider { cursor: wait; opacity: .65; }
.source-reconnect { width: auto; margin: 8px 0 0; padding: 6px 9px; color: var(--on-accent); background: var(--triage-amber); font-size: 12px; }
.drafted-response-label { margin-top: 14px; }
.drafted-response { min-height: 76px; margin-bottom: 8px; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; }
.coming-soon-tag, .demo-data-tag { display: inline-block; border-radius: 999px; padding: 2px 6px; font: 600 10px/1.2 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .04em; text-transform: uppercase; }
.coming-soon-tag { color: var(--paper); background: rgb(91 100 112 / 45%); }
.demo-data-tag, .simulated-tag { display: inline-block; border-radius: 999px; padding: 2px 6px; font: 600 10px/1.2 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .04em; text-transform: uppercase; }
.demo-data-tag { margin-left: 5px; color: var(--on-accent); background: var(--triage-amber); }
.simulated-tag { color: var(--triage-green); background: rgb(79 158 122 / 16%); }
label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; }
textarea, input {
  width: 100%; border: 1px solid rgb(91 100 112 / 35%); border-radius: 6px;
  padding: 10px 12px; color: var(--paper); background: var(--ink); font: inherit;
}
textarea { min-height: 144px; resize: vertical; }
input[type="file"] { color: var(--triage-slate); }
.divider { display: flex; align-items: center; gap: 10px; margin: 14px 0; color: var(--triage-slate); font-size: 12px; }
.divider::before, .divider::after { content: ""; height: 1px; flex: 1; background: rgb(91 100 112 / 30%); }
button {
  width: 100%; margin-top: 14px; border: 1px solid transparent; border-radius: 6px; padding: 10px 14px;
  color: var(--on-accent); background: var(--triage-amber); cursor: pointer; font: 600 14px "Inter", sans-serif;
  transition: box-shadow 150ms ease, transform 150ms ease, background 150ms ease;
}
button:hover:not(:disabled) { box-shadow: 0 4px 12px rgb(0 0 0 / 24%); transform: translateY(-1px); }
button:disabled { cursor: wait; opacity: .7; }
.secondary { width: auto; margin: 0; color: var(--paper); border-color: rgb(91 100 112 / 40%); background: transparent; }

.result { margin-top: 12px; }
.badge { display: inline-block; margin: 0 0 10px; border-radius: 999px; padding: 4px 8px; font-weight: 600; }
.obligation { color: var(--triage-red); background: rgb(228 67 44 / 16%); }
.study-material { color: var(--triage-green); background: rgb(79 158 122 / 16%); }
.noise { color: var(--triage-slate); background: rgb(91 100 112 / 20%); }
.result > #reason { margin: 0; font-size: 14px; line-height: 1.5; }
dl { display: flex; gap: 24px; margin: 14px 0 0; }
dt { color: var(--triage-slate); font-size: 12px; }
dd { margin: 4px 0 0; font: 12px "JetBrains Mono", ui-monospace, monospace; letter-spacing: .02em; }
.error { min-height: 18px; margin: 10px 0 0; color: var(--triage-red); font-size: 14px; }

.classification-traveler {
  position: fixed;
  z-index: 40;
  width: 14px;
  height: 14px;
  border: 2px solid rgb(246 243 236 / 85%);
  border-radius: 999px;
  pointer-events: none;
  box-shadow: 0 0 18px currentColor;
  will-change: transform, opacity;
}
.classification-traveler.obligation { color: var(--triage-red); background: var(--triage-red); }
.classification-traveler.study-material { color: var(--triage-green); background: var(--triage-green); }
.classification-traveler.noise { color: var(--triage-slate); background: var(--triage-slate); }

@keyframes arrival-pulse {
  45% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--node-color) 24%, transparent), 0 0 22px var(--node-color); transform: scale(1.42); }
  100% { box-shadow: none; transform: scale(1); }
}
@keyframes ambient-drift { 0% { transform: translate3d(-2%, -1%, 0) scale(1); } 100% { transform: translate3d(3%, 2%, 0) scale(1.07); } }
@keyframes logo-redraw { 0%, 91% { clip-path: inset(0); filter: brightness(1); opacity: 1; } 92% { clip-path: inset(0 100% 0 0); filter: brightness(1.35); opacity: .65; } 97% { clip-path: inset(0); filter: brightness(1.15); opacity: 1; } 100% { clip-path: inset(0); filter: brightness(1); opacity: 1; } }

.queue-section, .study-section { margin-top: 0; }
.queue-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.queue-group + .queue-group { margin-top: 16px; }
.queue-group h3 { margin-bottom: 8px; }
.queue-item, .pending-action, .study-topic {
  padding: 16px; border: 1px solid rgb(91 100 112 / 20%); border-radius: 8px; background: var(--surface);
  transition: box-shadow 150ms ease, transform 150ms ease;
}
.queue-item + .queue-item, .pending-action + .pending-action, .study-topic + .study-topic { margin-top: 12px; }
.queue-item:hover, .pending-action:hover, .study-topic:hover { box-shadow: 0 5px 16px rgb(0 0 0 / 20%); transform: translateY(-1px); }
.summary { margin: 0 0 6px; font-size: 16px; font-weight: 600; line-height: 1.4; }
.muted, .empty-state { color: var(--triage-slate); font-size: 12px; line-height: 1.5; }
.empty-state { margin: 0; padding: 16px; border: 1px dashed rgb(91 100 112 / 30%); border-radius: 8px; }
.metadata { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0 0; color: var(--paper); }
.deadline { color: var(--paper); }
.deadline-soon { color: var(--triage-red); }
.mandatory { border-radius: 999px; padding: 3px 7px; }
.is-mandatory { color: var(--triage-red); background: rgb(228 67 44 / 16%); }
.is-optional { color: var(--triage-slate); background: rgb(91 100 112 / 20%); }
.done-button, .approve-button { width: auto; margin-top: 12px; color: var(--on-accent); background: var(--triage-green); }
.download-original { display: inline-block; margin-top: 10px; color: var(--triage-amber); font-size: 12px; font-weight: 600; }
.download-original:hover { color: var(--paper); }

.pending-action { border-color: rgb(232 163 61 / 25%); }
.pending-buttons { display: flex; gap: 8px; }
.pending-buttons button { width: auto; margin-top: 12px; }
.pending-action.is-highlighted { border-color: var(--triage-amber); box-shadow: 0 0 0 1px rgb(232 163 61 / 28%), 0 8px 20px rgb(0 0 0 / 20%); }

.approval-layer { position: fixed; z-index: 30; inset: 0; visibility: hidden; pointer-events: none; transition: visibility 0s linear 250ms; }
.approval-layer.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.approval-scrim { position: absolute; inset: 0; background: rgb(18 20 26 / 70%); opacity: 0; transition: opacity 250ms ease; }
.approval-layer.is-open .approval-scrim { opacity: 1; }
.approval-drawer { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; width: min(100%, 440px); height: 100%; padding: 28px; overflow-y: auto; border-left: 3px solid var(--triage-amber); color: var(--paper); background: var(--surface); box-shadow: -16px 0 40px rgb(0 0 0 / 30%); transform: translateX(100%); transition: transform 250ms ease; }
.approval-layer.is-open .approval-drawer { transform: translateX(0); }
.approval-drawer:focus-visible { outline: 2px solid var(--paper); outline-offset: -4px; }
.approval-drawer-header { position: relative; margin-bottom: 20px; padding-right: 42px; }
.approval-drawer-header .detail-close { top: -4px; right: 0; }
.approval-drawer-header h2 { margin: 0; }
.approval-drawer .pending-actions { display: grid; gap: 12px; }
.approval-drawer .pending-action { margin: 0; }

.study-section form { display: grid; gap: 8px; }
.study-section form label:not(:first-child) { margin-top: 6px; }
.study-section button { margin-top: 6px; background: var(--triage-green); color: var(--on-accent); }
.study-topic { padding: 0; overflow: hidden; }
.study-topic summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; cursor: pointer; font-size: 16px; font-weight: 600; }
.study-topic summary::marker { color: var(--triage-green); }
.weight { color: var(--triage-green); white-space: nowrap; }
.weight-track { height: 5px; margin: 0 16px; overflow: hidden; border-radius: 999px; background: rgb(91 100 112 / 24%); }
.weight-track span { display: block; height: 100%; border-radius: inherit; background: color-mix(in srgb, var(--triage-green) calc(var(--weight) * 10%), #1d4939); }
.study-topic ul { margin: 12px 16px 16px; padding-left: 18px; color: var(--triage-slate); font-size: 14px; line-height: 1.5; }
.study-archive-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 16px 16px; }
.study-archive-links .download-original { margin-top: 0; }

.queue-card-grid, .study-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.queue-card { min-height: 164px; margin: 0; padding: 0; overflow: hidden; border-color: rgb(228 67 44 / 21%); background: linear-gradient(145deg, rgb(228 67 44 / 8%), transparent 56%), var(--surface); }
.queue-card-trigger, .study-card-trigger { display: flex; flex-direction: column; align-items: stretch; width: 100%; height: 100%; min-height: inherit; margin: 0; padding: 16px; border: 0; border-radius: 0; color: var(--paper); background: transparent; text-align: left; }
.queue-card-trigger:hover:not(:disabled), .study-card-trigger:hover:not(:disabled) { box-shadow: none; transform: none; background: rgb(246 243 236 / 3%); }
.queue-card-topline, .study-card-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.queue-card-group, .study-card-topline > span:last-child { color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.queue-card .summary { display: block; margin: 13px 0 10px; color: var(--paper); font-size: 15px; }.queue-card .metadata { display: flex; margin: auto 0 0; }.queue-card-open, .study-card-open { display: block; margin-top: 12px; color: var(--triage-amber); font: 11px "JetBrains Mono", monospace; }
.study-card { min-height: 154px; margin: 0; padding: 0; border-color: rgb(79 158 122 / 24%); background: linear-gradient(145deg, rgb(79 158 122 / 9%), transparent 56%), var(--surface); }.study-card-title { display: block; margin: 16px 0 14px; color: var(--paper); font: 500 21px/1.14 "Fraunces", Georgia, serif; }.study-card .weight-track { width: 100%; margin: auto 0 0; }.study-card-open { margin-top: 14px; color: var(--triage-green); }

.detail-layer { position: fixed; z-index: 35; inset: 0; visibility: hidden; pointer-events: none; transition: visibility 0s linear 200ms; }.detail-layer.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }.detail-scrim { position: absolute; inset: 0; background: rgb(10 12 16 / 74%); backdrop-filter: blur(8px); opacity: 0; transition: opacity 200ms ease; }.detail-layer.is-open .detail-scrim { opacity: 1; }
.detail-dialog { position: absolute; top: 50%; left: 50%; width: min(620px, calc(100vw - 40px)); max-height: min(720px, calc(100vh - 40px)); padding: 30px; overflow-y: auto; border: 1px solid rgb(246 243 236 / 16%); border-radius: 14px; color: var(--paper); background: linear-gradient(145deg, rgb(246 243 236 / 8%), transparent 18%), rgb(27 30 38 / 97%); box-shadow: inset 0 1px 0 rgb(246 243 236 / 12%), 0 32px 90px rgb(0 0 0 / 48%); opacity: 0; transform: translate(-50%, calc(-50% + 12px)) scale(.98); transition: opacity 200ms ease, transform 200ms ease; }.detail-layer.is-open .detail-dialog { opacity: 1; transform: translate(-50%, -50%) scale(1); }.detail-dialog h2 { max-width: 510px; margin: 0 32px 18px 0; font-size: clamp(28px, 4vw, 42px); }.detail-close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 34px; height: 34px; margin: 0; padding: 0; border: 0; border-radius: 50%; color: var(--paper); background: rgb(246 243 236 / 8%); font: 24px/1 "Inter", sans-serif; }.detail-close:hover:not(:disabled) { background: rgb(246 243 236 / 15%); box-shadow: none; transform: none; }.detail-reason { max-width: 560px; color: var(--triage-slate); font-size: 15px; line-height: 1.65; }.detail-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 22px 0; }.detail-facts div { display: grid; gap: 6px; padding: 13px; border: 1px solid rgb(91 100 112 / 25%); border-radius: 8px; background: rgb(18 20 26 / 48%); }.detail-facts span, .detail-subtopics-title { color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }.detail-facts strong { font-size: 13px; }.detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }.detail-actions .done-button { margin: 0; }.detail-actions .download-original { margin: 0; }.detail-weight { height: 7px; margin: 22px 0; overflow: hidden; border-radius: 999px; background: rgb(91 100 112 / 24%); }.detail-weight span { display: block; height: 100%; border-radius: inherit; background: var(--triage-green); }.detail-subtopics { display: grid; gap: 8px; margin: 12px 0 22px; padding-left: 20px; color: var(--paper); font-size: 14px; line-height: 1.5; }.detail-archive-links { margin: 0; }
.command-layer { position: fixed; z-index: 50; inset: 0; visibility: hidden; pointer-events: none; transition: visibility 0s linear 160ms; }.command-layer.is-open { visibility: visible; pointer-events: auto; transition-delay: 0s; }.command-scrim { position: absolute; inset: 0; background: rgb(10 12 16 / 72%); backdrop-filter: blur(8px); opacity: 0; transition: opacity 160ms ease; }.command-layer.is-open .command-scrim { opacity: 1; }.command-palette { position: absolute; top: min(18vh, 160px); left: 50%; width: min(640px, calc(100vw - 32px)); max-height: min(640px, calc(100vh - 32px)); overflow: auto; padding: 22px; border: 1px solid rgb(246 243 236 / 18%); border-radius: 14px; color: var(--paper); background: linear-gradient(145deg, rgb(246 243 236 / 10%), transparent 22%), rgb(27 30 38 / 98%); box-shadow: 0 32px 90px rgb(0 0 0 / 48%); opacity: 0; transform: translate(-50%, -12px) scale(.98); transition: opacity 160ms ease, transform 160ms ease; }.command-layer.is-open .command-palette { opacity: 1; transform: translate(-50%, 0) scale(1); }.command-heading { display: flex; justify-content: space-between; gap: 16px; }.command-heading h2 { margin-bottom: 16px; }.command-close { width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 50%; color: var(--paper); background: rgb(246 243 236 / 8%); font-size: 22px; }.command-palette input { width: 100%; border: 1px solid rgb(246 243 236 / 18%); border-radius: 8px; padding: 12px; color: var(--paper); background: rgb(18 20 26 / 72%); font: 14px "Inter", sans-serif; }.command-palette input:focus { outline: 2px solid rgb(232 163 61 / 72%); outline-offset: 2px; }.command-results { display: grid; gap: 5px; margin-top: 12px; }.command-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; width: 100%; margin: 0; padding: 11px 12px; border: 1px solid transparent; border-radius: 8px; color: var(--paper); background: transparent; text-align: left; }.command-result small { color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; text-align: right; }.command-result.is-active, .command-result:hover:not(:disabled) { border-color: rgb(232 163 61 / 46%); background: rgb(232 163 61 / 10%); box-shadow: none; transform: none; }.command-help { margin: 14px 0 0; color: var(--triage-slate); font: 11px "JetBrains Mono", monospace; text-align: center; }.command-help kbd { padding: 2px 5px; border: 1px solid rgb(246 243 236 / 18%); border-radius: 4px; color: var(--paper); background: rgb(18 20 26 / 74%); }

.assignment-section form { display: grid; gap: 8px; }
.assignment-section form button { margin-top: 6px; }
.assignment-scaffold { margin-top: 16px; }
.assignment-scaffold-section, .assignment-history-item {
  border: 1px solid rgb(232 163 61 / 25%);
  border-radius: 8px;
  background: var(--surface);
}
.assignment-scaffold-section + .assignment-scaffold-section, .assignment-history-item + .assignment-history-item { margin-top: 12px; }
.assignment-scaffold-section summary, .assignment-history-item summary {
  padding: 14px 16px;
  cursor: pointer;
  color: var(--paper);
  font-size: 16px;
  font-weight: 600;
}
.assignment-scaffold-section ul, .assignment-scaffold-section ol { margin: 0 16px 16px; padding-left: 18px; color: var(--triage-slate); font-size: 14px; line-height: 1.5; }
.assignment-test-cases { list-style: none; padding-left: 0 !important; }
.assignment-test-cases li { display: grid; gap: 4px; padding: 10px; border: 1px solid rgb(91 100 112 / 20%); border-radius: 6px; }
.assignment-test-cases li + li { margin-top: 8px; }
.assignment-test-cases span { color: var(--triage-slate); font: 12px "JetBrains Mono", ui-monospace, monospace; letter-spacing: .02em; }
.assignment-test-cases code { color: var(--paper); font: 12px/1.5 "JetBrains Mono", ui-monospace, monospace; white-space: pre-wrap; }
.assignment-history-section { margin-top: 24px; }
.assignment-history-section h3 { margin-bottom: 10px; }
.assignment-prompt-preview { margin: 0 16px 14px; color: var(--triage-slate); font-size: 14px; line-height: 1.5; }
.settings-orbit { position: fixed; z-index: 40; right: 22px; bottom: 22px; display: grid; justify-items: end; gap: 12px; }
.settings-fab, .settings-action { display: grid; place-items: center; border-radius: 50%; color: var(--paper); background: var(--surface); box-shadow: 0 10px 28px rgb(0 0 0 / 30%); }
.settings-fab { width: 50px; height: 50px; margin: 0; padding: 0; border: 1px solid rgb(246 243 236 / 22%); font: 24px/1 "Inter", sans-serif; }.settings-fab:hover { background: var(--triage-amber); color: var(--on-accent); transform: rotate(18deg); }
.settings-menu { display: grid; gap: 10px; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity 180ms ease, transform 180ms ease; }.settings-menu.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
.settings-action { position: relative; width: 38px; height: 38px; margin: 0; padding: 0; border: 1px solid rgb(246 243 236 / 18%); font: 16px/1 "Inter", sans-serif; }.settings-action span { position: absolute; right: 48px; width: max-content; padding: 5px 7px; border-radius: 5px; color: var(--paper); background: var(--surface); font: 11px "JetBrains Mono", monospace; opacity: 0; transform: translateX(4px); pointer-events: none; transition: opacity 150ms ease, transform 150ms ease; }.settings-action:hover span, .settings-action:focus-visible span { opacity: 1; transform: translateX(0); }.settings-profile { border-color: rgb(79 158 122 / 55%); }.settings-theme { border-color: rgb(232 163 61 / 55%); }.settings-app { border-color: rgb(228 67 44 / 55%); }
.settings-drawer { position: fixed; z-index: 41; right: 22px; bottom: 84px; width: min(360px, calc(100vw - 44px)); padding: 24px; border: 1px solid rgb(246 243 236 / 15%); border-radius: 14px; color: var(--paper); background: rgb(27 30 38 / 94%); box-shadow: 0 20px 56px rgb(0 0 0 / 38%); opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity 180ms ease, transform 180ms ease; }.settings-drawer.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }.settings-drawer h2 { margin-bottom: 20px; }.settings-drawer h3 { margin-bottom: 10px; color: var(--paper); font: 600 16px "Inter", sans-serif; letter-spacing: 0; text-transform: none; }.close-settings { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; color: var(--paper); background: transparent; font-size: 24px; }.theme-options { display: flex; gap: 8px; }.theme-options button { width: auto; margin: 0; padding: 8px 11px; color: var(--paper); background: var(--ink); }.theme-options button.is-selected { color: var(--on-accent); background: var(--triage-amber); }.settings-toggle { display: flex; align-items: center; gap: 10px; margin: 14px 0; color: var(--paper); font-weight: 400; }.settings-toggle input { width: 18px; height: 18px; accent-color: var(--triage-amber); }
.profile-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }.profile-form label { display: grid; gap: 5px; color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }.profile-form input { width: 100%; min-width: 0; border: 1px solid rgb(246 243 236 / 16%); border-radius: 6px; padding: 9px; color: var(--paper); background: rgb(18 20 26 / 62%); font: 13px "Inter", sans-serif; }.profile-form input:focus { outline: 2px solid rgb(232 163 61 / 60%); outline-offset: 1px; }.profile-form #profile-status, .profile-form button { grid-column: 1 / -1; }.profile-form button, .copy-draft-button { width: auto; margin: 0; justify-self: start; }.copy-draft-button { margin-top: 2px; }.settings-drawer #download-account-export, .settings-drawer #settings-sign-out { margin-top: 10px; }
.notification-setting { margin: 0 0 16px; }.notification-setting button { width: auto; margin: 0; }.notification-setting button:disabled { cursor: default; opacity: 1; }.notification-setting button.is-enabled { color: var(--triage-green); border-color: rgb(79 158 122 / 58%); background: rgb(79 158 122 / 12%); }.notification-setting button.is-enabled::before { content: "✓"; display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 8px; border-radius: 50%; color: var(--surface); background: var(--triage-green); font-weight: 800; }.notification-setting p { margin: 8px 0 0; }
.archive-preview { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgb(246 243 236 / 12%); }.archive-preview-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }.archive-preview h3 { margin: 4px 0 0; font: 600 17px "Inter", sans-serif; }.archive-preview-heading .secondary { margin: 0; }.archive-list { display: grid; gap: 8px; margin-top: 12px; }.archive-entry { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid rgb(91 100 112 / 26%); border-radius: 8px; background: rgb(18 20 26 / 42%); }.archive-entry div { min-width: 0; display: grid; gap: 3px; }.archive-entry strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--paper); font-size: 13px; }.archive-entry span { color: var(--triage-slate); font: 11px "JetBrains Mono", monospace; }.archive-entry .download-original { flex: 0 0 auto; margin: 0; }
.stream-feed { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgb(246 243 236 / 12%); }.stream-feed-heading { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.stream-feed h3 { margin: 4px 0 0; font: 600 17px "Inter", sans-serif; }.stream-live-status { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; white-space: nowrap; }.stream-live-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--triage-green); box-shadow: 0 0 8px rgb(79 158 122 / 75%); }.stream-list { display: grid; gap: 8px; margin-top: 12px; }.stream-item { overflow: hidden; border: 1px solid rgb(91 100 112 / 26%); border-left-width: 3px; border-radius: 8px; background: rgb(18 20 26 / 42%); }.stream-item-obligation { border-left-color: var(--triage-red); }.stream-item-study-material { border-left-color: var(--triage-green); }.stream-item-noise { border-left-color: var(--triage-slate); }.stream-item-trigger { width: 100%; margin: 0; padding: 11px 12px; color: inherit; background: transparent; text-align: left; }.stream-item-trigger:hover:not(:disabled) { background: rgb(246 243 236 / 4%); box-shadow: none; transform: none; }.stream-item-topline, .stream-item-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.stream-source, .stream-time, .stream-item-footer > span:last-child { color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; }.stream-item-summary { display: block; margin: 8px 0; color: var(--paper); font-size: 13px; line-height: 1.45; }.stream-item-footer .badge { margin: 0; padding: 3px 6px; font-size: 10px; }
.history-section { background: linear-gradient(135deg, rgb(91 100 112 / 10%), transparent 24%, transparent 82%, rgb(246 243 236 / 3%)), rgb(27 30 38 / 68%); }.history-filters { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(130px, 1fr)) auto; align-items: end; gap: 10px; margin: 22px 0 12px; }.history-filters label { display: grid; gap: 6px; color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }.history-filters input, .history-filters select { width: 100%; min-width: 0; border: 1px solid rgb(246 243 236 / 16%); border-radius: 6px; padding: 10px; color: var(--paper); background: rgb(18 20 26 / 62%); font: 13px "Inter", sans-serif; }.history-filters select { min-height: 39px; }.history-filters button { width: auto; margin: 0; padding: 10px 12px; white-space: nowrap; }.history-list { display: grid; gap: 9px; margin-top: 12px; }.history-record { overflow: hidden; border: 1px solid rgb(91 100 112 / 26%); border-radius: 8px; background: rgb(18 20 26 / 42%); }.history-record-trigger { width: 100%; margin: 0; padding: 13px 14px; color: inherit; background: transparent; text-align: left; }.history-record-trigger:hover:not(:disabled) { background: rgb(246 243 236 / 4%); box-shadow: none; transform: none; }.history-record-topline, .history-record-footer { display: flex; align-items: center; gap: 10px; }.history-record-topline { justify-content: space-between; color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; }.history-record-summary { display: block; margin: 8px 0; color: var(--paper); font-size: 14px; line-height: 1.45; }.history-record-footer { color: var(--triage-slate); font: 10px "JetBrains Mono", monospace; }.history-record-footer .badge { margin: 0; padding: 3px 6px; font-size: 10px; }.history-status { padding: 3px 6px; border-radius: 999px; text-transform: uppercase; }.history-status-open { color: var(--triage-amber); background: rgb(232 163 61 / 14%); }.history-status-done { color: var(--triage-green); background: rgb(79 158 122 / 14%); }

@media (max-width: 560px) {
  .deadline-reminder { top: 64px; left: 84px; max-width: calc(100vw - 100px); }
  :root { --rail-width: 56px; --panel-peek: 34px; }
  .rail-toggle { top: 36px; bottom: 36px; width: 30px; }.rail-toggle-thumb { left: 4px; width: 20px; height: 20px; }.rail-toggle::before { inset: 10px 13px; }.rail-toggle[data-active-index="1"] .rail-toggle-thumb { top: calc(25% - 10px); }.rail-toggle[data-active-index="2"] .rail-toggle-thumb { top: calc(50% - 10px); }.rail-toggle[data-active-index="3"] .rail-toggle-thumb { top: calc(75% - 10px); }.rail-toggle[data-active-index="4"] .rail-toggle-thumb { top: calc(100% - 23px); }.rail-node { left: -10px; width: 50px; height: 40px; }.rail-node:nth-of-type(1) { top: -7px; }.rail-node:nth-of-type(2) { top: calc(25% - 20px); }.rail-node:nth-of-type(3) { top: calc(50% - 20px); }.rail-node:nth-of-type(4) { top: calc(75% - 20px); }.rail-node:nth-of-type(5) { top: calc(100% - 33px); }
  .panel-navigation-previous { left: calc(var(--rail-width) + 10px); }
  .panel-navigation-next { right: 10px; }
  .panel-scroller { gap: 12px; padding: 12px var(--panel-peek); }
  .app-section { flex-basis: calc(100% - (var(--panel-peek) * 2)); min-height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); padding: 28px 20px; }
  .app-section:first-child, .app-section:last-child { flex-basis: calc(100% - var(--panel-peek)); }
  .queue-heading { align-items: start; flex-direction: column; }
  .queue-card-grid, .study-card-grid { grid-template-columns: 1fr; }.detail-dialog { width: min(100% - 28px, 620px); max-height: calc(100dvh - 28px); padding: 24px; }.detail-facts { grid-template-columns: 1fr; }
  .history-filters { grid-template-columns: 1fr 1fr; }.history-filters label:first-child { grid-column: 1 / -1; }
  dl { gap: 16px; }
  .landing-nav { padding: 14px 20px; }.landing-nav .text-button { display: none; }.landing-hero { grid-template-columns: 1fr; min-height: auto; padding: 56px 24px; }.landing-hero h1 { font-size: clamp(38px, 13vw, 48px); }.pulse-stage { min-height: 330px; }.pulse-message { display: none; }.landing-section { padding: 72px 24px; }.process-grid, .capability-grid, .roadmap-grid, .safety-section { grid-template-columns: 1fr; gap: 12px; }.landing-cta { grid-template-columns: 1fr; margin: 20px 24px 48px; padding: 26px; }.landing-cta img { width: 64px; height: 64px; }.landing-cta h2 { font-size: 30px; }.landing-footer { padding: 22px 24px; }.landing-footer span { display: none; }.settings-orbit { right: 14px; bottom: 14px; }.settings-drawer { right: 12px; bottom: 76px; width: calc(100vw - 24px); max-height: calc(100dvh - 96px); overflow-y: auto; }.profile-form { grid-template-columns: 1fr; }.panel-navigation { width: 44px; height: 44px; }
}

@media (max-width: 760px) and (min-width: 561px) {
  :root { --panel-peek: 52px; }
  .app-section { padding: 32px; }
  .history-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .history-filters label:first-child { grid-column: 1 / -1; }
  .process-grid, .roadmap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .landing-hero { gap: 32px; padding: 72px 42px; }
  .landing-hero h1 { font-size: clamp(46px, 8vw, 64px); }
}

@media (pointer: coarse) {
  button, .source-toggle { min-height: 44px; }
  .source-toggle { min-width: 46px; }
  .rail-node { min-height: 44px; }
  .detail-close, .command-close, .close-settings { width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .rail-node.is-arrival .rail-dot, body::before, .dashboard-brand img { animation: none; }
}