:root{color-scheme:light;--paper: #f1e7d0;--paper-deep: #e3d2b1;--ink: #272822;--ink-soft: #49483e;--muted: #75715e;--line: rgba(39, 40, 34, .12);--accent-pink: #f92672;--accent-orange: #fd971f;--accent-green: #a6e22e;--accent-blue: #66d9ef;--accent-purple: #ae81ff;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(102,217,239,.18),transparent 24%),radial-gradient(circle at top right,rgba(166,226,46,.18),transparent 28%),radial-gradient(circle at bottom left,rgba(253,151,31,.12),transparent 30%),linear-gradient(180deg,#f6ecd9,#f1e7d0 45%,#ead9b8)}button,input,textarea,select{font:inherit}button,input,textarea,select{border-radius:14px;border:1px solid var(--line)}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.landing-shell{background:transparent}.hero-card,.settings-panel,.board-column,.retro-card,.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9eedb;box-shadow:0 20px 50px #27282214}.hero-card{width:min(100%,58rem);padding:2.5rem;border:1px solid rgba(39,40,34,.18);border-radius:28px;text-align:center}.hero-card .eyebrow{width:100%;text-align:left}.hero-card .lede{margin-inline:auto}.hero-card .hero-actions{justify-items:center}.eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,4vw,4.5rem);line-height:.98}.board-title{font-size:clamp(1.8rem,2.8vw,3rem)}.lede{max-width:42rem;font-size:1.08rem;line-height:1.7;color:var(--ink-soft)}.hero-actions{display:grid;gap:.8rem;margin-top:1.6rem}.primary-button,.secondary-button,.ghost-button{min-height:2.9rem;padding:.75rem 1rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button{background:linear-gradient(135deg,var(--accent-orange),#ffb347);color:#272822;border:none;box-shadow:0 12px 25px #fd971f47}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.vote-button:hover{transform:translateY(-1px)}.secondary-button,.vote-button{background:#2728220f;color:var(--ink)}.ghost-button{background:transparent}.helper-copy,.board-meta,.notice,.settings-panel p{color:var(--ink-soft)}.board-app{position:relative;min-height:100vh;padding:1.4rem}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(39,40,34,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(39,40,34,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 92%);mask-image:radial-gradient(circle at center,black 30%,transparent 92%)}.board-topbar,.board-meta{position:relative;z-index:1}.board-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.toolbar-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.sort-control{display:grid;gap:.3rem;font-size:.88rem;color:var(--muted)}.sort-control select{min-width:10rem;background:#fff9eef2;padding:.6rem .75rem}.board-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.board-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:start}.board-column{border:1px solid rgba(39,40,34,.18);border-radius:24px;padding:1rem}.column-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid var(--column-accent, var(--accent-blue))}.column-header h2{display:flex;gap:.45rem;align-items:center;font-size:1.15rem;margin-bottom:0}.column-cards{display:grid;gap:.8rem;min-height:1rem}.retro-card{padding:1rem;border:1px solid rgba(39,40,34,.12);border-radius:18px}.retro-card footer{display:flex;justify-content:space-between;gap:.75rem;align-items:center;color:var(--muted)}.vote-button.is-active{background:#66d9ef33;border-color:#66d9ef73}.vote-button{min-width:3rem;display:inline-grid;place-items:center;padding:.55rem .75rem}.vote-icon{font-size:1.15rem;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-composer,.settings-card{display:grid;gap:.7rem}.card-composer{margin-top:1rem}textarea,input{width:100%;padding:.8rem .9rem;background:#fffdf8fa}textarea{resize:vertical}.settings-panel{position:relative;z-index:1;margin-bottom:1rem;border-radius:24px;padding:1rem;border:1px solid rgba(39,40,34,.14)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.settings-card{padding:1rem;border:1px solid rgba(39,40,34,.12);border-radius:18px}.settings-card label{display:grid;gap:.35rem}.settings-card span{color:var(--muted);font-size:.85rem}.settings-actions{display:flex;gap:.6rem}.board-notice,.notice{position:relative;z-index:1;padding:.75rem .9rem;border-radius:14px;background:#2728220f}.firework-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4}.firework-burst{position:absolute;width:0;height:0;transform:translate(-50%,-50%) scale(var(--firework-scale, 1));filter:drop-shadow(0 0 18px hsla(var(--firework-hue),95%,60%,.55))}.firework-burst:before{content:"";position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:999px;background:radial-gradient(circle,hsla(var(--firework-hue),100%,88%,.95) 0%,hsla(var(--firework-hue),100%,68%,.38) 45%,transparent 72%);animation:firework-flash 1.2s ease-out forwards}.firework-particle{position:absolute;left:-5px;top:-5px;width:10px;height:38px;background:linear-gradient(180deg,hsl(var(--firework-hue),100%,82%),hsl(var(--firework-hue),90%,58%) 55%,hsla(var(--firework-hue),100%,52%,.08));border-radius:999px;box-shadow:0 0 14px hsla(var(--firework-hue),95%,60%,.5);animation:firework-spark 1.2s cubic-bezier(.18,.72,.12,1) forwards;animation-delay:var(--particle-delay, 0ms)}@keyframes firework-flash{0%{opacity:0;transform:scale(.2)}12%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1.9)}}@keyframes firework-spark{0%{opacity:0;transform:rotate(var(--particle-angle)) translateY(0) scale(.3)}14%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translateY(calc(-1 * var(--particle-distance))) scale(1.05)}}@media(max-width:720px){.board-topbar{flex-direction:column}.toolbar-group{justify-content:flex-start}.hero-card{padding:1.5rem}}