:root {
  color-scheme: dark;
  --bg:#0c1014; --sidebar:#0d1217; --surface:#11171c; --surface2:#141b21;
  --surface3:#1a2228; --border:#283139; --border2:#37434c;
  --text:#e0e8eb; --muted:#8a989f; --faint:#64747c; --accent:#91b9b7; --accent-bg:#1d3030;
  --positive:#8fb5a3; --red:#dca198;
  --font:Inter,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono","Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 var(--font);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
::selection{background:#31575a;color:#f8ffff}a{color:var(--accent)}
.application{min-height:100vh;display:grid;grid-template-columns:276px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}
.identity{padding:27px 26px 24px;border-bottom:1px solid var(--border)}.identity-line{font:bold 14px/1.4 var(--mono);letter-spacing:.055em;display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-symbol{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid #44605f;background:#172324;color:var(--accent);font-size:20px}.brand-mark{color:var(--accent);margin:0 2px}.identity-small{font:10px/1.5 var(--mono);letter-spacing:.13em;color:var(--faint);margin-top:11px}.identity-separator{color:var(--accent);margin:0 5px}
.sidebar-status{padding:23px 25px 19px;border-bottom:1px solid var(--border)}.sidebar-status-row{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.09em}.sidebar-status-row span:last-child{color:var(--text)}.progress-track{height:3px;background:#2a353b;margin:13px 0 9px}.progress-track>span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}.sidebar-subtext{font-size:11px;color:var(--faint)}
.step-navigation{overflow-y:auto;padding:12px 12px 20px;flex:1;scrollbar-color:#324049 transparent;scrollbar-width:thin}.nav-group{padding-top:19px}.nav-label{font:10px var(--mono);color:var(--faint);letter-spacing:.10em;padding:0 13px 9px}.nav-step{color:var(--muted);text-align:left;width:100%;display:flex;gap:11px;align-items:center;padding:9px 12px;border:1px solid transparent;background:transparent;border-radius:3px;min-height:38px;transition:background .15s}.nav-step:hover:not(:disabled){background:var(--surface2);color:var(--text)}.nav-step[aria-current="step"]{background:var(--accent-bg);border-color:#2f4c4b;color:var(--text)}.nav-step.locked{color:#536069;cursor:default}.nav-index{font:11px var(--mono);width:20px;flex:none}.nav-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;flex:1}.nav-marker{font:14px var(--mono);color:var(--positive)}.nav-marker.locked-icon{color:#50616a}.sidebar-bottom{padding:18px 24px 22px;border-top:1px solid var(--border);font:9px var(--mono);letter-spacing:.04em;color:var(--faint);display:flex;gap:9px;align-items:center;white-space:nowrap}.sidebar-bottom>span:last-child{margin-left:auto}
.status-pip{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #91b9b72e}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:#0c1014ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);min-height:64px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.topbar-right{gap:8px}.breadcrumbs{font:11px var(--mono);color:var(--muted);letter-spacing:.06em}.breadcrumbs span{color:var(--accent);padding:0 7px}.topbar-status{font:10px var(--mono);color:var(--faint);display:flex;align-items:center;gap:8px;margin-right:13px}.subtle-button{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:6px 10px;font:11px var(--mono)}.subtle-button:hover{border-color:var(--border2);color:var(--text);background:var(--surface2)}.icon-button{background:transparent;color:var(--text);border:0;padding:5px;display:inline-flex}.icon-button svg{width:19px;height:19px}.menu-toggle{display:none}
.main{flex:1;width:100%;max-width:1120px;padding:clamp(45px,6vw,79px) clamp(24px,5vw,80px) 80px}.page-footer{padding:20px clamp(24px,5vw,80px);border-top:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;font:10px var(--mono);color:var(--faint)}
.eyebrow{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.hero{border-bottom:1px solid var(--border);padding-bottom:39px}.hero-heading{display:flex;align-items:flex-start;gap:25px;margin-top:19px}.large-index{font:13px var(--mono);color:var(--accent);padding-top:14px;letter-spacing:.05em}.hero h1{font-weight:540;font-size:clamp(36px,5.4vw,65px);letter-spacing:-.055em;line-height:1.09;margin:0}.summary{font-size:15px;line-height:1.8;color:#a0adb5;margin:22px 0 0;max-width:760px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.tag{border:1px solid var(--border2);padding:5px 9px;font:10px var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.tag.emphasis{color:var(--accent);border-color:#44605c;background:#172323}.tag-dot{color:var(--faint);padding:0 3px}
.section{margin-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}.section-heading h2{margin:0;font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.section-counter{font:10px var(--mono);color:var(--faint)}
.instruction{border-left:2px solid #4c6d6b;background:#10191c;padding:20px 24px;color:#bac7cd;font-size:14px;line-height:1.8;white-space:pre-line}.method{color:var(--muted);font-size:13px;margin:12px 0 0;line-height:1.8}
.artifact-list{display:grid;gap:9px}.artifact{display:flex;gap:16px;align-items:center;border:1px solid var(--border);background:var(--surface);padding:16px 18px}.file-emblem{display:grid;place-items:center;flex:none;width:43px;height:46px;color:var(--accent);border:1px solid #324a4b;background:#152323;font:10px var(--mono);letter-spacing:.02em}.artifact-body{min-width:0;flex:1}.artifact-name{font:13px var(--mono);font-weight:600;overflow-wrap:anywhere}.artifact-details{font-size:11px;color:var(--muted);margin-top:4px}.artifact-sha{font:10px var(--mono);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px;margin-top:5px}.artifact-actions{display:flex;gap:6px;flex:none}.file-action{background:#182126;border:1px solid var(--border2);color:var(--text);border-radius:2px;padding:8px 11px;font:11px var(--mono)}.file-action:hover{background:#26353a;border-color:#506a70}.file-action.primary{border-color:#385454;color:var(--accent)}
.empty-artifacts{padding:22px;border:1px dashed var(--border2);color:var(--muted);font:12px var(--mono)}
.verify{background:var(--surface);border:1px solid var(--border);padding:23px 24px}.verify>p{color:var(--muted);margin:0 0 19px;font-size:13px}.answer-layout{display:flex;gap:9px}.answer-input{flex:1;min-width:0;padding:13px 15px;background:#0c1216;color:#e0eff0;border:1px solid #3b5055;border-radius:2px;font:14px var(--mono);outline:0}.answer-input::placeholder{color:#53636b}.answer-input:focus{border-color:var(--accent)}.solid-button{padding:11px 18px;background:#91b9b7;color:#0a1517;border:1px solid #91b9b7;border-radius:2px;font:12px var(--mono);font-weight:700}.solid-button:hover{background:#add3d0}.verify-feedback{min-height:19px;margin-top:13px;font:12px var(--mono);color:var(--red)}.verify-feedback.success{color:var(--positive)}
.confirmed{border:1px solid #35514b;background:#13201e;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px}.confirmed strong{display:block;color:#c0d7d0;font:12px var(--mono);letter-spacing:.06em}.confirmed p{font-size:12px;color:#899e99;margin:5px 0 0}.confirmed button{background:transparent;color:var(--accent);border:1px solid #41625e;padding:10px 14px;font:11px var(--mono);flex:none}.confirmed button:hover{background:#223a36}
.hint-panel{border:1px solid var(--border);padding:16px 20px}.hint-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hint-head span{font:11px var(--mono);color:var(--faint)}.hint-text{border-top:1px solid var(--border);margin-top:12px;padding:14px 0 4px;font:12px/1.8 var(--mono);color:#b3bec5}.hint-text b{color:var(--accent);font-weight:400}
.tools{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.tools summary{cursor:pointer;font:12px var(--mono);color:var(--muted);user-select:none;list-style:initial}.tools summary:hover{color:var(--text)}.tools-inner{padding:20px 0 0}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tools-grid label{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:7px}.tools select,.tools input,.tools textarea{width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:2px;color:var(--text);padding:11px;font:12px var(--mono)}.tools textarea{min-height:110px;resize:vertical}.tools-grid .wide{grid-column:1/-1}.tools-actions{display:flex;gap:10px;align-items:center}.tools-error{font:11px var(--mono);color:var(--red)}.tools-help{color:var(--faint);font-size:12px;margin:0 0 15px}
.complete-panel{border:1px solid #4d6961;background:linear-gradient(135deg,#1b2c2a,#121b1d);padding:31px}.complete-panel .large-number{font:clamp(65px,12vw,135px)/1 var(--mono);color:#a0c4ba;letter-spacing:-.09em}.complete-panel h2{margin:25px 0 8px;font-weight:500;font-size:23px}.complete-panel p{color:var(--muted);margin:5px 0 22px}.final-meta{padding-top:20px;border-top:1px solid #334a44;display:grid;grid-template-columns:1fr 1fr;gap:15px;font:11px var(--mono);color:var(--muted)}.final-meta strong{display:block;margin-top:6px;color:var(--text);overflow-wrap:anywhere;font-weight:400}
.file-dialog{width:min(900px,calc(100vw - 28px));height:min(85vh,920px);max-height:calc(100vh - 30px);padding:0;border:1px solid #45616b;background:#11181e;color:var(--text);box-shadow:0 40px 120px #000a;overflow:hidden;flex-direction:column}.file-dialog[open]{display:flex}.file-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-header{padding:21px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-header h2{font:17px var(--mono);margin:7px 0;word-break:break-all}.dialog-meta{font:10px var(--mono);color:var(--faint);overflow-wrap:anywhere}.dialog-close{font-size:25px;line-height:1;border:0;background:transparent;color:var(--muted);padding:0 3px}.dialog-body{min-height:0;flex:1;overflow:auto;padding:20px 24px;scrollbar-color:#334952 transparent}.file-content{font:12px/1.75 var(--mono);background:#0b1115;color:#bad0d1;border:1px solid var(--border);padding:19px;white-space:pre;overflow:auto;margin:0;min-height:100%}.binary-note{font:11px var(--mono);color:var(--faint);margin:0 0 13px}.dialog-media{max-width:100%;display:block;image-rendering:pixelated;border:1px solid var(--border);margin-bottom:18px}.dialog-audio{width:100%;margin-bottom:18px}.dialog-footer{padding:13px 25px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;z-index:30;right:24px;bottom:24px;background:#1e3030;border:1px solid #51716e;color:#daeae9;padding:12px 17px;opacity:0;transform:translateY(8px);pointer-events:none;font:12px var(--mono);transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.loading{padding:90px 0;color:var(--muted);text-align:center;font:12px var(--mono)}.loading-orbit{border:2px solid #35514f;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.application{grid-template-columns:235px minmax(0,1fr)}.identity{padding-left:19px}.sidebar-status{padding-left:20px;padding-right:20px}.sidebar-bottom{padding-left:15px;font-size:8px}.topbar{padding:0 32px}.main{padding-left:32px;padding-right:32px}.page-footer{padding-left:32px;padding-right:32px}}
@media(max-width:820px){.application{display:block}.sidebar{position:fixed;width:276px;z-index:20;left:0;transform:translateX(-100%);transition:transform .2s;box-shadow:0 20px 100px #0006}.sidebar.open{transform:translateX(0)}.workspace{min-height:100vh}.menu-toggle{display:inline-flex}.topbar{padding:0 24px}.main{max-width:none;padding:50px 24px 80px}.page-footer{padding:20px 24px}}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:5px;padding-top:9px;padding-bottom:9px}.topbar-left{width:100%}.breadcrumbs{white-space:nowrap}.topbar-right{width:100%;justify-content:flex-end}.topbar-status{display:none}.topbar-right{gap:4px}.topbar .subtle-button{font-size:10px;padding:6px}.breadcrumbs{font-size:10px}.hero-heading{gap:12px}.large-index{padding-top:8px}.hero h1{font-size:38px}.artifact{flex-wrap:wrap;gap:9px;padding:14px}.artifact-body{width:calc(100% - 60px)}.artifact-actions{width:100%;justify-content:flex-end}.answer-layout{flex-direction:column}.confirm{flex-direction:column}.tools-grid,.final-meta{grid-template-columns:1fr}.tools-grid .wide{grid-column:auto}.page-footer{flex-wrap:wrap;font-size:9px}.dialog-body{padding:13px}.dialog-header{padding:17px}.dialog-footer{padding:12px 14px}.complete-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* GNOME / Adwaita-inspired visual refresh — challenge data and behaviour unchanged. */
:root {
  color-scheme: light;
  --bg: #f6f5f4;
  --sidebar: #f2f2f5;
  --surface: #fff;
  --surface2: #f4f5f9;
  --surface3: #e9edf4;
  --border: #e3e3e8;
  --border2: #d3d7df;
  --text: #292931;
  --muted: #656571;
  --faint: #92929d;
  --accent: #306fcb;
  --accent-bg: #e4edff;
  --positive: #218653;
  --red: #b73e46;
  --font: Cantarell, 'Inter', 'Segoe UI', system-ui, sans-serif;
  --mono: 'DejaVu Sans Mono', Consolas, monospace;
}
body { background: var(--bg); color: var(--text); font: 14px/1.65 var(--font); }
::selection { background: #bad5fa; color: #263b5d; }
a { color: var(--accent); }
button, input, textarea, select { border-radius: 10px; }
.sidebar { background: var(--sidebar); border-right: 1px solid #dddee5; }
.identity { padding: 27px 22px 21px; border-bottom: 1px solid #dfe0e5; }
.identity-line { font: 750 17px/1.3 var(--font); letter-spacing: -.02em; gap: 12px; }
.brand-symbol { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; color: #4665a1; background: #dce8ff; border: none; font-size: 17px; }
.identity-small { margin-top: 9px; font: 12px var(--font); color: var(--muted); letter-spacing: 0; }
.identity-separator { color: var(--faint); }
.sidebar-status { padding: 23px 22px 18px; border-bottom: 1px solid #dfe0e5; }
.sidebar-status-row { color: #656571; font: 700 12px var(--font); letter-spacing: 0; }
.sidebar-status-row span:last-child { color: #414655; }
.progress-track { border-radius: 50px; height: 6px; background: #dde0e8; margin: 12px 0 9px; overflow: hidden; }
.progress-track>span { background: #508fe3; border-radius: 50px; }
.sidebar-subtext { color: #898995; line-height: 1.5; font-size: 12px; }
.step-navigation { padding: 12px 11px 22px; scrollbar-color: #d0d1d8 transparent; }
.nav-group { padding-top: 15px; }
.nav-label { font: 700 11px var(--font); color: #888895; letter-spacing: .02em; padding: 0 14px 8px; }
.nav-step { border-radius: 10px; border: 0; min-height: 41px; padding: 9px 12px; gap: 11px; color: #666671; }
.nav-step:hover:not(:disabled) { background: #e7e8ef; }
.nav-step[aria-current="step"] { background: var(--accent-bg); color: #285ba9; border: 0; font-weight: 700; }
.nav-step.locked { color: #9e9ea7; }
.nav-index { font: 11px var(--mono); color: #9697a2; }
.nav-title { font-size: 13px; }
.nav-marker { color: #2d9a68; }
.nav-marker.locked-icon { color: #aeb0b9; }
.sidebar-bottom { border-top: 1px solid #dfe0e5; color: #8a8b94; padding: 17px 20px; font: 11px var(--font); letter-spacing: 0; }
.status-pip { background: #62a981; width: 7px; height: 7px; box-shadow: none; }
.workspace { background: var(--bg); }
.topbar { background: #fffefcf2; min-height: 68px; border-bottom: 1px solid var(--border); padding: 0 clamp(22px, 4vw, 66px); }
.breadcrumbs { font: 650 13px var(--font); letter-spacing: 0; color: #555560; }
.breadcrumbs span { color: #aaaab2; }
.topbar-status { font: 12px var(--font); color: var(--muted); }
.subtle-button { background: #f1f2f5; color: #444550; border: 1px solid #e3e4e9; border-radius: 10px; padding: 8px 13px; font: 700 12px var(--font); }
.subtle-button:hover { color: #262b36; border-color: #c8cdd7; background: #e9edf4; }
.icon-button { border-radius: 9px; color: var(--text); }
.icon-button:hover { background: #ebedf1; }
.main { padding: clamp(43px, 5.4vw, 72px) clamp(22px,4vw,66px) 78px; max-width: 1100px; }
.page-footer { border-top: 1px solid var(--border); color: #92929b; font: 12px var(--font); padding: 19px clamp(22px,4vw,66px); }
.eyebrow { color: #73809a; font: 700 12px var(--font); letter-spacing: .015em; text-transform: none; }
.hero { border-bottom: 1px solid var(--border); padding-bottom: 32px; }
.hero-heading { gap: 18px; margin-top: 12px; }
.large-index { background: #e6edfb; color: #316ac0; border-radius: 9px; font: 750 13px var(--font); padding: 6px 12px; margin-top: 10px; }
.hero h1 { font: 780 clamp(36px, 4.6vw, 55px)/1.12 var(--font); letter-spacing: -.05em; }
.summary { color: #696a75; font-size: 15px; line-height: 1.75; margin-top: 19px; }
.hero-meta { gap: 8px; margin-top: 22px; }
.tag { background: #eaeaf0; border: 0; color: #656571; padding: 6px 11px; border-radius: 9px; font: 650 12px var(--font); letter-spacing: 0; text-transform: none; }
.tag.emphasis { color: #2e67bd; background: #e2ecfe; border: 0; }
.tag-dot { color: #b0b0b9; }
.section { margin-top: 36px; }
.section-heading { margin-bottom: 12px; }
.section-heading h2 { font: 750 16px var(--font); letter-spacing: -.02em; text-transform: none; }
.section-counter { color: #9494a0; font: 12px var(--font); }
.instruction { border: 1px solid var(--border); border-left: 4px solid #a5bde4; background: white; border-radius: 13px; padding: 20px 23px; color: #50515b; line-height: 1.85; box-shadow: 0 2px 9px #20204008; }
.method { font-size: 13px; color: #7a7a87; }
.artifact-list { gap: 10px; }
.artifact { border: 1px solid var(--border); background: white; border-radius: 13px; padding: 16px 19px; box-shadow: 0 2px 12px #20204006; }
.file-emblem { width: 44px; height: 48px; flex: none; border-radius: 10px; background: #edf1fc; border: none; color: #467ac4; font: 700 11px var(--font); }
.artifact-name { font: 700 13px var(--mono); color: #333743; }
.artifact-details { color: #777885; font-size: 12px; }
.artifact-sha { color: #a0a0aa; }
.artifact-actions { gap: 7px; }
.file-action { background: #f1f2f6; border: 1px solid #e3e5eb; border-radius: 9px; font: 700 12px var(--font); color: #484c57; padding: 8px 12px; }
.file-action:hover { background: #e9eef8; border-color: #bfcce3; }
.file-action.primary { background: #e6effe; border-color: #d9e6fa; color: #306bc0; }
.empty-artifacts { background: #fff; border: 1px dashed #d5d5dc; border-radius: 12px; color: var(--muted); font: 13px var(--font); }
.verify { border-radius: 15px; background: #fff; border: 1px solid var(--border); box-shadow: 0 2px 12px #20204006; padding: 23px 25px; }
.verify>p { color: #70717b; font-size: 13px; }
.answer-input { border: 1px solid #d7dae2; background: #fff; border-radius: 10px; padding: 12px 15px; color: #30333b; font: 13px var(--mono); }
.answer-input::placeholder { color: #a5a5af; }
.answer-input:focus { border-color: #83b5f3; outline: 3px solid #e3efff; }
.solid-button { padding: 11px 19px; background: #3478d4; border: 1px solid #3478d4; color: white; border-radius: 10px; font: 750 13px var(--font); }
.solid-button:hover { background: #2463b9; }
.verify-feedback { font: 12px var(--font); color: var(--red); }
.verify-feedback.success { color: var(--positive); }
.confirmed { border: 1px solid #cce5d4; border-radius: 13px; background: #f0faf3; padding: 19px 21px; }
.confirmed strong { color: #24714d; font: 750 13px var(--font); letter-spacing: 0; }
.confirmed p { color: #5e836f; font-size: 12px; }
.confirmed button { background: #fff; border-radius: 9px; color: #257551; border: 1px solid #bfdaca; font: 700 12px var(--font); }
.confirmed button:hover { background: #e5f6ea; }
.hint-panel { background: white; border: 1px solid var(--border); border-radius: 13px; padding: 16px 20px; }
.hint-head span { font: 12px var(--font); color: var(--dim, #8c8c96); }
.hint-text { border-top: 1px solid var(--border); font: 13px/1.75 var(--font); color: #666672; }
.hint-text b { color: #386ab1; }
.tools { border-top: 1px solid var(--border); margin-top: 43px; padding-top: 25px; }
.tools summary { font: 700 13px var(--font); color: #666774; }
.tools select, .tools input, .tools textarea { background: #fff; color: #343944; border: 1px solid #dadddf; border-radius: 10px; font: 13px var(--mono); }
.tools-grid label { font: 700 12px var(--font); color: #767682; }
.tools-help { color: #8d8d98; }
.tools-error { color: #bb3333; }
.complete-panel { border-radius: 18px; border: 1px solid #d3e3fd; background: linear-gradient(135deg,#eff5ff,#fff); padding: 32px; }
.complete-panel .large-number { color: #4583cd; }
.complete-panel h2 { font-weight: 750; }
.complete-panel p { color: #707580; }
.final-meta { border-top: 1px solid #d7e4f7; font: 12px var(--font); color: #777884; }
.final-meta strong { color: #343743; }
.file-dialog { border: 1px solid #dedfe4; border-radius: 18px; background: white; color: #2e3039; box-shadow: 0 30px 85px #181a2f33; }
.file-dialog::backdrop { background: #35364a55; backdrop-filter: blur(3px); }
.dialog-header { background: #fafafb; border-bottom: 1px solid var(--border); }
.dialog-header h2 { font: 700 16px var(--mono); color: #383b45; }
.dialog-meta { color: #9696a1; }
.dialog-close { color: #666674; }
.dialog-close:hover { color: #21212c; }
.dialog-body { scrollbar-color: #d2d4dc transparent; }
.file-content { background: #f8f9fc; color: #3b4352; border: 1px solid var(--border); border-radius: 10px; }
.binary-note { color: #858590; }
.dialog-media { border: 1px solid var(--border); border-radius: 8px; }
.dialog-footer { background: #fbfbfc; border-top: 1px solid var(--border); }
.toast { background: #fff; border: 1px solid #d6d9e0; border-radius: 12px; box-shadow: 0 8px 25px #25263a21; color: #343743; font: 13px var(--font); }
.loading { font: 13px var(--font); color: #767681; }
.loading-orbit { border-color: #d9e3f1; border-top-color: var(--accent); }
@media(max-width:1100px) { .main { padding-left: 31px; padding-right: 31px; } }
@media(max-width:820px) {
  .sidebar { box-shadow: 9px 0 50px #23233a18; }
  .topbar { padding: 10px 21px; }
  .main { padding: 45px 21px 65px; }
  .page-footer { padding: 18px 21px; }
}
@media(max-width:600px) {
  .main { padding-top: 33px; }
  .hero h1 { font-size: 36px; }
  .hero-heading { gap: 11px; }
  .large-index { padding: 5px 8px; }
  .topbar .subtle-button { font-size: 11px; }
  .topbar-left { width: auto; }
  .topbar-right { justify-content: flex-end; }
  .section { margin-top: 30px; }
  .verify { padding: 18px; }
  .confirmed { flex-direction: column; align-items: stretch; }
  .artifact-actions { justify-content: flex-start; }
}