:root{--font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;--font-mono: Arial, "Helvetica Neue", Helvetica, sans-serif;font-family:var(--font-sans);color:#25272d;background:#f4f3f0;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f3f0;--surface: #ffffff;--surface-raised: #ebeae7;--line: #d9d8d4;--muted: #717278;--ink: #25272d;--acid: #ffe500;--violet: #25272d;--danger: #c43d4b}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(37,39,45,.35);outline-offset:2px}.landing-shell,.room-shell{width:min(1240px,calc(100% - 48px));min-height:100vh;margin:0 auto}.landing-shell:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 78% 18%,rgba(255,229,0,.32),transparent 28%),linear-gradient(180deg,#fff7d5 0,var(--bg) 46%)}.site-header,.room-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:0}.site-header{min-height:64px;margin-top:16px;padding:8px 16px;background:var(--acid);border-radius:18px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.025em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;color:var(--acid);background:var(--ink);border-radius:9px;box-shadow:none;transform:none}.brand-mark span{transform:none}.header-note{color:var(--ink);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.landing-nav{display:flex;align-items:center;gap:28px}.landing-nav a{color:var(--ink);font-size:12px;font-weight:700}.landing-nav a:hover{opacity:.58}.collaboration-mark{width:fit-content;display:flex;align-items:center;gap:10px;margin-bottom:26px;padding:8px 10px;background:#ffffffc7;border:1px solid rgba(37,39,45,.11);border-radius:14px;box-shadow:0 8px 24px #25272d0f;font-size:12px}.raiffeisen-lockup{display:inline-flex;align-items:center;gap:7px}.raiffeisen-lockup img{width:24px;height:24px}.collaboration-cross{color:#85868b;font-size:18px;font-weight:400}.mvp-label{padding:5px 8px;background:var(--acid);border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.7fr);gap:9vw;align-items:center;padding:72px 0}.eyebrow{margin:0 0 18px;color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.hero h1,.room-intro h1,.join-card h1{margin:0;font-size:clamp(48px,6.8vw,94px);line-height:1;letter-spacing:-.055em}.hero h1 em{display:inline-block;margin-top:.08em;padding:0 .12em .06em;color:var(--ink);background:var(--acid);border-radius:14px;font-style:normal}.hero-lead{max-width:660px;margin:30px 0 40px;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.7}.feature-row{display:flex;flex-wrap:wrap;gap:20px 34px;color:var(--ink);font-size:13px}.feature-row span{display:flex;gap:9px;align-items:center}.feature-row b{color:var(--ink);font-family:var(--font-mono);font-size:10px}.start-card,.join-card{position:relative;padding:28px;background:var(--surface);border:0;border-radius:24px;box-shadow:0 12px 36px #25272d17}.start-card:after{position:absolute;right:22px;top:-10px;width:74px;height:20px;content:"";background:var(--acid);border-radius:999px}.start-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--ink);font-size:13px;font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px #ffe50047}.status-dot-revealed{background:var(--violet);box-shadow:0 0 0 5px #25272d1f}label{display:block;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:700}input{width:100%;height:54px;padding:0 15px;color:var(--ink);background:#f2f1ee;border:1px solid transparent;border-radius:12px;transition:border-color .16s ease,background .16s ease}input::placeholder{color:#929398}input:focus{border-color:var(--ink);background:var(--surface);outline:0}.start-button{width:100%;margin-top:14px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:13px;font-weight:800;transition:transform .14s ease,background .14s ease,opacity .14s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.55}.button-primary{color:var(--ink);background:var(--acid)}.button-primary:hover:not(:disabled){background:#ffed47}.button-secondary{background:var(--surface-raised);border-color:var(--line)}.button-secondary:hover:not(:disabled){background:#dfdedb}.button-ghost{color:var(--muted);border-color:var(--line)}.button-large{min-height:56px;justify-content:space-between;padding:0 20px}.form-error{margin:14px 0 0;color:var(--danger);font-size:12px;line-height:1.5}.landing-section{padding:110px 0;border-top:0}.section-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);column-gap:7vw;align-items:start;margin-bottom:52px}.section-intro .eyebrow{grid-column:1 / -1}.section-intro h2,.method-copy h2,.landing-cta h2{margin:0;font-size:clamp(36px,4.6vw,66px);line-height:1.04;letter-spacing:-.055em}.section-intro>p:last-child,.method-copy>p,.step-card p,.benefits-grid p,.faq-list p{color:var(--muted);line-height:1.7}.section-intro>p:last-child{max-width:660px;margin:5px 0 0;font-size:16px}.steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:step}.step-card{display:grid;grid-template-columns:58px 1fr;gap:18px;min-height:210px;padding:30px;background:var(--surface);border:0;border-radius:22px}.step-card:nth-child(2),.step-card:nth-child(3){background:#fff4b8}.step-number{width:42px;height:42px;display:grid;place-items:center;color:var(--ink);background:var(--acid);border-radius:50%;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.step-card h3,.benefits-grid h3{margin:0 0 12px;font-size:20px;letter-spacing:-.025em}.step-card p,.benefits-grid p{margin:0;font-size:14px}.method-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:8vw;align-items:start}.method-copy h2{margin-bottom:30px}.method-copy>p{margin:0 0 18px;font-size:16px}.benefits-grid{display:grid;gap:12px}.benefits-grid article{display:grid;grid-template-columns:46px 1fr;padding:24px;background:var(--surface);border:0;border-radius:22px}.benefits-grid article>span{grid-row:1 / 3;color:var(--ink);font-family:var(--font-mono);font-size:24px}.faq-section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:8vw}.section-intro-compact{display:block;margin:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:23px 44px 23px 0;cursor:pointer;font-size:16px;font-weight:750}.faq-list summary::marker{color:var(--ink)}.faq-list p{max-width:700px;margin:-4px 0 24px;font-size:14px}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:0 0 48px;padding:54px;color:#fff;background:var(--ink);border-radius:24px}.landing-cta .eyebrow{margin-bottom:10px;color:var(--acid)}.landing-cta h2{font-size:clamp(32px,4vw,54px)}.landing-cta .button-primary{flex:0 0 auto;color:var(--ink);background:var(--acid)}.consent-banner{position:fixed;z-index:60;right:24px;bottom:24px;left:24px;width:min(760px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin:0 auto;padding:20px;color:#fff;background:#25272dfa;border:0;border-radius:18px;box-shadow:0 18px 70px #25272d47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.consent-copy strong{font-size:13px}.consent-copy p{margin:7px 0 5px;color:#c9c9c7;font-size:12px;line-height:1.55}.consent-details-link,.privacy-settings-button{padding:0;color:#dededb;background:transparent;border:0;cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:3px}.consent-details-link:hover,.privacy-settings-button:hover{color:var(--acid)}.consent-actions,.privacy-actions{display:flex;gap:8px}.consent-actions .button{min-height:40px;padding-inline:14px;font-size:11px}.consent-banner .button-ghost{color:#fff;border-color:#67686d}.privacy-settings-button{position:fixed;z-index:30;left:14px;bottom:12px;padding:6px 8px;color:#55565b;background:#ffffffeb;border-radius:10px;text-decoration:none}.privacy-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#25272d9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.privacy-dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100dvh - 48px));padding:34px;overflow-y:auto;background:var(--surface);border:0;border-radius:24px;box-shadow:0 24px 80px #25272d3d}.privacy-dialog h2{margin:0 42px 24px 0;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.045em}.privacy-dialog>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7}.privacy-dialog>a{display:inline-block;margin-top:6px;color:var(--ink);text-decoration:underline;font-size:12px;font-weight:700}.privacy-close{position:absolute;top:18px;right:18px;width:38px;height:38px;color:var(--muted);background:var(--surface-raised);border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:24px;line-height:1}.privacy-dialog .consent-current{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.consent-current strong{color:var(--ink)}.privacy-actions{justify-content:flex-end;margin-top:24px}.room-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}.room-header{position:relative;z-index:10;min-height:60px;flex:0 0 60px;margin-top:10px;padding:6px 12px;background:var(--acid);border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none}.room-header-actions{display:flex;gap:8px}.room-header-actions .button{min-height:36px;padding-inline:14px}.room-code{font-family:var(--font-mono)}.connection-banner{flex:0 0 auto;padding:6px 12px;color:var(--ink);background:#fff0a0;font-size:10px;text-align:center}.room-intro{display:flex;flex:0 0 auto;justify-content:space-between;gap:24px;align-items:center;padding:18px 0 14px}.room-intro .eyebrow{margin-bottom:6px}.room-intro h1{font-size:clamp(28px,3vw,40px);line-height:1}.room-intro p:not(.eyebrow){max-width:620px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.room-intro-side{display:flex;flex:0 0 auto;align-items:flex-end;flex-direction:column;gap:7px}.round-status{display:flex;flex:0 0 auto;align-items:center;gap:9px;padding:9px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:11px}.table-panel{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:clamp(10px,2vh,18px);overflow:hidden;background:var(--surface);border:0;border-radius:20px}.participants-grid{display:flex;min-height:0;flex:1 1 auto;flex-wrap:wrap;justify-content:center;align-content:center;gap:clamp(9px,1.8vh,18px) 18px;align-items:center}.participant{width:86px;text-align:center}.participant-card{width:clamp(48px,7vh,60px);height:auto;aspect-ratio:2 / 3;display:grid;place-items:center;margin:0 auto 7px;color:#87888d;background:#eeedea;border:1px dashed #bab9b5;border-radius:9px;font-family:var(--font-mono);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.participant-card-voted{color:var(--ink);background:var(--acid);border:1px solid var(--acid);box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px) rotate(-1deg)}.participant-card-revealed{color:#fff;background:var(--violet);border-color:var(--ink);box-shadow:3px 3px 0 var(--acid)}.participant-card strong{font-size:18px}.card-check{font-size:18px;font-weight:900}.card-wait{font-size:16px}.participant p{overflow:hidden;margin:0;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.participant small{display:block;margin-top:4px;color:#85868b;font-size:9px}.participant-current p{text-decoration:underline 3px var(--acid);text-underline-offset:3px}.host-badge{margin-left:5px;color:#9a8700;font-size:10px}.result-strip{display:flex;align-items:baseline;justify-content:center;flex:0 0 auto;gap:10px;margin:12px auto 0;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.result-strip strong{color:var(--ink);font-family:var(--font-mono);font-size:20px}.vote-section{flex:0 0 auto;padding:14px 0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.section-heading h2{margin:0;font-size:12px}.section-heading span{color:var(--muted);font-family:var(--font-mono);font-size:10px}.vote-deck{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:6px}.vote-card{min-width:0;aspect-ratio:2 / 3;padding:2px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;cursor:pointer;font-family:var(--font-mono);font-size:clamp(9px,1vw,13px);transition:border-color .14s ease,color .14s ease,transform .14s ease,background .14s ease}.vote-card:hover:not(:disabled){color:var(--ink);border-color:var(--ink);transform:translateY(-3px)}.vote-card-selected{color:var(--ink);background:var(--acid);border-color:var(--acid);box-shadow:3px 3px 0 var(--violet);transform:translate(-1px,-2px)}.host-controls{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:7px 8px 7px 11px;color:#fff;background:var(--ink);border:0;border-radius:14px;box-shadow:0 7px 24px #25272d29}.host-controls .button{min-height:36px;padding-inline:13px;font-size:11px}.control-label{color:var(--acid);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.host-controls p{margin:3px 0 0;color:#bfc0c2;font-size:10px}.floating-error{position:fixed;z-index:20;right:24px;bottom:24px;max-width:390px;margin:0;padding:14px 18px;color:#4c111a;background:#ffd7dc;border-radius:12px;box-shadow:0 12px 40px #0000004d;font-size:12px}.room-loading-shell{background:radial-gradient(circle at 50% 45%,rgba(255,229,0,.24),transparent 28%)}.room-loading{display:flex;min-height:0;flex:1;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.room-loading-mark{width:12px;height:12px;background:var(--acid);border-radius:50%;box-shadow:0 0 #ffe50073;animation:room-loading-pulse 1.2s ease-out infinite}.room-loading p{margin:18px 0 4px;color:var(--ink);font-size:13px;font-weight:700}.room-loading small{font-family:var(--font-mono);font-size:10px}@keyframes room-loading-pulse{70%{box-shadow:0 0 0 12px #ffe50000}to{box-shadow:0 0 #ffe50000}}.join-shell{height:auto;min-height:100vh;display:block;overflow:visible;background:radial-gradient(circle at 50% 36%,rgba(255,229,0,.34),transparent 34%)}.join-card{width:min(480px,100%);margin:12vh auto 0}.join-card h1{font-size:clamp(36px,5vw,54px)}.join-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.join-card form{margin-top:26px}.join-button{width:100%;margin-top:13px;justify-content:center}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:56px}.hero-copy{padding-top:25px}.start-card{width:min(520px,100%)}.method-section,.faq-section{grid-template-columns:1fr;gap:54px}.benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits-grid article{display:block}.benefits-grid article>span{display:block;margin-bottom:18px}.vote-deck{grid-template-columns:repeat(20,minmax(0,1fr));gap:5px}.vote-card{aspect-ratio:2 / 3}}@media(max-width:600px){.landing-shell,.room-shell{width:min(100% - 28px,1240px)}.site-header{min-height:58px;margin-top:10px;padding:7px 10px}.room-header{min-height:52px;flex-basis:52px}.header-note{display:none}.landing-nav{gap:0}.landing-nav a{font-size:11px}.hero{min-height:auto;padding:54px 0}.hero h1{font-size:48px}.collaboration-mark{gap:7px;margin-bottom:24px;font-size:11px}.feature-row{display:grid}.start-card{padding:22px;box-shadow:0 10px 28px #25272d17}.landing-section{padding:76px 0}.section-intro{display:block;margin-bottom:36px}.section-intro h2,.method-copy h2{font-size:40px}.section-intro>p:last-child{margin-top:22px;font-size:15px}.steps-grid,.benefits-grid{grid-template-columns:1fr}.step-card{min-height:0;grid-template-columns:42px 1fr;gap:10px;padding:24px 20px}.method-section,.faq-section{gap:38px}.benefits-grid article{padding:22px}.landing-cta{align-items:stretch;flex-direction:column;margin-bottom:24px;padding:30px 24px}.landing-cta h2{font-size:36px}.consent-banner{right:14px;bottom:14px;left:14px;width:auto;grid-template-columns:1fr;gap:14px;padding:17px}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions .button{width:100%}.privacy-overlay{align-items:end;padding:12px}.privacy-dialog{max-height:calc(100dvh - 24px);padding:28px 20px 22px;box-shadow:none}.privacy-dialog h2{font-size:34px}.privacy-actions{display:grid;grid-template-columns:1fr}.privacy-actions .button{width:100%}.room-header-actions .button-secondary{padding:0 11px;font-size:0}.room-header-actions .button-secondary:after{content:"+";font-size:22px}.room-intro{align-items:center;flex-direction:row;gap:10px;padding:10px 0 8px}.room-intro h1{font-size:24px}.room-intro p:not(.eyebrow){display:none}.room-intro .eyebrow{margin-bottom:4px;font-size:9px}.round-status{align-self:auto;padding:7px 9px;font-size:9px}.table-panel{padding:8px}.participants-grid{gap:8px 5px}.participant{width:64px}.participant-card{width:clamp(40px,6.5vh,48px);height:auto;aspect-ratio:2 / 3;margin-bottom:4px}.participant p{font-size:9px}.participant small{display:none}.vote-deck{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.section-heading{align-items:baseline;flex-direction:row;gap:8px}.vote-section{padding:9px 0}.vote-card{font-size:8px}.host-controls{min-height:50px;align-items:center;flex-direction:row;gap:8px;padding:5px 8px}.host-controls p{display:none}.host-controls>div{display:none}.host-controls .button{width:auto;min-height:36px;padding-inline:10px;font-size:10px}}@media(max-height:700px){.room-header{min-height:52px;flex-basis:52px}.room-intro{padding:9px 0 7px}.room-intro p:not(.eyebrow){display:none}.participant-card{width:44px;height:auto;aspect-ratio:2 / 3}.participant small{display:none}.vote-section{padding:8px 0}.host-controls{min-height:0;padding-block:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;transition-duration:.01ms}}
