:root{--c-coral: #E03E2D;--c-coral-light: #FDE8E5;--c-coral-dark: #B92B1C;--c-blue: #0288D1;--c-blue-light: #E1F5FE;--c-blue-dark: #01579B;--c-green: #059669;--c-green-light: #D1FAE5;--c-green-dark: #047857;--c-amber: #F59E0B;--c-amber-light: #FEF3C7;--c-amber-dark: #B45309;--c-turquoise: #0891B2;--c-turquoise-light: #CFFAFE;--c-orange: #EA580C;--bg-canvas: #FAF7F2;--bg-card: #FFFFFF;--bg-card-hover: #FCFAF7;--bg-muted: #F2ECE1;--bg-subtle: #E8E0D2;--bg-dark: #1C201E;--text-primary: #191E1B;--text-secondary: #525B56;--text-muted: #7E8882;--text-inverse: #FAF7F2;--border-subtle: #E5DFD3;--border-medium: #D1C7B7;--border-strong: #191E1B;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-sm: 0 1px 2px rgba(25, 30, 27, .04);--shadow-md: 0 4px 12px rgba(25, 30, 27, .06), 0 1px 3px rgba(25, 30, 27, .04);--shadow-lg: 0 12px 28px rgba(25, 30, 27, .08), 0 4px 8px rgba(25, 30, 27, .04);--shadow-tactile: 3px 3px 0px rgba(25, 30, 27, .9);--shadow-tactile-coral: 3px 3px 0px var(--c-coral);--shadow-tactile-blue: 3px 3px 0px var(--c-blue);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--max-width-content: 1120px;--max-width-text: 740px;--header-height: 72px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.25, 1, .5, 1);--transition-fast: .15s ease;--transition-normal: .25s ease}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes pulseSpore{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}@keyframes driftPixel{0%{transform:translate(0)}50%{transform:translate(3px,-4px)}to{transform:translate(0)}}@keyframes drawBorder{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes shimmerText{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:floatGentle 6s ease-in-out infinite}.animate-pulse-spore{animation:pulseSpore 3s ease-in-out infinite}.animate-drift{animation:driftPixel 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-canvas);background-image:radial-gradient(var(--border-subtle) 1px,transparent 1px),radial-gradient(var(--border-subtle) 1px,var(--bg-canvas) 1px);background-size:24px 24px;background-position:0 0,12px 12px;min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::selection{background-color:var(--c-coral-light);color:var(--c-coral-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em}p{margin-bottom:1.2rem;color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}code,pre,kbd{font-family:var(--font-mono)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:var(--max-width-content);margin:0 auto;padding:2.5rem 1.5rem 4rem}@media(max-width:768px){.main-content{padding:1.5rem 1rem 3rem}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:var(--font-sans);font-size:.925rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:var(--shadow-tactile-coral)}.btn-primary:hover{background:var(--c-coral);color:#fff;border-color:var(--c-coral);box-shadow:4px 4px 0 var(--text-primary)}.btn-outline-coral{background:transparent;color:var(--c-coral);border:1.5px solid var(--c-coral)}.btn-outline-coral:hover{background:var(--c-coral-light);border-color:var(--c-coral-dark)}.btn-sm{padding:.4rem .8rem;font-size:.825rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;width:fit-content}.badge-project{background:#fff1f0;color:var(--c-coral);border:1px solid #FFCCC7}.badge-game{background:#e6f7ff;color:var(--c-blue);border:1px solid #BAE7FF}.badge-experiment{background:#f6ffed;color:var(--c-green);border:1px solid #D9F7BE}.badge-tool{background:#fffbe6;color:var(--c-amber-dark);border:1px solid #FFE58F}.badge-note{background:#f9f0ff;color:#722ed1;border:1px solid #EFDBFF}.badge-journal{background:#e6fffb;color:var(--c-turquoise);border:1px solid #B5F5EC}.badge-idea{background:#fff0f6;color:#eb2f96;border:1px solid #FFD6E7}.status-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.775rem;font-weight:500;color:var(--text-secondary)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot-active{background-color:var(--c-green);box-shadow:0 0 0 2px var(--c-green-light)}.status-dot-progress{background-color:var(--c-amber);box-shadow:0 0 0 2px var(--c-amber-light)}.status-dot-concept{background-color:var(--c-blue);box-shadow:0 0 0 2px var(--c-blue-light)}.sketch-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal);position:relative;box-shadow:var(--shadow-sm)}.sketch-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag-pill{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);background:var(--bg-muted);padding:.2rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tag-pill:hover{background:var(--bg-subtle);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}