@font-face{font-family:Inter;src:url('/assets/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#000;--text:#f5f5f5;--muted:#858585;--line:#262626;--accent:#fff;--serif:Inter,Arial,sans-serif;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{text-decoration:none}h1,h2,h3,p{margin:0}svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:5px}[hidden]{display:none!important}::selection{background:#555;color:white}.eyebrow{font-size:10px;letter-spacing:1px;color:#999}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #555;font-size:24px}
dialog{color:var(--text);background:#171a14;border:1px solid #3e4932;border-radius:8px;padding:0;width:min(1020px,calc(100% - 48px));max-height:90vh;overflow:auto;box-shadow:0 35px 180px #000b}dialog::backdrop{background:#080b08d9;backdrop-filter:blur(14px)}body:has(dialog[open]){overflow:hidden}.close-button{position:absolute;right:20px;top:20px;z-index:5;background:#10150c99;color:#e7eddf}.detail-player{position:relative;height:min(36vh,380px);overflow:hidden;background:#060806}.detail-player img{width:100%;height:100%;object-fit:cover}.player-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.player-toggle{border:1px solid #ffffff45;background:#141a0f50;backdrop-filter:blur(12px);color:white;border-radius:50%;width:65px;height:65px;display:flex;align-items:center;justify-content:center}.player-toggle svg{width:22px;height:22px;fill:currentColor;stroke:none}.detail-player.playing .player-center{opacity:0;transition:opacity .2s}.detail-player.playing:hover .player-center,.detail-player.playing:focus-within .player-center{opacity:1}.player-label{position:absolute;left:22px;top:22px;font-size:8px;letter-spacing:1.5px;color:#eef2e3c4}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#070b06b8);padding:28px 24px 15px;display:flex;align-items:center;gap:15px;font-size:9px;color:#d1d8c7}.player-controls input{width:100%;height:2px;accent-color:#d4dfbf;cursor:pointer}.player-controls span{white-space:nowrap}.detail-content{padding:30px 36px 36px}.detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-heading h2{font-family:var(--serif);font-weight:400;font-size:38px;letter-spacing:-.8px;margin:6px 0 10px}.detail-heading p{font-size:11px;color:#9eaa90}.light-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#d0dcbf;color:#1c2514;border:1px solid #d0dcbf;border-radius:4px;padding:11px 15px;font-size:11px;white-space:nowrap}.light-button:hover{background:#e2ebd7;color:#141b0e}.light-button svg{width:15px;height:15px}.detail-tabs{display:flex;gap:30px;border-bottom:1px solid #38422d;margin-top:28px}.detail-tabs button{font-size:11px;color:#9fac90;padding:14px 0}.detail-tabs button.active{color:#e2ebd8;border-bottom:2px solid #c7d6b2}.breakdown-content{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;margin-top:25px;min-height:140px}.breakdown-content h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 12px}.breakdown-content p{font-size:12px;line-height:1.9;color:#a6b29a}.breakdown-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.breakdown-facts dt{font-size:8px;letter-spacing:1.2px;color:#849475;text-transform:uppercase;margin-bottom:8px}.breakdown-facts dd{font-size:11px;color:#c4cfb8;margin:0;line-height:1.6}.preview-note{font-size:10px;line-height:1.8;color:#98a68a;padding:14px 16px;border:1px solid #35412a;background:#202919;border-radius:3px;margin-top:24px}#about-dialog{max-width:570px;padding:50px 45px}#about-dialog h2{font-family:var(--serif);font-weight:400;font-size:51px;line-height:1.1;letter-spacing:-1px;margin:23px 0}#about-dialog h2 em{color:var(--accent)}#about-dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#a5b097;margin-top:15px}#about-dialog .light-button{margin-top:24px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#d5dfc7;color:#17200f;padding:13px 20px;font-size:12px;border-radius:5px;box-shadow:0 10px 40px #0008;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}