:root{--font-headline:"Space Grotesk",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif;--font-mono:"Space Mono",ui-monospace,monospace}.tile{--c:var(--ds-color-cyan);background:radial-gradient(125% 115% at 100% -8%,color-mix(in srgb,var(--c)10%,transparent),transparent 52%),linear-gradient(165deg,var(--ds-color-panel-raise),var(--ds-color-surface));border:1px solid color-mix(in srgb,var(--c)24%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c)4%,transparent),0 18px 50px #0000006b;border-radius:20px;padding:18px 18px 16px;position:relative;overflow:hidden}.tile-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tile-head .material-symbols-outlined{color:var(--c);font-size:19px}.tile-head h2{font-family:var(--ds-font-headline);letter-spacing:.14em;text-transform:uppercase;color:var(--ds-color-fg);font-size:12.5px;font-weight:700}.tile-head .meta{font-family:var(--ds-font-mono);text-transform:uppercase;color:var(--ds-color-fg-3);margin-left:auto;font-size:10.5px}.tile-head a.view-all{font-family:var(--ds-font-mono);text-transform:uppercase;color:var(--c);margin-left:auto;font-size:10.5px;text-decoration:none}a.tile{color:inherit;transition:transform .15s var(--ds-ease-out),border-color .15s,box-shadow .15s;text-decoration:none;display:block}a.tile:hover{border-color:color-mix(in srgb,var(--c)45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c)8%,transparent),0 0 24px color-mix(in srgb,var(--c)14%,transparent),0 18px 50px #0000006b;transform:translateY(-2px)}.srow{background:var(--ds-color-panel);border:1px solid var(--ds-color-border);border-radius:11px;grid-template-columns:4px 1fr auto;align-items:center;gap:12px;padding:9px 11px 9px 8px;transition:border-color .15s,background .15s;display:grid}.srow:hover{border-color:color-mix(in srgb,var(--c)45%,transparent);background:var(--ds-color-panel-raise)}.srow .tab{background:var(--c);width:4px;height:30px;box-shadow:0 0 10px color-mix(in srgb,var(--c)55%,transparent);border-radius:2px}.srow .dom{font-family:var(--ds-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--c);font-size:9px}.srow .nm{font-family:var(--ds-font-headline);color:var(--ds-color-fg);font-size:14px;font-weight:600}.btn{min-height:44px;font-family:var(--ds-font-headline);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;color:var(--ds-color-fg);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.log{background:var(--ds-color-cyan);color:#06121a;box-shadow:0 0 22px color-mix(in srgb,var(--ds-color-cyan)38%,transparent)}.btn.watch{background:var(--ds-color-glass);border-color:var(--ds-color-border-strong);color:var(--ds-color-fg)}.btn.line{border:1px solid color-mix(in srgb,var(--c,var(--ds-color-cyan))45%,var(--ds-color-border-strong));min-height:40px;color:var(--ds-color-fg-2);border-radius:8px;padding:7px 12px;font-size:13px}.btn.line:hover{color:var(--c,var(--ds-color-cyan));border-color:var(--c,var(--ds-color-cyan));background:color-mix(in srgb,var(--c,var(--ds-color-cyan))10%,transparent)}.btn.tint{background:color-mix(in srgb,var(--c,var(--ds-color-cyan))15%,transparent);border-color:color-mix(in srgb,var(--c,var(--ds-color-cyan))45%,transparent);color:var(--c,var(--ds-color-cyan))}.chip{border:1px solid var(--ds-color-border);background:var(--ds-color-panel);min-height:44px;color:var(--ds-color-fg-3);font-family:var(--ds-font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:9px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.chip:hover{color:var(--ds-color-fg);border-color:var(--ds-color-border-strong)}.chip.on{color:var(--ds-color-azure);border-color:color-mix(in srgb,var(--ds-color-azure)50%,transparent);background:color-mix(in srgb,var(--ds-color-azure)13%,transparent)}.jrail-step{color:var(--ds-color-fg-3);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:flex}.jrail-step:hover{color:var(--ds-color-fg);background:#ffffff0a}.jrail-step .n{font-family:var(--ds-font-mono);letter-spacing:.12em;border:1px solid var(--ds-color-border-strong);width:26px;height:26px;color:var(--ds-color-fg-3);border-radius:999px;flex:0 0 26px;place-items:center;font-size:10px;display:grid}.jrail-step .lb{font-family:var(--ds-font-headline);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.jrail-step.done .n{color:var(--ds-color-lime);border-color:color-mix(in srgb,var(--ds-color-lime)45%,transparent)}.jrail-step.now{border-color:color-mix(in srgb,var(--ds-color-cyan)35%,transparent);color:var(--ds-color-cyan);background:linear-gradient(90deg,#00e5ff14,#00e5ff05)}.jrail-step.now .n{color:#06121a;background:var(--ds-color-cyan);box-shadow:var(--ds-glow-cyan);border-color:#0000}.jrail-step.now .lb{color:var(--ds-color-cyan)}.micro{font-family:var(--ds-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ds-color-fg-3);font-size:10px}.label{font-family:var(--ds-font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--ds-color-fg-3);font-size:11px;font-weight:900}@media (prefers-reduced-motion:reduce){.tile,.btn,.chip,.jrail-step{transition:none!important}.btn:hover,a.tile:hover{transform:none!important}}