@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-0: #070914;--bg-1: #0b1025;--bg-2: #17204a;--fg: #eef2ff;--fg-muted: #aeb9d7;--fg-dim: #7f8db8;--fg-extra-dim: #596582;--accent: #b9c5ff;--accent-2: #7a91ff;--border: rgba(166, 181, 255, .16);--border-strong: rgba(166, 181, 255, .42);--glass: rgba(17, 24, 51, .58);--glass-hover: rgba(28, 38, 78, .7);--tag-bg: rgba(130, 150, 255, .12);--tag-fg: #b6c2f2;--radius-card: 20px;--radius-tag: 999px;--shadow: 0 20px 70px rgba(0, 0, 0, .22);--ease: .25s cubic-bezier(.2, .8, .25, 1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--fg);background:var(--bg-0)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 50% 0%,var(--bg-2) 0,var(--bg-1) 34%,var(--bg-0) 72%);color:var(--fg);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}.stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.stars i{position:absolute;width:2px;height:2px;border-radius:999px;background:#fff;opacity:.2;animation:twinkle 4s ease-in-out infinite}.stars i:nth-child(1){top:6%;left:8%;animation-delay:0s}.stars i:nth-child(2){top:14%;left:28%;animation-delay:.6s}.stars i:nth-child(3){top:22%;left:62%;animation-delay:1.2s}.stars i:nth-child(4){top:30%;left:84%;animation-delay:1.8s}.stars i:nth-child(5){top:38%;left:12%;animation-delay:2.4s}.stars i:nth-child(6){top:8%;left:76%;animation-delay:3s;width:3px;height:3px}.stars i:nth-child(7){top:42%;left:46%;animation-delay:3.6s}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.9)}50%{opacity:.8;transform:scale(1.4)}}@media(prefers-reduced-motion:reduce){.stars i{animation:none;opacity:.35}}.home{position:relative;width:min(1000px,calc(100% - 40px));margin:auto;min-height:100vh;padding:14vh 0 40px;z-index:1}.page{position:relative;width:min(900px,calc(100% - 40px));margin:auto;padding:70px 0;z-index:1}.hero{text-align:center}.eyebrow{letter-spacing:.24em;font-size:12px;color:#a9b6df;margin:0 0 18px;text-transform:uppercase}h1{font-size:clamp(48px,9vw,86px);margin:0;letter-spacing:-.06em;line-height:1.05}h1 span{font-size:.42em;font-weight:500;color:#9ba8cf;letter-spacing:-.02em}.page h1{font-size:clamp(42px,7vw,68px);margin-bottom:35px}h2{font-size:18px}.subtitle{font-size:17px;color:var(--fg-muted);margin:18px 0 8px}.quote{color:var(--fg-dim);font-size:14px;margin:4px 0 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:60px}.grid.small{margin-top:30px}.grid.three{grid-template-columns:repeat(3,1fr)}.list{display:grid;gap:14px;margin-top:30px}.card,.panel{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:var(--radius-card);transition:border-color var(--ease),background-color var(--ease),transform var(--ease),box-shadow var(--ease)}.card{min-height:118px;padding:24px;display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit}.card:hover{transform:translateY(-4px);border-color:var(--border-strong);background:var(--glass-hover)}.panel{padding:25px}.panel+.panel{margin-top:14px}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#7a91ff1f;color:var(--accent);font-size:22px;flex:none}.card h2,.panel h2{margin:0 0 6px;font-size:18px}.card p,.panel p{margin:0;color:#8f9bbd;font-size:13px;line-height:1.7}.arrow{margin-left:auto;color:#66739b;font-size:20px;transition:transform var(--ease)}.card:hover .arrow{transform:translate(4px);color:var(--accent)}.link{display:block;color:inherit;text-decoration:none;padding:18px 22px}.link:hover{transform:translate(4px);border-color:var(--border-strong)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tags span{padding:6px 10px;border-radius:var(--radius-tag);background:var(--tag-bg);color:var(--tag-fg);font-size:12px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:var(--radius-tag);border:1px solid var(--border)}.status:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2)}.status.done:before{background:#6ee7b7;box-shadow:0 0 8px #6ee7b7}.status.todo:before{background:#fbbf77;box-shadow:0 0 8px #fbbf77}.status.archive:before{background:#6b7390;box-shadow:none}.back{display:inline-block;color:#9ba8cf;text-decoration:none;margin-bottom:50px;font-size:14px;transition:color var(--ease),transform var(--ease)}.back:hover{color:var(--accent);transform:translate(-3px)}footer{text-align:center;margin-top:60px;color:var(--fg-extra-dim);font-size:12px}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:30px}.fact-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.fact-list li{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px dashed rgba(166,181,255,.12)}.fact-list li:last-child{border-bottom:0}.fact-list .k{color:var(--fg-dim)}.fact-list .v{color:var(--fg-muted)}.timeline{padding-left:14px;border-left:2px solid rgba(166,181,255,.18);margin:0}.timeline li{list-style:none;padding:0 0 16px 14px;position:relative}.timeline li:before{content:"";position:absolute;left:-7px;top:6px;width:10px;height:10px;border-radius:999px;background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}.timeline .when{font-size:12px;color:var(--fg-dim)}.timeline .what{color:var(--fg-muted);font-size:13px}.game-card{display:flex;gap:16px;align-items:flex-start}.game-card .cover{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:#7a91ff24;flex:none}.game-card .meta{color:var(--fg-dim);font-size:12px;margin-top:4px}.game-card .stars-row{display:inline-flex;gap:1px;color:#f9d96b;font-size:12px;letter-spacing:1px}.game-card .stars-row .off{color:#ffffff26}.music-head{display:flex;gap:16px;align-items:center}.music-head .album{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#7a91ff40,#ff9bb62e)}.now-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.playlist{border-radius:18px;padding:16px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--c, #7a91ff) 35%,transparent),#1118338c)}.playlist .count{color:var(--fg-muted);font-size:12px;margin-top:4px}.playlist .name{font-weight:600}.fade-in>*{opacity:0;transform:translateY(8px);animation:rise .6s var(--ease) forwards}.fade-in>*:nth-child(1){animation-delay:.05s}.fade-in>*:nth-child(2){animation-delay:.12s}.fade-in>*:nth-child(3){animation-delay:.19s}.fade-in>*:nth-child(4){animation-delay:.26s}.fade-in>*:nth-child(5){animation-delay:.33s}.fade-in>*:nth-child(6){animation-delay:.4s}.fade-in>*:nth-child(7){animation-delay:.47s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in>*{animation:none;opacity:1;transform:none}}@media(max-width:720px){.grid,.grid.three,.about-grid{grid-template-columns:1fr}.playlist-grid{grid-template-columns:repeat(2,1fr)}.home{padding-top:11vh}.grid{margin-top:40px}.card{min-height:100px}.page{padding:40px 0}}