@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Press+Start+2P&family=VT323&display=swap";
:root,[data-theme=light]{--bg:linear-gradient(135deg, #fffdf4 0%, #fdf2e2 100%);--ink:#000;--muted:#5b554b;--line:#000;--surface:#fff;--accent:#e22b2b;--accent-rgb:226, 43, 43;--radius:12px;--page-bg:transparent;--win-bg:#e5e0d8;--win-bar-bg:#c4c1b5;--card-cream:#faf8f0;--card-cyan:#a2ebe4;--card-yellow:#fcdca2;--card-shadow:#c0bca8;--win-shadow:#00000026;--border-color:#000}[data-theme=dark]{--bg:#0c0e14;--ink:#f0f4fc;--muted:#8a9fc2;--line:#34d399;--surface:#161920;--accent:#00f3ff;--accent-rgb:0, 243, 255;--radius:12px;--page-bg:#0c0e1499;--win-bg:#161920;--win-bar-bg:#2b303c;--card-cream:#1c2330;--card-cyan:#0a2d2f;--card-yellow:#2d2417;--card-shadow:#06070b;--win-shadow:#000;--border-color:#34d399}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg) fixed;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px 0;font-family:VT323,DotGothic16,ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace,sans-serif;display:flex;overflow-x:hidden}.pixel-window-title,.pixel-title,.pixel-card-title,.pixel-nested-link span,.pixel-arrow-controls,.pixel-window-close{image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;font-family:DotGothic16,VT323,"Press Start 2P",monospace,sans-serif}a{color:inherit;text-decoration:none}.page-shell{background:var(--page-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;justify-content:center;align-items:center;width:min(100%,680px);margin:auto;padding:0 16px;display:flex;position:relative}.pixel-decorations{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pixel-sparkle{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.6;font-weight:700;position:absolute}.pixel-sparkle.color-red{color:#ff5f56}.pixel-sparkle.color-yellow{color:#ffbd2e}.pixel-sparkle.color-green{color:#27c93f}.pixel-sparkle.color-cyan{color:#00f3ff}.pixel-sparkle.color-blue{color:#4b89ff}@keyframes spark-drift-1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(10deg)}}@keyframes spark-drift-2{0%,to{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-8px)scale(1.1)rotate(-15deg)}}.pixel-window{border:4px solid var(--border-color);border-radius:var(--radius);background:var(--win-bg);box-shadow:12px 12px 0px var(--win-shadow);z-index:2;width:100%;transition:box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.pixel-window-bar{background:var(--win-bar-bg);border-bottom:4px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.pixel-window-dots{align-items:center;gap:8px;display:flex}.pixel-window-dot{border:2px solid var(--border-color);border-radius:2px;width:12px;height:12px}.pixel-window-dot.red{background:#ff5f56}.pixel-window-dot.yellow{background:#ffbd2e}.pixel-window-dot.green{background:#27c93f}.pixel-window-dot.grey{background:var(--surface)}.pixel-window-title{letter-spacing:.05em;color:var(--ink);font-size:.9rem;font-weight:700}.pixel-window-close{cursor:pointer;color:var(--ink);background:0 0;border:2px solid #0000;outline:none;justify-content:center;align-items:center;padding:2px 6px;font-family:inherit;font-size:1.1rem;font-weight:800;line-height:1;display:flex}.pixel-window-close:hover{color:#fff;border-color:var(--border-color);background:#ff5f56}.pixel-theme-btn{cursor:pointer;background:0 0;border:2px solid #0000;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:2px;display:flex}.pixel-theme-btn:hover{background:var(--card-yellow);border-color:var(--border-color);border-radius:2px}.pixel-theme-btn svg{width:16px;height:16px}.pixel-window-body{padding:28px}.pixel-hero{text-align:center;border-bottom:3px dashed var(--border-color);margin-bottom:24px;padding-bottom:16px}.pixel-title{margin:0 0 10px;font-size:2.1rem;font-weight:800;line-height:1.2}.pixel-desc{max-width:540px;color:var(--muted);text-align:left;margin:0 auto;font-size:1.15rem;line-height:1.6}.pixel-card{border:3px solid var(--border-color);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px 24px;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end),background-color .2s;display:flex;position:relative}.pixel-card.cream{background:var(--card-cream);box-shadow:6px 6px 0px var(--card-shadow)}.pixel-card.cyan{background:var(--card-cyan);box-shadow:6px 6px 0px var(--card-shadow)}.pixel-card.yellow{background:var(--card-yellow);box-shadow:6px 6px 0px var(--card-shadow)}.pixel-card:hover{box-shadow:4px 4px 0px var(--border-color);transform:translate(2px,2px)}.pixel-card:active{box-shadow:0px 0px 0px var(--border-color);transform:translate(6px,6px)}.pixel-card-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.pixel-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.pixel-card-text{flex-direction:column;gap:4px;min-width:0;display:flex}.pixel-card-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.35rem;font-weight:700;overflow:hidden}.pixel-card-desc{color:var(--muted);letter-spacing:normal;white-space:nowrap;margin:0;font-size:1.15rem;line-height:1.4}.pixel-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.pixel-card-avatar{flex-shrink:0;width:52px;height:48px}.pixel-arrow-controls{align-items:center;gap:6px;font-size:1.4rem;font-weight:700;display:flex}.pixel-nested-grid{border-top:3px dashed var(--border-color);grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;padding-top:16px;display:grid}.pixel-nested-link{border:2px solid var(--border-color);background:var(--card-cream);color:var(--ink);box-shadow:3px 3px 0px var(--card-shadow);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;font-size:.85rem;font-weight:700;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end);display:flex}.pixel-nested-link:hover{box-shadow:2px 2px 0px var(--border-color);transform:translate(1px,1px)}.pixel-nested-link:active{box-shadow:0px 0px 0px var(--border-color);transform:translate(3px,3px)}.pixel-nested-icon{object-fit:contain;width:28px;height:28px}.wechat-drawer{border:3px solid var(--border-color);background:var(--card-cream);box-shadow:6px 6px 0px var(--card-shadow);text-align:center;border-top:none;border-radius:0 0 14px 14px;flex-direction:column;align-items:center;margin-top:-20px;margin-bottom:24px;padding:24px;animation:.2s steps(4,end) forwards slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wechat-qr{border:3px solid var(--border-color);width:160px;height:160px;margin-bottom:8px}.wechat-note{color:var(--muted);margin:0;font-size:.85rem}.pixel-footer{text-align:center;color:var(--muted);flex-direction:column;gap:6px;margin-top:24px;font-size:1.1rem;display:flex}@media (max-width:600px){.page-shell{padding:40px 12px 32px}.pixel-title{font-size:1.7rem}.pixel-desc{font-size:1rem}.pixel-card{padding:12px 14px}.pixel-card-title{font-size:1rem}.pixel-card-desc{font-size:.95rem}.pixel-footer{font-size:.9rem}.pixel-nested-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .space-environment{display:none!important}.space-environment{z-index:-1;background:#151515;position:fixed;inset:0;overflow:hidden}.dotted-planet{opacity:.7;width:300px;height:300px;animation:120s linear infinite planet-drift;position:absolute;top:20px;left:20px}.planet-svg{width:100%;height:100%;image-rendering:pixelated}@keyframes planet-drift{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-30px,15px)rotate(3deg)}}.title-row{margin-bottom:.5rem}.mascot-leg{transform-origin:top;animation:2s ease-in-out infinite alternate leg-bob}.leg-1,.leg-4{animation-delay:0s}.leg-2,.leg-3{animation-delay:-1s}@keyframes leg-bob{0%{transform:translateY(0)rotate(5deg)}to{transform:translateY(-2px)rotate(-5deg)}}.star{background:#fff;border-radius:50%;animation:3s infinite alternate star-flicker;position:absolute;box-shadow:0 0 4px #fffc}.star-type-1{background:radial-gradient(circle,#fff 10%,#0000 80%);width:3px;height:3px;box-shadow:0 0 6px #fff}@keyframes star-flicker{0%{opacity:.1;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.now-playing{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-family:ui-monospace,monospace;animation:4s ease-in-out infinite now-playing-glow;position:fixed;top:20px;right:20px}.now-playing-inner{align-items:center;gap:12px;display:flex}.now-playing-icon{color:#ffffffb3;align-items:center;display:flex}.now-playing-info{flex-direction:column;gap:1px;display:flex}.track-title{color:#ffffffe6;white-space:nowrap;font-size:.82rem;font-weight:600}.track-artist{color:#fff6;white-space:nowrap;font-size:.65rem}.now-playing-visualizer{align-items:flex-end;gap:2px;height:14px;display:flex}.visualizer-bar{background:#fff6;width:3px;height:8px;animation:.5s ease-in-out infinite visualizer-pulse}@keyframes visualizer-pulse{0%,to{height:4px}50%{height:16px}}@keyframes now-playing-glow{0%,to{box-shadow:0 0 20px #ffffff0d}50%{box-shadow:0 0 30px #ffffff1a}}.claude-mascot{z-index:9999;pointer-events:none;opacity:0;image-rendering:pixelated;transition:opacity .4s;position:fixed}.claude-mascot.ready{opacity:1;transition:opacity .4s,left 5s linear,top .4s ease-in}.claude-mascot.ready.celebrating{transition:opacity .2s,left .6s cubic-bezier(.34,1.56,.64,1),top .6s cubic-bezier(.34,1.56,.64,1)!important}.claude-mascot.is-walking .mascot-body-group{animation:.5s steps(2,end) infinite mascot-walk-body}@keyframes mascot-walk-body{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mascot-leg{transform-origin:top}.claude-mascot.is-walking .leg-1,.claude-mascot.is-walking .leg-3{animation:.5s infinite leg-walk-1}.claude-mascot.is-walking .leg-2,.claude-mascot.is-walking .leg-4{animation:.5s infinite leg-walk-2}@keyframes leg-walk-1{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}@keyframes leg-walk-2{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.claude-mascot.celebrating .mascot-leg{animation:.5s ease-in-out infinite alternate leg-dangle}@keyframes leg-dangle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.star-field{pointer-events:none;z-index:-1;position:fixed;inset:0}.star{background:#fff;border-radius:50%;animation:3s infinite alternate star-flicker;position:absolute}.star-type-0{width:1px;height:1px}.star-type-1{width:2px;height:2px;box-shadow:0 0 4px #fff}.star-type-2:before,.star-type-2:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star-type-2:before{width:4px;height:1px}.star-type-2:after{width:1px;height:4px}.theme-toggle{background:var(--surface);border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink);z-index:100;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:32px;right:32px}.theme-toggle:hover{border-color:var(--accent);background:var(--bg);transform:rotate(30deg)scale(1.1)}.theme-toggle svg{width:18px;height:18px}