:root{--bg:#1c1e2b;--panel:#262938;--panel-2:#30344a;--text:#f1f0ea;--muted:#9aa0b8;--accent:#f6cf45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:720px;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.masthead{padding:24px 0 8px}h1{align-items:center;gap:12px;margin:0;font-size:32px;display:flex}.studio-mark{border-radius:6px}.tagline{color:var(--muted);margin:6px 0 0}h2{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:28px 0 12px;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.card{background:var(--panel);border-radius:16px;align-items:center;gap:14px;padding:14px;transition:transform .15s,background .15s;display:flex;position:relative}.card:hover,.card:focus-within{background:var(--panel-2);transform:translateY(-2px)}.art{border-radius:14px;flex:none;grid-template-columns:repeat(2,1fr);width:72px;height:72px;display:grid;overflow:hidden}.art span{animation:.5s ease-out both settle}.art.app{background:var(--panel-2);place-items:center;font-size:32px;font-weight:800;display:grid}@keyframes settle{0%{opacity:0;transform:translateY(-100%)}}.body h3{margin:0 0 4px;font-size:18px}.main{color:inherit;text-decoration:none}.main:after{content:"";border-radius:16px;position:absolute;inset:0}.main:focus-visible{outline:none}.main:focus-visible:after{outline:2px solid var(--accent)}.body p{color:var(--muted);margin:0;font-size:14px}.daily{z-index:1;background:var(--accent);color:var(--bg);border-radius:999px;margin-top:8px;padding:5px 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;position:relative}footer{color:var(--muted);margin-top:40px;font-size:14px}@media (prefers-reduced-motion:reduce){.art span{animation:none}.card{transition:none}}