:root{--night:#161b33;--night-2:#1a2040;--panel:#1e2444;--panel-2:#262d54;--star-gold:#ffc94d;--fail-coral:#ff7a6b;--squad-mint:#5eead4;--ink:#edeffa;--ink-dim:#8b93b8;--border:#2e3766;--radius-card:14px;--radius-pill:999px;--font:ui-rounded, "SF Pro Rounded", "Quicksand", system-ui, -apple-system, sans-serif;--shadow:0 8px 30px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--night);-webkit-font-smoothing:antialiased;margin:0}.sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star{opacity:.5;border-radius:50%;animation:3.2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}#root{position:relative}.app{z-index:1;position:relative}a{color:var(--star-gold)}h1,h2,h3{margin:0 0 .4em;font-weight:700}.app{flex-direction:column;min-height:100%;display:flex}.nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#161b33b3;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}.nav .brand{color:var(--ink);letter-spacing:.01em;margin-right:auto;font-size:1.15rem;font-weight:800;text-decoration:none}.nav .brand em{color:var(--star-gold);font-style:normal}.nav-tabs{align-items:center;gap:4px;font-size:.85rem;display:flex}.nav-tab{border-radius:var(--radius-pill);color:var(--ink-dim);padding:6px 14px;text-decoration:none;transition:color .12s}.nav-tab:hover{color:var(--ink)}.nav-tab.on{color:var(--star-gold);background:#ffc94d24}.nav-links{align-items:center;gap:8px;display:flex}.content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px}.btn{font-family:var(--font);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--panel-2);color:var(--ink);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{background:var(--border);transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--star-gold);outline-offset:2px}.btn-primary{background:var(--star-gold);color:#2a1e00;border-color:var(--star-gold);font-weight:700}.btn-primary:hover{background:#ffd876}.btn-danger{color:var(--fail-coral);border-color:var(--fail-coral);background:0 0}.btn.active{background:var(--star-gold);color:#2a1e00;border-color:var(--star-gold)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:0 0}.btn-sm{padding:5px 12px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1.1rem}.btn-block{justify-content:center;width:100%}.board{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.board{grid-template-columns:1fr}}.column{min-height:60px}.column-header{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:flex}.column-count{color:var(--ink-dim);letter-spacing:0;background:var(--panel);border-radius:var(--radius-pill);padding:2px 8px;font-size:.65rem;font-weight:700}.col-fail .column-header{color:var(--fail-coral)}.col-star .column-header{color:var(--star-gold)}.column-add{box-sizing:border-box;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-card);width:100%;color:var(--ink-dim);margin-top:4px;padding:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s,background .12s;display:block}.column-add:hover{color:var(--ink);background:#ffffff08}.column-add:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.column-add-fail:hover{border-color:var(--fail-coral);color:var(--fail-coral)}.column-add-star:hover{border-color:var(--star-gold);color:var(--star-gold)}.column-add-starSquad:hover{border-color:var(--squad-mint);color:var(--squad-mint)}.col-starSquad .column-header{color:var(--squad-mint)}.arrow{background:var(--panel);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .12s,color .12s;display:inline-flex}.arrow:hover:not(:disabled){background:var(--panel-2);color:var(--ink)}.arrow:disabled{opacity:.35;cursor:not-allowed}.arrow:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.arrow-lg{width:44px;height:44px;font-size:1.4rem}.card{background:var(--panel);border-radius:var(--radius-card);border:1px solid #ffffff0d;border-left:3px solid var(--border);cursor:pointer;margin-bottom:10px;padding:12px 14px;transition:transform .15s,box-shadow .15s;position:relative}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card:focus-visible{outline:3px solid var(--star-gold);outline-offset:2px}.card-fail{border-left-color:var(--fail-coral)}.card-star{border-left-color:var(--star-gold)}.card-starSquad{border-left-color:var(--squad-mint)}.card-mine{border-color:#ffc94d80;box-shadow:0 0 0 1px #ffc94d33}.card .you-pip{background:var(--star-gold);color:var(--night);border-radius:var(--radius-pill);padding:2px 8px;font-size:.6rem;font-weight:800;position:absolute;top:10px;right:10px}.card-who{margin-bottom:2px;padding-right:34px;font-size:1.05rem;font-weight:800}.card-title{color:var(--ink);margin-bottom:8px;font-size:.95rem}.card-meta{color:var(--ink-dim);align-items:center;gap:10px;font-size:.78rem;display:flex}.card-icons{opacity:.7;gap:8px;margin-left:auto;font-size:.85rem;display:flex}.reactions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reaction-chip{border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:#151a36;border:1px solid #ffffff12;align-items:center;gap:4px;padding:2px 10px;font-size:.9rem;display:inline-flex}.reaction-chip.mine{border-color:var(--star-gold);background:#ffc94d26}.reaction-chip .count{color:var(--ink-dim);font-size:.8rem}.reaction-add{color:var(--star-gold);background:#ffc94d14;border-color:#ffc94d66;font-weight:600}.reaction-add:hover{background:#ffc94d29}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.reaction-chip{animation:.25s pop}.modal-overlay{z-index:50;background:#0a0c1cbf;justify-content:center;align-items:flex-start;padding:30px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border-radius:var(--radius-card);border:1px solid var(--border);width:100%;max-width:640px;box-shadow:var(--shadow);padding:22px}.modal img{border-radius:10px;max-width:100%;margin:10px 0}.modal-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.modal p{line-height:1.6}.modal ul{flex-direction:column;gap:10px;margin:0 0 1em;padding-left:1.2em;line-height:1.6;display:flex}.gif-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:360px;margin:12px 0;padding-right:2px;display:grid;overflow-y:auto}.gif-thumb{background:var(--night-2);cursor:pointer;aspect-ratio:1;border:2px solid #0000;border-radius:10px;padding:0;line-height:0;overflow:hidden}.gif-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gif-thumb:hover,.gif-thumb:focus-visible{border-color:var(--star-gold);outline:none}.giphy-attribution{text-align:center;color:var(--ink-dim);letter-spacing:.02em;margin-top:8px;font-size:.78rem;font-weight:700}.form{max-width:620px;margin:0 auto}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{font-weight:700}.field .hint{color:var(--ink-dim);font-size:.8rem}.field .error{color:var(--fail-coral);font-size:.82rem}input,textarea,select{font-family:var(--font);background:var(--night-2);color:var(--ink);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px;font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--star-gold);border-color:var(--star-gold)}textarea{resize:vertical;min-height:120px}.category-select{flex-wrap:wrap;gap:10px;display:flex}.category-option{text-align:center;border-radius:var(--radius-card);border:2px solid var(--border);cursor:pointer;min-width:130px;font-weight:700;font-family:var(--font);color:var(--ink);background:var(--panel);flex:1;padding:14px}.category-option:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.input-with-emoji{align-items:stretch;gap:8px;display:flex}.input-with-emoji.textarea{align-items:flex-start}.input-with-emoji>input,.input-with-emoji>textarea{flex:1}.emoji-insert-wrap{display:inline-block;position:relative}.emoji-insert{border:1px solid var(--border);background:var(--night-2);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:10px;font-size:1.1rem}.emoji-insert:hover{border-color:var(--star-gold)}.emoji-insert:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.emoji-insert-pop{z-index:100;position:absolute;top:110%;right:0}.category-option.sel-fail{border-color:var(--fail-coral);background:#ff7a6b26}.category-option.sel-star{border-color:var(--star-gold);background:#ffc94d26}.category-option.sel-starSquad{border-color:var(--squad-mint);background:#5eead426}.comment-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.comment{background:#ffffff0a;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.comment .row{align-items:baseline;gap:8px}.comment-author{font-size:.9rem;font-weight:700}.comment-time{color:var(--ink-dim);font-size:.75rem}.comment .md{line-height:1.6}.md :first-child{margin-top:0}.md :last-child{margin-bottom:0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.muted{color:var(--ink-dim)}.center{text-align:center}.empty{color:var(--ink-dim);text-align:center;padding:24px;font-style:italic}.banner{border:1px solid var(--star-gold);border-radius:var(--radius-card);background:#ffc94d26;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.dev-switcher{align-items:center;gap:6px;font-size:.8rem;display:flex}.dev-switcher input{width:auto;padding:4px 8px;font-size:.8rem}.period-nav{justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.period-nav h2{text-align:center;min-width:200px;margin:0}.error-text{color:var(--fail-coral)}.present{text-align:center;min-height:100vh}.present-exit{z-index:20;border:1px solid var(--border);background:var(--panel);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:1.1rem;position:fixed;top:18px;right:20px}.present-exit:hover{background:var(--panel-2)}.present-exit:focus-visible{outline:2px solid var(--star-gold);outline-offset:2px}.slide{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:88vh;padding:20px 24px 80px;display:flex;overflow:hidden}.slide-enter{animation:.22s ease-out both slide-enter}@keyframes slide-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.slide-entry-body{justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;display:flex}.slide-entry.has-media .slide-text{text-align:left;max-width:46%}.slide-text{flex-direction:column;align-items:center;gap:12px;max-width:60ch;display:flex}.slide-entry.has-media .slide-text{align-items:flex-start}.slide-media{flex:0 50%;justify-content:center;display:flex}.slide-media img{border-radius:12px;max-width:100%;max-height:64vh}.slide-cat{font-weight:700}.slide-cat.cat-fail{color:var(--fail-coral)}.slide-cat.cat-star{color:var(--star-gold)}.slide-cat.cat-starSquad{color:var(--squad-mint)}@media (width<=760px){.slide-entry-body{flex-direction:column;gap:18px}.slide-entry.has-media .slide-text{text-align:center;align-items:center;max-width:100%}.slide-media img{max-height:34vh}}.slide-section{font-size:clamp(2.5rem,9vw,6rem);font-weight:800}.slide-kicker{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.15em;font-size:clamp(1rem,2.5vw,1.6rem)}.slide-who{font-size:clamp(2.2rem,8vw,5.5rem);font-weight:800;line-height:1.05}.slide-reporter{color:var(--star-gold);font-size:clamp(1.3rem,3.5vw,2.4rem);font-weight:700}.slide-title{font-size:clamp(1.4rem,4vw,2.8rem)}.slide-desc{max-width:60ch;color:var(--ink);font-size:clamp(1rem,2.2vw,1.5rem)}.slide img{border-radius:12px;max-width:90%;max-height:40vh}.slide-reactions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.slide-reactions .reaction-chip{padding:6px 16px;font-size:1.8rem}.slide-reaction-wrap{display:inline-flex;position:relative}.slide-reactions .reaction-chip.pulsing{animation:.5s reaction-chip-pulse}@keyframes reaction-chip-pulse{0%{transform:scale(1)}40%{transform:scale(1.25);box-shadow:0 0 16px #ffc94db3}to{transform:scale(1)}}.reaction-float{pointer-events:none;font-size:1.6em;animation:.9s ease-out forwards reaction-float-up;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@keyframes reaction-float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.6)}25%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}.slide-comment{color:var(--ink-dim);font-size:clamp(1rem,2vw,1.4rem);font-style:italic}.slide-counter{color:var(--ink-dim);font-size:1.1rem;position:fixed;bottom:20px;right:24px}.present-controls{align-items:center;gap:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.vote-section{margin-bottom:24px}.vote-option{border:2px solid var(--border);border-radius:var(--radius-card);cursor:pointer;background:var(--panel);align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.vote-option.selected{border-color:var(--star-gold);background:#ffc94d26}.vote-option input[type=radio]{accent-color:var(--star-gold);cursor:pointer}.vote-option input[type=radio]:focus:not(:focus-visible){outline:none}.vote-option:focus-within{border-color:var(--star-gold)}.vote-option .who{font-weight:800}.vote-option .title{color:var(--ink-dim);font-size:.9rem}.reveal{text-align:center;cursor:default}.reveal-drumroll{cursor:pointer;padding:48px 16px 60px}.drumroll-star{color:var(--star-gold);font-size:clamp(3rem,10vw,6rem);animation:1s ease-in-out infinite drumroll-pulse}.reveal-drumroll-copy{margin:12px 0 4px;font-size:clamp(1.2rem,3vw,2rem);font-weight:700}.reveal-skip-hint{font-size:.85rem}@keyframes drumroll-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.reveal-category{padding-top:8px;animation:.5s both reveal-category-in;position:relative}@keyframes reveal-category-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal-burst{pointer-events:none;width:100%;height:160px;position:absolute;inset:-20px 0 auto}.winner-set{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.winner-card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:2px solid var(--star-gold);border-radius:var(--radius-card);z-index:1;max-width:520px;margin:12px auto;padding:22px 28px;animation:.6s burst;position:relative;box-shadow:0 0 40px #ffc94d59}.winner-who{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:800}.winner-count{color:var(--star-gold);font-weight:700}@keyframes burst{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.qr-wrap{background:#fff;border-radius:12px;padding:16px;display:inline-block}.vote-count-big{color:var(--star-gold);font-size:clamp(3rem,12vw,7rem);font-weight:800}.reveal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.fab{z-index:30;background:var(--star-gold);color:var(--night);font-weight:800;font-family:var(--font);border-radius:var(--radius-pill);border:none;padding:14px 24px;font-size:1rem;text-decoration:none;transition:transform .12s;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 26px #ffc94d59}.fab:hover{transform:translateY(-2px)}.fab:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.card-winner{border-color:#ffc94db3;box-shadow:0 0 0 1px #ffc94d59}.winner-ribbon{background:var(--star-gold);color:var(--night);letter-spacing:.03em;border-radius:var(--radius-pill);margin-bottom:8px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-block}.slide-empty{font-size:clamp(1.1rem,3vw,2rem)}.admin{max-width:900px;margin:0 auto}.admin-card{background:var(--panel);border-radius:var(--radius-card);border:1px solid #ffffff0d;margin-bottom:20px;padding:18px 20px}.admin-periods{flex-direction:column;gap:12px;display:flex}.admin-period{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.admin-period:first-child{border-top:none;padding-top:0}.admin-period-name{flex-wrap:wrap;align-items:center;gap:10px;font-size:1.05rem;display:inline-flex}.pill{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);padding:2px 9px;font-size:.65rem;font-weight:800}.pill-current{color:var(--squad-mint);background:#5eead42e}.pill-archived{background:var(--panel-2);color:var(--ink-dim)}.admin-period-meta{font-size:.8rem}.admin-votes{background:#ffffff08;border-radius:10px;margin-top:6px;padding:12px 16px}.admin-votes h4{margin:8px 0 4px}.admin-votes ul{margin:0 0 8px;padding-left:20px}.admin-votes li{margin:2px 0}.admin-votes li ul{margin:2px 0 6px}.admin-votes li ul li{color:var(--ink-dim)}.admin-import{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.warning-text{color:var(--fail-coral);background:#ff7a6b1a;border:1px solid #ff7a6b59;border-radius:10px;margin:0;padding:10px 14px;font-size:.9rem}