:root{--bg-primary:#222;--bg-header:#2e2e2e;--text-primary:#fff;--text-dim:#b8b8b8;--accent:#ffb400;--accent-2:#ff4d4d;--accent-3:#39ff88;--panel-bg:#333;--border-color:#fff;--shadow-color:#000;--font-display:"VT323", monospace;--font-body:"VT323", monospace;--title-scale:1.45;--border-width:3px;--shadow-lg:calc(var(--border-width) * 2);--shadow-sm:calc(var(--border-width) + 1px);--border-thin:max(1px, calc(var(--border-width) - 1px))}:root[data-theme=light]{--bg-primary:#f4ecd8;--bg-header:#e9dcc0;--text-primary:#1c1c1c;--text-dim:#55503f;--accent:#d9482c;--accent-2:#1c1c1c;--accent-3:#1f7a4d;--panel-bg:#fff6e4;--border-color:#1c1c1c;--shadow-color:#1c1c1c}*,:before,:after{box-sizing:border-box}body{margin:0}html,body,#root{background:var(--bg-header);height:100%}.mainBody{background:var(--bg-primary);font-family:var(--font-body);min-height:100vh;color:var(--text-primary);overflow-wrap:break-word;justify-content:center;transition:background-color .3s,color .3s;display:flex;position:relative}.mainBody:before{content:"";background:var(--bg-header);filter:blur(20px);pointer-events:none;width:100%;height:80px;position:absolute;top:-40px;left:0}.content{width:100%;max-width:900px;padding:40px;font-size:1.5rem}.about,.education,.experience,.projects,.skills,.more{background:var(--panel-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-lg) var(--shadow-lg) 0 var(--shadow-color);margin-bottom:32px;padding:24px;transition:background-color .3s,border-color .3s}.education h2,.experience h2,.projects h2,.skills h2,.more h2{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:3px;border-bottom:var(--border-width) solid var(--border-color);margin-top:0;margin-bottom:16px;padding-bottom:8px}.education h3,.experience h3,.projects h3{font-family:var(--font-display);color:var(--text-primary);border-left:4px solid var(--accent);margin-top:20px;padding-left:10px}.ProjectLink{color:var(--accent);border:var(--border-thin) solid var(--accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;background:0 0;margin-top:10px;padding:6px 14px;font-size:1.1rem;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.ProjectLink:hover{background:var(--accent);color:var(--bg-primary)}.links{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.ContactButton{background:var(--accent);color:var(--bg-primary);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-lg) var(--shadow-lg) 0 var(--shadow-color);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:10px 20px;font-size:1.3rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.ContactButton:hover{box-shadow:calc(var(--shadow-lg) + 2px) calc(var(--shadow-lg) + 2px) 0 var(--shadow-color);transform:translate(-2px,-2px)}.ContactButton:active{box-shadow:0 0 0 var(--shadow-color);transform:translate(3px,3px)}.BentoPanel{z-index:2;background:var(--panel-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-lg) var(--shadow-lg) 0 var(--shadow-color);flex-direction:column;grid-column:3;justify-self:end;align-items:center;gap:10px;padding:16px 14px;transition:background-color .3s,border-color .3s;display:flex;position:relative}.BentoPanel-title{font-family:var(--font-display);letter-spacing:3px;color:var(--accent);font-size:1rem}.BentoGrid{grid-template-rows:repeat(2,46px);grid-template-columns:repeat(2,58px);grid-template-areas:"a a""b c";gap:6px;display:grid}.BentoCell-a{grid-area:a}.BentoCell-b{grid-area:b}.BentoCell-c{grid-area:c}.BentoCell{background:var(--bg-header);color:var(--text-primary);border:var(--border-thin) solid var(--border-color);box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--shadow-color);font-family:var(--font-display);letter-spacing:1px;cursor:pointer;justify-content:center;align-items:center;font-size:1.2rem;transition:transform .1s,box-shadow .1s,background .15s,color .15s;display:flex}.BentoCell:hover{border-color:var(--accent-3);transform:translate(-1px,-1px)}.BentoCell.is-active{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}.FactOverlay{z-index:50;box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.FactPopup{box-sizing:border-box;background:var(--panel-bg);border:var(--border-width) solid var(--border-color);width:min(320px,100%);box-shadow:var(--shadow-lg) var(--shadow-lg) 0 var(--shadow-color);font-family:var(--font-display);color:var(--text-primary);padding:16px}.FactPopup-header{color:var(--accent);letter-spacing:2px;border-bottom:var(--border-thin) solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:1.1rem;display:flex}.FactPopup-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.FactPopup p{margin:0;font-size:1.15rem;line-height:1.4}.ControlPanel{z-index:2;background:var(--panel-bg);border:var(--border-width) solid var(--border-color);min-width:0;max-width:100%;box-shadow:var(--shadow-lg) var(--shadow-lg) 0 var(--shadow-color);flex-direction:column;grid-column:1;justify-self:start;align-items:center;gap:12px;padding:16px 14px;transition:background-color .3s,border-color .3s;display:flex;position:relative}.ControlPanel-title{font-family:var(--font-display);letter-spacing:3px;color:var(--accent);font-size:1rem}.ControlPanel-sliders{gap:18px;display:flex}.VomitSlider{font-family:var(--font-display);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;display:flex}.VomitSlider-label,.VomitSlider-value{letter-spacing:2px;font-size:1.3rem}.VomitSlider-input{appearance:none;writing-mode:vertical-lr;border:var(--border-width) solid var(--border-color);cursor:pointer;direction:rtl;background:repeating-linear-gradient(0deg,#555 0 10px,#333 10px 12px);outline:none;width:20px;height:160px;margin:0}.VomitSlider-input::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:var(--border-thin) solid var(--bg-primary);width:28px;height:16px;box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--shadow-color);cursor:pointer}.VomitSlider-input::-moz-range-thumb{background:var(--text-primary);border:var(--border-thin) solid var(--bg-primary);width:28px;height:16px;box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--shadow-color);cursor:pointer;border-radius:0}.VomitSlider-input::-moz-range-track{border:var(--border-width) solid var(--border-color);background:repeating-linear-gradient(0deg,#555 0 10px,#333 10px 12px);width:20px}.ChaosSlider-input::-webkit-slider-thumb{background:var(--accent-2)}.ChaosSlider-input::-moz-range-thumb{background:var(--accent-2)}.RandomLetter{color:var(--text-primary);pointer-events:none;position:absolute}.PresetSwitch{z-index:4;height:72px;font-family:var(--font-display);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;gap:6px;display:flex;position:absolute;top:20px;left:28px}.PresetSwitch-label{letter-spacing:3px;color:var(--accent);font-size:1rem}.PresetSwitch-button{white-space:nowrap;background:var(--panel-bg);width:max-content;min-width:140px;color:var(--text-primary);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--shadow-color);letter-spacing:1px;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-family:inherit;font-size:1.1rem;transition:transform .1s,box-shadow .1s;display:flex}.PresetSwitch-button:hover{box-shadow:calc(var(--shadow-sm) + 1px) calc(var(--shadow-sm) + 1px) 0 var(--shadow-color);transform:translate(-1px,-1px)}.PresetSwitch-caret{color:var(--accent-3)}.PresetMenu{background:var(--panel-bg);border:var(--border-width) solid var(--border-color);width:100%;min-width:140px;box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--shadow-color);margin-top:6px;position:absolute;top:100%;left:0}.PresetMenu-item{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);letter-spacing:1px;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;padding:8px 10px;font-family:inherit;font-size:1.05rem;display:block}.PresetMenu-item:last-child{border-bottom:none}.PresetMenu-item:hover{background:var(--accent-3);color:var(--bg-primary)}.PresetMenu-item.is-active{color:var(--accent)}.ScrollHint{z-index:2;font-family:var(--font-display);color:var(--text-dim);-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.ScrollHint-label{letter-spacing:3px;font-size:.95rem}.ScrollHint-arrows{flex-direction:column;align-items:center;display:flex}.ScrollHint-arrow{color:var(--accent);margin-top:-6px;font-size:1rem;line-height:1}.ScrollHint-arrow:first-child{margin-top:0}@media (width<=760px){.ScrollHint{grid-column:1;margin-top:8px;position:static;transform:none}}.ThemeSwitch{z-index:4;height:72px;font-family:var(--font-display);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:6px;display:flex;position:absolute;top:20px;right:28px}.ThemeSwitch-label{letter-spacing:3px;color:var(--accent);font-size:1rem}.ThemeSwitch-toggle{cursor:pointer;display:inline-block;position:relative}.ThemeSwitch-toggle input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ThemeSwitch-track{box-sizing:border-box;border:var(--border-width) solid var(--border-color);width:56px;height:28px;box-shadow:var(--shadow-sm) var(--shadow-sm) 0 var(--shadow-color);background:repeating-linear-gradient(45deg,#555 0 6px,#333 6px 12px);align-items:center;padding:0 2px;display:flex;position:relative}.ThemeSwitch-thumb{background:var(--accent-2);border:var(--border-thin) solid var(--border-color);flex-shrink:0;width:18px;height:18px;transition:transform .2s}.ThemeSwitch-toggle input:checked~.ThemeSwitch-track .ThemeSwitch-thumb{transform:translateX(calc(34px - var(--border-width) * 2))}.Headertitle{z-index:2;box-sizing:border-box;width:100%;min-width:0;font-family:var(--font-display);color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:pointer;grid-column:2;justify-content:center;justify-self:stretch;margin:0;font-weight:400;display:flex;position:relative;overflow:hidden;container:title/inline-size}.TitleContainer{font-size:clamp(1.4rem, calc(7.5cqw * var(--title-scale)), 4rem);line-height:1;display:flex}.LetterWrapper{height:1em;line-height:1em;display:inline-block;position:relative;overflow:hidden}.Letter{display:block}.BottomLetter{position:absolute;top:0;left:0}.Header{box-sizing:border-box;overflow-wrap:break-word;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;width:100%;height:100%;padding:28px;display:grid;position:relative;overflow:hidden}@media (width<=760px){.Header{grid-template-columns:1fr;grid-auto-flow:row;justify-items:center;gap:24px;height:auto;min-height:100vh;padding:90px 20px 40px}.ControlPanel,.Headertitle,.BentoPanel{grid-column:1;justify-self:center}}