:root{--ink:#17211e;--muted:#65716d;--paper:#f0eee7;--sheet:#faf9f5;--line:#d3d0c6;--green:#1d5448;--green2:#2d7361;--red:#a24f3d;--amber:#c99345;--blue:#557987;--shadow:0 15px 45px rgba(24,32,29,.12);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(29,84,72,.035) 25%,transparent 25%) 0 0/28px 28px,var(--paper)}button,input,textarea,select{font:inherit;color:inherit}button,.import-label{min-height:44px}button{cursor:pointer}.skip{position:fixed;z-index:100;left:12px;top:12px;background:#fff;padding:12px;transform:translateY(calc(-100% - 24px));transition:none}.skip:focus,.skip:focus-visible{transform:none}.topbar{height:72px;background:var(--ink);color:#f9f5e9;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20;border-bottom:1px solid #31413b}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;text-align:left}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a8bcb4;color:#d8b16f;font-family:Georgia,serif}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#99aba5;margin-top:2px}.brand b{font-family:Georgia,serif;letter-spacing:.12em}.statusline{font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#a8bcb4;display:flex;gap:8px;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:#d1aa63;box-shadow:0 0 0 4px rgba(209,170,99,.12)}.icon-button,.rail-button{border:1px solid #42514c;background:transparent;color:#d5dedb;border-radius:2px;padding:8px 14px}.shell{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:calc(100vh - 72px)}.rail{background:#1d2925;padding:22px 10px;display:flex;flex-direction:column;gap:8px;position:sticky;top:72px;height:calc(100vh - 72px);z-index:10}.rail-button{border:0;min-height:62px;font-size:11px;padding:9px 4px;display:grid;gap:5px;color:#92a29d}.rail-button span{font:9px ui-monospace,monospace;color:#d1aa63}.rail-button.active,.rail-button:hover{background:#31403b;color:#fff}.page{padding:42px clamp(24px,4vw,66px) 80px;max-width:1540px;margin:auto}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:.18em;color:var(--green2);font-weight:800}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:50px;border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:28px}.hero h1,.case-title h1,.release-title h1{font:clamp(42px,6vw,78px)/.95 Georgia,serif;font-weight:400;margin:14px 0 18px;letter-spacing:-.035em}.hero p,.case-title p,.release-title p{font:17px/1.6 Georgia,serif;color:#52605c;max-width:760px}.hero-note{align-self:end;border-left:3px solid var(--amber);padding:4px 0 4px 22px}.hero-note strong{font:22px Georgia,serif}.hero-note p{font:13px/1.5 ui-sans-serif,sans-serif;margin:8px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin:26px 0 17px}.section-head h2{font:30px Georgia,serif;margin:4px 0}.section-head p{max-width:520px;color:var(--muted);font-size:13px}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.case-card{position:relative;min-height:300px;border:1px solid var(--line);background:rgba(250,249,245,.92);padding:19px;display:flex;flex-direction:column;transition:.2s;overflow:hidden}.case-card:before{content:"";position:absolute;right:-26px;top:-26px;width:85px;height:85px;border:1px solid #e0ddd3;border-radius:50%}.case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a9b6b1}.case-card .year{font:40px Georgia,serif;color:var(--green);margin:22px 0 2px}.case-card h3{font:21px/1.15 Georgia,serif;margin:0 0 10px}.case-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.card-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.record-count{font:10px ui-monospace,monospace;letter-spacing:.08em}.state-dots{display:flex;gap:5px}.state-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#ccc8bd}.state-dots i.on{background:var(--green2)}.open-case{position:absolute;inset:0;border:0;background:transparent;font-size:0}.reopened-ribbon{position:absolute;top:10px;right:-31px;transform:rotate(38deg);background:var(--red);color:white;font:8px ui-monospace,monospace;letter-spacing:.1em;padding:5px 33px}.desk-panel{position:fixed;right:0;top:72px;width:min(430px,100vw);height:calc(100vh - 72px);background:#f8f6ef;z-index:30;border-left:1px solid var(--line);box-shadow:-20px 0 50px rgba(12,20,17,.2);padding:24px;transform:translateX(105%);transition:.25s;overflow:auto}.desk-panel.open{transform:none}.desk-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.desk-head h2{font:26px Georgia,serif;margin:4px 0}.close-button,.dialog-close{border:0;background:transparent;font-size:28px}.desk-case{padding:15px 0;border-bottom:1px solid var(--line)}.desk-case b{display:block}.desk-case small{color:var(--muted)}.desk-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:20px}.desk-actions button,.import-label{border:1px solid var(--line);padding:10px 14px;background:#fff;display:grid;place-items:center}.import-label input{display:none}.danger{color:#8e382b!important;border-color:#cfa89f!important}.case-header,.release-header{background:#e9e6dc;border-bottom:1px solid var(--line);padding:36px clamp(24px,4vw,66px) 30px}.back-link{border:0;background:none;color:var(--green);padding:0 0 20px;font-weight:700}.case-title,.release-title{max-width:1400px;margin:auto}.case-title h1,.release-title h1{font-size:clamp(38px,5vw,68px);margin:9px 0 12px}.meta-row{display:flex;gap:9px;flex-wrap:wrap}.chip{border:1px solid #aeb6b1;border-radius:99px;padding:6px 10px;font:9px ui-monospace,monospace;letter-spacing:.1em;background:rgba(255,255,255,.4)}.case-layout{max-width:1400px;margin:auto;padding:28px clamp(20px,4vw,66px) 80px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);gap:24px}.panel{background:var(--sheet);border:1px solid var(--line);box-shadow:0 4px 15px rgba(30,37,34,.04);padding:22px}.panel h2,.panel h3{font-family:Georgia,serif}.panel h2{font-size:27px;margin:3px 0 6px}.panel h3{font-size:19px;margin:4px 0}.question{border-left:3px solid var(--amber);padding:12px 16px;background:#f2ede2;font:17px/1.45 Georgia,serif;margin:18px 0}.records{display:grid;gap:9px}.record{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;padding:11px;min-height:74px}.record-icon{width:38px;height:38px;display:grid;place-items:center;background:#e7eee9;color:var(--green);font:10px ui-monospace,monospace;font-weight:800}.record h3{font:15px/1.25 ui-sans-serif,sans-serif;margin:0 0 5px}.record p{font:10px ui-monospace,monospace;color:var(--muted);margin:0}.record-actions{display:flex;gap:5px}.record-actions button,.small-button{border:1px solid var(--line);background:#f8f7f2;padding:8px;font-size:11px;min-height:38px}.record-actions button[aria-pressed=true]{background:var(--green);color:#fff}.viewed{border-left:3px solid var(--green2)}.compare-slots{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.slot{min-height:78px;border:1px dashed #9fa7a2;padding:12px;background:#f4f2eb}.slot small{display:block;font:9px ui-monospace,monospace;color:var(--muted);margin-bottom:6px}.compare-note,.notebook textarea,.notebook input,.notebook select,.release-form textarea{width:100%;border:1px solid #c9c5bb;background:#fff;padding:11px;min-height:44px}.compare-note{min-height:82px;resize:vertical}.primary{border:0;background:var(--green);color:white;padding:11px 16px;font-weight:700}.primary:hover{background:#123f36}.comparison-history{margin-top:15px}.comparison-entry{font-size:12px;padding:10px;border-left:2px solid var(--blue);background:#eef1ef;margin-top:7px}.notebook{display:grid;gap:12px}.notebook label,.release-form label{display:grid;gap:6px;font-size:11px;font-weight:800;letter-spacing:.04em}.notebook textarea,.release-form textarea{min-height:74px;resize:vertical;font-weight:400;letter-spacing:0}.saved-conclusion{border:1px solid #aabdb5;background:#edf3ef;padding:18px}.saved-conclusion h3{margin-top:0}.saved-conclusion dl{font-size:12px}.saved-conclusion dt{font-weight:800;margin-top:10px;color:var(--green)}.saved-conclusion dd{margin:3px 0;line-height:1.45}.history-list{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.history-item{font-size:11px;padding:8px 0;border-bottom:1px dotted var(--line)}dialog{width:min(800px,calc(100vw - 30px));max-height:90vh;border:1px solid var(--line);background:#faf9f5;padding:0;box-shadow:var(--shadow);overflow:auto}dialog::backdrop{background:rgba(15,24,21,.7)}.dialog-close{position:sticky;float:right;top:9px;right:12px;z-index:2}.record-detail{padding:32px}.record-detail .media{margin:20px 0;background:#101715;min-height:230px;display:grid;place-items:center}.record-detail img,.record-detail video{width:100%;max-height:440px;object-fit:contain}.record-detail .sourcebox{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}.toast{position:fixed;z-index:80;bottom:24px;left:50%;transform:translate(-50%,30px);background:#17211e;color:white;padding:12px 18px;opacity:0;pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.confirm{padding:32px}.confirm div{display:flex;justify-content:flex-end;gap:8px}.confirm button{padding:10px;border:1px solid var(--line);background:#fff}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.method-card{border:1px solid var(--line);background:#faf9f5;padding:24px}.method-card .number{font:36px Georgia,serif;color:#9b7041}.method-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.method-links button{border:1px solid #a2b3ac;color:var(--green);background:#edf3ef;padding:8px 10px;font-size:11px}.weather-table{width:100%;border-collapse:collapse;font-size:11px;margin:12px 0}.weather-table th,.weather-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.weather-table button{min-height:36px;border:1px solid var(--line);background:white}.weather-table tr.selected{background:#e7eee9}.finding{padding:12px;background:#f3eee2;border-left:3px solid var(--amber);font-size:12px;line-height:1.5}.claim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.claim{border:1px solid var(--line);padding:10px;font-size:11px;background:#fff}.claim b{display:block;color:var(--green);margin-bottom:4px}.release-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0}.release-meta div{background:#faf9f5;padding:12px;min-width:0}.release-meta small{font:9px ui-monospace,monospace;color:var(--muted);display:block}.release-meta b{font-size:12px;overflow-wrap:anywhere}.dual-player{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dual-player video{width:100%;background:#111;aspect-ratio:16/9}.sync-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:#e9e6dc}.sync-controls input{flex:1}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.version-grid div{border:1px solid var(--line);padding:11px;font-size:11px}.release-form{display:grid;gap:14px}.relation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.relation-options label{border:1px solid var(--line);padding:12px;background:#fff;display:block;font-size:11px}.relation-options input{margin-right:6px}.consequence{font-size:11px;color:var(--muted);display:block;margin-top:6px;line-height:1.4}.release-result{border:1px solid #91aa9f;background:#eaf1ed;padding:22px}.timeline{border-left:2px solid var(--line);margin:16px 0 0 6px;padding-left:18px}.timeline div{position:relative;margin:0 0 14px;font-size:12px}.timeline div:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);left:-23px;top:4px}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.muted{color:var(--muted)}
@media(max-width:1100px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-layout{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-note{max-width:560px}.claim-grid{grid-template-columns:1fr}.release-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{height:62px;padding:0 12px}.brand small{display:none}.statusline{display:none}.shell{display:block}.rail{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:66px;flex-direction:row;padding:5px 8px;z-index:25;border-top:1px solid #42514c}.rail-button{flex:1;min-height:54px}.page{padding:28px 15px 88px}.hero{gap:14px;padding-bottom:20px}.hero h1{font-size:46px}.hero p{font-size:15px}.case-grid{grid-template-columns:1fr}.case-card{min-height:245px}.case-card .year{margin-top:10px}.case-header,.release-header{padding:24px 15px 18px}.case-title h1,.release-title h1{font-size:40px}.case-title p,.release-title p{font-size:14px}.case-layout{padding:16px 10px 86px;gap:12px}.panel{padding:15px}.record{grid-template-columns:36px minmax(0,1fr);padding:9px}.record-actions{grid-column:2;justify-content:flex-start}.compare-slots{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.desk-panel{top:62px;height:calc(100vh - 62px);padding:18px}.dual-player,.version-grid{grid-template-columns:1fr}.relation-options{grid-template-columns:1fr}.release-meta{grid-template-columns:1fr}.record-detail{padding:22px 15px}.record-detail .media{min-height:170px}.release-title .meta-row{gap:5px}.chip{padding:5px 7px}.weather-table{font-size:10px}.weather-table th,.weather-table td{padding:6px 3px}.section-head{align-items:start;gap:10px}.section-head p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}