:root{--bg:#120f1a;--surface:#1b1726;--surface-2:#241f33;--line:#322b47;--fg:#f4f0f9;--muted:#a89fbe;--accent:#ffb020;--accent-text:#ffc14d;--accent-ink:#1c1300;--hot:#ff4f7b;--good:#4ade9b;--warn:#ffb020;--bad:#ff6b6b;--shadow:0 18px 50px -20px #000000b3;--display:"Unbounded","Hanken Grotesk",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--urdu:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;--r:14px;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f7f4fb;--surface:#fff;--surface-2:#efeaf6;--line:#dcd4ea;--fg:#1a1526;--muted:#5d5573;--accent:#ffb020;--accent-text:#9a5a00;--accent-ink:#1c1300;--hot:#d92d5e;--good:#148a55;--warn:#9a5a00;--bad:#c93333;--shadow:0 18px 50px -24px #28144659;color-scheme:light}}:root[data-theme=light]{--bg:#f7f4fb;--surface:#fff;--surface-2:#efeaf6;--line:#dcd4ea;--fg:#1a1526;--muted:#5d5573;--accent:#ffb020;--accent-text:#9a5a00;--accent-ink:#1c1300;--hot:#d92d5e;--good:#148a55;--warn:#9a5a00;--bad:#c93333;--shadow:0 18px 50px -24px #28144659;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img,canvas,video{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1180px;margin:0 auto}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}h2{font-size:clamp(28px,4.2vw,46px)}h3{letter-spacing:-.01em;font-size:19px}p{margin:0}.eyebrow{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{--mx:0px;--my:0px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:700 15px/1 var(--body);cursor:pointer;isolation:isolate;transform:translate(var(--mx),var(--my));border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--line))}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -12px color-mix(in srgb,var(--accent)80%,transparent);border-color:#0000}.btn.primary:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.btn.primary:hover:after{transform:translate(120%)}.btn.primary:hover{box-shadow:0 16px 40px -12px color-mix(in srgb,var(--accent)90%,transparent)}.btn.small{min-height:38px;padding:0 16px;font-size:14px}.btn.ghost{background:0 0}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn svg{flex:none;width:18px;height:18px}.chip{border:1px solid var(--line);color:var(--muted);font:600 13px/1 var(--body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 14px;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.chip:hover{color:var(--fg);border-color:var(--muted);transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.urdu{font-family:var(--urdu);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.share-sheet{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:90;background:var(--surface,#1b1626);color:var(--fg,#fff);border:1px solid var(--line,#2a2733);border-radius:16px;align-items:center;gap:10px;padding:12px 12px 12px 16px;font-size:14px;font-weight:600;display:flex;position:fixed;box-shadow:0 18px 40px -12px #00000080}.share-sheet span{flex:1;min-width:0}.share-sheet .x{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;width:36px;height:36px;font-size:22px}.proj-dlg{z-index:80;backdrop-filter:blur(6px);background:#0504089e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.proj-box{background:var(--surface,#1b1626);color:var(--fg,#fff);border:1px solid var(--line,#2a2733);border-radius:18px;flex-direction:column;gap:10px;width:min(620px,100%);max-height:min(86vh,760px);padding:20px;display:flex;box-shadow:0 30px 70px -20px #0009}.proj-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.proj-top h2{font:700 20px/1.2 var(--display);margin:0}.proj-x{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;width:40px;height:40px;font-size:24px}.proj-note{color:var(--muted,#a9a3b8);margin:0;font-size:13px;line-height:1.5}.proj-list{gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.proj-list li{border:1px solid var(--line,#2a2733);background:var(--bg,#0e0b16);border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.proj-list li.on{border-color:var(--accent,#ffb020)}.proj-list li i{background:#000 50%/cover no-repeat;border-radius:9px;width:56px;height:56px}.proj-meta{gap:4px;min-width:0;display:grid}.proj-name{font:600 15px/1.3 var(--body);color:inherit;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;min-width:0;margin-left:-6px;padding:4px 6px}.proj-name:hover,.proj-name:focus{border-color:var(--line,#2a2733);background:var(--surface,#1b1626);outline:none}.proj-meta small{color:var(--muted,#a9a3b8);font-size:12px}.proj-acts{gap:6px;display:flex}.proj-list .proj-empty{text-align:center;color:var(--muted,#a9a3b8);padding:22px;display:block}@media (width<=520px){.proj-list li{grid-template-columns:48px minmax(0,1fr)}.proj-list li i{width:48px;height:48px}.proj-acts{grid-column:1/-1;justify-content:flex-end}.proj-box{padding:16px}}