:root{--sd-navy: #102728;--sd-navy-light: #162D2E;--sd-navy-lighter: #1C3A3B;--sd-teal: #29C3C8;--sd-teal-dim: rgba(41, 195, 200, .15);--sd-teal-glow: rgba(41, 195, 200, .3);--sd-yellow: #F5C023;--sd-yellow-dim: rgba(245, 192, 35, .12);--sd-yellow-glow: rgba(245, 192, 35, .35);--sd-orange: #FE7A24;--sd-orange-glow: rgba(254, 122, 36, .35);--sd-white: #F7F7F7;--sd-ink: #0B1418;--sd-slate: #5F6B73;--sd-gray-light: #E9EEF1;--sd-card-surface: #FFFFFF;--sd-font-ui: "Inter", "Segoe UI", system-ui, sans-serif;--sd-font-brand: "Montserrat", "Poppins", "Inter", sans-serif;--sd-radius-sm: .5rem;--sd-radius-md: .75rem;--sd-radius-lg: 1rem;--sd-radius-xl: 1.25rem;--sd-radius-pill: 999px;--sd-shadow-sm: 0 2px 8px rgba(11, 20, 24, .3);--sd-shadow-md: 0 8px 24px rgba(11, 20, 24, .35);--sd-shadow-lg: 0 20px 45px rgba(11, 20, 24, .4);--sd-shadow-glow-teal: 0 0 20px var(--sd-teal-glow);--sd-shadow-glow-yellow: 0 0 16px var(--sd-yellow-glow);--sd-shadow-glow-orange: 0 0 20px var(--sd-orange-glow);--sd-transition: .15s ease;--sd-transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:var(--sd-font-ui);font-weight:400;background:var(--sd-navy);background-image:radial-gradient(ellipse at 50% 0%,var(--sd-navy-lighter) 0%,var(--sd-navy) 70%);color:var(--sd-white);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.sd-section-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;padding:0}.sd-section-label--yellow{color:var(--sd-yellow)}.sd-section-label--teal{color:var(--sd-teal)}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--sd-radius-pill);font-weight:600;font-size:.95rem;white-space:nowrap;text-decoration:none;transition:transform var(--sd-transition),box-shadow var(--sd-transition),background var(--sd-transition),border-color var(--sd-transition)}.sd-btn:active{transform:scale(.97)}.sd-btn--primary{background:var(--sd-orange);color:var(--sd-ink);border-color:var(--sd-orange)}.sd-btn--primary:hover{box-shadow:var(--sd-shadow-glow-orange);transform:translateY(-1px)}.sd-btn--secondary{background:transparent;color:var(--sd-teal);border-color:var(--sd-teal)}.sd-btn--secondary:hover{background:var(--sd-teal-dim);box-shadow:var(--sd-shadow-glow-teal);transform:translateY(-1px)}.sd-btn--reveal{background:var(--sd-yellow);color:var(--sd-ink);border-color:var(--sd-yellow);font-weight:700}.sd-btn--reveal:hover{box-shadow:var(--sd-shadow-glow-yellow);transform:translateY(-1px)}.sd-btn--ghost{background:transparent;color:var(--sd-teal);border-color:var(--sd-teal)}.sd-btn--ghost:hover{background:var(--sd-teal-dim)}.sd-btn:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--sd-teal);outline-offset:2px}.landing-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.landing-panel{width:min(100%,28rem);text-align:center}.landing-logo{display:block;width:min(100vw - 4rem,40rem);height:auto;margin:0 auto .75rem;position:relative;left:50%;transform:translate(-50%)}.landing-tagline{color:var(--sd-slate);font-style:italic;font-size:.95rem;margin:0 0 2rem}.landing-card{position:relative;z-index:1;background:#162d2e99;border:1px solid rgba(41,195,200,.15);border-radius:var(--sd-radius-xl);padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--sd-shadow-lg)}.landing-form{display:grid;gap:1.25rem}.landing-form label{display:grid;gap:.35rem;text-align:left;font-size:.85rem;font-weight:500;color:var(--sd-gray-light)}.landing-form input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid rgba(41,195,200,.2);border-radius:var(--sd-radius-md);background:var(--sd-navy);color:var(--sd-white);font-family:var(--sd-font-ui);font-size:1rem;transition:border-color var(--sd-transition),box-shadow var(--sd-transition)}.landing-form input[type=text]::placeholder{color:var(--sd-slate)}.landing-form input[type=text]:focus{outline:none;border-color:var(--sd-teal);box-shadow:0 0 0 3px var(--sd-teal-dim)}.landing-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.landing-intro{font-size:.9rem;color:var(--sd-gray-light);margin:0 0 .25rem}.landing-form [data-form-error]{color:var(--sd-orange);font-size:.85rem;margin:0;padding:.5rem .75rem;background:#fe7a241a;border-radius:var(--sd-radius-sm);border:1px solid rgba(254,122,36,.25)}.landing-footer{margin-top:2rem;font-size:.75rem;color:var(--sd-slate)}.session-shell{min-height:100vh;padding:0}.session-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#162d2ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(41,195,200,.1);flex-wrap:wrap}.session-header__brand{display:flex;align-items:center;gap:.5rem;margin-right:auto}.session-header__logo{height:2rem;width:auto}.session-header__title{font-family:var(--sd-font-brand);font-weight:800;font-style:italic;font-size:1.1rem;margin:0;color:var(--sd-white)}.session-header__title span{color:var(--sd-yellow)}.session-header__code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--sd-teal);margin:0;letter-spacing:.05em}.session-copy-button{border:1px solid var(--sd-teal);border-radius:var(--sd-radius-pill);background:transparent;color:var(--sd-teal);padding:.35rem .85rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--sd-transition),box-shadow var(--sd-transition)}.session-copy-button:hover{background:var(--sd-teal-dim);box-shadow:var(--sd-shadow-glow-teal)}.session-share-url{display:none}.session-share-status{margin:0;min-height:1.25rem;color:var(--sd-teal);font-size:.8rem}.session-page{width:100%;max-width:72rem;margin:0 auto;padding:1.5rem}.session-summary{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.9rem;color:var(--sd-slate)}.session-summary p{margin:0}.selected-card-preview{width:2.5rem;height:auto;display:inline-block;vertical-align:middle;border-radius:var(--sd-radius-sm)}.session-summary [data-round-state]{margin-left:auto;font-weight:600;color:var(--sd-teal)}.session-actions{margin-top:.5rem;margin-bottom:2rem}.vote-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.75rem}.vote-card-option{border:2px solid var(--sd-gray-light);border-radius:var(--sd-radius-lg);background:var(--sd-card-surface);color:var(--sd-ink);padding:.75rem .5rem;display:grid;justify-items:center;gap:.4rem;cursor:pointer;transition:transform var(--sd-transition),box-shadow var(--sd-transition),border-color var(--sd-transition)}.vote-card-option:hover{transform:translateY(-6px);border-color:var(--sd-yellow);box-shadow:0 12px 28px #0b141840,var(--sd-shadow-glow-yellow)}.vote-card-option--selected{border-color:var(--sd-teal);box-shadow:0 0 0 3px var(--sd-teal-glow),var(--sd-shadow-glow-teal);animation:card-select-bounce .3s ease}.vote-card-option__image{width:100%;max-width:7rem;height:auto;display:block}.vote-card-option__label{font-size:.85rem;font-weight:600;color:var(--sd-ink)}.leader-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.session-participants{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.session-participant{background:var(--sd-navy-light);border:1px solid rgba(41,195,200,.1);border-radius:var(--sd-radius-lg);padding:1rem;display:grid;gap:.5rem;transition:border-color var(--sd-transition-slow)}.session-participant:hover{border-color:#29c3c840}.session-participant [data-participant-name]{font-weight:600;font-size:.9rem;color:var(--sd-white)}.participant-leader-badge{color:var(--sd-yellow);font-size:.75rem}.session-card{min-height:13rem;border-radius:var(--sd-radius-md);display:grid;place-items:center;background:var(--sd-card-surface);color:var(--sd-ink);font-weight:700;gap:.5rem;padding:.75rem;text-align:center;transform-style:preserve-3d}.session-card__image{width:100%;max-width:6.5rem;height:auto;display:block}.session-card__caption{font-size:.85rem;font-weight:600}.session-card--hidden,.session-card--selected{background:var(--sd-navy-lighter);border:1px solid rgba(41,195,200,.1)}.session-card--hidden .session-card__caption,.session-card--selected .session-card__caption{color:var(--sd-slate)}.session-card--not-voted{background:transparent;border:2px dashed var(--sd-slate)}.session-card--not-voted .session-card__image{opacity:.3}.session-card--not-voted .session-card__caption{color:var(--sd-slate)}.session-card--revealed{background:var(--sd-card-surface)}.session-card--reveal{animation:reveal-card .5s ease-out}.backend-unavailable{text-align:center}.backend-unavailable h1{color:var(--sd-orange)}@keyframes reveal-card{0%{opacity:0;transform:rotateY(90deg) scale(.95)}50%{opacity:.7;transform:rotateY(20deg) scale(1.02)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes card-select-bounce{0%{transform:scale(1)}40%{transform:scale(1.06)}70%{transform:scale(.98)}to{transform:scale(1)}}@media(max-width:640px){.landing-panel{width:100%}.landing-card{padding:1.5rem}.landing-actions{grid-template-columns:1fr}.session-header{padding:.5rem 1rem;gap:.5rem}.session-header__title{font-size:.95rem}.session-page{padding:1rem}.vote-card-row{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.5rem}.vote-card-option{padding:.5rem .25rem}.vote-card-option__image{max-width:4.5rem}.session-participants{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.session-card{min-height:10rem}.session-summary{flex-wrap:wrap;font-size:.85rem}}@media(max-width:380px){.vote-card-row{grid-template-columns:repeat(3,1fr)}.session-participants{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}