:root,::backdrop{--color: #2d2d2d;--color-soft: #5a5a5a;--color-muted: #8a8a8a;--bg: #f5f0e8;--bg-surface: #efe8dc;--bg-elevated: #e8dfd0;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .15);--focus: #ff0078;--danger: #ef4444;--warning: #f59e0b;--grid-size: 50px;--grid-width: .9px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--radius-sm: 2px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--max-w: 1280px;--motion-micro: .15s;--motion-sm: .3s;--motion-md: .8s;--font-sans: "Architects Daughter", "Rubik", system-ui, -apple-system, sans-serif;--font-mono: "Architects Daughter", "Courier New", "Fira Code", monospace;--shadow-chunky: 1px 1px 0px 0px var(--color), 2px 2px 0px 0px var(--color), 3px 3px 0px 0px var(--color);--shadow-chunky-lg: 1px 1px 0px 0px var(--color), 2px 2px 0px 0px var(--color), 3px 3px 0px 0px var(--color), 4px 4px 0px 0px var(--color), 5px 5px 0px 0px var(--color);--border-thick: 3px solid var(--color);--border-thin: 1px solid rgba(255, 255, 255, .08)}body:before{content:"";top:0;right:0;bottom:0;left:0;position:fixed;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(transparent,transparent var(--grid-size),color-mix(in lch,var(--color),transparent 92%) 0,color-mix(in lch,var(--color),transparent 92%) calc(var(--grid-size) + var(--grid-width))),repeating-linear-gradient(90deg,transparent,transparent var(--grid-size),color-mix(in lch,var(--color),transparent 92%) 0,color-mix(in lch,var(--color),transparent 92%) calc(var(--grid-size) + var(--grid-width)));mask-image:linear-gradient(-45deg,transparent 50%,black);-webkit-mask-image:linear-gradient(-45deg,transparent 50%,black);opacity:.3}body:after{content:"";top:0;right:0;bottom:0;left:0;position:fixed;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}*{scrollbar-width:thin;scrollbar-color:#334155 transparent}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}input,textarea,select{font-size:16px}@media(hover:none)and (pointer:coarse){input,textarea,select{font-size:16px}}button,a,[role=button]{touch-action:manipulation;cursor:pointer}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#475569}::selection{background-color:var(--accent);color:#fff}.kd-btn{display:inline-flex;align-items:center;gap:.5em;background:var(--bg-surface);color:var(--color);border:var(--border-thick);padding:.6em 1.2em;border-radius:var(--radius-pill);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--motion-micro) cubic-bezier(.3,.7,.4,1);box-shadow:var(--shadow-chunky)}.kd-btn:hover{transform:translate(-2px,-2px)}.kd-btn:active{transform:translate(2px,2px);box-shadow:none}.kd-btn:focus-visible{outline:3px dashed var(--focus);outline-offset:3px}.kd-btn-primary{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:1px 1px 0 0 var(--accent),2px 2px 0 0 var(--accent),3px 3px 0 0 var(--accent)}.kd-btn-primary:hover{background:#1ea34e}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes enter-dialog{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes exit-dialog{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}.animate-fade-in{animation:fade-in var(--motion-sm) ease}.animate-slide-up{animation:slide-up var(--motion-sm) cubic-bezier(.3,.7,.4,1)}.animate-spring{animation:slide-up var(--motion-sm) cubic-bezier(.34,1.56,.64,1)}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #22c55e33}50%{box-shadow:0 0 20px #22c55e66}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,to{width:20%;opacity:.5}50%{width:80%;opacity:1}}