@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.theme-toggle-wrapper{position:relative;display:inline-flex}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:var(--foreground);background-color:transparent;transition:background-color var(--transition-base),color var(--transition-base)}.theme-toggle:hover{background-color:var(--card-hover)}.theme-toggle:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.theme-icon{width:1.125rem;height:1.125rem;transition:transform .25s var(--ease-out-expo),opacity .2s ease}.theme-toggle:active .theme-icon{transform:scale(.9)}.theme-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:7.5rem;padding:.375rem;border:1px solid var(--border);border-radius:.625rem;background-color:var(--card);box-shadow:0 8px 24px #00000014;z-index:200;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border-radius:.375rem;font-size:.875rem;color:var(--foreground);background:transparent;transition:background-color var(--transition-fast)}.theme-option:hover,.theme-option:focus-visible{background-color:var(--card-hover)}.theme-option.active{background-color:var(--card-hover);font-weight:500}.theme-option-icon{width:.875rem;height:.875rem;stroke-width:2}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:4rem;display:flex;align-items:center;border-bottom:1px solid transparent;background-color:transparent;transition:background-color var(--transition-base),border-color var(--transition-base)}.navbar.scrolled{background-color:color-mix(in srgb,var(--background) 85%,transparent);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.navbar-logo{font-family:var(--font-mono);font-size:.875rem;font-weight:500;letter-spacing:-.02em;color:var(--foreground);padding:.5rem 0;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.7}.navbar-nav{display:none}@media (min-width: 768px){.navbar-nav{display:block}}.navbar-links{display:flex;align-items:center;gap:.25rem}.navbar-link{position:relative;padding:.5rem .75rem;font-size:.875rem;color:var(--muted);border-radius:.375rem;transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar-link:hover{color:var(--foreground);background-color:var(--card-hover)}.navbar-link:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.navbar-actions{display:flex;align-items:center;gap:.5rem}.navbar-menu-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:var(--foreground);background-color:transparent;transition:background-color var(--transition-base)}.navbar-menu-button:hover{background-color:var(--card-hover)}.navbar-menu-button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}@media (min-width: 768px){.navbar-menu-button{display:none}}.navbar-mobile{position:fixed;top:4rem;left:0;right:0;bottom:0;background-color:var(--background);border-top:1px solid var(--border);animation:slideIn .2s var(--ease-out-expo)}@keyframes slideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.navbar-mobile-links{display:flex;flex-direction:column;gap:.5rem;padding-top:1.5rem}.navbar-mobile-link{display:block;padding:.875rem 0;font-size:1.125rem;color:var(--foreground);border-bottom:1px solid var(--border);transition:color var(--transition-fast)}.navbar-mobile-link:hover{color:var(--muted)}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55;pointer-events:none}.grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(240px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--grid-glow),transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}@media (hover: hover) and (pointer: fine){.grid-glow{opacity:1}}.hero{position:relative;display:flex;align-items:center;min-height:100svh;padding-top:4rem}.hero-inner{display:flex;align-items:center;min-height:calc(100svh - 4rem)}.hero-content{max-width:680px;animation:fadeUp .8s var(--ease-out-expo) forwards;opacity:0;transform:translateY(1rem)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-eyebrow{margin-bottom:1.25rem}.hero-title{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.25rem}.typewriter-text{position:relative;display:inline-block}.typewriter-text:after{content:"";position:absolute;right:-.1em;top:.15em;bottom:.15em;width:2px;background-color:currentColor;animation:blink .9s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-tagline{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--muted);max-width:45ch;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-bottom:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.625rem;font-size:.9375rem;font-weight:500;transition:transform var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-primary{background-color:var(--accent);color:var(--accent-inverse)}.button-primary:hover{opacity:.9}.button-secondary{background-color:var(--card);color:var(--foreground);border:1px solid var(--border)}.button-secondary:hover{background-color:var(--card-hover);border-color:var(--muted)}.button-icon{width:1rem;height:1rem}.hero-status{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--muted)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.hero-content{animation:none;opacity:1;transform:none}.status-dot,.typewriter-text:after{animation:none}}.project-card{display:flex;flex-direction:column;width:100%;text-align:left;padding:1.5rem;border:1px solid var(--border);border-radius:.875rem;background-color:var(--card);color:inherit;transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:24px 24px;opacity:.35;pointer-events:none}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px);border-color:var(--muted);background-color:var(--card-hover)}.project-card:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.project-card-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.project-card-meta{flex:1;min-width:0}.project-card-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;flex-shrink:0}.project-card-icon{width:2.25rem;height:2.25rem;color:var(--foreground)}.project-card-image{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:.875rem}.project-card-category{margin-bottom:.375rem}.project-card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.375rem}.project-card-description{position:relative;color:var(--muted);font-size:.9375rem;line-height:1.55}.project-card-tech{position:relative;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tech-badge{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);padding:.25rem .5rem;border:1px solid var(--border);border-radius:.25rem;background-color:var(--background)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{position:relative;width:100%;max-width:560px;max-height:calc(100svh - 3rem);overflow:hidden;overflow-y:auto;padding:1.75rem;border:1px solid var(--border);border-radius:1rem;background-color:var(--card);box-shadow:0 24px 60px #0000002e;animation:slideUp .25s var(--ease-out-expo)}.modal-bg-icon{position:absolute;top:1rem;right:3.5rem;width:8rem;height:8rem;color:var(--foreground);opacity:.04;pointer-events:none;transform:rotate(-12deg)}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.modal-title-row{display:flex;align-items:center;gap:1rem}.modal-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0;border:1px solid var(--border);border-radius:.75rem;background-color:var(--background)}.modal-icon{width:1.375rem;height:1.375rem;color:var(--foreground)}.modal-icon-image{width:2rem;height:2rem;object-fit:cover;border-radius:.375rem}.modal-category{margin-bottom:.25rem}.modal-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:var(--foreground);background-color:transparent;transition:background-color var(--transition-fast)}.modal-close:hover,.modal-close:focus-visible{background-color:var(--card-hover)}.modal-close:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.modal-description{color:var(--muted);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.modal-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.modal-action-button{flex:1 1 auto;min-width:140px}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-panel{animation:none}}.projects{padding-top:4rem}.section-label{margin-bottom:.75rem}.projects-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.projects-tab{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;color:var(--muted);background-color:transparent;border:1px solid transparent;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.projects-tab:hover{color:var(--foreground);background-color:var(--card-hover)}.projects-tab:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.projects-tab.active{color:var(--foreground);background-color:var(--card);border-color:var(--border);font-weight:500}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.projects-empty{color:var(--muted);font-size:.9375rem;padding:2rem 0}.about{padding-top:4rem}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 768px){.about-grid{grid-template-columns:1.25fr 1fr}}.about-text{display:flex;flex-direction:column;gap:1.25rem;color:var(--muted);font-size:1.0625rem;line-height:1.65}.about-skills-title{margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.625rem}.skill-badge{font-family:var(--font-mono);font-size:.8125rem;color:var(--foreground);padding:.5rem .875rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.skill-badge:hover{border-color:var(--muted);background-color:var(--card-hover)}.experiments{padding-top:4rem}.experiments-list{display:flex;flex-direction:column;gap:.75rem}.experiment-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--card);transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}@media (min-width: 640px){.experiment-card{flex-direction:row;align-items:center;justify-content:space-between}}.experiment-card:hover{border-color:var(--muted);background-color:var(--card-hover);transform:translate(4px)}.experiment-name{font-size:1.0625rem;font-weight:600;margin-bottom:.25rem}.experiment-description{font-size:.9375rem;color:var(--muted)}.experiment-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.experiment-tags{display:flex;flex-wrap:wrap;gap:.375rem}.experiment-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);padding:.25rem .5rem;border:1px solid var(--border);border-radius:.25rem;background-color:var(--background)}.experiment-arrow{width:1.125rem;height:1.125rem;color:var(--muted);transition:transform var(--transition-fast)}.experiment-card:hover .experiment-arrow{transform:translate(2px,-2px)}.discord-modal-panel{max-width:420px}.discord-detail{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:.625rem;background-color:var(--background)}.discord-label{flex-shrink:0;min-width:4.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.discord-value{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9375rem;color:var(--foreground);overflow-wrap:break-word}.discord-id{-webkit-user-select:all;user-select:all}.discord-copy{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.5rem;color:var(--foreground);background-color:transparent;transition:background-color var(--transition-fast)}.discord-copy:hover,.discord-copy:focus-visible{background-color:var(--card-hover)}.discord-copy:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.discord-copy-icon{width:1rem;height:1rem}.contact{padding-top:4rem;padding-bottom:8rem}.contact-list{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.contact-list{grid-template-columns:repeat(3,1fr)}}button.contact-card{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:transparent}.contact-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--card);transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}.contact-card:hover{border-color:var(--muted);background-color:var(--card-hover);transform:translateY(-2px)}.contact-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:.625rem;background-color:var(--background);flex-shrink:0}.contact-icon{width:1.125rem;height:1.125rem;color:var(--foreground)}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:1rem;font-weight:600}.contact-description{font-size:.875rem;color:var(--muted)}.devlogs{padding-top:4rem}.devlogs-list{display:flex;flex-direction:column;gap:1.25rem}.devlog-entry{padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--card);transition:background-color var(--transition-base),border-color var(--transition-base)}.devlog-entry:hover{background-color:var(--card-hover);border-color:var(--muted)}.devlog-date{display:block;margin-bottom:.5rem}.devlog-title{font-size:1.0625rem;font-weight:600;margin-bottom:.375rem}.devlog-content{color:var(--muted);font-size:.9375rem;line-height:1.55}.footer{border-top:1px solid var(--border);padding-block:2rem}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}@media (min-width: 640px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer-credit{font-size:.875rem;color:var(--foreground)}.footer-note{font-size:.875rem;color:var(--muted)}.scribl{padding-top:4rem;padding-bottom:8rem}.scribl-inner{max-width:880px}.scribl-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9375rem;color:var(--muted);transition:color var(--transition-fast)}.scribl-back:hover{color:var(--foreground)}.scribl-back-icon{width:1rem;height:1rem}.scribl-title{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;margin-bottom:.75rem}.scribl-intro{color:var(--muted);font-size:1.0625rem;line-height:1.6;margin-bottom:2rem}.scribl-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem}.scribl-tool-group{display:flex;align-items:center;gap:.75rem}.scribl-tool-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.scribl-tools{display:flex;gap:.5rem}.scribl-tool{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card);color:var(--foreground);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.scribl-tool:hover,.scribl-tool.active{background-color:var(--card-hover);border-color:var(--foreground)}.scribl-tool:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.scribl-tool-icon{width:1.125rem;height:1.125rem}.scribl-colors{display:flex;gap:.5rem;align-items:center}.scribl-color{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid transparent;transition:transform var(--transition-fast),border-color var(--transition-fast)}.scribl-color:hover{transform:scale(1.1)}.scribl-color.active{border-color:var(--foreground)}.scribl-color-custom{position:relative;overflow:hidden;cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.scribl-color-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}.scribl-slider{width:120px;accent-color:var(--foreground)}.scribl-slider:disabled{opacity:.45;cursor:not-allowed}.scribl-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-left:auto}.scribl-action:disabled{opacity:.45;cursor:not-allowed}.scribl-canvas-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;background-color:#fff;cursor:crosshair;touch-action:none}.scribl-canvas{display:block;width:100%;height:auto;touch-action:none}.scribl-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#00000059;font-size:1rem;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.scribl-canvas-wrap{height:360px}.scribl-actions{width:100%;margin-left:0}.scribl-action{flex:1 1 auto}}.ascii-cam{padding-top:4rem;padding-bottom:8rem}.ascii-cam-inner{max-width:880px}.ascii-cam-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9375rem;color:var(--muted);transition:color var(--transition-fast)}.ascii-cam-back:hover{color:var(--foreground)}.ascii-cam-back-icon{width:1rem;height:1rem}.ascii-cam-title{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;margin-bottom:.75rem}.ascii-cam-intro{color:var(--muted);font-size:1.0625rem;line-height:1.6;margin-bottom:2rem}.ascii-cam-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.ascii-cam-action:disabled{opacity:.45;cursor:not-allowed}.ascii-cam-error{color:#ef4444;margin-bottom:1rem;font-size:.9375rem}.ascii-cam-output{width:100%;border:1px solid var(--border);border-radius:.75rem;background-color:#000;color:#fff;overflow:auto;min-height:320px;display:flex;align-items:center;justify-content:center;padding:1rem}.ascii-cam-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.375rem,1.2vw,.75rem);line-height:1;white-space:pre;margin:0;width:100%;text-align:center}.ascii-cam-video,.ascii-cam-canvas{display:none}.chaos-button{padding-top:4rem;padding-bottom:8rem}.chaos-button-inner{max-width:720px;text-align:center}.chaos-button-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9375rem;color:var(--muted);transition:color var(--transition-fast)}.chaos-button-back:hover{color:var(--foreground)}.chaos-button-back-icon{width:1rem;height:1rem}.chaos-button-title{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;margin-bottom:.75rem}.chaos-button-intro{color:var(--muted);font-size:1.0625rem;line-height:1.6;margin-bottom:3rem}.chaos-button-stage{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2.5rem}.chaos-button-main{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#ff6b6b,#c92a2a 60%,#751616);box-shadow:0 8px #5c0f0f,0 16px 32px #00000059,inset -6px -6px 16px #00000040,inset 6px 6px 16px #ffffff40;color:#fff;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.chaos-button-main:active,.chaos-button-main.popping{transform:translateY(6px);box-shadow:0 2px #5c0f0f,0 6px 16px #0000004d,inset -6px -6px 16px #00000040,inset 6px 6px 16px #ffffff40}.chaos-button-main-text{display:block;width:160px;font-size:1.75rem;line-height:1}.chaos-event{min-height:96px;padding:1.25rem;border-radius:.75rem;border:1px solid var(--border);background-color:var(--card);width:100%;max-width:480px;animation:chaos-event-in .25s ease-out}@keyframes chaos-event-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chaos-event-badge{display:inline-block;margin-bottom:.5rem;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}.chaos-event-text{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.chaos-event-good .chaos-event-badge{background-color:#2f9e44}.chaos-event-bad .chaos-event-badge{background-color:#e03131}.chaos-event-weird .chaos-event-badge{background-color:#7048e8}.chaos-event-good .chaos-event-text{color:#2f9e44}.chaos-event-bad .chaos-event-text{color:#e03131}.chaos-event-weird .chaos-event-text{color:#b794f6}.chaos-event-placeholder{color:var(--muted);font-size:1.0625rem;margin:0}.chaos-stats{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.chaos-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card);min-width:80px}.chaos-stat-value{font-size:1.5rem;font-weight:700}.chaos-stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.chaos-reset:disabled{opacity:.45;cursor:not-allowed}.chaos-log{text-align:left}.chaos-log-title{margin-bottom:.75rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.chaos-log-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.chaos-log-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card);font-size:.9375rem}.chaos-log-badge{padding:.125rem .5rem;border-radius:999px;font-size:.625rem;text-transform:uppercase;letter-spacing:.04em;color:#fff;flex-shrink:0}.chaos-log-item.chaos-event-good .chaos-log-badge{background-color:#2f9e44}.chaos-log-item.chaos-event-bad .chaos-log-badge{background-color:#e03131}.chaos-log-item.chaos-event-weird .chaos-log-badge{background-color:#7048e8}@media (max-width: 480px){.chaos-button-main{width:150px;height:150px}.chaos-button-main-text{width:100px;font-size:.9375rem}}.max-hex{padding-top:4rem;padding-bottom:8rem}.max-hex-inner{max-width:720px;text-align:center}.max-hex-back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9375rem;color:var(--muted);transition:color var(--transition-fast)}.max-hex-back:hover{color:var(--foreground)}.max-hex-back-icon{width:1rem;height:1rem}.max-hex-title{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;margin-bottom:.75rem}.max-hex-intro{color:var(--muted);font-size:1.0625rem;line-height:1.6;margin-bottom:2rem}.max-hex-tabs{display:inline-flex;gap:.5rem;margin-bottom:2rem;border:1px solid var(--border);border-radius:.75rem;padding:.375rem;background-color:var(--card)}.max-hex-tab{padding:.5rem 1rem;border:0;border-radius:.5rem;background-color:transparent;color:var(--muted);font-size:.9375rem;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.max-hex-tab:hover{color:var(--foreground)}.max-hex-tab.active{background-color:var(--foreground);color:var(--background)}.max-hex-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.5rem}.max-hex-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card);min-width:72px}.max-hex-stat-value{font-size:1.25rem;font-weight:700}.max-hex-stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.max-hex-clue{margin-bottom:1.25rem}.max-hex-clue-label{display:block;margin-bottom:.75rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.max-hex-clue-value{display:inline-block;font-size:clamp(2rem,7vw,4rem);font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:-.02em}.max-hex-feedback{min-height:2rem;margin-bottom:1.25rem;font-size:1.125rem;font-weight:600}.max-hex-feedback-correct{color:#2f9e44}.max-hex-feedback-wrong{color:#e03131}.max-hex-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:420px;margin:0 auto}.max-hex-option{aspect-ratio:1;border:2px solid var(--border);border-radius:1rem;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.max-hex-option:hover:not(:disabled){transform:scale(1.04);border-color:var(--foreground)}.max-hex-option:disabled{cursor:not-allowed;opacity:.85}.max-hex-option:focus-visible{outline:3px solid var(--foreground);outline-offset:3px}@media (max-width: 480px){.max-hex-options{gap:.75rem}}.max-hex-mode{width:100%}.max-hex-start{margin-bottom:2rem}.max-hex-target-swatch,.max-hex-preview-swatch{width:200px;height:200px;margin:0 auto 1rem;border-radius:1rem;border:2px solid var(--border);box-shadow:0 12px 32px #00000040}.max-hex-memorize{margin-bottom:2rem}.max-hex-timer{color:var(--muted);font-size:.9375rem}.max-hex-guess,.max-hex-preview-wrap{margin-bottom:2rem}.max-hex-preview-hex{display:block;font-size:1.5rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.max-hex-sliders{display:flex;flex-direction:column;gap:1.5rem;max-width:420px;margin:0 auto 2rem;text-align:left}.max-hex-slider-group{display:flex;flex-direction:column;gap:.5rem}.max-hex-slider-label{font-size:.875rem;font-weight:600;color:var(--foreground)}.max-hex-slider{width:100%;height:12px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);cursor:pointer}.max-hex-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background-color:#fff;border:2px solid var(--foreground);box-shadow:0 2px 6px #00000040}.max-hex-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background-color:#fff;border:2px solid var(--foreground);box-shadow:0 2px 6px #00000040}.max-hex-result{margin-bottom:2rem}.max-hex-result-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem}.max-hex-result-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background-color:var(--card);min-width:160px}.max-hex-result-correct{border-color:#2f9e44;box-shadow:0 0 0 2px #2f9e44}.max-hex-result-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.max-hex-result-swatch{width:120px;height:120px;border-radius:.75rem;border:2px solid var(--border)}.max-hex-result-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;font-size:.9375rem}:root{--background: #ffffff;--foreground: #111111;--muted: #666666;--dim: #9a9a9a;--border: #d4d4d4;--card: #fafafa;--card-hover: #f5f5f5;--grid: #e6e6e6;--grid-glow: rgba(0, 0, 0, .06);--accent: #111111;--accent-inverse: #f5f5f5;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}:root.dark{--background: #090909;--foreground: #f5f5f5;--muted: #888888;--dim: #5a5a5a;--border: #292929;--card: #111111;--card-hover: #161616;--grid: #1c1c1c;--grid-glow: rgba(255, 255, 255, .04);--accent: #f5f5f5;--accent-inverse: #111111}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--foreground);color:var(--background)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}@media (min-width: 640px){.container{padding-inline:2rem}}@media (min-width: 1024px){.container{padding-inline:3rem}}.section{padding-block:6rem}@media (min-width: 768px){.section{padding-block:8rem}}.section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{color:var(--muted);font-size:1rem;max-width:45ch;margin-bottom:3rem}.mono-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}