@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap";:root{--primary: #000;--secondary: #fff;--accent: #2d2d2d;--border-width: 3px;--border-color: #000}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Fira Code,monospace;background-color:#06c;color:#000;line-height:1.6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:2rem 1rem 4rem}main{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem}#header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:0}.terminal{border:var(--border-width) solid var(--border-color);background:#1e1e1e;box-shadow:8px 8px #0000004d;min-width:320px}.terminal-header{background:#333;padding:.5rem 1rem;display:flex;gap:.5rem}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27ca40}.terminal-body{padding:1.5rem 2rem;font-family:Fira Code,monospace;font-size:1.5rem;color:#fff}.terminal-prompt{color:#27ca40}.terminal-line{line-height:1.6}.blinking-cursor{animation:blink 1s step-end infinite;margin-left:2px}.terminal .blinking-cursor{color:#fff}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}#dark-mode-toggle{position:fixed;top:2rem;left:2rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:var(--border-width) solid var(--border-color);background:#fff;color:#000;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px #0000004d;font-family:Fira Code,monospace;z-index:100}#dark-mode-toggle:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #0000004d;background:#f5f5f5}#dark-mode-toggle:active{transform:translate(0);box-shadow:2px 2px #0000004d}#dark-mode-toggle svg{width:28px;height:28px}.icon-dark{display:none}html.dark{--primary: #7dd3fc;--secondary: #1a1a2e;--border-color: #7dd3fc}html.dark body{background-color:#0a0a1a;color:#7dd3fc}html.dark #dark-mode-toggle{background:#1a1a2e;color:#7dd3fc;border-color:#7dd3fc;box-shadow:4px 4px #7dd3fc33}html.dark #dark-mode-toggle:hover{background:#162032;box-shadow:8px 8px #7dd3fc33}html.dark #dark-mode-toggle:active{box-shadow:2px 2px #7dd3fc33}html.dark .icon-light{display:none}html.dark .icon-dark{display:block}html.dark #intro{background:#1a1a2e;border-color:#7dd3fc;box-shadow:8px 8px #7dd3fc26}html.dark #social-links a{background:#1a1a2e;color:#7dd3fc;border-color:#7dd3fc;box-shadow:4px 4px #7dd3fc33}html.dark #social-links a:hover{background:#162032;box-shadow:8px 8px #7dd3fc33}html.dark #social-links a:active{box-shadow:2px 2px #7dd3fc33}html.dark .tab{color:#7dd3fc}html.dark .tab:hover{background:#162032}html.dark .tab.active{border-bottom-color:#7dd3fc}html.dark #intro p,html.dark .tab-panel p{color:#7dd3fc}html.dark #intro a,html.dark .tab-panel a{color:#7dd3fc;border-bottom-color:#7dd3fc}html.dark #intro a:hover,html.dark .tab-panel a:hover{background:#162032}html.dark .language-row{border-bottom-color:#2a2a4a}html.dark .language-icon{background:#1a1a2e;border-color:#7dd3fc}html.dark .language-percentage,html.dark .footnote{color:#93c5fd}html.dark #social-links a[title=Letterboxd] svg ellipse{fill:#1a1a2e}#social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:0}#social-links a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:var(--border-width) solid var(--border-color);background:#fff;color:#000;text-decoration:none;transition:all .2s ease;box-shadow:4px 4px #0000004d}#social-links a:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #0000004d;background:#f5f5f5}#social-links a:active{transform:translate(0);box-shadow:2px 2px #0000004d}#social-links svg{width:28px;height:28px}#intro{text-align:center;border:var(--border-width) solid var(--border-color);padding:2rem;background:#fff;box-shadow:8px 8px #0000004d;position:relative;z-index:1;width:100%;max-width:700px;margin-bottom:2rem}.profile-image{width:150px;height:150px;border:var(--border-width) solid var(--border-color);display:block;margin:0 auto 1.5rem;aspect-ratio:1;object-fit:cover}.tabs{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.tab{font-family:Fira Code,monospace;font-size:1rem;font-weight:700;color:#000;background:none;border:none;border-bottom:2px solid transparent;padding:.25rem 0;cursor:pointer;transition:all .2s ease}.tab:hover{background:#ff0}.tab.active{border-bottom:2px solid #000}.tab-content{width:100%;min-height:350px}.tab-panel{display:none}.tab-panel.active{display:block}#code-content{text-align:left}.language-table{width:100%;border-collapse:collapse}.language-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.language-row:last-child{border-bottom:none}.language-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #000;background:#fff;margin-right:1rem;flex-shrink:0}.language-icon svg{width:24px;height:24px}.language-info{flex:1}.language-name{font-weight:600;font-size:1rem}.language-percentage{font-size:.9rem;color:#666}#code-loading-indicator{display:inline-block;animation:bounce 1s ease-in-out infinite}#intro p{font-size:1.1rem;line-height:1.8;color:#000;max-width:600px;margin:0 auto}#intro a{color:#000;text-decoration:underline;font-weight:700;border-bottom:2px solid #000;transition:background .2s ease}#intro a:hover{background:#ff0}.tab-panel p{font-size:1.1rem;line-height:1.8;color:#000;margin:0 auto 1rem;max-width:600px}.tab-panel p:last-child{margin-bottom:0}.tab-panel #status-text{min-height:1.8em;margin-top:2.5rem}#intro .tab-panel .footnote{font-size:.85rem;color:#666;font-style:italic;margin-top:3rem}.tab-panel a{color:#000;text-decoration:underline;font-weight:700;border-bottom:2px solid #000;transition:background .2s ease}.tab-panel a:hover{background:#ff0}#loading-indicator{display:inline-block;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){body{padding:1rem .5rem}main{gap:2rem}.terminal{min-width:auto;box-shadow:6px 6px #000}.terminal-body{font-size:1.2rem;padding:1rem 1.5rem}#social-links{gap:1rem}#social-links a{width:50px;height:50px;box-shadow:3px 3px #000}#social-links a:hover{box-shadow:6px 6px #000;transform:translate(-3px,-3px)}#social-links a:active{box-shadow:1px 1px #000}#intro{padding:1.5rem;box-shadow:6px 6px #000}.profile-image{width:140px;height:140px}#intro p,.tab-panel p{font-size:1rem}.tabs{gap:1rem}.tab{font-size:.9rem}.language-icon{width:36px;height:36px}.language-icon svg{width:20px;height:20px}}@media (max-width: 480px){.terminal{box-shadow:4px 4px #000}.terminal-body{font-size:1rem;padding:.75rem 1rem}.terminal-dot{width:10px;height:10px}#social-links{gap:.75rem}#social-links a{width:45px;height:45px;box-shadow:2px 2px #000}#social-links a:hover{box-shadow:4px 4px #000;transform:translate(-2px,-2px)}#intro{padding:1rem;box-shadow:4px 4px #000}.profile-image{width:130px;height:130px}#intro p,.tab-panel p{font-size:.95rem}.tabs{gap:.75rem}.tab{font-size:.85rem}.language-icon{width:32px;height:32px}.language-icon svg{width:18px;height:18px}.language-name{font-size:.9rem}.language-percentage{font-size:.8rem}}