@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";
*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0}a{color:inherit}button,input,textarea,select{font:inherit}
:root{--ink:#160c43;--purple:#35157c;--pink:#ff3fa4;--cyan:#00e9e1;--yellow:#ffe45b;--paper:#fff7d3;--page-bg:#13052f;--page-pattern:#472297;--surface:#fffdf0;--surface-strong:#fff7d3;--surface-soft:#f4ebff;--frame-outline:#fff;--frame-shadow:#250b63;--frame-glow:#f837d5;--header-start:#27076a;--header-mid:#7612a9;--header-end:#ed3b9f;--nav-bg:#15063e;--nav-button-top:#a45de4;--nav-button-bottom:#56219c;--nav-button-text:#fff;--nav-button-shadow:#250b63;--sidebar-bg:#392078;--sidebar-text:#fff;--sidebar-accent:#fff36a;--sidebar-muted:#b6b0ff;--sidebar-border:#b58ce8;--sidebar-chip:#15458a;--content-bg:var(--paper);--content-glow:#ff429a14;--panel-bg:#fffdf0;--panel-border:#d7b7ff;--panel-shadow:#240b66;--panel-title:#38147d;--text-strong:#40137d;--text-soft:#75208b;--accent:#ff3fa4;--accent-2:#00e9e1;--accent-3:#ffe45b;--callout-bg:#ffec8c;--button-text:#fff;--button-shadow:#250b63;--chip-bg:#e7cfff;--chip-alt:#d3f5ef;--tag-text:#781091;--footer-bg:#1e0757}body{background:var(--page-bg) radial-gradient(circle at 20% 10%,var(--page-pattern) 0 1px,transparent 2px) 0 0/31px 31px;color:var(--ink);cursor:url(/cursors/pixel-arrow.svg) 2 2,auto;font-family:VT323,monospace;font-size:20px}a,button,[role=button],select,label[for],summary{cursor:url(/cursors/pixel-hand.svg) 11 2,pointer}input,textarea{cursor:text}.retro-page{background:var(--page-bg);min-height:100vh;padding:24px;position:relative;overflow:hidden}.retro-page-shell{animation:.55s cubic-bezier(.22,1,.36,1) page-boot-in;position:relative}.retro-transition-sweep{pointer-events:none;z-index:5;background:linear-gradient(90deg,#fff0 0%,#ffffff2e 18%,#00c6ff38 35%,#ff3aa238 52%,#ffffff26 72%,#fff0 100%);animation:.8s cubic-bezier(.25,.9,.22,.96) forwards retro-sweep;position:absolute;inset:-6% -10%;transform:translate(-120%)}@keyframes retro-sweep{0%{transform:translate(-120%)}45%{transform:translate(10%)}to{transform:translate(120%)}}@keyframes page-boot-in{0%{opacity:0;filter:blur(2px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.theme-starfield{--page-bg:#13052f;--page-pattern:#472297;--paper:#fff7d3;--surface:#fffdf0;--surface-soft:#f4ebff;--frame-outline:#fff;--frame-shadow:#250b63;--frame-glow:#f837d5;--header-start:#27076a;--header-mid:#7612a9;--header-end:#ed3b9f;--nav-bg:#15063e;--nav-button-top:#a45de4;--nav-button-bottom:#56219c;--nav-button-text:#fff;--nav-button-shadow:#250b63;--sidebar-bg:#392078;--sidebar-text:#fff;--sidebar-accent:#fff36a;--sidebar-muted:#b6b0ff;--sidebar-border:#b58ce8;--sidebar-chip:#15458a;--content-bg:var(--paper);--content-glow:#ff429a14;--panel-bg:#fffdf0;--panel-border:#d7b7ff;--panel-shadow:#240b66;--panel-title:#38147d;--text-strong:#40137d;--text-soft:#75208b;--accent:#ff3fa4;--accent-2:#00e9e1;--accent-3:#ffe45b;--button-text:#fff;--button-shadow:#250b63;--chip-bg:#e7cfff;--chip-alt:#d3f5ef;--tag-text:#781091;--footer-bg:#1e0757;background:#13052f radial-gradient(circle at 20% 10%,#472297 0 1px,#0000 2px) 0 0/31px 31px}.theme-neon-grid{--page-bg:#080326;--page-pattern:#ff3fa4;--paper:#f9f7ff;--surface:#f8f2ff;--surface-soft:#ebfaff;--frame-outline:#f7f5ff;--frame-shadow:#250b63;--frame-glow:#6ef7ff;--header-start:#130b41;--header-mid:#4c1d9e;--header-end:#ff4ad5;--nav-bg:#0c0d32;--nav-button-top:#68d8ff;--nav-button-bottom:#2d4ab4;--nav-button-text:#08111d;--nav-button-shadow:#0a0f62;--sidebar-bg:#120e40;--sidebar-text:#e8faff;--sidebar-accent:#53f4ff;--sidebar-muted:#a7d0ff;--sidebar-border:#66d5ff;--sidebar-chip:#112d70;--content-bg:#f9f7ff;--content-glow:#00e9e114;--panel-bg:#f7f3ff;--panel-border:#9fddff;--panel-shadow:#0d1d57;--panel-title:#2a1465;--text-strong:#2b1466;--text-soft:#48528b;--accent:#ff3fa4;--accent-2:#00d8f8;--accent-3:#ffe45b;--button-text:#061625;--button-shadow:#07173f;--chip-bg:#d6e9ff;--chip-alt:#dffef2;--tag-text:#1a2d8a;--footer-bg:#0d133d;background:linear-gradient(#080326 0 62%,#210745 63%,#090221 100%) 0 0/100% 100%}.theme-neon-grid:before{content:"";z-index:0;transform-origin:bottom;background:linear-gradient(#ff3fa422 1px,#0000 1px) 0 0/100% 28px,linear-gradient(90deg,#00e9e133 1px,#0000 1px) 0 0/42px 100%;position:fixed;inset:38% 0 0;transform:perspective(260px)rotateX(53deg)scale(1.55)}.theme-neon-grid .stars,.theme-pixel-circuit .stars{display:none}.theme-synthwave{--page-bg:#130720;--page-pattern:#fff29f;--paper:#fff7d3;--surface:#fff8ee;--surface-soft:#f9e7ff;--frame-outline:#fff;--frame-shadow:#2c0d50;--frame-glow:#ff6ca8;--header-start:#31126c;--header-mid:#f23b9b;--header-end:#25065a;--nav-bg:#2d0f5b;--nav-button-top:#ffdb6b;--nav-button-bottom:#f63ea7;--nav-button-text:#1a0d3d;--nav-button-shadow:#250b63;--sidebar-bg:#2f1347;--sidebar-text:#fff5d0;--sidebar-accent:#ffeb78;--sidebar-muted:#ffd9ee;--sidebar-border:#ff8fd8;--sidebar-chip:#7a1d85;--content-bg:#fff7d3;--content-glow:#f23b9b1a;--panel-bg:#fffaf1;--panel-border:#ffc2d9;--panel-shadow:#560d7d;--panel-title:#4a1f7f;--text-strong:#3d1777;--text-soft:#7b1d66;--accent:#f23b9b;--accent-2:#00e9e1;--accent-3:#ffe45b;--button-text:#1d0d33;--button-shadow:#451f81;--chip-bg:#f3d6ff;--chip-alt:#dbfdf5;--tag-text:#6f186e;--footer-bg:#1a0d3d;background:radial-gradient(circle at 50% 25%,#ffeb78 0 7%,#ff8d70 7.2% 13%,#ed3b9f 13.2% 14%,#0000 14.2%),linear-gradient(#31126c 0 48%,#f23b9b 49%,#25065a 73%,#080323 100%)}.theme-synthwave:before{content:"";z-index:0;opacity:.55;transform-origin:bottom;background:repeating-linear-gradient(0deg,#00e9e1 0 1px,#0000 1px 32px),repeating-linear-gradient(90deg,#00e9e1 0 1px,#0000 1px 42px);position:fixed;inset:52% 0 0;transform:perspective(300px)rotateX(56deg)scale(1.5)}.theme-pixel-circuit{--page-bg:#071e32;--page-pattern:#00e9e1;--paper:#f2faff;--surface:#edf7ff;--surface-soft:#e9f8ff;--frame-outline:#fff;--frame-shadow:#0e2342;--frame-glow:#ff3fa4;--header-start:#0b2546;--header-mid:#19529b;--header-end:#f3439f;--nav-bg:#0a1834;--nav-button-top:#61dff6;--nav-button-bottom:#2458cc;--nav-button-text:#09182d;--nav-button-shadow:#0c2c49;--sidebar-bg:#112b4f;--sidebar-text:#d9fbff;--sidebar-accent:#9af1ff;--sidebar-muted:#b9cfff;--sidebar-border:#7edbff;--sidebar-chip:#1c4a8c;--content-bg:#f3fbff;--content-glow:#00e9e114;--panel-bg:#f7feff;--panel-border:#a9d8ff;--panel-shadow:#12275e;--panel-title:#1b2f73;--text-strong:#1c2b69;--text-soft:#3d588d;--accent:#ff3fa4;--accent-2:#00c7ea;--accent-3:#ffe45b;--button-text:#0b1a2d;--button-shadow:#16366a;--chip-bg:#d9f0ff;--chip-alt:#d6fff3;--tag-text:#2a4a87;--footer-bg:#0e244a;background-color:#071e32;background-image:linear-gradient(90deg,#0000 49%,#00e9e155 50% 51%,#0000 52%),linear-gradient(#0000 49%,#ff3fa455 50% 51%,#0000 52%),radial-gradient(circle at 15px 15px,#ffe45b 0 2px,#0000 3px);background-size:60px 60px,60px 60px,60px 60px}.theme-arcade-dots{--page-bg:#1c0848;--page-pattern:#ff3fa4;--paper:#fff8e6;--surface:#fff5d0;--surface-soft:#f5eeff;--frame-outline:#fff;--frame-shadow:#3a144c;--frame-glow:#00e9e1;--header-start:#2a1156;--header-mid:#5f2f9e;--header-end:#ff3fa4;--nav-bg:#180c3b;--nav-button-top:#00e9e1;--nav-button-bottom:#0e8ab5;--nav-button-text:#061426;--nav-button-shadow:#240b63;--sidebar-bg:#26135d;--sidebar-text:#e9faff;--sidebar-accent:#fbff9b;--sidebar-muted:#d4d2ff;--sidebar-border:#7ef9ff;--sidebar-chip:#1d4385;--content-bg:#fff7d3;--content-glow:#00e9e114;--panel-bg:#fffdf6;--panel-border:#c2b0ff;--panel-shadow:#31145e;--panel-title:#3d1d76;--text-strong:#2d1565;--text-soft:#684986;--accent:#ff3fa4;--accent-2:#00e9e1;--accent-3:#ffe45b;--button-text:#081d2c;--button-shadow:#3a1f74;--chip-bg:#d8e3ff;--chip-alt:#dffdf2;--tag-text:#5f2a8f;--footer-bg:#16063c;background-color:#1c0848;background-image:radial-gradient(#00e9e1 1px,#0000 1.5px),radial-gradient(#ff3fa4 1px,#0000 1.5px),linear-gradient(135deg,#1c0848,#370b70);background-position:0 0,12px 12px,0 0;background-size:24px 24px,24px 24px,100% 100%}.theme-pixel-ocean{--page-bg:#0a4a7a;--page-pattern:#7bdcff;--paper:#f1fbff;--surface:#edf8ff;--surface-soft:#dff7ff;--frame-outline:#fff;--frame-shadow:#0a2a4c;--frame-glow:#d9fdff;--header-start:#0c5c9d;--header-mid:#1493d1;--header-end:#0a2d67;--nav-bg:#0d2a54;--nav-button-top:#8fe8ff;--nav-button-bottom:#1e7fc3;--nav-button-text:#0a1c2d;--nav-button-shadow:#0c2540;--sidebar-bg:#0a4d7a;--sidebar-text:#eafcff;--sidebar-accent:#ddffb8;--sidebar-muted:#c7f5ff;--sidebar-border:#baf4ff;--sidebar-chip:#0d6795;--content-bg:#edfaff;--content-glow:#00e9e114;--panel-bg:#f6fdff;--panel-border:#b1ebff;--panel-shadow:#103f70;--panel-title:#143c73;--text-strong:#103870;--text-soft:#2a557d;--accent:#00a2d9;--accent-2:#7af7ff;--accent-3:#ffe45b;--button-text:#0a2439;--button-shadow:#114977;--chip-bg:#d7f4ff;--chip-alt:#dff9ed;--tag-text:#115d96;--footer-bg:#0a2e52;background:linear-gradient(#79d8ee 0 34%,#218ab4 35% 49%,#0b5d99 50% 69%,#063d78 70% 100%)}.theme-pixel-ocean:before,.theme-pixel-ocean:after{content:"";z-index:0;pointer-events:none;width:120%;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#0000 0 16px,#c6ffff 16px 29px,#0000 29px 48px,#58d4e9 48px 66px,#0000 66px 91px);animation:6s steps(8,end) infinite ocean-wave;position:fixed;left:-10%}.theme-pixel-ocean:before{height:11%;top:37%;box-shadow:0 30px #167eb2,0 59px #0a5b99,0 92px #06457f,0 130px #06386e,0 170px #042f60}.theme-pixel-ocean:after{opacity:.72;height:7%;animation-duration:8s;animation-direction:reverse;top:43%;transform:scaleX(-1)}.theme-pixel-ocean .stars{display:none}@keyframes ocean-wave{50%{transform:translate(42px)}}.theme-neon-grid .site-frame,.theme-synthwave .site-frame,.theme-pixel-ocean .site-frame{z-index:1}.theme-tokyo-night{--page-bg:#07122f;--page-pattern:#ffe8a2;--paper:#f8f8ff;--surface:#f3f2ff;--surface-soft:#edf8ff;--frame-outline:#fff;--frame-shadow:#111d3d;--frame-glow:#9cecff;--header-start:#0d1b45;--header-mid:#1e3d8a;--header-end:#3f5dc3;--nav-bg:#0b173f;--nav-button-top:#4dc8ff;--nav-button-bottom:#253d9f;--nav-button-text:#0d1127;--nav-button-shadow:#101d4c;--sidebar-bg:#101d4a;--sidebar-text:#eaf9ff;--sidebar-accent:#ffc9d7;--sidebar-muted:#b9d4ff;--sidebar-border:#8bd9ff;--sidebar-chip:#143a79;--content-bg:#f3f7ff;--content-glow:#44f6ff14;--panel-bg:#f6f9ff;--panel-border:#b8d4ff;--panel-shadow:#101d4c;--panel-title:#1d315e;--text-strong:#1a285c;--text-soft:#425b8d;--accent:#ff5ab5;--accent-2:#44f6ff;--accent-3:#fff3a3;--button-text:#0b1733;--button-shadow:#1b2e72;--chip-bg:#dfeeff;--chip-alt:#dfffe7;--tag-text:#2f4a8d;--footer-bg:#0d173c;background:radial-gradient(circle at 76% 18%,#fff8b0 0 18px,#0000 19px),linear-gradient(#07122f 0 56%,#0b1740 57% 100%)}.theme-tokyo-night:before{content:"";z-index:0;opacity:.88;background:linear-gradient(90deg,#0000 0 5%,#15275a 5% 11%,#0000 11% 15%,#0c1b49 15% 24%,#0000 24% 30%,#1d2d61 30% 40%,#0000 40% 48%,#101d4c 48% 63%,#0000 63% 71%,#1c2b61 71% 83%,#0000 83% 89%,#132354 89% 100%) bottom/100% 33% no-repeat,repeating-linear-gradient(90deg,#0000 0 26px,#44f6ff 26px 30px,#0000 30px 58px) left bottom 42px/100% 5px no-repeat;position:fixed;inset:0}.theme-tokyo-night:after{content:"";z-index:0;opacity:.5;background-image:radial-gradient(#9cecff 1px,#0000 1.5px);background-size:42px 42px;position:fixed;inset:0}.theme-tokyo-night .stars,.theme-kyoto-morning .stars,.theme-shibuya-rain .stars{display:none}.theme-kyoto-morning{--page-bg:#7fcfe5;--page-pattern:#fff1a6;--paper:#fffdf2;--surface:#fffaf5;--surface-soft:#fff4db;--frame-outline:#fff;--frame-shadow:#4f2d77;--frame-glow:#ff8a68;--header-start:#74c4e2;--header-mid:#ffd18a;--header-end:#d76a7a;--nav-bg:#315a8d;--nav-button-top:#f4d39d;--nav-button-bottom:#d16d63;--nav-button-text:#271b3a;--nav-button-shadow:#4b2d7c;--sidebar-bg:#4d6c9a;--sidebar-text:#fffdf8;--sidebar-accent:#fff7a4;--sidebar-muted:#dfefff;--sidebar-border:#f5b6b0;--sidebar-chip:#4d648f;--content-bg:#fffdf2;--content-glow:#ff9e8314;--panel-bg:#fffef6;--panel-border:#fed8b3;--panel-shadow:#3c4a77;--panel-title:#2f4a7a;--text-strong:#364d7d;--text-soft:#5e688f;--accent:#e97980;--accent-2:#8edcf0;--accent-3:#ffe45b;--button-text:#2a1e41;--button-shadow:#486ea4;--chip-bg:#f9ebd6;--chip-alt:#ecfce8;--tag-text:#4f5d9a;--footer-bg:#364a79;background:radial-gradient(circle at 76% 22%,#fff1a6 0 45px,#ff9e83 46px 62px,#0000 63px),linear-gradient(#8edcf0 0 47%,#ffd18a 48% 62%,#e97980 63% 70%,#364a79 71% 100%)}.theme-kyoto-morning:before{content:"";z-index:0;height:51%;image-rendering:pixelated;background:url(/backgrounds/kyoto-village.svg) bottom/cover no-repeat;position:fixed;bottom:0;left:0;right:0}.theme-kyoto-morning:after{content:"";z-index:0;opacity:.38;background:radial-gradient(circle,#ffe9ef 0 2px,#0000 3px) 0 0/88px 88px;animation:8s linear infinite sakura-fall;position:fixed;inset:0}.theme-shibuya-rain{--page-bg:#101235;--page-pattern:#ee58bc;--paper:#fbf4ff;--surface:#f4f0ff;--surface-soft:#f0fff6;--frame-outline:#fff;--frame-shadow:#1a1452;--frame-glow:#00e9e1;--header-start:#101235;--header-mid:#2b1f6a;--header-end:#6c2fb3;--nav-bg:#171b4d;--nav-button-top:#ff67c9;--nav-button-bottom:#8027b3;--nav-button-text:#f9f0ff;--nav-button-shadow:#0f092d;--sidebar-bg:#1a1d54;--sidebar-text:#f0fcff;--sidebar-accent:#fff4a4;--sidebar-muted:#c0d8ff;--sidebar-border:#9ad9ff;--sidebar-chip:#3b4b89;--content-bg:#f9f2ff;--content-glow:#00e9e114;--panel-bg:#fffafc;--panel-border:#d4c2ff;--panel-shadow:#1f164c;--panel-title:#3b2a7d;--text-strong:#241b5b;--text-soft:#564d82;--accent:#ff3fa4;--accent-2:#00e9e1;--accent-3:#ffe45b;--button-text:#1e0c3c;--button-shadow:#451a76;--chip-bg:#e9dfff;--chip-alt:#dcfff6;--tag-text:#4b2a96;--footer-bg:#150d4c;background:radial-gradient(circle at 76% 17%,#ee58bc55 0 45px,#0000 46px),linear-gradient(#101235 0 52%,#251054 53% 100%)}.theme-shibuya-rain:before{content:"";z-index:0;background:linear-gradient(90deg,#0000 0 7%,#13134a 7% 17%,#0000 17% 25%,#1a1452 25% 40%,#0000 40% 48%,#101343 48% 62%,#0000 62% 75%,#1a1452 75% 90%,#0000 90%) bottom/100% 37% no-repeat,repeating-linear-gradient(90deg,#0000 0 34px,#ff3fa4 34px 41px,#0000 41px 77px) left bottom 58px/100% 8px no-repeat,repeating-linear-gradient(90deg,#0000 0 58px,#00e9e1 58px 64px,#0000 64px 115px) left bottom 28px/100% 6px no-repeat;position:fixed;inset:0}.theme-shibuya-rain:after{content:"";z-index:0;opacity:.46;background:repeating-linear-gradient(105deg,#0000 0 18px,#8cecff 19px 21px,#0000 22px 47px);animation:.65s linear infinite rainfall;position:fixed;inset:-20% 0 0}.theme-tokyo-night .site-frame,.theme-kyoto-morning .site-frame,.theme-shibuya-rain .site-frame{z-index:1}.theme-vapor-pink{--page-bg:#2c0d3a;--page-pattern:#ffc9e7;--paper:#fff5fb;--surface:#fff0fc;--surface-soft:#fef2ff;--frame-outline:#fff;--frame-shadow:#5d1d7a;--frame-glow:#ff91d8;--header-start:#3e0d5d;--header-mid:#b13dcb;--header-end:#ff7ac7;--nav-bg:#3a124a;--nav-button-top:#ffb9e2;--nav-button-bottom:#e23c9b;--nav-button-text:#3a0b38;--nav-button-shadow:#541a7e;--sidebar-bg:#4b1b5d;--sidebar-text:#fff9ff;--sidebar-accent:#ffd1ee;--sidebar-muted:#f3d8ff;--sidebar-border:#ffbfe5;--sidebar-chip:#7b315f;--content-bg:#fff7fb;--content-glow:#ff52ad1a;--panel-bg:#fffafc;--panel-border:#ffd3ee;--panel-shadow:#5a1a74;--panel-title:#57206c;--text-strong:#4d1a68;--text-soft:#7d4c84;--accent:#ff5ec8;--accent-2:#ffd36b;--accent-3:#7aeaf8;--button-text:#2d0e2d;--button-shadow:#6d2d85;--chip-bg:#ffe3f9;--chip-alt:#e9f9ff;--tag-text:#6e2c93;--footer-bg:#2d0d46;background:radial-gradient(circle at 20% 10%,#ffc8ea 0 10%,#0000 11%),linear-gradient(135deg,#25093d 0%,#621687 42%,#ff5ac8 100%)}.theme-vapor-pink:before{content:"";opacity:.7;background-color:#0000;background-image:radial-gradient(circle at 30% 34%,#ffffff73 0 2px,#0000 3px),radial-gradient(circle at 70% 70%,#ffffff47 0 2px,#0000 3px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:120px 120px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.theme-midnight-lime{--page-bg:#081c10;--page-pattern:#8eff6a;--paper:#f4fff3;--surface:#edfef0;--surface-soft:#f2fff8;--frame-outline:#fff;--frame-shadow:#0f2f2c;--frame-glow:#7dffcb;--header-start:#112d18;--header-mid:#1a6944;--header-end:#7adf7d;--nav-bg:#0b2318;--nav-button-top:#9bff77;--nav-button-bottom:#0b9d66;--nav-button-text:#071914;--nav-button-shadow:#0a362a;--sidebar-bg:#11321f;--sidebar-text:#effff8;--sidebar-accent:#d2ff93;--sidebar-muted:#d6ffe5;--sidebar-border:#77e7a6;--sidebar-chip:#114d38;--content-bg:#f4fff3;--content-glow:#7effd417;--panel-bg:#f8fff6;--panel-border:#a9efc0;--panel-shadow:#123f35;--panel-title:#113c3c;--text-strong:#143d38;--text-soft:#36655b;--accent:#4ef5a6;--accent-2:#8eff6a;--accent-3:#ffe45b;--button-text:#071914;--button-shadow:#0d553d;--chip-bg:#dfffe5;--chip-alt:#efefff;--tag-text:#0d6d52;--footer-bg:#0d261d;background:linear-gradient(#081c10 0%,#0f2d1d 35%,#0e1613 100%)}.theme-midnight-lime:before{content:"";opacity:.3;background:repeating-linear-gradient(90deg,#0000 0 24px,#8eff6a 24px 28px,#0000 28px 52px),repeating-linear-gradient(0deg,#0000 0 24px,#4ef5a6 24px 27px,#0000 27px 50px);position:fixed;inset:0}.theme-sunset-heat{--page-bg:#3d0f2a;--page-pattern:#ffb26b;--paper:#fff4e8;--surface:#fff2df;--surface-soft:#fff5eb;--frame-outline:#fff;--frame-shadow:#681f3b;--frame-glow:#ffd368;--header-start:#521b38;--header-mid:#a52e61;--header-end:#ff7b54;--nav-bg:#4e1238;--nav-button-top:#ffc66d;--nav-button-bottom:#ff734e;--nav-button-text:#2d0c1d;--nav-button-shadow:#5a0a29;--sidebar-bg:#5d1b42;--sidebar-text:#fff6ed;--sidebar-accent:#ffd882;--sidebar-muted:#ffe1d4;--sidebar-border:#fbb681;--sidebar-chip:#7f4c46;--content-bg:#fff5eb;--content-glow:#ff7b541a;--panel-bg:#fffaf5;--panel-border:#ffd5b2;--panel-shadow:#842a48;--panel-title:#4a223b;--text-strong:#4a1d35;--text-soft:#7a4f64;--accent:#ff7b54;--accent-2:#ffd36b;--accent-3:#ffe45b;--button-text:#2a0d22;--button-shadow:#7d2946;--chip-bg:#ffe6d7;--chip-alt:#fef9d3;--tag-text:#7b3b52;--footer-bg:#3f0f2c;background:linear-gradient(#3d0f2a 0%,#8c1f46 30%,#ff7b54 60%,#ffd36b 100%)}.theme-sunset-heat:before{content:"";opacity:.8;background:radial-gradient(circle at 50% 25%,#ffffff73 0 10%,#0000 11%);position:fixed;inset:0}.theme-candy-arcade{--page-bg:#2b0a60;--page-pattern:#ff3fa4;--paper:#fffef8;--surface:#fff8ef;--surface-soft:#f2f8ff;--frame-outline:#fff;--frame-shadow:#2d0d68;--frame-glow:#00e9e1;--header-start:#2b0a60;--header-mid:#ff4ab7;--header-end:#00d9e7;--nav-bg:#2c113d;--nav-button-top:#ffc95e;--nav-button-bottom:#ff4db4;--nav-button-text:#2b0a60;--nav-button-shadow:#3d1b7a;--sidebar-bg:#3d126d;--sidebar-text:#fffaf1;--sidebar-accent:#ffe37d;--sidebar-muted:#d5efff;--sidebar-border:#8deaf3;--sidebar-chip:#4764b2;--content-bg:#fffef8;--content-glow:#00e9e114;--panel-bg:#fffdf8;--panel-border:#f6c1ff;--panel-shadow:#2b0b64;--panel-title:#43207d;--text-strong:#310d5c;--text-soft:#5b4a91;--accent:#ff3fa4;--accent-2:#00e9e1;--accent-3:#ffe45b;--button-text:#1d0c35;--button-shadow:#3d1b7a;--chip-bg:#f7ddff;--chip-alt:#e3fff4;--tag-text:#5f2991;--footer-bg:#1f0b47;background:linear-gradient(135deg,#2b0a60 0%,#ff3fa4 35%,#00e9e1 65%,#ffe45b 100%)}.theme-candy-arcade:before{content:"";opacity:.8;background:radial-gradient(circle,#ffffff61 0 1.5px,#0000 2.5px) 0 0/32px 32px;position:fixed;inset:0}.theme-ice-blue{--page-bg:#cfeeff;--page-pattern:#509df0;--paper:#f5fbff;--surface:#ebf9ff;--surface-soft:#edf6ff;--frame-outline:#fff;--frame-shadow:#1d4d8a;--frame-glow:#78d5ff;--header-start:#5bb7eb;--header-mid:#52c7ff;--header-end:#184a9a;--nav-bg:#0e4a8d;--nav-button-top:#dff8ff;--nav-button-bottom:#5bb1ff;--nav-button-text:#0d2352;--nav-button-shadow:#194183;--sidebar-bg:#1b5a8f;--sidebar-text:#ecfcff;--sidebar-accent:#d9fff9;--sidebar-muted:#d7ecff;--sidebar-border:#b9f2ff;--sidebar-chip:#2267bb;--content-bg:#f4fbff;--content-glow:#52c7ff14;--panel-bg:#f8fdff;--panel-border:#cedfff;--panel-shadow:#1f4a8d;--panel-title:#134684;--text-strong:#1a3a6e;--text-soft:#44639d;--accent:#1a75d4;--accent-2:#7cdaff;--accent-3:#ffe45b;--button-text:#0b2045;--button-shadow:#2a64b3;--chip-bg:#dfeeff;--chip-alt:#d7fff9;--tag-text:#2359a7;--footer-bg:#163a73;background:linear-gradient(#dff8ff 0%,#9fe6ff 25%,#52c7ff 52%,#184a9a 100%)}.theme-ice-blue:before{content:"";opacity:.9;background:linear-gradient(90deg,#0000 0 30%,#fff6 30% 32%,#0000 32% 100%);position:fixed;inset:0}.theme-volt-grid{--page-bg:#05170a;--page-pattern:#14f195;--paper:#f3fff8;--surface:#ebfff6;--surface-soft:#eafef8;--frame-outline:#fff;--frame-shadow:#0d2d1d;--frame-glow:#7af7d0;--header-start:#0d2d1d;--header-mid:#1c7b49;--header-end:#1ce68d;--nav-bg:#092912;--nav-button-top:#8fffbc;--nav-button-bottom:#03a860;--nav-button-text:#0c1d15;--nav-button-shadow:#103d2b;--sidebar-bg:#0e351f;--sidebar-text:#f0fff4;--sidebar-accent:#d9ffe1;--sidebar-muted:#d1fdd1;--sidebar-border:#8af7b2;--sidebar-chip:#165f43;--content-bg:#f3fff8;--content-glow:#14f1951a;--panel-bg:#f9fff9;--panel-border:#c9f8d4;--panel-shadow:#0d2d1d;--panel-title:#123d2d;--text-strong:#143d2d;--text-soft:#36665a;--accent:#14f195;--accent-2:#7af7d0;--accent-3:#ffe45b;--button-text:#061e16;--button-shadow:#0a5036;--chip-bg:#d9ffe9;--chip-alt:#e9f5ff;--tag-text:#0d6e4c;--footer-bg:#0a2017;background:linear-gradient(#05170a 0%,#0a2d12 40%,#071813 100%)}.theme-volt-grid:before{content:"";background-color:#0000;background-image:linear-gradient(#14f19522 1px,#0000 1px),linear-gradient(90deg,#14f19522 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.theme-rose-circuit{--page-bg:#1c062a;--page-pattern:#ff8eb5;--paper:#fff5f8;--surface:#fff2f6;--surface-soft:#fff5ff;--frame-outline:#fff;--frame-shadow:#3d1a46;--frame-glow:#f9c6d6;--header-start:#2a0d36;--header-mid:#59214a;--header-end:#ce587d;--nav-bg:#2b1233;--nav-button-top:#ffc3d7;--nav-button-bottom:#d65894;--nav-button-text:#2e1124;--nav-button-shadow:#512b4a;--sidebar-bg:#3d163f;--sidebar-text:#fff5f7;--sidebar-accent:#ffe1c3;--sidebar-muted:#f7dce7;--sidebar-border:#ffc1d6;--sidebar-chip:#7f4660;--content-bg:#fff5f8;--content-glow:#ce587d1f;--panel-bg:#fffafc;--panel-border:#ffd3de;--panel-shadow:#4a1d5d;--panel-title:#452145;--text-strong:#3b1a47;--text-soft:#6d4560;--accent:#d75a85;--accent-2:#ffc3d7;--accent-3:#ffe45b;--button-text:#1f0d27;--button-shadow:#4d2746;--chip-bg:#ffe2f1;--chip-alt:#f2f1ff;--tag-text:#7a3968;--footer-bg:#2d1536;background:linear-gradient(#1c062a 0%,#481742 32%,#ce587d 74%,#ffd6c9 100%)}.theme-rose-circuit:before{content:"";opacity:.45;background-color:#0000;background-image:radial-gradient(circle at 25% 25%,#fff 0 2px,#0000 3px),radial-gradient(circle at 70% 52%,#fff 0 2px,#0000 3px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:90px 90px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.theme-plasma-pop{--page-bg:#130526;--page-pattern:#7c1cff;--paper:#fff8ff;--surface:#f9f1ff;--surface-soft:#eefaff;--frame-outline:#fff;--frame-shadow:#250d57;--frame-glow:#ff6cc8;--header-start:#16092f;--header-mid:#6d1fd8;--header-end:#ff5aa9;--nav-bg:#210e40;--nav-button-top:#00e9e1;--nav-button-bottom:#7d45ff;--nav-button-text:#12071d;--nav-button-shadow:#2d125f;--sidebar-bg:#2a1046;--sidebar-text:#fef5ff;--sidebar-accent:#c9f8ff;--sidebar-muted:#dfd6ff;--sidebar-border:#8fe7ff;--sidebar-chip:#4257a8;--content-bg:#fff8ff;--content-glow:#7c1cff1a;--panel-bg:#fffafd;--panel-border:#d4c7ff;--panel-shadow:#3c1b7d;--panel-title:#3f1d7a;--text-strong:#2a1558;--text-soft:#5c4d82;--accent:#ff4ba4;--accent-2:#00e9e1;--accent-3:#ffe45b;--button-text:#13071b;--button-shadow:#4a267d;--chip-bg:#efdfff;--chip-alt:#ddfff8;--tag-text:#5f2bb1;--footer-bg:#1c0b3a;background:linear-gradient(135deg,#130526 0%,#7c1cff 28%,#ff4ba4 55%,#00e9e1 100%)}.theme-plasma-pop:before{content:"";background:linear-gradient(115deg,#fff3 0 18%,#0000 18% 26%,#ffffff26 26% 38%,#0000 38% 100%);position:fixed;inset:0}@keyframes rainfall{to{transform:translateY(48px)}}@keyframes sakura-fall{to{transform:translate(34px,62px)}}.site-frame{background:var(--paper);border:4px ridge #fff;width:min(1060px,100%);margin:auto;position:relative;overflow:hidden;box-shadow:0 0 0 4px #250b63,0 0 32px #f837d5}.site-frame:before{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#fff0 22%,#ffffff26 100%);position:absolute;inset:0}.site-frame:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:repeating-linear-gradient(#ffffff14 0 1px,#09081608 2px 4px);animation:7s steps(8,end) infinite scanline-flicker;position:absolute;inset:0}@keyframes scanline-flicker{0%,to{opacity:.5}50%{opacity:.8}}.scanlines{pointer-events:none;z-index:10;opacity:.1;background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 4px);position:fixed;inset:0}.stars{color:#fff;white-space:nowrap;opacity:.7;width:130%;font-size:24px;animation:8s linear infinite float;position:fixed;top:7px;left:-10%}@keyframes float{to{transform:translate(8%)}}@keyframes blink{50%{opacity:.25}}@keyframes glow{50%{text-shadow:4px 4px #441578,-3px -2px #00e9e1,0 0 16px #fff}}.site-header{color:#fff;background:linear-gradient(135deg,#27076a,#7612a9 55%,#ed3b9f);border-bottom:3px ridge #fff;align-items:center;gap:20px;min-height:92px;padding:12px 20px;display:flex}.logo{color:var(--yellow);text-shadow:3px 3px #ff299b;font:20px "Press Start 2P";text-decoration:none}.logo span{color:var(--cyan)}.header-copy{text-align:center;flex:1;font:16px "Press Start 2P"}.header-copy small{margin-top:10px;font:15px VT323;display:block}.blink{color:#72ff6c;font:14px "Press Start 2P";animation:1s step-end infinite blink}.navbar{background:#15063e;flex-wrap:wrap;justify-content:center;gap:6px;padding:7px;display:flex}.navbar a,.pixel-button{color:#fff;text-align:center;text-shadow:2px 2px #250b63;cursor:pointer;background:linear-gradient(#a45de4,#56219c);border:3px outset #e3cfff;padding:10px 13px;font:12px "Press Start 2P";text-decoration:none}.navbar a:hover,.pixel-button:hover{filter:brightness(1.3);transform:translateY(-1px)}.pixel-button:active{border-style:inset;transform:translateY(1px)}.pixel-button.cyan{background:linear-gradient(#19e8e2,#0085a4)}.site-grid{grid-template-columns:190px minmax(0,1fr);display:grid}.sidebar{color:#fff;text-align:center;background:#392078;border-right:4px ridge #b58ce8;flex-direction:column;gap:9px;min-width:0;padding:13px;display:flex}.sidebar a{color:#fff36a;text-align:left}.side-title{color:var(--cyan);padding:8px 0;font:13px "Press Start 2P"}.sidebar hr,.guestbook hr{border:0;border-top:2px groove #b897ed;width:100%}.construction{box-sizing:border-box;color:#000;overflow-wrap:anywhere;text-shadow:1px 1px #fff;background:repeating-linear-gradient(135deg,#ffe62c 0 9px,#111 9px 18px);width:118px;max-width:100%;margin:2px auto;padding:7px 4px;font:10px/1.35 "Press Start 2P"}.sidebar small{font:15px VT323}.counter{color:#5cff55;letter-spacing:1px;background:#050505;padding:4px;font:18px "Press Start 2P"}.badges{gap:6px;margin-top:auto;display:grid}.badges b{background:#15458a;border:2px solid #fff;padding:5px;font:11px "Press Start 2P"}.content{background:var(--paper) linear-gradient(90deg,transparent 96%,#ff429a14 96%);min-width:0;padding:22px}.panel,.window{background:#fffdf0;border:3px ridge #d7b7ff;margin-bottom:20px;padding:19px;box-shadow:3px 3px #240b66}.window h2{color:#fff;text-shadow:2px 2px #ff36a4;background:#38147d;margin:-19px -19px 16px;padding:11px;font:13px "Press Start 2P"}.hero{text-align:center;color:#fff;background:linear-gradient(150deg,#29106d,#5d1a9f 52%,#f641a2)}.marquee{white-space:nowrap;color:var(--yellow);font:13px "Press Start 2P";overflow:hidden}.hero-logo span{color:var(--cyan);font:13px "Press Start 2P"}.hero h1{color:var(--yellow);text-shadow:5px 5px #341470,-3px -2px #00dedd;margin:13px 0;font:37px/1.25 "Press Start 2P";animation:2s infinite glow}.hero h1 i{color:#fff;font-style:normal}.hero-logo b{font-size:18px}.intro{max-width:600px;margin:22px auto;font-size:24px}.button-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.status-content{align-items:center;gap:20px;display:flex}.status-orb{color:#fa3da1;font-size:63px;animation:2s ease-in-out infinite alternate float}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.text-link{color:#781091;font-weight:700;text-decoration:underline}.page-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-title span{color:#fff;background:var(--pink);border:2px outset #ffd1e9;padding:11px;font:14px "Press Start 2P"}.page-title h1{color:#40137d;margin:0;font:20px "Press Start 2P"}.profile{grid-template-columns:150px 1fr;align-items:center;gap:22px;display:grid}.profile h2{color:#ed2e97;font:18px "Press Start 2P"}.avatar{width:130px;height:130px;color:var(--yellow);text-shadow:4px 4px #4b177e;background:conic-gradient(#ff3fa4,#6921ab,#00dedb,#ff3fa4);border:5px ridge #fff;place-items:center;font:60px "Press Start 2P";display:grid}.avatar span{font-size:18px}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud b,.techs em{background:#e7cfff;border:2px outset #fff;padding:5px 8px;font-style:normal}.timeline{border-left:4px dotted #ef41a4;margin:0 0 0 12px;padding-left:26px}.timeline li{padding:0 0 22px 5px}.timeline li::marker{color:#40137d}.timeline span{display:block}.hint,.lead{color:#75208b}.skills-list{gap:14px;display:grid}.skill>div:first-child{justify-content:space-between;display:flex}.skill-track{background:#2b1762;border:3px inset #9c79ce;height:23px;padding:3px}.skill-track i{background:repeating-linear-gradient(90deg,#ffda36 0 8px,#ff4ba4 8px 16px);height:100%;display:block}.callout{text-align:center;background:#ffec8c}.callout b{color:#e22783;font:14px "Press Start 2P"}.project-grid{gap:20px;display:grid}.project-box{background:#fffdf0;border:4px outset #b993e5;grid-template-columns:190px 1fr;transition:all .2s;display:grid;box-shadow:4px 4px #44167d}.project-box:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #ff3fa4}.project-art{color:#fff;border-right:3px ridge #fff;flex-direction:column;justify-content:space-between;align-items:center;min-height:190px;padding:15px;display:flex}.project-art span{filter:drop-shadow(4px 4px #1f0a51);font-size:88px}.project-art b{font:11px "Press Start 2P"}.project-info{padding:16px}.project-info h2,.post h2{color:#40137d;margin:0 0 12px;font:16px "Press Start 2P"}.techs{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.techs em{background:#d3f5ef;font-size:16px}.project-info .button-row{justify-content:start}.project-info .pixel-button{font-size:10px}.blog-intro{background:#d9f6f0}.post{border-bottom:3px dashed #c390d0;grid-template-columns:140px 1fr;gap:20px;padding:20px 0;display:grid}.post-meta b,.post-meta span{display:block}.post-meta b{color:#f12e98;font:14px "Press Start 2P"}.post-meta span{color:#41147e;margin-top:8px}.post h2 a{text-decoration:none}.contact-layout{grid-template-columns:1fr 220px;gap:20px;display:grid}.contact-side{align-content:start;gap:20px;display:grid}.retro-form{gap:13px;display:grid}.retro-form label{color:#45147c;font-weight:700}.retro-form input,.retro-form textarea{color:#260c60;background:#fffdf3;border:3px inset #bd9bdd;width:100%;margin-top:3px;padding:8px;font-size:19px;display:block}.retro-form .pixel-button{justify-self:start}.guestbook{text-align:center;background:#fff384;border:4px ridge #f77fd0;align-self:start;padding:14px;transform:rotate(1.5deg)}.guestbook h2{color:#f12e98;font:13px "Press Start 2P"}.social-hub{color:#fff;text-align:center;background:#19074a;border:4px ridge #70fff7;padding:12px;box-shadow:4px 4px #ed3b9f}.social-hub h2{color:var(--yellow);text-shadow:2px 2px #e62a99;margin:2px 0 12px;font:12px "Press Start 2P"}.social-hub p{margin:0 0 11px}.social-grid{gap:7px;display:grid}.social-grid a{color:#fff;text-align:left;text-shadow:2px 2px #250b63;background:linear-gradient(#a45de4,#56219c);border:3px outset #e3cfff;align-items:center;gap:8px;padding:8px;font:10px "Press Start 2P";text-decoration:none;display:flex}.social-grid a:hover{filter:brightness(1.25);transform:translateY(-1px)}.social-grid b{color:#160c43;height:28px;text-shadow:none;background:#00beba;border:2px inset #b9ffff;flex:0 0 28px;place-items:center;display:grid}.social-hub small{color:#bffcf8;line-height:1.2;display:block}.socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.socials a{color:#72188d;font-weight:700}footer{text-align:center;color:#fff;background:#1e0757;padding:12px;font-size:16px}footer a{color:#66f7eb}.spam-trap{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:700px){.retro-page{padding:8px}.site-grid{grid-template-columns:1fr}.sidebar{display:none}.site-header{gap:8px;min-height:62px;padding:10px 12px}.header-copy{display:none}.logo{font-size:15px}.blink{white-space:nowrap;margin-left:auto;font-size:9px}.navbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px;display:grid}.navbar a{width:100%;padding:9px 3px;font-size:8px;line-height:1.25}.site-frame{max-width:100%}.content{min-width:0;padding:12px}.panel,.window{margin-bottom:16px;padding:15px}.window h2{margin:-15px -15px 14px;padding:10px;font-size:11px;line-height:1.35}.hero{padding:17px 12px}.marquee{font-size:10px;line-height:1.5}.hero-logo span{font-size:10px}.hero h1{overflow-wrap:anywhere;margin:12px 0;font-size:clamp(20px,6.5vw,27px);line-height:1.35}.hero-logo b{font-size:16px;line-height:1.35;display:block}.intro{margin:18px auto;font-size:21px;line-height:1.2}.button-row{flex-direction:column;align-items:stretch;gap:9px}.button-row .pixel-button{justify-content:center;align-items:center;width:100%;min-height:43px;line-height:1.4;display:flex}.status-content{align-items:flex-start;gap:12px}.status-orb{flex:none;font-size:45px;line-height:1}.status-content p{margin:0;line-height:1.2}.mini-grid,.contact-layout{grid-template-columns:1fr;gap:16px}.profile,.project-box{grid-template-columns:1fr}.project-art{border-bottom:3px ridge #fff;border-right:0;min-height:130px}.project-art span{font-size:60px}.post{grid-template-columns:1fr;gap:8px}.page-title h1{font-size:15px}footer{padding:12px 10px;line-height:1.35}}@media (max-width:390px){.retro-page{padding:5px}.site-header{padding:9px}.logo{font-size:13px}.blink{font-size:8px}.content{padding:9px}.panel,.window{padding:12px}.window h2{margin:-12px -12px 13px;font-size:10px}.hero{padding:15px 10px}.intro{font-size:20px}}