:root{--accent:#fb7185;--accent2:#facc15;--bg:#090a10;--panel:#12141d;--panel2:#181b27;--text:#fffaf4;--muted:#9da3b4;--line:#2a2e3b;--danger:#fb7185;--ok:#4ade80;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(180deg,#080910,#0d0f17 65%,#080910);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh;overflow-x:hidden}
body.light{--bg:#f7f7fb;--panel:#fff;--panel2:#f1f3f8;--text:#171923;--muted:#596174;--line:#d7dbe5;background:linear-gradient(180deg,#fff,#f1f3f8)}
::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:#090a10}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent2));border-radius:999px;border:3px solid #090a10}*{scrollbar-width:thin;scrollbar-color:var(--accent) #090a10}
button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.ticker{position:sticky;top:0;z-index:50;overflow:hidden;background:#06070b;border-bottom:1px solid var(--line);white-space:nowrap}.ticker-track{display:inline-flex;gap:32px;padding:10px 0;animation:marquee 25s linear infinite;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ticker-track span:nth-child(3n+1){color:var(--accent)}.ticker-track span:nth-child(3n+2){color:var(--accent2)}.ticker-track span:nth-child(3n){color:#fff6}@keyframes marquee{to{transform:translateX(-50%)}}
.shell{width:min(1500px,calc(100% - 28px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px}.brand{display:flex;align-items:center;gap:13px}.logo{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:14px;background:#05060a;color:var(--accent2);font-weight:1000;box-shadow:5px 5px 0 var(--accent)}.brand h1{font-size:clamp(1rem,2vw,1.45rem);margin:0}.brand small{color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);padding:11px 15px;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #0004;transition:.18s transform,.18s border-color}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn.primary{background:var(--accent);color:#080910;border-color:#000;font-weight:1000}.btn.secondary{background:var(--accent2);color:#080910}.btn.danger{background:var(--danger);color:#13070b}.btn.small{padding:7px 10px;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel));padding:clamp(24px,5vw,65px);min-height:360px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero>*{position:relative}.eyebrow{display:inline-flex;border:1px solid var(--accent);border-radius:999px;padding:7px 13px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.hero h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(3rem,8vw,7.5rem);line-height:.82;letter-spacing:.015em;margin:20px 0;text-transform:uppercase}.hero h2 em{color:var(--accent);font-style:normal}.hero p{color:var(--muted);line-height:1.75;max-width:760px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px;border:1px solid var(--line);background:#05060acc;border-radius:18px}.stat b{display:block;color:var(--accent2);font-size:1.45rem}.stat span{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.navtabs{position:sticky;top:42px;z-index:40;margin:18px 0;display:flex;gap:8px;overflow:auto;padding:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(16px);border-radius:16px}.navtabs a{color:var(--muted);text-decoration:none;padding:9px 13px;border-radius:10px;white-space:nowrap}.navtabs a:hover{background:var(--panel2);color:var(--text)}
.section{padding:34px 0;scroll-margin-top:112px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head h3{font-size:clamp(1.5rem,4vw,3rem);margin:0}.section-head p{color:var(--muted);max-width:620px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px;box-shadow:0 10px 34px #0002;min-width:0}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card.half{grid-column:span 6}.card h4{font-size:1.15rem;margin:0 0 14px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:12px}.field{display:grid;gap:7px}.field label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.input,select,textarea{width:100%;background:#07080e;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}.light .input,.light select,.light textarea{background:#fff}.input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}textarea{min-height:120px;resize:vertical}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);font-size:.75rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 14px var(--ok)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--accent2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;background:var(--panel)}tr:hover td{background:#fff04}.metric{font-size:2rem;font-weight:1000;color:var(--accent2)}.progress{height:10px;background:#05060a;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));width:50%;transition:width .3s}.canvas-wrap{border:1px solid var(--line);background:#05060a;border-radius:16px;overflow:hidden;position:relative}canvas{display:block;max-width:100%;touch-action:none}.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--panel2)}.list-item .meta{min-width:0}.list-item .meta b,.list-item .meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .meta span{color:var(--muted);font-size:.8rem}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}
footer{margin-top:50px;border-top:1px solid var(--line);padding:32px 0 50px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.toast-wrap{position:fixed;right:16px;bottom:16px;z-index:100;display:grid;gap:9px}.toast{background:#090a10;border:1px solid var(--accent);color:#fff;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);animation:toastIn .22s ease}@keyframes toastIn{from{transform:translateY(15px);opacity:0}}
dialog{border:0;padding:0;background:transparent;color:var(--text);max-width:min(520px,calc(100% - 28px));width:100%}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-card{background:var(--panel);border:1px solid var(--accent);border-radius:22px;padding:24px;box-shadow:0 0 0 5px #0006,0 25px 90px #000}.dialog-card h3{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.install-fab{position:fixed;right:18px;bottom:18px;z-index:49;display:none}.install-fab.show{display:block}
@media(max-width:900px){.hero{grid-template-columns:1fr}.card,.card.wide,.card.half{grid-column:1/-1}.hero-stats{grid-template-columns:repeat(4,1fr)}.topbar{align-items:flex-start}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.shell{width:min(100% - 16px,1500px)}.topbar{flex-direction:column}.actions{width:100%;justify-content:flex-start}.hero{padding:24px;border-radius:20px;min-height:0}.hero h2{font-size:clamp(2.7rem,18vw,5rem)}.hero-stats{grid-template-columns:1fr 1fr}.card{padding:15px;border-radius:16px}.navtabs{top:41px}.btn{padding:10px 12px}.section{padding:25px 0}.ticker-track{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Global recipe video finder */
.video-search-shell{border:2px solid var(--d1-dark,#404040);background:var(--panel);padding:18px;box-shadow:8px 8px 0 #000,14px 14px 0 var(--accent);min-width:0}.video-search-form{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,.75fr)) auto;gap:12px;align-items:end}.video-submit{min-height:44px}.video-query-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.video-query-chips button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:8px 11px;font:inherit;font-weight:800;cursor:pointer}.video-query-chips button:hover,.video-query-chips button:focus-visible{background:var(--accent2);color:#000}.video-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:start}.video-player{aspect-ratio:16/9;background:#03040a;border:1px solid var(--line);overflow:hidden;position:sticky;top:104px}.video-player iframe{width:100%;height:100%;border:0;display:block}.video-placeholder{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:var(--muted);padding:20px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),#05060a}.video-placeholder span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#000;font-size:1.4rem;box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 18%,transparent)}.video-results-wrap{border:1px solid var(--line);background:var(--panel2);min-width:0}.video-results-head{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--line);color:var(--accent2)}.video-results-head span{color:var(--muted);font-size:.75rem}.video-results{display:grid;max-height:540px;overflow:auto}.video-result{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.video-result:hover,.video-result:focus-visible,.video-result.is-playing{background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}.video-result img{width:132px;aspect-ratio:16/9;object-fit:cover;background:#05060a}.video-result strong,.video-result small{display:block}.video-result strong{line-height:1.25}.video-result small{color:var(--muted);margin-top:6px}.video-pager{display:flex;justify-content:flex-end;gap:8px;padding:10px}.video-note{margin:14px 0 0}.video-empty{padding:24px;color:var(--muted)}
@media(max-width:1050px){.video-search-form{grid-template-columns:1fr 1fr 1fr}.video-query{grid-column:1/-1}.video-submit{grid-column:1/-1}.video-workspace{grid-template-columns:1fr}.video-player{position:relative;top:auto}}
@media(max-width:620px){.video-search-form{grid-template-columns:1fr}.video-query{grid-column:auto}.video-submit{grid-column:auto}.video-result{grid-template-columns:105px minmax(0,1fr)}.video-result img{width:105px}.video-results-head{align-items:flex-start;flex-direction:column}.video-search-shell{padding:12px;box-shadow:5px 5px 0 #000,9px 9px 0 var(--accent)}}

.video-search-form-simple{grid-template-columns:minmax(0,1fr) auto}.video-url-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 16px;padding:14px;border:1px solid var(--line);background:var(--panel2)}.video-empty strong{color:var(--text)}@media(max-width:620px){.video-search-form-simple,.video-url-form{grid-template-columns:1fr}}