:root{--bg-color:#f0f0f0;--surface-color:#e4e4e4;--text-primary:#1a1a1a;--text-secondary:#666;--primary-color:#0b8c4c;--accent-color:#ff6b6b;--border-color:#d0d0d0;--noise-opacity:.03}[data-theme=dark]{--bg-color:#1e1e1e;--surface-color:#282828;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--primary-color:#50c878;--accent-color:#ff6b6b;--border-color:#3a3a3a;--noise-opacity:.05}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;width:100vw;height:100vh;opacity:var(--noise-opacity);mix-blend-mode:overlay;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");position:fixed;top:0;left:0}.matte-surface{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.btn-primary{background-color:var(--primary-color);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:filter .2s,transform .1s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.btn-accent{background-color:var(--accent-color);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:filter .2s,transform .1s}.btn-accent:hover{filter:brightness(1.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}