:root{--bg:#0a0a0a;--panel:#111;--panel2:#151515;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.13);--text:#f0f0f0;--muted:#a0a0a0;--quiet:#626262;--accent:#c0392b;--accent-soft:rgba(192,57,43,.14);--green:#67b58a;--amber:#d4a64d;--serif:'Cormorant Garamond',serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 var(--mono)}button,a,input{font:inherit}.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}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:96px;padding:18px clamp(22px,5vw,64px);background:rgba(10,10,10,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{flex:0 0 auto;color:var(--text);font:500 23px/1.05 var(--serif);letter-spacing:4px;text-decoration:none}.brand .dot{color:var(--accent)}.brand small{display:block;margin-top:9px;color:var(--quiet);font:400 9px/1 var(--mono);letter-spacing:3px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;width:min(100%,670px)}.catalog-stamp{flex:0 0 auto;color:var(--quiet);font-size:10px;letter-spacing:1px;text-transform:uppercase}
.search{display:flex;align-items:center;gap:10px;width:min(100%,430px);height:42px;padding:0 12px;border:1px solid var(--line2);border-radius:22px;background:var(--panel);transition:border-color .15s ease,box-shadow .15s ease}.search:focus-within{border-color:rgba(192,57,43,.75);box-shadow:0 0 0 3px var(--accent-soft)}.search svg{width:17px;fill:none;stroke:var(--muted);stroke-linecap:round;stroke-width:1.8}.search input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--text);font-size:12px}.search input::placeholder{color:var(--quiet)}.search kbd{padding:1px 6px;border:1px solid var(--line2);border-radius:4px;color:var(--quiet);font:10px var(--mono)}
.menu-button{display:none;width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;background:none;color:var(--text);cursor:pointer}.shell{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1280px;margin:auto}.sidebar{position:sticky;top:96px;align-self:start;height:calc(100vh - 96px);overflow:auto;padding:34px 24px;border-right:1px solid var(--line)}.nav-group{margin-bottom:28px}.nav-label{margin:0 0 10px 10px;color:var(--accent);font-size:10px;letter-spacing:2px;text-transform:uppercase}.nav-link{display:block;width:100%;padding:9px 11px;border:0;border-left:2px solid transparent;border-radius:0 4px 4px 0;background:none;color:var(--muted);text-align:left;cursor:pointer}.nav-link:hover{background:var(--panel);color:var(--text)}.nav-link.active{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sidebar-note{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--quiet);font-size:10px;line-height:1.7}
main{width:100%;max-width:940px;padding:56px clamp(28px,6vw,72px) 120px}.view{display:none}.view.active{display:block;animation:enter .22s ease}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.eyebrow{margin-bottom:10px;color:var(--quiet);font-size:10px;letter-spacing:2px;text-transform:uppercase}h1{margin:0;color:var(--text);font:500 clamp(38px,6vw,58px)/1.05 var(--serif);letter-spacing:.3px}.lead{max-width:720px;margin:14px 0 38px;color:var(--muted);font:italic 20px/1.5 var(--serif)}h2{margin:42px 0 14px;padding-top:12px;border-top:1px solid var(--line);font:600 28px/1.2 var(--serif)}.section-copy{max-width:700px;color:var(--muted)}
.notice{display:flex;gap:14px;margin-bottom:30px;padding:15px 17px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:5px;background:var(--panel)}.notice strong{display:block;margin-bottom:2px;color:var(--text);font-weight:500}.notice p{margin:0;color:var(--muted);font-size:12px}.status-dot{flex:0 0 8px;width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(103,181,138,.6)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 38px}.card{min-height:150px;padding:18px;border:1px solid var(--line2);border-radius:6px;background:var(--panel)}.card-label{color:var(--quiet);font-size:9px;letter-spacing:1.7px;text-transform:uppercase}.metric{margin:16px 0 4px;font:500 32px/1 var(--serif)}.card p{margin:0;color:var(--muted);font-size:11px}.card .ok{color:var(--green)}
.table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--line);border-radius:6px}table{width:100%;min-width:670px;border-collapse:collapse;background:var(--panel)}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--quiet);font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}td{color:var(--muted);font-size:12px}td:first-child{color:var(--text)}tr:last-child td{border-bottom:0}code,.pill{font-family:var(--mono)}code{color:#d7d7d7}.pill{display:inline-flex;align-items:center;gap:7px;padding:3px 8px;border:1px solid var(--line2);border-radius:999px;color:var(--muted);font-size:9px;letter-spacing:.6px;text-transform:uppercase}.pill::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green)}.pill.review::before{background:var(--amber)}
.timeline{margin-top:20px;border-top:1px solid var(--line)}.event{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.event time{color:var(--quiet);font-size:10px}.event strong{display:block;font-weight:500}.event p{margin:3px 0 0;color:var(--muted);font-size:12px}.empty{margin-top:22px;padding:28px;border:1px dashed var(--line2);border-radius:6px;color:var(--muted);text-align:center}.empty strong{display:block;margin-bottom:6px;color:var(--text);font:500 22px var(--serif)}
.results{display:grid;gap:10px}.result-card{display:block;width:100%;padding:18px;border:1px solid var(--line2);border-radius:6px;background:var(--panel);color:var(--text);text-align:left;text-decoration:none}.results .result-card{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.results .result-card:hover,.results .result-card:focus-visible{border-color:rgba(192,57,43,.7);transform:translateY(-1px);outline:0}.result-category{display:block;margin-bottom:7px;color:var(--accent);font-size:9px;letter-spacing:1.6px;text-transform:uppercase}.result-card strong{display:block;font-weight:500}.result-meta{display:block;margin-top:3px;color:var(--quiet);font-size:10px}.result-card p{margin:8px 0 0;color:var(--muted);font-size:12px}footer{margin-top:60px;padding-top:18px;border-top:1px solid var(--line);color:var(--quiet);font-size:10px}
@media(max-width:980px){.catalog-stamp{display:none}.header-actions{width:min(100%,500px)}}
@media(max-width:820px){.topbar{min-height:82px;padding:12px 18px}.brand small{letter-spacing:2px}.menu-button{display:block;flex:0 0 auto}.shell{display:block}.sidebar{position:fixed;inset:82px auto 0 0;z-index:15;width:min(82vw,300px);height:auto;transform:translateX(-102%);background:var(--bg);transition:transform .2s ease}.sidebar.open{transform:none}main{padding:38px 22px 90px}.cards{grid-template-columns:1fr}.event{grid-template-columns:1fr}.header-actions{gap:8px}.brand{font-size:21px}.search{width:42px;flex:0 0 42px;padding:0 11px}.search:focus-within{position:absolute;left:14px;right:14px;width:auto;z-index:2;background:var(--panel2)}.search input,.search kbd{display:none}.search:focus-within input{display:block}.search:focus-within kbd{display:none}}
@media(max-width:460px){.brand{font-size:19px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}