@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-accent:#5b3df2;--color-accent-hover:#4c2fe0;--color-accent-active:#3e24c9;--color-accent-tint:#eee9fd;--color-accent-tint-2:#e0d7fb;--color-canvas:#f7f6fb;--color-surface:#fff;--color-surface-2:#fbfafe;--color-ink:#1a1523;--color-ink-2:#5b5569;--color-ink-3:#9a95a8;--color-rule:#e8e5f0;--color-rule-2:#dad5e8;--color-ok:#1fa674;--color-ok-tint:#e3f7ee;--color-warn:#d97706;--color-warn-tint:#fdf1dd;--color-danger:#e0395c;--color-danger-tint:#fce6ea;--color-mad:#e0395c;--color-mad-tint:#fce9ed;--color-sad:#d97706;--color-sad-tint:#fdf1dd;--color-glad:#1fa674;--color-glad-tint:#e3f7ee;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-whisper:0 1px 2px #1a15230a, 0 1px 1px #1a152308;--shadow-raised:0 4px 12px #1a152314, 0 2px 4px #1a15230a;--shadow-floating:0 12px 32px #5b3df224, 0 4px 8px #1a15230f;--shadow-focus:0 0 0 3px #5b3df240;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;color:var(--color-ink);margin:0;font-weight:800;line-height:1.15}input,textarea,select{font-family:var(--font-sans);background:var(--color-surface);border:1.5px solid var(--color-rule-2);color:var(--color-ink);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--color-ink-3)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}button{font-family:var(--font-sans);background:var(--color-accent);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);box-shadow:var(--shadow-whisper);border:none;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s}button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-raised)}button:active:not(:disabled){background:var(--color-accent-active);transform:scale(.98)}button:disabled{background:var(--color-rule);color:var(--color-ink-3);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-accent);border:1.5px solid var(--color-rule-2);box-shadow:var(--shadow-whisper)}.btn-secondary:hover:not(:disabled){background:var(--color-accent-tint);border-color:var(--color-accent)}.btn-ghost{color:var(--color-ink-2);box-shadow:none;padding:var(--space-2) var(--space-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-accent-tint);color:var(--color-accent)}.error{color:var(--color-danger);background:var(--color-danger-tint);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.home{max-width:900px;padding:var(--space-12) var(--space-5);margin:0 auto}.home-cards{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.home-badges{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.home-badge{background:var(--color-surface);color:var(--color-ink-2);font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);box-shadow:var(--shadow-whisper);font-weight:700}.home-hero{text-align:center;margin-bottom:var(--space-10)}.home-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.home-hero p{color:var(--color-ink-2);font-size:var(--text-lg);margin:0}.home-hero .accent-word{color:var(--color-accent)}.home section{margin-bottom:var(--space-5);background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.home section h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.home form{gap:var(--space-3);display:flex}.home form input{flex:1}.presenter-shell{background:var(--color-canvas);flex-direction:column;height:100vh;display:flex}.presenter-topbar{padding:var(--space-3) var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-whisper);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.presenter-topbar .brand{font-weight:800;font-size:var(--text-lg);color:var(--color-ink);align-items:center;gap:var(--space-2);display:flex}.presenter-topbar .brand .accent-word{color:var(--color-accent)}.presenter-topbar .room-title-input{font-weight:700;font-size:var(--text-base);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;width:auto;min-width:160px}.presenter-topbar .room-title-input:hover{background:var(--color-surface-2)}.presenter-topbar .room-title-input:focus{background:var(--color-accent-tint);box-shadow:none}.presenter-topbar .status-chip{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-ok-tint);color:var(--color-ok);font-weight:700;display:inline-flex}.presenter-topbar .status-chip.draft{background:var(--color-surface-2);color:var(--color-ink-2)}.presenter-topbar .topbar-right{align-items:center;gap:var(--space-3);display:flex}.presenter-body{gap:var(--space-4);padding:var(--space-4);flex:1;display:flex;overflow:hidden}.agenda{background:var(--color-surface);width:300px;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.agenda .join-code{background:var(--color-accent-tint);color:var(--color-accent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0;font-weight:600}.agenda .join-code strong{font-size:var(--text-lg);letter-spacing:.08em}.agenda-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);margin:0;font-weight:800}.slide-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.slide-thumb{cursor:pointer;background:var(--color-surface-2);border-radius:var(--radius-md);border:2px solid #0000;transition:border-color .15s,box-shadow .15s;overflow:hidden}.slide-thumb:hover{border-color:var(--color-accent-tint-2)}.slide-thumb.active{border-color:var(--color-accent);box-shadow:var(--shadow-floating)}.slide-thumb .thumb-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-ink-2);justify-content:space-between;align-items:center;font-weight:700;display:flex}.slide-thumb.active .thumb-label{color:var(--color-accent)}.slide-thumb .thumb-preview{height:48px;margin:0 var(--space-3) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);gap:2px;display:flex;overflow:hidden}.thumb-preview .mini-col{border-radius:3px;flex:1}.thumb-preview .mini-col.mad{background:var(--color-mad-tint)}.thumb-preview .mini-col.sad{background:var(--color-sad-tint)}.thumb-preview .mini-col.glad{background:var(--color-glad-tint)}.thumb-preview .mini-lines{flex-direction:column;flex:1;gap:3px;padding:6px 8px;display:flex}.thumb-preview .mini-lines span{background:var(--color-rule-2);border-radius:2px;height:4px;display:block}.thumb-preview .mini-bars{flex:1;align-items:flex-end;gap:3px;padding:8px;display:flex}.thumb-preview .mini-bars i{background:var(--color-accent-tint-2);border-radius:2px;flex:1;display:block}.add-slide-btn{background:var(--color-surface-2);width:100%;color:var(--color-accent);border:1.5px dashed var(--color-accent-tint-2);box-shadow:none;border-radius:var(--radius-md)}.add-slide-btn:hover{background:var(--color-accent-tint)}.slide-stage{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-8);flex:1;overflow-y:auto}.stage-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.stage-header h1{font-size:var(--text-2xl)}.stage-header .live-count{font-size:var(--text-xs);color:var(--color-ink-3);margin:var(--space-1) 0 0 0;font-weight:700}.editable-prompt{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-ink);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:calc(var(--space-2) * -1) calc(var(--space-3) * -1) var(--space-6);cursor:text;background:0 0;border:1.5px dashed #0000;width:100%;font-weight:800;transition:border-color .15s,background .15s}.editable-prompt:hover{border-color:var(--color-rule-2);background:var(--color-surface-2)}.editable-prompt:focus{border-color:var(--color-accent);background:var(--color-accent-tint);box-shadow:none}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;padding:var(--space-6);background:#1a152373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);padding:var(--space-8);width:100%;max-width:820px;max-height:90vh;overflow-y:auto}.modal-panel h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.modal-panel .modal-subtitle{color:var(--color-ink-2);font-size:var(--text-sm);margin:0 0 var(--space-6) 0}.template-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.template-card{background:var(--color-surface);border:2px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;text-align:left;gap:var(--space-2);box-shadow:none;color:var(--color-ink);flex-direction:column;font-weight:400;transition:border-color .15s,box-shadow .15s;display:flex}.template-card:hover:not(:disabled){border-color:var(--color-accent-tint-2);box-shadow:var(--shadow-raised);background:var(--color-surface);transform:none}.template-card.selected{border-color:var(--color-accent);box-shadow:var(--shadow-floating);background:var(--color-accent-tint)}.template-card .template-icon{font-size:var(--text-2xl)}.template-card .template-title{font-weight:800;font-size:var(--text-base);color:var(--color-ink)}.template-card .template-desc{font-size:var(--text-xs);color:var(--color-ink-2);font-weight:400;line-height:1.4}.modal-slide-config{background:var(--color-surface-2);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.modal-slide-config label{font-size:var(--text-xs);color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.modal-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.audience-layout{max-width:600px;padding:var(--space-6) var(--space-4);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.audience-layout>form{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.prompt{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-4);color:var(--color-ink);font-weight:800}.kanban{gap:var(--space-4);display:flex}.kanban-column{background:var(--color-surface-2);padding:var(--space-4);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;flex:1;min-height:220px;display:flex}.kanban-column h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);width:fit-content;font-weight:800}.kanban-mad h3{background:var(--color-mad-tint);color:var(--color-mad)}.kanban-sad h3{background:var(--color-sad-tint);color:var(--color-sad)}.kanban-glad h3{background:var(--color-glad-tint);color:var(--color-glad)}.sticky-note{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-whisper);position:relative}.sticky-note.mine{border:1.5px solid var(--color-accent-tint-2)}.sticky-note p{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);color:var(--color-ink)}.mine-badge{font-size:var(--text-xs);color:#fff;background:var(--color-accent);padding:2px var(--space-2);border-radius:var(--radius-full);margin-bottom:var(--space-2);font-weight:800;display:inline-block}.column-picker{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.column-picker label{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-2);font-size:var(--text-sm);cursor:pointer;color:var(--color-ink-2);border:1.5px solid var(--color-rule);font-weight:600;display:flex}.column-picker input[type=radio]{width:auto;accent-color:var(--color-accent)}.answer-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.answer-list li{background:var(--color-surface);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-whisper)}.answer-list li p{margin:0 0 var(--space-2) 0;font-size:var(--text-base)}.answer-list li.mine{background:var(--color-accent-tint);box-shadow:none;border:1.5px solid var(--color-accent-tint-2)}.reaction-bar{gap:var(--space-2);display:flex}.reaction-bar button{background:var(--color-surface-2);color:var(--color-ink-2);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);box-shadow:none;border:none;font-weight:700}.reaction-bar button:hover:not(:disabled){background:var(--color-accent-tint);color:var(--color-accent);transform:none}.reaction-bar button:disabled{background:var(--color-surface-2);color:var(--color-ink-3)}.mood-histogram{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg)}.mood-stat-card{align-items:baseline;gap:var(--space-2);background:var(--color-accent-tint);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.mood-stat-value{font-size:var(--text-4xl);color:var(--color-accent);letter-spacing:-.02em;font-weight:800}.mood-stat-outof{font-size:var(--text-lg);color:var(--color-ink-2);font-weight:600}.mood-stat-sub{font-size:var(--text-sm);color:var(--color-ink-2);margin-left:auto;font-weight:600}.mood-histogram .bars{gap:var(--space-4);align-items:flex-end;height:200px;display:flex}.bar-column{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.bar-column .bar-count{font-size:var(--text-xs);color:var(--color-ink-2);font-weight:800}.bar{background:linear-gradient(180deg, var(--color-accent), var(--color-accent-active));border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:48px;min-height:4px;transition:height .3s}.bar-column .bar-emoji{font-size:var(--text-lg)}.bar-column span{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:700}.waiting{text-align:center;color:var(--color-ink-3);font-size:var(--text-lg);margin-top:var(--space-12);font-weight:600}.presenter-error{max-width:480px;margin:var(--space-12) auto;text-align:center;background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);color:var(--color-ink-2)}