@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}img{max-width:100%;display:block}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}}@layer base{:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161e;--bg-card-hover:#1c1c26;--bg-input:#1a1a24;--bg-nav:#0a0a0fd9;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--accent-primary:#8b5cf6;--accent-secondary:#6366f1;--accent-tertiary:#a78bfa;--accent-glow:#8b5cf61f;--accent-glow-strong:#8b5cf640;--border:#3f3f4680;--border-hover:#3f3f46cc;--border-accent:#8b5cf64d;--heading-hash:#3f3f46;--bg-glass:#16161e99;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--font-primary:"Onest", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--nav-width:56px;--content-max:720px;--content-padding:var(--space-xl);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--shadow-glow-strong:0 0 40px var(--accent-glow-strong)}body{font-family:var(--font-primary);font-weight:var(--weight-normal);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);text-transform:lowercase;overflow-x:hidden}::selection{background:var(--accent-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}}@layer theme{.app-container{padding-left:calc(var(--content-padding) + var(--nav-width));padding-right:var(--content-padding);padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);min-height:100vh;max-width:calc(var(--content-max) + var(--content-padding) * 2 + var(--nav-width));margin:0 auto}.page-enter{opacity:1;transform:none}.page-active{opacity:1;transition:opacity var(--duration-slow) var(--ease-out);transform:none}.page-exit{opacity:1;transition:none;transform:none}body:before{content:"";z-index:9999;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}}@layer components{.nav-sidebar{width:var(--nav-width);justify-content:center;align-items:center;gap:var(--space-sm);z-index:100;background:var(--bg-nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.nav-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);transition:all var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.nav-icon:hover{color:var(--text-primary);background:var(--accent-glow)}.nav-icon.active{color:var(--accent-primary);background:var(--accent-glow)}.nav-icon.active:before{content:"";background:var(--accent-primary);border-radius:var(--radius-full);width:3px;height:20px;box-shadow:var(--shadow-glow);position:absolute;left:-8px}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-tooltip{padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out);position:absolute;left:calc(100% + 12px);transform:translate(-4px)}.nav-icon:hover .nav-tooltip{opacity:1;transform:translate(0)}.md-heading{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.md-heading .hash{color:var(--heading-hash);font-family:var(--font-mono);font-weight:var(--weight-light);-webkit-user-select:none;user-select:none;font-size:inherit}.md-heading h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.02em}.md-heading h3{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-base) var(--ease-out)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-base) var(--ease-out)}.card-glass:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.tag{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--accent-glow);color:var(--accent-tertiary);border:1px solid var(--border-accent);padding:2px 10px;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);cursor:pointer;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--duration-base) var(--ease-out)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-dim)}.textarea{width:100%;min-height:100px;padding:var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);resize:vertical;font-family:var(--font-primary);transition:all var(--duration-base) var(--ease-out)}.textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.counter{font-family:var(--font-mono);font-weight:var(--weight-light);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.02em}.counter .value{color:var(--accent-tertiary);font-weight:var(--weight-normal)}.counter .unit{color:var(--text-dim);font-size:var(--text-xs);margin-left:1px}.spoiler{background:var(--text-dim);color:#0000;cursor:pointer;transition:all var(--duration-base) var(--ease-out);border-radius:3px;padding:0 4px}.spoiler:hover{background:var(--accent-glow);color:var(--accent-tertiary)}.divider{background:var(--border);width:100%;height:1px;margin:var(--space-2xl) 0}.section{margin-bottom:var(--space-3xl)}.marquee-wrapper{width:100%;position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.marquee-wrapper:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.marquee-wrapper:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.marquee-track{gap:var(--space-md);width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;transition:all var(--duration-base) var(--ease-out);flex-shrink:0;display:flex}.marquee-item:hover{border-color:var(--border-accent);color:var(--accent-tertiary)}.track-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);display:flex;position:relative;overflow:hidden}.track-card:not(.cover-ready){justify-content:center;min-height:82px}.track-card:not(.cover-ready):after{content:"";border:2px solid var(--border);border-top-color:var(--accent-tertiary);z-index:2;border-radius:50%;width:22px;height:22px;animation:.78s linear infinite spin;position:relative}.track-card:before{content:"";background-image:var(--album-cover);filter:blur(12px)brightness(.2);opacity:.25;z-index:0;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.track-card:hover:before{opacity:.35}.track-card:hover{border-color:var(--border-accent);transform:translate(4px)}.track-cover{z-index:1;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:48px;height:48px;position:relative}.track-card:not(.cover-ready) .track-cover,.track-card:not(.cover-ready) .track-info{display:none}.track-info{z-index:1;position:relative;overflow:hidden}.track-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-artist{font-size:var(--text-xs);color:var(--text-muted)}.comment{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:all var(--duration-base) var(--ease-out)}.comment:hover{border-color:var(--border-hover)}.comment-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.comment-author{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.comment-date{font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono)}.comment-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.comment-body p{margin-bottom:var(--space-sm)}.comment-body p:last-child{margin-bottom:0}.comment-body code,.comment-admin-reply code{background:var(--bg-primary);border:1px solid var(--border);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:.9em}.markdown-toolbar{margin-top:calc(-1 * var(--space-sm));flex-wrap:wrap;gap:4px;display:flex}.markdown-tool{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);min-width:32px;height:28px;color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-mono);transition:all var(--duration-fast) var(--ease-out);padding:0 8px}.markdown-tool:hover{border-color:var(--border-accent);color:var(--text-primary)}.comment-preview{min-height:54px;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-sm);animation:comment-preview-in .22s var(--ease-out) both;line-height:1.6}.comment-preview[hidden]{display:none}.comment-admin-reply{margin-top:var(--space-md);padding:var(--space-md);border-left:2px solid var(--accent-primary);background:var(--accent-glow);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--text-secondary)}.comment-admin-reply .reply-label{font-size:var(--text-xs);color:var(--accent-tertiary);font-weight:var(--weight-medium);margin-bottom:var(--space-xs)}.pagination{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.pagination-btn{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted);transition:all var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.pagination-btn:hover{background:var(--bg-card);color:var(--text-primary)}.pagination-btn.active{background:var(--accent-primary);color:#fff}.donation-card{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);cursor:pointer;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.donation-card:before{content:"";background:radial-gradient(circle at 10% 50%, var(--accent-donation,var(--accent-primary)), transparent 60%);opacity:0;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none;z-index:0;position:absolute;inset:0}.donation-card:hover:before{opacity:.08}.donation-card:hover{border-color:var(--accent-donation,var(--border-accent));box-shadow:0 0 20px #0003, 0 0 12px var(--accent-donation-alpha,var(--accent-glow));transform:translateY(-2px)}.donation-card .network{align-items:center;gap:var(--space-sm);font-weight:var(--weight-medium);color:var(--text-primary);display:flex}.donation-card .address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;max-width:200px;overflow:hidden}.projects-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@keyframes project-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes noise-drift{0%{background-position:0 0}25%{background-position:-40px 30px}50%{background-position:60px -50px}75%{background-position:-30px -20px}to{background-position:0 0}}.project-card{--accent-from:#8b5cf6;--accent-to:#000;--i:0;-webkit-tap-highlight-color:transparent;isolation:isolate;border-radius:var(--radius-md);color:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--accent-from) 14%, transparent), color-mix(in srgb, var(--accent-to) 14%, transparent) 100%), var(--bg-secondary);border:1px solid var(--border);opacity:0;animation:.4s forwards project-card-enter;animation-delay:calc(var(--i) * 60ms);transition:box-shadow var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform .12s ease;flex-direction:column;gap:12px;padding:20px;text-decoration:none;display:flex;position:relative}.project-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.05;mix-blend-mode:screen;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:1.2s steps(4,end) infinite noise-drift;position:absolute;inset:0}.project-card>*{z-index:1;position:relative}.project-card:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-from) 40%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--accent-from) 35%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-from) 22%, transparent), color-mix(in srgb, var(--accent-to) 22%, transparent) 100%), var(--bg-secondary);border-color:color-mix(in srgb, var(--accent-from) 30%, transparent)}.project-card:active{transform:scale(.99)}.project-header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.project-header-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.project-link{color:inherit;align-items:center;display:inline-flex}.project-body{flex-grow:1;margin-top:4px;font-size:.88em}.project-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.og-desc{font-size:.95rem;line-height:1.55}.og-project-card .project-header-title{font-size:var(--text-lg)}.project-footer{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.project-tag{border:1px solid var(--border);color:var(--text-secondary);font-size:.72em;font-family:var(--font-mono);border-radius:6px;padding:2px 8px}.donations-copy{gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;display:flex}.donation-line{align-items:center;gap:var(--space-sm);flex-wrap:wrap;line-height:2;display:flex}.donation-chip-wrap{align-items:stretch;gap:2px;display:inline-flex;position:relative}.donation-chip{vertical-align:middle;border-radius:var(--radius-sm);color:var(--text-secondary);line-height:1;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-transform:lowercase;background:#ffffff0a;border:none;align-items:center;gap:.35em;padding:3px .5em;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.donation-chip:hover{color:var(--text-primary);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a}.donation-chip>svg,.donation-chip-action svg{flex-shrink:0;width:.85em;height:.85em}.donation-chip-name{font-weight:var(--weight-semibold);color:var(--text-primary)}.donation-chip-value{text-overflow:ellipsis;white-space:nowrap;opacity:.5;max-width:9ch;overflow:hidden}.donation-chip-highlight{text-overflow:ellipsis;white-space:nowrap;max-width:11ch;color:var(--accent-tertiary);opacity:.95;overflow:hidden}.donation-chip-copied{box-shadow:inset 0 0 0 1px var(--success)!important;color:var(--success)!important;background:#22c55e1a!important}.donation-chip-copied .donation-chip-value{opacity:.9}.with-note:after{content:attr(data-note);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);max-width:min(280px,80vw);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out);padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}.with-note:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.steam-panel{border:1px solid var(--border);border-radius:var(--radius-lg);isolation:isolate;background:#06080ce0;padding:12px;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000047}.steam-panel:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#04070c38;position:absolute;inset:0}.steam-panel:after{content:"";z-index:-1;background:linear-gradient(90deg,#03060a14,#03060a33);position:absolute;inset:0}.steam-bg{z-index:-2;filter:blur(10px)brightness(.88)saturate();opacity:.95;background-position:50%;background-size:cover;position:absolute;inset:-24px;transform:scale(1.05)}.steam-inner{--steam-accent:#d946ef;z-index:1;position:relative}.steam-header{align-items:center;gap:var(--space-md);min-width:0;margin-bottom:10px;display:flex}.steam-identity{min-width:0}.steam-avatar-link{flex-shrink:0;width:80px;height:80px;display:block;position:relative}.steam-avatar{width:64px;height:64px;box-shadow:none;object-fit:cover;border:0;border-radius:4px;position:absolute;inset:9px 8px 8px}.steam-avatar-frame{object-fit:contain;pointer-events:none;width:80px;height:80px;position:absolute;inset:0}.steam-eyebrow{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.steam-name{color:var(--steam-accent);font-weight:var(--weight-semibold);font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-flex;overflow:hidden}.steam-level{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);border:1px solid color-mix(in srgb, var(--level-color,#66c0f4) 46%, transparent);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-mono);background:#00000047;border-radius:999px;padding:3px 4px;display:inline-flex}.steam-level-badge{border:2px solid var(--level-color,#66c0f4);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--level-color,#66c0f4) 38%, transparent), #090e14db);color:#d7f2ff;width:26px;height:26px;font-size:.68rem;font-weight:var(--weight-semibold);box-shadow:0 0 14px color-mix(in srgb, var(--level-color,#66c0f4) 28%, transparent);border-radius:50%;place-items:center;display:inline-grid}.steam-subgrid{grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);grid-auto-rows:1fr;align-items:stretch;gap:10px;display:grid}.steam-cardlet{border:1px solid color-mix(in srgb, var(--steam-accent) 16%, transparent);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04090e6b;flex-direction:column;min-width:0;height:100%;padding:0;display:flex}.steam-cardlet-games{justify-content:center}.steam-section-title{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;margin:0;padding:8px 8px 7px}.steam-games,.steam-items{flex:1;gap:6px;padding:0 8px 8px;display:grid}.steam-games{grid-template-rows:repeat(5,minmax(0,1fr))}.steam-game{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);min-height:38px;color:var(--text-secondary);font-size:var(--text-xs);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#ffffff0e;border:1px solid #ffffff12;grid-template-columns:34px minmax(0,1fr) auto;padding:4px 7px;display:grid}.steam-game:hover{border-color:color-mix(in srgb, var(--steam-accent) 48%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--steam-accent) 14%, transparent)}.steam-game img{object-fit:cover;border-radius:4px;width:30px;height:30px}.steam-game span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.steam-game b{color:var(--steam-accent);font-weight:var(--weight-medium)}.steam-items{grid-template-columns:repeat(3,minmax(0,1fr));place-content:center;justify-items:center}.steam-item{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--rarity,#66c0f4) 76%, transparent);width:min(100%,142px);min-height:120px;box-shadow:inset 0 0 0 1px #ffffff09, 0 8px 22px color-mix(in srgb, var(--rarity,#66c0f4) 10%, transparent);color:var(--text-muted);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:#0a0c128a;place-items:center;padding:5px;font-size:.65rem;display:grid;position:relative}.steam-item:hover{border-color:var(--rarity,#66c0f4);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity,#66c0f4) 18%, transparent), 0 10px 26px color-mix(in srgb, var(--rarity,#66c0f4) 16%, transparent);background:#0e1018a8}.steam-item img{object-fit:contain;filter:drop-shadow(0 10px 12px #00000057);max-width:100%;max-height:102px}.steam-item span{display:none}.site-footer{margin-top:var(--space-3xl);padding:var(--space-xl) 0;border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.footer-quote{opacity:1;color:#52525b!important}.footer-quote *{color:inherit!important}.mood-link-card{color:inherit;text-decoration:none;display:block}.mood-link-card-status-only{text-align:center;place-items:center;min-height:88px;display:grid}.mood-status-row{align-items:center;gap:var(--space-md);display:flex}.mood-status-label{font-weight:500}.mood-link-card-status-only .mood-status-row{justify-content:center}.mood-link-card-status-only .mood-status-label{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase}.mood-status-text{margin-top:var(--space-sm);color:var(--text-primary);font-size:var(--text-sm)}.mood-link-card:hover{border-color:var(--border-hover)}.mood-page-card{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow:visible}.mood-calendar-head{justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs);align-items:center;display:flex}.mood-calendar-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.mood-calendar-legend{color:var(--text-dim);align-items:center;gap:5px;display:flex}.mood-calendar-legend i{border:1px solid #ffffff0f;border-radius:3px;width:11px;height:11px}.mood-calendar-grid{padding-bottom:var(--space-xs);gap:clamp(3px,.7vw,6px);display:flex;overflow:visible}.admin-mood-calendar{padding-bottom:var(--space-xs);grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;gap:4px;display:grid;overflow-x:auto}.mood-column{flex:1 1 0;grid-template-rows:repeat(14,1fr);gap:clamp(3px,.7vw,6px);min-width:0;display:grid}.mood-day,.admin-mood-day,.mood-day-spacer{aspect-ratio:1;width:100%;min-width:5px;min-height:5px}.mood-day{min-width:10px;min-height:10px}.mood-day,.admin-mood-day{border:1px solid color-mix(in srgb, var(--mood-day-color) 52%, transparent);background:color-mix(in srgb, var(--mood-day-color) 82%, #111116);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff06}.mood-day:hover,.admin-mood-day:hover{border-color:var(--mood-day-color);z-index:2;transform:scale(1.22)}.mood-day.is-override,.admin-mood-day.is-override{box-shadow:0 0 0 1px var(--text-muted)}.admin-mood-day:after{content:attr(data-note);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);max-width:min(280px,80vw);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out);padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px)}.mood-day,.admin-mood-day{position:relative}.mood-day:hover:after,.admin-mood-day:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.mood-floating-tip{z-index:3000;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);max-width:min(320px,100vw - 24px);color:var(--text-secondary);font-size:var(--text-xs);font-family:var(--font-mono);white-space:normal;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);padding:5px 8px;position:fixed;transform:translate(-50%,-100%)translateY(-6px)}.mood-floating-tip.visible{opacity:1}.mood-calendar-comment{margin-top:var(--space-md);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}}@layer pages;@layer utilities{@keyframes spin{to{transform:rotate(360deg)}}.fade-in-up{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards;transform:translateY(16px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes comment-preview-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation-delay:calc(var(--i,0) * 80ms)}.pulse-glow{animation:pulseGlow 3s var(--ease-in-out) infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow-strong)}}.blink-cursor:after{content:"▋";color:var(--accent-primary);font-weight:var(--weight-light);margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing{white-space:nowrap;border-right:2px solid var(--accent-primary);animation:.8s step-end infinite typing-cursor;overflow:hidden}@keyframes typing-cursor{0%,to{border-color:var(--accent-primary)}50%{border-color:#0000}}}@media (width<=768px){:root{--nav-width:0px;--content-padding:var(--space-md)}.nav-sidebar{border-right:none;border-top:1px solid var(--border);background:var(--bg-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;width:100vw;height:auto;min-height:56px;padding:0 var(--space-md);justify-content:center;align-items:center;gap:var(--space-xs);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;position:fixed;top:auto;bottom:0;left:0;overflow-x:auto;transform:none;display:flex!important}.nav-sidebar::-webkit-scrollbar{display:none}.nav-icon{flex:0 0 48px;width:48px;height:100%;min-height:56px}.nav-icon.active:before{width:16px;height:3px;top:auto;bottom:6px;left:50%;transform:translate(-50%)}.nav-icon .nav-tooltip{display:none!important}.app-container{padding-top:var(--space-xl);padding-bottom:calc(var(--space-3xl) + 56px);max-width:100vw;padding-left:var(--content-padding)!important;padding-right:var(--content-padding)!important}.steam-subgrid{grid-template-columns:1fr;grid-auto-rows:auto}.steam-items{grid-template-columns:repeat(3,minmax(0,1fr))}.steam-item{width:100%;min-height:118px}.steam-item img{max-height:96px}.site-footer{gap:var(--space-sm);flex-wrap:wrap}.mood-calendar-head{flex-direction:column;align-items:flex-start}.mood-page-card{padding:var(--space-md)}.mood-calendar-grid,.mood-column{gap:2px}}.block-caption{font-size:var(--text-xs);color:var(--text-muted);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md);font-family:var(--font-mono)}.tooltip-trigger{-webkit-text-decoration:underline dotted var(--accent-primary);text-decoration:underline dotted var(--accent-primary);cursor:help;color:var(--accent-tertiary);position:relative}.tooltip-trigger:after{content:attr(data-tooltip);background:var(--bg-card);border:1px solid var(--border-accent);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-out);padding:4px 8px;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(4px)}.tooltip-trigger:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.whoami-block{gap:var(--space-md);flex-direction:column;display:flex}.profile-card{flex-shrink:0;display:block}.profile-avatar,.profile-avatar-placeholder{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);object-fit:cover;width:92px;height:92px}.profile-avatar-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 18%, transparent), transparent), var(--bg-card)}.profile-about{max-width:58ch;margin-top:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.whoami-topline{align-items:center;gap:var(--space-md);min-width:0;display:flex}.whoami-id{gap:var(--space-xs);min-width:0;display:grid}.whoami-names{align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.whoami-name.primary{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em}.whoami-name.secondary{font-size:var(--text-2xl);font-weight:var(--weight-light);color:var(--accent-tertiary)}.whoami-amp{font-size:var(--text-xl);color:var(--text-dim);font-weight:var(--weight-light)}.whoami-alive{align-items:center;gap:var(--space-md);display:flex}.alive-label{font-size:var(--text-sm);color:var(--text-muted)}@media (width<=768px){.whoami-alive{flex-direction:column;align-items:flex-start;gap:2px}}.wall-form{gap:var(--space-md);flex-direction:column;display:flex}.wall-form-row{gap:var(--space-md);align-items:center;display:flex}.wall-form-row .input{flex:1}.wall-color-picker{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;background:var(--bg-input);appearance:none;width:40px;height:40px;padding:2px}.wall-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.wall-color-picker::-webkit-color-swatch-wrapper{padding:0}.wall-form-actions{justify-content:space-between;align-items:center;display:flex}.wall-hint{font-size:var(--text-xs)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.uses-grid{gap:var(--space-xs);flex-direction:column;display:flex}.uses-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);display:flex}.uses-item:hover{background:var(--bg-card)}.uses-icon{text-align:center;width:28px;font-size:var(--text-lg);opacity:0;flex-shrink:0}.icons-ready .uses-icon{opacity:1}.uses-text{font-size:var(--text-sm);color:var(--text-secondary)}.os-card{gap:var(--space-xs);flex-direction:column;display:flex}.os-item{align-items:center;gap:var(--space-lg);padding:var(--space-xs) 0;display:flex}.os-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);text-align:right;min-width:80px}.os-value{font-size:var(--text-sm);color:var(--text-secondary)}.footer-quote{color:var(--text-secondary);max-width:44ch}.relative-time{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.loader{border:2px solid var(--border);border-top-color:var(--accent-tertiary);border-radius:50%;width:22px;height:22px;animation:.78s linear infinite spin;display:inline-block}.linux-uptime{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;display:flex}.uptime-label{font-size:var(--text-sm);color:var(--text-muted)}.uptime-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--accent-tertiary)}.uptime-unit{font-size:var(--text-sm);color:var(--text-dim)}.terminal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow:hidden}.terminal-header{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots .dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:var(--text-dim);font-size:11px}.terminal-body{padding:var(--space-md);max-height:400px;overflow-y:auto}.terminal-line{color:var(--text-secondary);min-height:1.5em}.terminal-command{color:var(--text-muted)}.terminal-output{color:var(--text-secondary)}.terminal-input-line{padding:0 var(--space-md) var(--space-md);align-items:center;display:flex}.terminal-prompt{color:var(--accent-primary);font-weight:var(--weight-semibold);margin-right:var(--space-xs);-webkit-user-select:none;user-select:none}.terminal-input{font-family:var(--font-mono);color:var(--text-primary);caret-color:var(--accent-primary);background:0 0;flex:1;font-size:13px}.og-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.og-project-card{gap:10px;min-height:150px;padding:16px}.tracks-grid{gap:var(--space-sm);flex-direction:column;display:flex}@media (width<=768px){.whoami-name.primary{font-size:var(--text-2xl)}.whoami-name.secondary{font-size:var(--text-lg)}.wall-form-row{flex-direction:column}.wall-form-row .input{width:100%}.steam-subgrid{grid-template-columns:1fr}.whoami-topline{align-items:flex-start}.profile-avatar,.profile-avatar-placeholder{width:76px;height:76px}}