:root{--bg: #f3efe7;--panel: #ffffff;--panel-border: #e3dcd1;--text: #2b2f33;--text-muted: #6f6a60;--accent: #3b5bdb;--danger: #cf222e;--col-happy-head: #16896f;--col-happy-body: #1fa98a;--col-happy-card: #199a7d;--col-happy-text: #ffffff;--col-happy-subtext: #c6efe1;--col-idea-head: #c9a821;--col-idea-body: #e8c638;--col-idea-card: #f0cf47;--col-idea-text: #40310a;--col-idea-subtext: #7a6315;--col-sad-head: #b93339;--col-sad-body: #d6494e;--col-sad-card: #c23a40;--col-sad-text: #ffffff;--col-sad-subtext: #ffd4d6;--col-action-head: #c8b28d;--col-action-body: #ede2c9;--col-action-card: #ffffff;--col-action-text: #2b2f33;--col-action-subtext: #7b6a4b}*{box-sizing:border-box}html,body,#root{margin:0;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.35}button{font:inherit;color:inherit}.board{display:flex;flex-direction:column}.board-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--panel-border);box-shadow:0 1px #00000005;position:sticky;top:0;z-index:5}.board-header-brand{display:flex;align-items:baseline;gap:.6rem}.board-header-brand h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.slug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted);font-size:.8rem}.board-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}.header-button{font-size:.8rem;padding:.3rem .75rem;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);border-radius:4px;cursor:pointer;transition:background .1s}.header-button:hover{background:#faf7f2}.viewer-count-wrap{font-size:.8rem;color:var(--text-muted);padding:.3rem .7rem;background:#faf7f2;border:1px solid var(--panel-border);border-radius:999px;display:inline-flex;align-items:center;gap:.25rem}.viewer-count{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.connection-status-offline{font-size:.8rem;color:#7d5a00;padding:.3rem .7rem;background:#fff6d0;border:1px solid #e6c75a;border-radius:999px}.board-body{display:grid;grid-template-rows:auto auto;gap:.75rem;padding:.75rem}.columns-main{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;align-items:start}.column{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 1px #00000008,0 2px 6px #0000000a}.column-happy{--col-head: var(--col-happy-head);--col-body: var(--col-happy-body);--col-card: var(--col-happy-card);--col-text: var(--col-happy-text);--col-subtext: var(--col-happy-subtext)}.column-idea{--col-head: var(--col-idea-head);--col-body: var(--col-idea-body);--col-card: var(--col-idea-card);--col-text: var(--col-idea-text);--col-subtext: var(--col-idea-subtext)}.column-sad{--col-head: var(--col-sad-head);--col-body: var(--col-sad-body);--col-card: var(--col-sad-card);--col-text: var(--col-sad-text);--col-subtext: var(--col-sad-subtext)}.column-action{--col-head: var(--col-action-head);--col-body: var(--col-action-body);--col-card: var(--col-action-card);--col-text: var(--col-action-text);--col-subtext: var(--col-action-subtext)}.column-header{background:var(--col-head);padding:.55rem .9rem;display:flex;align-items:baseline;gap:.5rem}.column-header h2{margin:0;font-size:.82rem;font-weight:700;color:var(--col-text);letter-spacing:.02em;text-transform:uppercase}.column-prompt{font-size:.78rem;color:var(--col-subtext);font-style:italic}.column-body{background:var(--col-body);color:var(--col-text);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.add-item{display:flex;gap:.35rem}.add-item input{flex:1;padding:.45rem .6rem;border:0;border-radius:6px;background:#ffffffd1;color:var(--text);font:inherit}.add-item input::placeholder{color:var(--text-muted)}.add-item button{padding:.45rem .9rem;border:0;background:#0003;color:var(--col-text);font-weight:600;border-radius:6px;cursor:pointer}.add-item button:hover{background:#0000004d}.items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.column-variant-action .items{flex-direction:row;flex-wrap:wrap}.column-variant-action .item{flex:1 1 260px;min-width:240px}.item{background-color:var(--col-card);color:var(--col-text);border-radius:8px;padding:.5rem .65rem;box-shadow:0 1px 2px #00000014}.item[data-discuss-state=active]{outline:3px solid #ffffff;outline-offset:-2px;background-image:linear-gradient(#ffffff47,#ffffff47)}.item[data-discuss-state=done]{opacity:.45}.item-view{cursor:pointer}.item-view{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center}.item-text{font-size:.93rem;line-height:1.35;word-break:break-word}.item-vote{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.2rem;padding:.25rem .4rem;background:#ffffff2e;color:var(--col-text);border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;line-height:1}.item-vote[data-voted=true]{background:#ffffffe6;color:var(--col-head);border-color:#ffffffe6}.item-vote-icon{font-size:.75rem;line-height:1}.vote-count{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;margin-top:.1rem}.item-actions{display:inline-flex;gap:.25rem;align-items:center}.item-timer{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;padding:.2rem .4rem;border-radius:6px;background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.35)}.column-variant-action .item-timer{background:var(--text);color:#fff;border-color:transparent}.item-button{font-size:.72rem;padding:.3rem .5rem;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:var(--col-text);border-radius:5px;cursor:pointer;font-weight:500;white-space:nowrap}.item-button:hover{background:#ffffff38}.item-button-primary{background:#00000040;border-color:transparent;color:var(--col-text)}.item-button-danger:hover{background:#cf222ebf;border-color:transparent;color:#fff}.column-variant-action .item-vote{background:var(--bg);border-color:var(--panel-border);color:var(--text)}.column-variant-action .item-vote[data-voted=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.column-variant-action .item-button{background:#fff;border-color:var(--panel-border);color:var(--text)}.column-variant-action .item-button:hover{background:#faf7f2}.column-variant-action .item-button-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.item-edit{display:grid;grid-template-columns:1fr auto;gap:.4rem;align-items:center}.item-edit input{padding:.4rem .55rem;border:0;border-radius:6px;background:#ffffffeb;color:var(--text);font:inherit}.password-prompt{max-width:26rem;margin:4rem auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.password-prompt label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.85rem;color:var(--text-muted)}.password-prompt input{padding:.55rem .7rem;border:1px solid var(--panel-border);border-radius:6px;font:inherit;color:var(--text);background:#fff}.password-prompt input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.password-prompt button[type=submit]{padding:.55rem 1rem;border:0;background:var(--accent);color:#fff;border-radius:6px;cursor:pointer;font-weight:600}.password-prompt button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.password-error{color:var(--danger);margin-top:.75rem;font-size:.9rem}.archive-drawer{padding:1.25rem;background:var(--bg)}.archive-drawer-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.archive-drawer-header h2{margin:0;font-size:1.05rem;font-weight:700}.archive-drawer-header button{padding:.35rem .8rem;border:1px solid var(--panel-border);background:var(--panel);border-radius:6px;cursor:pointer}.archive-entry{margin-bottom:1.25rem;padding:1rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px}.archive-entry h3{margin:0 0 .6rem;font-size:.9rem;color:var(--text-muted);font-weight:600}.archive-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.archive-item{display:grid;grid-template-columns:90px 1fr auto;gap:.6rem;align-items:center;padding:.4rem .6rem;background:#faf7f2;border-radius:6px;font-size:.9rem}.archive-item-column{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.archive-item-votes{color:var(--text-muted);font-size:.8rem}.backup-controls{display:inline-flex;gap:.4rem;align-items:center}.backup-button{font-size:.8rem;padding:.3rem .75rem;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);border-radius:4px;cursor:pointer}.backup-button:hover{background:#faf7f2}.backup-error{color:var(--danger);font-size:.8rem}.backup-status{color:#1a7f37;font-size:.8rem}.confetti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:9999}.confetti-piece{position:absolute;top:-24px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--rot, 0deg));opacity:1}to{transform:translateY(110vh) rotate(calc(var(--rot, 0deg) + 720deg));opacity:.85}}