:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f7f7f2;background:#111315;--muted:#989d9d;--line:#2b3031;--card:#191d1e;--accent:#d8f56a;--accent-dark:#27300d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#263322 0,transparent 30%),#111315}.app-shell{max-width:1240px;margin:auto;padding:42px 28px 64px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:38px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 13px}.hero h1{font-size:clamp(32px,5vw,64px);letter-spacing:-.055em;line-height:.98;margin:0;max-width:720px}.subtitle{color:var(--muted);font-size:16px;margin:18px 0 0}.toolbar{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}select,input{display:block;width:100%;margin-top:8px;background:#1b2021;color:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 13px;font:inherit;text-transform:none;letter-spacing:0}select:focus,input:focus{outline:2px solid var(--accent)}.field-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;color:var(--muted);font-size:12px}.field-options>span{font-weight:800;text-transform:uppercase;letter-spacing:.1em}.check-option{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;cursor:pointer}.check-option input{display:inline-block;width:auto;margin:0;accent-color:var(--accent)}.status{color:var(--muted);font-size:13px;padding:8px 0 18px}.workspace{display:grid;grid-template-columns:300px 1fr;gap:18px}.file-panel,.viewer{background:rgba(25,29,30,.88);border:1px solid var(--line);border-radius:18px}.file-panel{padding:18px;height:610px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-heading h2{font-size:14px;margin:0}.panel-heading span{font-size:12px;color:var(--accent);background:#252d17;padding:5px 8px;border-radius:99px}.file-list{height:calc(100% - 36px);overflow:auto;padding-right:3px}.file-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:10px;color:#d5d8d4;padding:12px;margin-bottom:4px;cursor:pointer}.file-item:hover,.file-item.active{background:#2b321c;color:var(--accent)}.file-item small{display:block;color:var(--muted);margin-top:4px}.empty{color:var(--muted);font-size:13px;line-height:1.5}.viewer{min-height:610px;padding:clamp(24px,5vw,60px);position:relative}.empty-viewer{display:grid;place-content:center;text-align:center}.welcome-icon{font-size:48px;color:var(--accent);margin-bottom:12px}.empty-viewer h2{margin:0 0 10px}.empty-viewer p{max-width:390px;color:var(--muted);margin:0 auto;line-height:1.6}.card-header{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.card-header h2{font-size:clamp(28px,4vw,46px);margin:0;letter-spacing:-.04em}.card-header p{color:var(--muted);margin:8px 0 0}.counter{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{border:1px solid var(--line);border-radius:13px;padding:18px;background:#151919}.field.wide{grid-column:1/-1}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:800;margin-bottom:10px}.field-value{font-size:clamp(18px,2.5vw,28px);line-height:1.3;white-space:pre-wrap}.association .field-value{font-size:16px;color:#d0d4cb}.card-image{max-width:100%;max-height:210px;object-fit:contain;border-radius:12px;margin:0 auto 24px;display:block}.navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.nav-button{background:#242a2a;color:#fff}.nav-button:disabled{opacity:.35;cursor:not-allowed}.nav-button.next{background:var(--accent);color:#121510}.auto-play-option{display:flex;align-items:center;gap:6px;color:var(--accent);text-transform:none;letter-spacing:0;cursor:pointer}.auto-play-option input{display:inline-block;width:auto;margin:0;accent-color:var(--accent)}.error{color:#ff9f9f;font-size:14px}@media(max-width:760px){.app-shell{padding:26px 16px 40px}.hero{display:block}.toolbar{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.file-panel{height:280px}.viewer{min-height:520px}.fields{grid-template-columns:1fr}.field.wide{grid-column:auto}.card-header{display:block}.counter{display:block;margin-top:12px}}
.audio-field{cursor:pointer;transition:border-color .15s ease,background .15s ease}.audio-field:hover,.audio-field:focus-visible{border-color:var(--accent);background:#1b2118;outline:none}.audio-field:active{transform:translateY(1px)}
.nav-button.review{background:#8d3d23;color:#fff}.nav-button.review:hover{background:#ac4c2b}