@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: oklch(.16 .015 270);--bg-2: oklch(.21 .02 270);--bg-3: oklch(.26 .025 270);--line: oklch(.32 .02 270);--line-2: oklch(.42 .03 270);--fg: oklch(.97 .005 90);--fg-2: oklch(.78 .01 270);--fg-3: oklch(.55 .015 270);--accent: oklch(.72 .24 4);--accent-2: oklch(.85 .16 200);--accent-3: oklch(.88 .18 95);--good: oklch(.78 .18 150)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Space Grotesk,system-ui,sans-serif;font-feature-settings:"ss01";-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,monospace}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;border-radius:6px;background:var(--accent);position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--bg)}.brand-mark:before{left:6px;top:6px;width:8px;height:20px}.brand-mark:after{left:18px;top:6px;width:8px;height:20px}.nav-links{display:flex;gap:4px}.nav-btn{padding:9px 16px;border-radius:999px;color:var(--fg-2);font-weight:500;font-size:14px;transition:all .15s}.nav-btn:hover{color:var(--fg);background:var(--bg-2)}.nav-btn.active{color:var(--bg);background:var(--fg)}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-2)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 currentColor;animation:pulse 1.6s ease-out infinite;color:var(--good)}@keyframes pulse{0%{box-shadow:0 0 #4cd67699}to{box-shadow:0 0 0 10px #4cd67600}}.header-strip{padding:14px 32px 10px;display:flex;justify-content:space-between;align-items:center;gap:24px}.h-title{font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0}.h-title em{font-style:normal;color:var(--accent)}.h-sub{color:var(--fg-3);margin:2px 0 0;max-width:540px;font-size:12px;line-height:1.4}.stats{display:flex;gap:20px;font-family:JetBrains Mono,monospace}.stat-num{font-size:18px;font-weight:700;color:var(--fg);line-height:1}.stat-lbl{font-size:9px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.billboard-wrap{padding:4px 32px 24px}.billboard{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,minmax(80px,1fr));gap:10px;height:calc(100vh - 150px);min-height:620px;max-height:900px}.slot{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;isolation:isolate}.slot:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 12px 36px -8px #0009}.slot.taken:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 40px -6px #ff6a9759;box-shadow:0 0 0 1px var(--accent),0 12px 40px -6px oklch(.72 .24 4 / .35)}.slot.empty:hover{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 12px 40px -6px #01e9f34d;box-shadow:0 0 0 1px var(--accent-2),0 12px 40px -6px oklch(.85 .16 200 / .3)}.slot-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slot-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;background:linear-gradient(180deg,#0000 50%,#000000b3);pointer-events:none}.slot-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 8px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.04em;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--fg);border:1px solid oklch(1 0 0 / .1)}.slot-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2)}.slot-tag.live .dot{background:var(--good);animation:pulse 1.6s ease-out infinite;color:var(--good)}.slot-foot{display:flex;justify-content:space-between;align-items:end;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg)}.slot-foot .advertiser{font-weight:500}.slot-foot .timer{color:var(--accent-3)}.slot.empty{background:repeating-linear-gradient(45deg,transparent 0 14px,oklch(1 0 0 / .025) 14px 15px),var(--bg-2);border:1.5px dashed var(--line-2)}.slot.empty .empty-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--fg-2);text-align:center;padding:12px}.slot.empty .empty-plus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg-3);border:1px solid var(--line-2);font-size:20px;font-weight:300;transition:all .18s}.slot.empty:hover .empty-plus{background:var(--accent-2);color:var(--bg);border-color:var(--accent-2);transform:scale(1.08)}.slot.empty .empty-label{font-size:12px;font-weight:500}.slot.empty .empty-price{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fg-3)}.size-corner{position:absolute;top:10px;right:10px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--fg-3);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 7px;border-radius:4px;pointer-events:none}.slot.expiring .slot-tag.live .dot{background:var(--accent-3);color:var(--accent-3)}.modal-back{position:fixed;inset:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border:1px solid var(--line);border-radius:16px;width:100%;max-width:880px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;animation:slideup .25s cubic-bezier(.2,.8,.2,1)}@keyframes slideup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line)}.modal-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.modal-sub{color:var(--fg-3);font-size:12px;font-family:JetBrains Mono,monospace;margin-top:2px}.x-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--fg-2);transition:all .15s}.x-btn:hover{background:var(--bg-2);color:var(--fg)}.modal-body{padding:24px 28px;overflow:auto}.modal-foot{padding:18px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:#ff90ad;background:oklch(.78 .24 4);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--fg)}.btn-secondary{background:var(--bg-2);color:var(--fg);border:1px solid var(--line)}.btn-secondary:hover{background:var(--bg-3);border-color:var(--line-2)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tier{position:relative;padding:20px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:all .15s;background:var(--bg-2)}.tier:hover{border-color:var(--line-2)}.tier.selected{border-color:var(--accent);background:#ff6a9714;background:oklch(.72 .24 4 / .08)}.tier-days{font-size:28px;font-weight:700;letter-spacing:-.02em}.tier-label{font-size:13px;color:var(--fg-2);margin-top:2px}.tier-price{font-family:JetBrains Mono,monospace;font-size:16px;margin-top:14px;font-weight:700}.tier-per{font-size:11px;color:var(--fg-3)}.tier-badge{position:absolute;top:-9px;right:14px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;padding:3px 8px;border-radius:4px;background:var(--accent-2);color:var(--bg);font-weight:700}.tier-badge.value{background:var(--accent-3)}.slot-preview{aspect-ratio:16 / 9;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;position:relative;display:grid;place-items:center;color:var(--fg-3)}.slot-preview img{width:100%;height:100%;object-fit:cover}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--fg-2);font-weight:500}.field input,.field textarea,.field select{background:var(--bg-2);border:1px solid var(--line);color:var(--fg);padding:11px 14px;border-radius:8px;font-size:14px;outline:none;transition:border .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dropzone{border:1.5px dashed var(--line-2);border-radius:12px;padding:36px;text-align:center;background:var(--bg-2);transition:all .15s;cursor:pointer}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#ff6a970d;background:oklch(.72 .24 4 / .05)}.dropzone-icon{font-size:32px;margin-bottom:8px}.dropzone-text{font-weight:600}.dropzone-sub{color:var(--fg-3);font-size:12px;margin-top:4px;font-family:JetBrains Mono,monospace}.media-pills{display:flex;gap:6px;justify-content:center;margin-top:12px}.media-pill{font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 8px;border-radius:4px;background:var(--bg-3);color:var(--fg-2);border:1px solid var(--line)}.upload-preview{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--bg-3)}.upload-preview img,.upload-preview video{width:100%;height:100%;object-fit:contain}.upload-preview .replace{position:absolute;bottom:10px;right:10px;background:#000000bf;color:var(--fg);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}@media(max-width:720px){.checkout{grid-template-columns:1fr}}.summary{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px}.sum-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}.sum-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:700;font-size:16px}.sum-row .mono{font-family:JetBrains Mono,monospace}.card-input{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:16px}.confirm-card{text-align:center;padding:32px 24px 16px}.confirm-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;background:#4cd67626;border:1.5px solid var(--good);display:grid;place-items:center;color:var(--good);font-size:32px}.confirm-h{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.confirm-sub{color:var(--fg-2);margin:6px 0 0}.countdown{display:flex;justify-content:center;gap:18px;margin:24px 0}.cd-cell{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:14px 18px;min-width:76px;font-family:JetBrains Mono,monospace}.cd-num{font-size:28px;font-weight:700;letter-spacing:-.04em}.cd-lbl{font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.page{padding:32px;max-width:1280px;margin:0 auto}.page-h{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:24px}.page-h h1{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0}.page-h p{color:var(--fg-2);margin:4px 0 0;font-size:14px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px}.kpi-lbl{font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}.kpi-val{font-size:26px;font-weight:700;margin-top:4px;font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.kpi-trend{font-size:12px;color:var(--good);margin-top:4px;font-family:JetBrains Mono,monospace}.table{width:100%;border-collapse:collapse;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.table th,.table td{padding:14px 18px;text-align:left;font-size:14px}.table th{background:var(--bg-3);font-weight:500;color:var(--fg-2);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.table tr{border-top:1px solid var(--line)}.table tr:first-child{border-top:none}.table .mono{font-family:JetBrains Mono,monospace;font-size:13px}.table .badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;background:var(--bg-3);border:1px solid var(--line)}.badge.live{color:var(--good);border-color:#4cd67666}.badge.live .dot{width:6px;height:6px;border-radius:50%;background:var(--good)}.badge.empty{color:var(--fg-3)}.badge.expiring{color:var(--accent-3);border-color:#fdd50666}.thumb{width:56px;height:32px;border-radius:4px;object-fit:cover;background:var(--bg-3)}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.85}}.slot.taken[data-type=gif] .slot-media,.slot.taken[data-type=video] .slot-media{animation:shimmer 2.4s ease-in-out infinite}.ff-indicator{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg);padding:6px 14px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;z-index:60;display:flex;align-items:center;gap:8px}@media(max-width:760px){.billboard{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(9,60px)}.header-strip{flex-direction:column;align-items:flex-start}.stats{gap:18px}.kpi-row{grid-template-columns:repeat(2,1fr)}.checkout,.tiers{grid-template-columns:1fr}}