:root{--gradient-purple: #7c3aed;--gradient-pink: #ec4899;--gradient-blue: #2563eb;--gradient-cyan: #06b6d4;--gradient-magenta: #d946ef;--glass-bg: rgba(255, 255, 255, .16);--glass-bg-strong: rgba(255, 255, 255, .26);--glass-border: rgba(255, 255, 255, .35);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .28);--glass-blur: 18px;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .78);--text-muted: rgba(255, 255, 255, .6);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:light}[data-theme=dark]{--glass-bg: rgba(17, 12, 34, .42);--glass-bg-strong: rgba(24, 16, 48, .58);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45);--text-primary: #f8fafc;--text-secondary: rgba(248, 250, 252, .8);--text-muted: rgba(248, 250, 252, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background-color:#1e1b4b;background-image:radial-gradient(circle at 12% 18%,rgba(124,58,237,.85) 0%,transparent 45%),radial-gradient(circle at 85% 12%,rgba(236,72,153,.8) 0%,transparent 42%),radial-gradient(circle at 78% 82%,rgba(6,182,212,.8) 0%,transparent 45%),radial-gradient(circle at 20% 88%,rgba(37,99,235,.85) 0%,transparent 48%),linear-gradient(135deg,#4c1d95,#831843,#0e7490);background-attachment:fixed;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme=dark] body{background-color:#0b0718;background-image:radial-gradient(circle at 12% 18%,rgba(124,58,237,.55) 0%,transparent 45%),radial-gradient(circle at 85% 12%,rgba(217,70,239,.5) 0%,transparent 42%),radial-gradient(circle at 78% 82%,rgba(6,182,212,.5) 0%,transparent 45%),radial-gradient(circle at 20% 88%,rgba(37,99,235,.55) 0%,transparent 48%),linear-gradient(135deg,#1e1b4b,#3b0764,#083344)}h1,h2,h3,p{margin:0}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%)}.app-shell{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:28px clamp(16px,4vw,48px) 48px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px}.app-header__brand{display:flex;align-items:center;gap:12px}.app-header__mark{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--gradient-cyan),var(--gradient-pink));box-shadow:0 0 18px #ec4899b3}.app-header__title{font-size:1.5rem;font-weight:700;letter-spacing:.02em}.theme-toggle{padding:10px 18px;font:inherit;font-weight:600;color:var(--text-primary);cursor:pointer;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .15s ease,background .15s ease}.theme-toggle:hover{background:#ffffff57;transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--gradient-cyan);outline-offset:2px}.board-area{flex:1;display:flex;align-items:flex-start}.board-intro{max-width:520px;padding:28px 30px}.board-intro__title{margin-bottom:10px;font-size:1.25rem;font-weight:700}.board-intro__text{color:var(--text-secondary);line-height:1.6}