:root{--bg: #0b0d10;--surface: #11151b;--text: #e8eef5;--muted: #a6b0bc;--border: #232a33;--accent: #7c5cff;--accent-contrast: #0b0d10;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--wallpaper-url: none;--wallpaper-opacity: .3;--wallpaper-blur: 22px;--wallpaper-saturation: 1;--wallpaper-matte: 0;--playground-opacity: 1;--title-color: var(--text);--heading1-color: var(--text);--heading2-color: var(--text);--body1-color: var(--text);--body2-color: var(--text)}html{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--wallpaper-url);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--wallpaper-opacity);filter:blur(var(--wallpaper-blur)) saturate(calc(var(--wallpaper-saturation) * (1 - var(--wallpaper-matte) * .35))) brightness(calc(1 + var(--wallpaper-matte) * .08)) contrast(calc(1 - var(--wallpaper-matte) * .15));transform:scale(1.06)}main{max-width:920px;margin:0 auto;padding:48px 24px}h1{margin:0 0 18px;font-size:40px;letter-spacing:-.02em}p{margin:0 0 14px;color:var(--muted)}.text-title{color:var(--title-color);font-size:32px;margin:0}.text-heading1{color:var(--heading1-color);font-size:22px;margin:0}.text-heading2{color:var(--heading2-color);font-size:18px;margin:0}.text-body1{color:var(--body1-color);margin:0}.text-body2{color:var(--body2-color);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.playground-card{background:color-mix(in srgb,var(--playground-overlay-color, var(--surface)),transparent calc(100% - (var(--playground-opacity) * 100%)));border-color:color-mix(in srgb,var(--border),transparent calc(100% - (var(--playground-opacity) * 100%)));box-shadow:0 18px 40px color-mix(in srgb,rgba(0,0,0,.28),transparent calc(100% - (var(--playground-opacity) * 100%)));backdrop-filter:blur(calc(6px * var(--playground-opacity)))}a{color:var(--text);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--text),transparent 70%)}a:hover{border-bottom-color:color-mix(in srgb,var(--text),transparent 40%)}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 10%);outline-offset:3px;border-radius:8px}.playground-card input[type=range]:focus-visible,.playground-card select:focus-visible,.playground-card input[type=checkbox]:focus-visible,.playground-card input[type=number]:focus-visible,.playground-card input[type=file]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent),white 10%);outline-offset:3px;border-radius:10px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:12px}.btn{border:1px solid var(--border);background:transparent;color:var(--body1-color);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600}.btn:hover{border-color:color-mix(in srgb,var(--border),white 12%)}.btn-primary{background:var(--accent);color:var(--body1-color);border-color:transparent}.btn-ghost{background:color-mix(in srgb,var(--surface),transparent 50%)}.input{width:100%;max-width:420px;background:color-mix(in srgb,var(--surface),white 3%);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:12px}input[type=file]::file-selector-button{border:1px solid var(--border);background:transparent;color:var(--body1-color);padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:600}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--body2-color);font-size:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}.page-nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.portal-section{display:grid;gap:18px}.projects-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-card{display:grid;gap:12px}.project-card__header p{margin-top:8px}.project-card__tags{display:flex;gap:8px;flex-wrap:wrap}.project-card__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.project-link{color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--text),transparent 70%);font-weight:600}.dock-bar{display:flex;justify-content:flex-start;gap:14px;align-items:flex-start;flex-wrap:wrap}.dock-main{display:flex;align-items:flex-start;gap:12px}.dock-bar.is-collapsed{justify-content:flex-start}.dock-bar.is-collapsed .dock-main{align-items:center;gap:8px}.playground-card.is-collapsed .playground-overlay-content{display:none}.dock-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dock-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toast-pill{gap:8px;flex-wrap:wrap}.toast-link{font-weight:600}.content-stack{display:grid;gap:16px}.command-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.command-backdrop{position:absolute;inset:0;background:#0a0c1094;backdrop-filter:blur(8px)}.command-modal{position:relative;z-index:1;width:min(540px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;display:grid;gap:12px;box-shadow:0 22px 50px #00000073}.command-input-row{display:flex;gap:10px;align-items:center}.command-input{flex:1}.command-list{display:grid;gap:6px}.command-item{border:1px solid transparent;background:color-mix(in srgb,var(--surface),white 2%);color:var(--text);padding:10px 12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600}.command-item.active,.command-item:hover{border-color:color-mix(in srgb,var(--accent),white 15%)}.command-hint{color:var(--muted);font-size:12px}.command-empty{padding:10px 12px;color:var(--muted);font-size:14px}.easter-egg{position:fixed;left:50%;bottom:64px;transform:translate(-50%);background:transparent;border:none;font-size:20px;letter-spacing:.2em;cursor:pointer;z-index:25;transition:opacity .16s ease}.easter-egg.is-unlocked{text-shadow:0 0 12px rgba(0,255,255,.75),0 0 24px rgba(255,0,255,.6)}body.psychedelic{--text: #f8ff38;--muted: #8bfffb;--title-color: #00f0ff;--heading1-color: #ff4dff;--heading2-color: #72ff7d;--body1-color: #f8ff38;--body2-color: #8bfffb}body.psychedelic .text-title,body.psychedelic .text-heading1,body.psychedelic .text-heading2,body.psychedelic .text-body1,body.psychedelic .text-body2{text-shadow:0 0 10px rgba(0,255,255,.55),0 0 18px rgba(255,0,255,.45)}