.boot-screen{position:fixed;inset:0;z-index:calc(var(--z-skip-link) + 1);display:flex;align-items:center;justify-content:center;background:#080808;opacity:1;animation:boot-dismiss .15s ease-out 1.95s forwards;pointer-events:none}.boot-screen img{display:block;width:104px;height:auto;image-rendering:pixelated;animation:boot-pulse .65s ease-in-out 3}@keyframes boot-pulse{0%,50%,to{transform:scale(1)}20%{transform:scale(1.08)}}@keyframes boot-dismiss{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.boot-screen,.boot-screen img{animation:none}}.startup-folder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;width:100%;height:100%;padding:1px}.startup-folder img{display:block;width:100%;height:100%;object-fit:contain;border-radius:22.37%;background:#0e3c29;box-shadow:0 1px 2px #00000040,inset 0 0 0 .5px #ffffff26;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease}@media(hover:hover)and (pointer:fine){.pixel-link:hover .startup-folder img{transform:translateY(-1px) scale(1.04)}}.startups-content{display:flex;flex-direction:column}.startup-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.startup-app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;padding:16px 10px;background:color-mix(in srgb,var(--text-black) 3%,transparent);border:1px solid var(--hairline-interactive);border-radius:12px;color:var(--text-black);font-size:var(--text-10);line-height:1.6;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease}.startup-app-icon{display:block;width:64px;height:64px;object-fit:contain;border-radius:22.37%;background:#0e3c29;box-shadow:0 2px 8px #0000001f,inset 0 0 0 1px #00000014;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease}.startup-app-name{font-weight:700;font-size:var(--text-11);color:var(--text-black);text-wrap:balance}.startup-app-hint{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid var(--hairline-interactive);background:color-mix(in srgb,var(--text-black) 4%,transparent);color:var(--panel-text-secondary);font-size:var(--text-9);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.startup-app-arrow{display:inline-block;transition:transform .16s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){a.startup-app:hover{background:color-mix(in srgb,var(--brand-purple) 8%,transparent);border-color:var(--brand-purple);transform:translateY(-3px);box-shadow:0 6px 16px #00000014}a.startup-app:hover .startup-app-icon{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px #0000002e,inset 0 0 0 1px #0000001a}a.startup-app:hover .startup-app-hint{border-color:var(--brand-purple);color:var(--brand-purple);background:color-mix(in srgb,var(--brand-purple) 12%,transparent)}a.startup-app:hover .startup-app-arrow{transform:translate(2px,-2px)}}.startup-app:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}.startup-app.is-placeholder{cursor:default}a.startup-app:active{transform:scale(.97) translateY(0);box-shadow:0 1px 4px #00000014;transition-duration:80ms}@media(prefers-color-scheme:dark){.startup-app{background:color-mix(in srgb,#ffffff 4%,transparent)}.startup-app-icon{box-shadow:0 2px 8px #0006,inset 0 0 0 1px #ffffff26}@media(hover:hover)and (pointer:fine){a.startup-app:hover{background:color-mix(in srgb,var(--brand-purple) 20%,transparent);box-shadow:0 6px 16px #00000059}}}#app-panel-overlay.visible .startup-app:nth-child(1){animation:startupAppEnter .26s cubic-bezier(.16,1,.3,1) 60ms backwards}#app-panel-overlay.visible .startup-app:nth-child(2){animation:startupAppEnter .26s cubic-bezier(.16,1,.3,1) .12s backwards}@keyframes startupAppEnter{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:360px){.startup-apps{gap:10px}.startup-app{padding:12px 6px;font-size:var(--text-9)}.startup-app-icon{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.startup-folder img,.startup-app,.startup-app-icon,.startup-app-arrow,#app-panel-overlay.visible .startup-app:nth-child(1),#app-panel-overlay.visible .startup-app:nth-child(2){animation:none;transition:none}a.startup-app:hover,a.startup-app:active,a.startup-app:hover .startup-app-icon,a.startup-app:hover .startup-app-arrow{transform:none}}.panel-writing{display:flex;flex-direction:column;gap:calc(var(--hud-baseline) * 1.5);text-align:left;margin-bottom:24px}.panel-writing-item{display:flex;flex-direction:column;min-height:44px;gap:var(--hud-baseline);padding:var(--hud-baseline);border-left:2px solid var(--text-black);text-decoration:none;color:var(--text-black);transition:transform .1s ease-out,background .1s step-end,border-color .1s step-end}@media(hover:hover)and (pointer:fine){.panel-writing-item:hover{transform:translate(2px);background:color-mix(in srgb,var(--panel-bg) 92%,var(--text-black));border-color:var(--brand-purple)}}.panel-writing-item:focus-visible,.panel-writing-item:active{background:color-mix(in srgb,var(--panel-bg) 92%,var(--text-black));border-color:var(--brand-purple)}.panel-writing-item:active{transform:translate(0) scale(.99)}.panel-writing-title{font-size:var(--text-12);line-height:1.6}.panel-writing-meta{font-size:var(--text-9);color:var(--panel-text-secondary)}.panel-writing-group{border-top:1px solid var(--hairline-interactive)}.panel-writing-group summary{min-height:44px;padding:12px 4px;font-size:var(--text-13);line-height:1.6;cursor:pointer;overflow-wrap:anywhere}.panel-writing-group summary:focus-visible{outline:2px dashed var(--brand-pink);outline-offset:2px}.panel-writing-count{display:inline-block;margin-inline-start:var(--hud-baseline);min-width:calc(var(--hud-baseline) * 3);padding:calc(var(--hud-baseline) * .25) calc(var(--hud-baseline) * .5);border:1px solid var(--hairline-interactive);font-size:var(--text-9);line-height:1.6;text-align:center;vertical-align:middle;white-space:nowrap;color:var(--panel-text-secondary)}.panel-writing-entries{display:grid;gap:12px;padding-block:4px 16px}.panel-writing-meta{line-height:1.6}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-center: #E2E0DC;--bg-step1: #D8D6D1;--bg-step2: #CFCCC6;--bg-edge: #C5C2BC;--text-black: #22201D;--hairline: #A09B93;--hairline-interactive: #6D6964;--panel-bg: #ECE9E3;--panel-text-secondary: #4a4843;--panel-header-text: #ECE9E3;--brand-pink: #C61879;--brand-purple: #7E09AA;--font-family: "Press Start 2P", monospace;--grid-gap: 0;--padding-outer: 64px;--hud-baseline: 8px;--hud-margin: calc(var(--hud-baseline) * 4);--hud-left-col-width: 140px;--hud-right-col-width: 140px;--op-primary: 1;--op-strong: .9;--op-secondary: .75;--op-tertiary: .72;--op-disabled: .55;--op-faint: .3;--op-hint-faint: .18;--text-5: 5px;--text-6: 6px;--text-7: 7px;--text-8: 8px;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-16: 16px;--z-base: -1;--z-effect-1: 1;--z-effect-2: 2;--z-particles: 5;--z-heart: 6;--z-grid: 10;--z-ambient-hint: 15;--z-hud-panel: 50;--z-modal: 100;--z-cursor: 1000;--z-skip-link: 10000}@media(prefers-color-scheme:dark){:root{--bg-center: #2C2A26;--bg-step1: #262320;--bg-step2: #1F1D1B;--bg-edge: #191715;--text-black: #E0E0E0;--hairline: #555555;--hairline-interactive: #666666;--panel-bg: #1a1a1a;--panel-text-secondary: #cccccc;--panel-header-text: #1a1a1a;--brand-pink: #E41E8C;--brand-purple: #A60CE0}}*{box-sizing:border-box;margin:0;padding:0}@media(pointer:fine){*{cursor:none}}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{min-height:100dvh;background:var(--bg-edge)}body{background:transparent;color:var(--text-black);font-family:var(--font-family);min-height:100vh;width:100%;font-size:var(--text-12);-webkit-font-smoothing:none;image-rendering:pixelated;position:relative}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--hud-baseline);left:var(--hud-baseline);z-index:var(--z-skip-link);padding:calc(var(--hud-baseline) * .75) var(--hud-baseline);background:var(--panel-bg);color:var(--text-black);font-family:var(--font-family);font-size:var(--text-10);text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:1px solid var(--text-black);transform:translateY(-200%);transition:transform .15s steps(2)}.skip-link:focus{transform:translateY(0)}.skip-link:focus-visible{outline:1px dashed var(--brand-pink);outline-offset:2px}#wallpaper{position:fixed;inset:0;z-index:var(--z-base);background:radial-gradient(circle at var(--drift-x, 50%) var(--drift-y, 50%),var(--bg-center) 0%,var(--bg-center) 25%,var(--bg-step1) 25%,var(--bg-step1) 50%,var(--bg-step2) 50%,var(--bg-step2) 75%,var(--bg-edge) 75%,var(--bg-edge) 100%)}.noise-overlay,.dither-overlay,.scanline-overlay,.vignette-overlay{position:fixed;inset:0;pointer-events:none}.noise-overlay{z-index:var(--z-effect-1);opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.dither-overlay{z-index:var(--z-effect-1);opacity:.15;background-image:repeating-conic-gradient(var(--text-black) 0% 25%,transparent 0% 50%);background-size:2px 2px}.scanline-overlay{z-index:var(--z-effect-2);background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-alpha, .1)),rgba(0,0,0,var(--scanline-alpha, .1)) 1px,transparent 1px,transparent 3px)}.vignette-overlay{z-index:var(--z-effect-2);background:radial-gradient(circle at center,transparent 0%,transparent var(--vignette-transparent-end, 85%),rgba(0,0,0,var(--vignette-alpha-mid, .08)) 85%,rgba(0,0,0,var(--vignette-alpha-outer, .12)) 100%)}#grid-container{display:grid;grid-template-columns:384px minmax(0,1fr) var(--hud-right-col-width);grid-template-rows:auto 1fr auto;min-height:100dvh;width:100%;gap:24px;padding:var(--hud-margin);padding-top:max(var(--hud-margin),env(safe-area-inset-top));padding-bottom:max(var(--hud-margin),env(safe-area-inset-bottom));padding-left:max(var(--hud-margin),env(safe-area-inset-left));padding-right:max(var(--hud-margin),env(safe-area-inset-right));position:relative;z-index:var(--z-grid)}.grid-cell{position:relative;display:flex;flex-direction:column}.top-right{align-items:flex-end;justify-content:flex-start}.center-cell{align-items:center;justify-content:center;position:relative}.bottom-left{align-items:flex-start;justify-content:flex-end}.bottom-right{align-items:flex-end;justify-content:flex-end}#particle-logo{position:fixed;inset:130px var(--logo-hud-right, 196px) 160px var(--logo-rail-left, 464px);z-index:var(--z-particles);display:flex;justify-content:center;align-items:center;pointer-events:auto}#particle-logo canvas{display:block}.hud-panel{position:fixed;top:calc(max(var(--hud-margin),env(safe-area-inset-top)) + var(--hud-baseline) * 4);right:max(var(--hud-margin),env(safe-area-inset-right));width:var(--hud-right-col-width);z-index:var(--z-hud-panel);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--hud-baseline);color:var(--text-black);pointer-events:auto}.hud-row{font-size:var(--text-11);white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-variant-numeric:tabular-nums}.weather-icon{font-size:var(--text-14);display:flex;align-items:center;justify-content:center}.hud-panel .hud-row svg{width:12px;height:12px;margin-right:0}.hud-link{appearance:none;-webkit-appearance:none;font-family:inherit;text-align:left;display:inline-block;color:var(--text-black);text-decoration:none;font-size:var(--text-11);opacity:var(--op-primary);transition:border-color .15s steps(2),background-color .15s steps(2),transform .15s steps(2);position:relative;padding:4px 10px;margin-top:var(--hud-baseline);border:1px solid var(--hairline-interactive);background:#0000000d}.hud-link:active{transform:scale(.97) translateY(1px)}.hud-link:before{content:"";position:absolute;inset:-4px 0}.hud-link:focus{opacity:var(--op-primary);border-color:var(--text-black);background:#0000001a}@media(hover:hover)and (pointer:fine){.hud-link:hover{opacity:var(--op-primary);border-color:var(--text-black);background:#0000001a}}.hud-link:after{content:"";position:absolute;bottom:0;left:10px;width:calc(100% - 20px);height:1px;background:var(--text-black);transform:scaleX(0);transform-origin:left;transition:transform .15s steps(3)}.hud-link:focus:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.hud-link:hover:after{transform:scaleX(1)}}.hud-link:focus{outline:none}.hud-link:focus-visible{outline:1px dashed var(--brand-pink);outline-offset:2px}@media(prefers-color-scheme:dark){.pixel-link,.hud-row,.hud-link{text-shadow:0 0 8px rgba(255,255,255,.1)}}.studio-player{padding:calc(var(--hud-baseline) * 1.25) calc(var(--hud-baseline) * 1.5);border:1px solid var(--hairline-interactive);min-width:var(--hud-right-col-width);max-width:var(--hud-right-col-width);transition:border-color .25s ease-out}@media(hover:hover)and (pointer:fine){.studio-player:hover{border-color:var(--text-black)}}.studio-player-track{display:flex;flex-direction:column;gap:2px;margin-bottom:calc(var(--hud-baseline) * 1.25)}.studio-player-name{font-size:var(--text-8);color:var(--text-black);letter-spacing:.5px;font-family:var(--font-family);min-width:0;overflow-wrap:break-word}.studio-player-index{font-size:var(--text-7);color:var(--panel-text-secondary);opacity:var(--op-primary);font-variant-numeric:tabular-nums}.studio-player-controls{display:flex;gap:var(--hud-baseline);margin-bottom:calc(var(--hud-baseline) * 1.25)}.studio-player-status{margin:8px 0 0;color:var(--text-black);font-size:var(--text-11);line-height:1.5;overflow-wrap:break-word}.studio-player-status:empty{margin:0}.studio-btn{font-family:var(--font-family);font-size:var(--text-8);color:var(--text-black);background:transparent;border:1px solid var(--hairline-interactive);padding:calc(var(--hud-baseline) * .75) calc(var(--hud-baseline) * 1.25);cursor:none;transition:border-color .1s ease-out,background .1s ease-out,color .1s ease-out;min-width:calc(var(--hud-baseline) * 4.5);min-height:24px;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media(hover:hover)and (pointer:fine){.studio-btn:hover{border-color:var(--text-black);background:var(--text-black);color:var(--panel-bg)}}.studio-btn:active{transform:translateY(1px)}.studio-btn.is-playing{border-color:var(--brand-pink)}.studio-btn.flash{background:var(--text-black);color:var(--panel-bg)}.studio-btn-icon{display:flex;align-items:center;justify-content:center}.studio-btn-icon svg{display:block;width:10px;height:10px}.studio-player-progress{height:2px;background:var(--hairline);position:relative;overflow:hidden}.studio-player-progress-bar{height:100%;width:100%;background:var(--text-black);transform:scaleX(0);transform-origin:left;transition:transform .3s linear}body.studio-mode #wallpaper{--drift-x: 50%;--drift-y: 50%;transition:background .8s ease-out}body.studio-mode .noise-overlay{opacity:.12;transition:opacity .8s ease-out}body.studio-mode .scanline-overlay{--scanline-alpha: .12;opacity:1;transition:opacity .8s ease-out,background .8s ease-out}body.studio-mode .vignette-overlay{--breath-opacity: 1;--vignette-transparent-end: 80%;--vignette-alpha-mid: .12;--vignette-alpha-outer: .18;opacity:calc(var(--breath-opacity) * 1);transition:opacity .8s ease-out,background .8s ease-out}#particle-logo{transition:transform .15s ease-out}#particle-logo.studio-glitch{filter:contrast(1.2) brightness(.9);transform:translate(2px)}.noise-overlay,.scanline-overlay,.vignette-overlay{transition:opacity .8s ease-out,background .8s ease-out}#custom-cursor{position:fixed;top:0;left:0;width:12px;height:12px;background:transparent;border:1px solid var(--text-black);width:16px;height:16px;border:none;background-color:var(--text-black);clip-path:polygon(0 0,0 100%,30% 65%,60% 65%,100% 30%,65% 30%,65% 0);pointer-events:none;z-index:var(--z-cursor);transform:translate(0);transition:opacity .2s;mix-blend-mode:difference}#custom-cursor:after{content:"";position:absolute;width:4px;height:4px;background:var(--text-black);opacity:.5;bottom:-8px;right:-8px}.panel-heading{font-size:var(--text-16);margin-top:0;margin-bottom:8px;line-height:1.4;overflow-wrap:break-word;text-wrap:balance}.panel-platform{display:inline-block;max-width:100%;line-height:1.6;font-size:var(--text-10);padding:4px 8px;margin-bottom:16px;border:1px solid var(--panel-text-secondary);color:var(--panel-text-secondary);text-transform:uppercase;letter-spacing:1px}.panel-text{font-size:var(--text-14);line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-bottom:24px;color:var(--panel-text-secondary);text-wrap:pretty}.panel-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.panel-link{display:flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;border:2px solid var(--text-black);border-radius:4px;background:transparent;color:var(--text-black);text-decoration:none;font-size:var(--text-10);transition:background-color .15s ease,color .15s ease,transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease;white-space:normal;line-height:1.6;text-align:center}.panel-link:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}@media(hover:hover)and (pointer:fine){.panel-link:hover{background:var(--text-black);color:var(--panel-header-text);transform:translateY(-2px);box-shadow:2px 2px #0003}}.panel-link:active{transform:translateY(0) scale(.97)}.panel-link.primary{flex-basis:100%;text-align:center}.panel-link:not(.primary){font-size:var(--text-8);padding:6px 10px;border-width:1px;opacity:var(--op-tertiary)}@media(hover:hover)and (pointer:fine){.panel-link:not(.primary):hover{opacity:var(--op-primary)}}.panel-link.disabled,.panel-link[aria-disabled=true]{opacity:var(--op-disabled);cursor:not-allowed;pointer-events:none;border-style:dashed}.legal-section{margin-bottom:24px;border-bottom:1px dashed var(--hairline);padding-bottom:16px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2,.legal-section h3{font-family:var(--font-family);font-size:var(--text-12);text-transform:uppercase;margin-bottom:12px;color:var(--text-black)}.legal-section p,.legal-section li{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-14);line-height:1.5;color:var(--panel-text-secondary);margin-bottom:8px}.legal-section ul{list-style-type:none;padding-left:0}.legal-section ul li:before{content:"- "}.legal-section a{color:var(--text-black);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}@media(hover:hover)and (pointer:fine){.legal-section a:hover{background:var(--text-black);color:var(--panel-header-text);text-decoration:none}}.legal-section a:active{background:var(--text-black);color:var(--panel-header-text);text-decoration:none}.about-content{text-align:center}.about-content .legal-section p{text-align:left;text-wrap:pretty}.about-avatar{width:120px;height:120px;object-fit:cover;object-position:50% 30%;image-rendering:pixelated;border:2px solid var(--text-black);margin-bottom:20px}.legal-divider{border:0;border-top:1px solid var(--hairline);margin:20px 0}.legal-note{font-size:.9em;color:var(--panel-text-secondary)}.legal-footer-note{margin-top:24px;font-size:var(--text-10);color:var(--panel-text-secondary)}#ambient-layer{position:fixed;inset:0;pointer-events:none;z-index:var(--z-particles)}.ambient-sprite{position:absolute;font-size:var(--text-10);color:var(--text-black);opacity:var(--op-faint);animation:drift-0 24s infinite ease-in-out alternate,blink 4s infinite;user-select:none;-webkit-user-select:none;pointer-events:none}@keyframes drift-0{0%{transform:translateZ(0)}to{transform:translate3d(12px,-8px,0)}}@keyframes drift-1{0%{transform:translateZ(0)}to{transform:translate3d(-10px,-12px,0)}}@keyframes drift-2{0%{transform:translateZ(0)}to{transform:translate3d(8px,10px,0)}}@keyframes drift-3{0%{transform:translateZ(0)}to{transform:translate3d(-14px,6px,0)}}.ambient-sprite[data-drift-group="0"]{animation-duration:24s,4s}.ambient-sprite[data-drift-group="1"]{animation-duration:32s,5s}.ambient-sprite[data-drift-group="2"]{animation-duration:28s,3.5s}.ambient-sprite[data-drift-group="3"]{animation-duration:36s,4.5s}@keyframes blink{0%,90%,to{opacity:var(--op-faint)}95%{opacity:0}}.system-hint{appearance:none;-webkit-appearance:none;background:none;border:0;text-align:left;position:relative;margin-top:calc(var(--hud-baseline) * 3);padding-left:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;cursor:pointer}.system-hint:after{content:"";position:absolute;inset:-8px 0}.system-hint-label{display:block;font-size:var(--text-12);line-height:1.5;color:var(--text-black);opacity:var(--op-strong);text-transform:uppercase;letter-spacing:.5px;transition:opacity .15s ease-out}@media(hover:hover)and (pointer:fine){.system-hint:hover .system-hint-label{opacity:var(--op-primary)}}.system-hint:focus{outline:none}.system-hint:focus-visible .system-hint-label{opacity:var(--op-primary);outline:1px dashed var(--brand-pink);outline-offset:2px}@media(max-width:420px){.system-hint{margin-top:calc(var(--hud-baseline) * 2.5)}}.build-this-content{text-align:center;padding:20px 0}.build-this-question{font-size:var(--text-12);color:var(--text-black);margin:0 0 16px;opacity:var(--op-strong)}.build-this-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;line-height:1.6;font-size:var(--text-11);color:var(--text-black);text-decoration:none;padding:8px 14px;border:1px solid var(--text-black);transition:background-color .15s ease-out,color .15s ease-out,transform .12s ease-out;letter-spacing:.5px}@media(hover:hover)and (pointer:fine){.build-this-link:hover{background:var(--text-black);color:var(--panel-bg)}}.build-this-link:active{transform:scale(.97)}.build-this-link:focus-visible{outline:2px dashed var(--brand-pink);outline-offset:3px}.ambient-hint{position:fixed;z-index:var(--z-ambient-hint);pointer-events:none;font-family:var(--font-family);font-size:var(--text-8);letter-spacing:.5px;line-height:1.6;left:max(var(--hud-margin),env(safe-area-inset-left));bottom:max(calc(var(--hud-margin) + 48px),calc(env(safe-area-inset-bottom) + 48px))}.ambient-hint-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text-black);pointer-events:auto;background:none;border:none;padding:0;font:inherit;text-align:left;cursor:none}.ambient-hint-primary{opacity:0;transition:opacity .8s ease-out}.ambient-hint-secondary{font-size:var(--text-7);opacity:0;transform:translateY(-2px);transition:opacity .2s ease-out,transform .2s ease-out}.ambient-hint-cursor{margin-left:2px;opacity:0}.ambient-hint-cursor.blinking{animation:cursorBlink .5s steps(1) infinite}.ambient-hint-cursor.hidden{display:none}@keyframes cursorBlink{0%,50%{opacity:var(--op-primary)}51%,to{opacity:0}}@keyframes crtJitter{0%,to{transform:translate(0)}25%{transform:translate(1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}.ambient-hint.state-hidden{opacity:0;pointer-events:none}.ambient-hint.state-hidden .ambient-hint-link{pointer-events:none}.ambient-hint.state-faint-visible .ambient-hint-primary,.ambient-hint.state-revealable .ambient-hint-primary{opacity:var(--op-hint-faint);animation:crtJitter .15s steps(2) 3}.ambient-hint.state-faint-visible .ambient-hint-cursor{opacity:.8}.ambient-hint.state-revealable .ambient-hint-link{pointer-events:auto}.ambient-hint.state-revealed .ambient-hint-primary{opacity:var(--op-secondary);animation:none}.ambient-hint.state-revealed .ambient-hint-secondary{opacity:var(--op-tertiary);transform:translateY(0)}.ambient-hint-link:focus .ambient-hint-primary,.ambient-hint-link:focus .ambient-hint-secondary{opacity:1;transform:none;transition:none;animation:none}.ambient-hint.state-dismissed{opacity:0;transition:opacity .6s ease-out;pointer-events:none}.ambient-hint.state-dismissed .ambient-hint-link{pointer-events:none}@media(max-width:768px){.ambient-hint{bottom:calc(var(--hud-margin) + 76px);font-size:var(--text-7)}.ambient-hint-secondary{font-size:var(--text-6)}}@media(max-width:420px){.ambient-hint{bottom:calc(var(--hud-margin) + 64px);font-size:var(--text-6)}.ambient-hint-secondary{font-size:var(--text-5)}}@media(prefers-reduced-motion:reduce){.ambient-sprite{animation:none!important;transition:none!important;opacity:.2}.skip-link,.hud-link,.hud-link:after,.studio-player,.studio-btn,.studio-player-progress-bar,#wallpaper,body.studio-mode #wallpaper,.noise-overlay,body.studio-mode .noise-overlay,.scanline-overlay,body.studio-mode .scanline-overlay,.vignette-overlay,body.studio-mode .vignette-overlay,#particle-logo,#custom-cursor,.panel-link,.panel-writing-item,.system-hint-label,.build-this-link,.ambient-hint,.ambient-hint.state-dismissed,.ambient-hint-primary,.ambient-hint.state-faint-visible .ambient-hint-primary,.ambient-hint.state-revealable .ambient-hint-primary,.ambient-hint-secondary,.ambient-hint-cursor,.ambient-hint-cursor.blinking{animation:none;transition:none}.hud-link:active,.studio-btn:active,.panel-link:hover,.panel-link:active,.panel-writing-item:hover,.panel-writing-item:active,.build-this-link:active,.ambient-hint-secondary{transform:none}.ambient-hint-cursor{display:none}}.teaching-content .legal-section h3{line-height:1.6}#app-panel-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none;background-color:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background-color .24s cubic-bezier(.16,1,.3,1),backdrop-filter .24s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .24s cubic-bezier(.16,1,.3,1)}#app-panel-overlay.visible{pointer-events:auto;background-color:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-panel{display:flex;flex-direction:column;width:100%;max-width:500px;min-width:0;min-height:0;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));margin:auto;padding:4px;border:4px solid var(--text-black);background:var(--panel-bg);box-shadow:8px 8px #00000040;visibility:hidden;pointer-events:none;opacity:0;transform:scale(.95) translateY(8px);transition:opacity .14s cubic-bezier(.4,0,1,1),transform .14s cubic-bezier(.4,0,1,1),visibility 0s .14s}#app-panel-overlay.visible .app-panel{visibility:visible;pointer-events:auto;opacity:var(--op-primary);transform:scale(1) translateY(0);transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),visibility 0s 0s}#app-panel-overlay.visible .panel-content{animation:panelContentReveal .24s cubic-bezier(.16,1,.3,1) 40ms backwards}@keyframes panelContentReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:0 4px 0 12px;background:var(--text-black);color:var(--panel-header-text);font-family:var(--font-family);text-transform:uppercase}.panel-title{min-width:0;font-size:var(--text-10);line-height:1.6;overflow-wrap:anywhere}.close-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:52px;min-width:52px;min-height:44px;padding:0;border:1px solid transparent;border-radius:4px;background:none;color:inherit;font-family:inherit;font-size:var(--text-10);white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.close-btn:hover{background:#ffffff26;border-color:#ffffff40;text-decoration:none;transform:translateY(-1px)}}.close-btn:focus-visible{outline:2px solid var(--brand-pink);outline-offset:-2px}.close-btn:active{transform:scale(.92);transition-duration:70ms}.panel-body{flex:1 1 auto;min-height:0;min-width:0;padding:clamp(18px,4vw,24px);overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere;color:var(--text-black);scrollbar-width:thin;scrollbar-color:var(--text-black) transparent}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background-color:var(--text-black);border:1px solid transparent;background-clip:content-box}.panel-icon{position:relative;width:72px;height:72px;margin:4px auto 14px;border-radius:22.37%;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001f;transition:transform .2s cubic-bezier(.16,1,.3,1)}.panel-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000001a;pointer-events:none}.panel-icon img{display:block;width:100%;height:100%;object-fit:cover}.panel-icon.is-mark img{padding:16%;object-fit:contain}.panel-icon.is-glyph{width:56px;height:56px;border-radius:0;overflow:visible;background:none;color:var(--text-black);box-shadow:none}.panel-icon.is-glyph:after{display:none}.panel-icon.is-glyph svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.panel-icon~.panel-heading{text-align:center}.panel-icon~.panel-platform{display:table;margin-left:auto;margin-right:auto}@media(prefers-color-scheme:dark){#app-panel-overlay.visible{background-color:#0009}.app-panel{box-shadow:8px 8px #000000b3,0 0 0 1px #ffffff26}.panel-icon:after{box-shadow:inset 0 0 0 1px #ffffff26}}@media(prefers-reduced-motion:reduce){#app-panel-overlay,#app-panel-overlay.visible,.app-panel,#app-panel-overlay.visible .app-panel,.close-btn,#app-panel-overlay.visible .panel-content{animation:none;transition:none}.app-panel,#app-panel-overlay.visible .app-panel,.close-btn:active,#app-panel-overlay.visible .panel-content{transform:none}}.mobile-dock{display:none}.weather-widget,.calendar-widget{display:contents}.top-left{grid-column:1;grid-row:1;width:384px;min-width:0;gap:24px}.top-right{grid-column:3;grid-row:1}.home-intro{margin:0;font-size:var(--text-11);line-height:1.5}.apps-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;width:100%;min-width:0;gap:16px}.section-label{grid-column:1 / -1;margin:0;color:var(--text-black);font-size:var(--text-10);line-height:1.6;letter-spacing:1px}.pixel-link{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:104px;padding:8px 4px;border:1px solid transparent;background:none;color:var(--text-black);font:var(--text-11) / 1.5 var(--font-family);text-transform:uppercase;text-align:center;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;transition:transform .1s steps(2)}.pixel-link-label{max-width:100%;min-height:2lh;white-space:normal;text-wrap:balance}.pixel-link-icon{display:block;flex-shrink:0;width:48px;height:48px;padding:7px;border-radius:22.37%;background:color-mix(in srgb,var(--panel-bg) 55%,transparent);box-shadow:inset 0 0 0 1px #0000001a,0 1px 3px #0000001f}.pixel-link-icon img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.pixel-link-icon svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.pixel-link:focus-visible{background:#7e09aa0d;border-color:var(--brand-purple);outline-offset:2px}@media(hover:hover)and (pointer:fine){.pixel-link:hover{background:#7e09aa0d;border:1px dotted var(--brand-purple)}}.pixel-link:active{transform:scale(.97) translateY(1px)}@media(hover:none){.pixel-link:active{background:#0000000d}}@media(prefers-color-scheme:dark){.pixel-link-icon{box-shadow:inset 0 0 0 1px #ffffff26,0 1px 3px #0006}}@media(hover:none)and (prefers-color-scheme:dark){.pixel-link:active{background:#ffffff0d}}@media(max-width:768px){html,body{height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}#grid-container{grid-template-columns:repeat(4,minmax(0,1fr));--home-cell: min( clamp(40px, calc((100vw - 60px)/4) , 96px), calc((100dvh - 270px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 6) );grid-template-rows:repeat(6,var(--home-cell));grid-auto-flow:row dense;align-content:start;gap:12px 8px;height:100dvh;min-height:0;overflow:hidden;max-width:768px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-left))}#grid-container>.grid-cell:not(.top-left):not(.top-right):not(.bottom-left):not(.bottom-right){display:none}#particle-logo,.ambient-hint,#hud-about-link,#hud-contact-link{display:none}.calendar-widget,.weather-widget{min-width:0;min-height:0;padding:clamp(4px,calc(var(--home-cell) / 8),10px);border:1px solid var(--hairline-interactive);border-radius:20px;background:color-mix(in srgb,var(--panel-bg) 45%,transparent);box-shadow:4px 4px #00000012}.top-right,.hud-panel{display:contents}.hud-row{max-width:100%;font-size:var(--text-9);line-height:1.5;justify-content:center;white-space:normal;overflow-wrap:anywhere}.calendar-widget{grid-column:1 / span 2;grid-row:1 / span 2}.weather-widget{grid-column:3 / span 2;grid-row:3 / span 2}.calendar-widget,.weather-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,calc(var(--home-cell) / 12),8px);text-align:center}#date-display{font-size:clamp(7px,calc(var(--home-cell) / 9),9px)}#clock-display{font-size:clamp(10px,calc(var(--home-cell) / 4),18px)}.weather-widget .weather-row{font-size:clamp(12px,calc(var(--home-cell) / 3),22px)}#location-display{font-size:clamp(7px,calc(var(--home-cell) / 10),9px);line-height:1.3}#location-display svg{display:none}.top-left,.apps-nav{display:contents}.home-intro,.section-label{display:none}[data-app=appNext]{grid-column:3;grid-row:1}[data-app=appOne]{grid-column:4;grid-row:1}[data-app=appTwo]{grid-column:3;grid-row:2}[data-app=appThree]{grid-column:4;grid-row:2}[data-app=siteStrive]{grid-column:1;grid-row:3}[data-app=siteB1]{grid-column:2;grid-row:3}[data-app=appTeaching]{grid-column:1;grid-row:4}[data-app=siteBuildWithVibe]{grid-column:2;grid-row:4}[data-app=siteStartups]{grid-column:1;grid-row:5}[data-app=siteStudio]{grid-column:2;grid-row:5}[data-app=appWriting]{grid-column:3;grid-row:5}[data-app=siteD20]{grid-column:4;grid-row:5}[data-app=appStore]{grid-column:1;grid-row:6}[data-app=appSettings]{grid-column:2;grid-row:6}.pixel-link{min-height:0;height:100%;padding:2px 0;gap:4px;font-size:var(--text-8)}.pixel-link-icon{width:max(18px,min(48px,calc(var(--home-cell) - 3em - 8px)));height:max(18px,min(48px,calc(var(--home-cell) - 3em - 8px)));padding:4px}.pixel-link-label{width:100%;flex-shrink:0}.bottom-left{position:fixed;top:auto;bottom:calc(116px + env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.bottom-left .system-hint{margin:0;min-height:44px;order:2}.bottom-right{display:none;position:fixed;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:calc(152px + env(safe-area-inset-bottom));z-index:var(--z-hud-panel);align-items:center;max-height:calc(100dvh - 176px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.music-open .bottom-right{display:flex;animation:musicTrayIn .18s cubic-bezier(.16,1,.3,1)}@keyframes musicTrayIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.studio-player{width:100%;min-width:0;max-width:394px;padding:18px;background:var(--panel-bg);box-shadow:4px 4px #0003}.studio-btn{min-height:44px;min-width:44px}.mobile-dock{display:flex;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));max-width:394px;margin-inline:auto;z-index:var(--z-hud-panel);gap:8px;padding:10px 12px 8px;border:1px solid var(--hairline-interactive);border-radius:28px;background:color-mix(in srgb,var(--panel-bg) 45%,transparent);box-shadow:4px 4px #00000012}.mobile-dock button,.mobile-dock a{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0;border:0;background:none;color:var(--text-black);font:var(--text-11) / 1.5 var(--font-family);text-decoration:none;text-align:center;cursor:pointer}.mobile-dock img,.dock-app-icon{flex-shrink:0;width:48px;height:48px;border-radius:22.37%;box-shadow:0 1px 3px #0000001f}.mobile-dock img{object-fit:cover;image-rendering:pixelated;outline:1px solid #0000001a;outline-offset:-1px}.dock-app-icon{display:grid;place-items:center;padding:10px;background:color-mix(in srgb,var(--panel-bg) 55%,transparent);box-shadow:inset 0 0 0 1px #0000001a,0 1px 3px #0000001f}.dock-app-icon svg{width:100%;height:100%;shape-rendering:crispEdges}.mobile-dock button:focus-visible,.mobile-dock a:focus-visible{outline:2px dashed var(--brand-pink);outline-offset:5px}.mobile-dock :is(button,a):active :is(img,.dock-app-icon){background:color-mix(in srgb,var(--panel-bg) 80%,var(--text-black));outline:2px solid var(--text-black);outline-offset:-2px}.mobile-dock button[aria-expanded=true] .music-app-icon{color:var(--brand-pink)}}@media(max-width:768px)and (max-height:650px){.pixel-link{padding:1px 0;gap:2px;font-size:clamp(7px,calc(var(--home-cell) / 8),9px)}}@media(max-width:768px)and (prefers-color-scheme:dark){.mobile-dock img{outline-color:#ffffff26}.dock-app-icon{box-shadow:inset 0 0 0 1px #ffffff26,0 1px 3px #0006}}@media(prefers-reduced-motion:reduce){.music-open .bottom-right{animation:none}.pixel-link{animation:none;transition:none}.pixel-link:active{transform:none}}@media(min-width:769px){:root{--hud-margin: clamp(16px, 2.5dvh, 32px);--desktop-rail: clamp(288px, 28vw, 336px)}html,body{height:100dvh;min-height:0;overflow:clip;overscroll-behavior:none}#grid-container{height:100dvh;min-height:0;grid-template-columns:var(--desktop-rail) minmax(0,1fr) var(--hud-right-col-width);grid-template-rows:minmax(0,1fr) auto;gap:16px}.top-center,.middle-left,.center-cell,.middle-right,.bottom-center{display:none}.top-left{width:100%;gap:clamp(8px,1.6dvh,20px);align-self:start}.home-intro{font-size:var(--text-10)}.apps-nav{gap:8px}.section-label{font-size:var(--text-9);letter-spacing:0}.pixel-link{min-height:0;padding:2px 4px;gap:4px;font-size:var(--text-8)}.pixel-link-icon{width:clamp(24px,4dvh,40px);height:clamp(24px,4dvh,40px);padding:4px}.bottom-left{grid-column:1;grid-row:2}.bottom-right{grid-column:2 / -1;grid-row:2}}@media(min-width:769px)and (max-height:600px){.top-left{gap:8px}.apps-nav{gap:4px}.pixel-link{flex-direction:row;align-items:center;text-align:left;padding:2px}.pixel-link-icon{width:24px;height:24px}}@media(min-width:769px)and (max-height:450px){.home-intro{display:none}.top-left{gap:6px}}@media(min-width:769px)and (max-height:360px){.top-left{gap:4px}.apps-nav{gap:2px}.section-label{font-size:var(--text-8);line-height:1.25}.pixel-link{font-size:var(--text-7);line-height:1.3}.pixel-link-icon{width:20px;height:20px}}