:root{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100vh;min-height:100svh;overflow:hidden;overscroll-behavior:none}body{background-color:#272727;color:#000}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 12px;width:100%;max-width:100vw;box-sizing:border-box;background:#272727;border:none;border-radius:0;box-shadow:none}.nav-left{display:flex;align-items:center;gap:10px;justify-self:start}.nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.topbar-placeholder{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.nav-menu{position:absolute;top:100%;left:0;right:0;width:100%;max-width:100vw;padding:10px 8px;border-radius:0;border:none;background:#1f1f1f;box-shadow:0 6px 14px #00000040;z-index:20;display:flex;align-items:center;justify-content:flex-start;gap:12px}.nav-menu-item{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#282828f2,#0c0c0cd9);color:#fff;font-weight:700;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.nav-menu-item:hover{transform:translateY(-1px);background:#ffffff14;box-shadow:inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24}.nav-menu-icon{font-size:16px;font-weight:800;width:20px;text-align:center}.nav-menu-icon-img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.topbar-logo{height:46px;max-width:200px;object-fit:contain;display:block}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);display:inline-flex;align-items:center;justify-content:center;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24}.icon-btn img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.menu-toggle{font-size:18px;font-weight:800;color:#fff;padding:0}.menu-toggle.open{box-shadow:0 12px 24px #00000042,inset 0 1px #ffffff8c,inset 0 -8px 14px #ffffff2e}.filter-btn{height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:700;letter-spacing:.01em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);transition:transform .2s ease,box-shadow .2s ease;justify-self:end}.content-fill{flex:none;width:100%;margin-top:0;border-radius:0;background:#20c55e;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;display:flex;height:calc(100vh - 62px)}.floating-action{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;filter:none;z-index:10;cursor:pointer;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);transition:transform .2s ease,box-shadow .2s ease;padding:0}.floating-action img{width:26px;height:26px;filter:brightness(0) invert(1)}.sensor-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:3000}.sensor-overlay-card{background:#fffffff2;border-radius:16px;padding:20px;max-width:340px;width:90%;text-align:center;box-shadow:0 12px 30px #00000040}.sensor-overlay-text{font-size:16px;margin-bottom:12px;color:#111}.sensor-overlay-button{background:#6c5ce7;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:15px;cursor:pointer;width:100%}.sensor-overlay-button:active{transform:scale(.98)}.sensor-overlay-error{color:#c0392b;margin-top:10px;font-size:14px}.floating-action:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29;filter:none}.game-menu{position:fixed;right:24px;bottom:92px;min-width:180px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);box-shadow:inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);z-index:12}.game-menu-item{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#282828f2,#0a0a0ad9);color:#fff;font-weight:700;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:10px}.game-menu-item:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff2e}.game-menu-item img{width:18px;height:18px;filter:brightness(0) invert(1)}.feed{display:flex;flex-direction:column;gap:0;padding:0;min-height:100%;box-sizing:border-box;flex:1}.feed-item{flex:0 0 100%;height:100%;box-sizing:border-box;border-radius:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 18px 24px;color:#fff;font-weight:700;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:always}.feed-label{background:#00000040;padding:8px 12px;border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.feed-text{display:flex;flex-direction:column;gap:8px;text-align:left;color:#fff;width:100%;max-width:100%;padding:0}.feed-text .line-1{font-size:20px;font-weight:800;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);align-self:flex-start;width:auto;background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05)}.feed-text .line-2{font-size:16px;font-weight:600}.feed-text .line-3{font-size:14px;font-weight:500;opacity:.9}.feed-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;width:80%;max-width:80%;margin:0 auto}.vote-actions{display:flex;gap:10px}.vote-score{margin-top:10px;font-size:18px;font-weight:800;color:#fff;padding:8px 12px;border-radius:12px;background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vote-score.positive{color:#b8ffb8}.vote-score.negative{color:#ffb8b8}.vote-score.neutral{color:#fff}.vote-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-size:18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);transition:transform .2s ease,box-shadow .2s ease}.vote-btn.active-up{background:radial-gradient(140% 140% at 16% 20%,#ffffff3d,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff29,#0000),linear-gradient(145deg,#2ecc71,#1f8f4f);border-color:#2ecc71b3;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff8c,inset 0 -8px 14px #ffffff2e}.vote-btn.active-down{background:radial-gradient(140% 140% at 16% 20%,#ffffff3d,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff29,#0000),linear-gradient(145deg,#e74c3c,#9d2f23);border-color:#e74c3cb3;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff8c,inset 0 -8px 14px #ffffff2e}.vote-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29}.page-viewport{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.homepage{width:100%;max-width:100%;margin:0 auto;padding:0;box-sizing:border-box;display:flex;flex-direction:column;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px 16px;background:transparent;border:none;border-radius:0;box-shadow:none}.nav-left{display:flex;align-items:center;gap:12px}.icon-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);display:inline-flex;align-items:center;justify-content:center;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24}.icon-btn img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.icon-btn.question{font-size:22px;font-weight:700;color:#fff}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29}.filter-btn{height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:700;letter-spacing:.01em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);transition:transform .2s ease,box-shadow .2s ease}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29}.wijs-content{padding:0 12px;display:flex;flex-direction:column;gap:16px;flex:1;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.choice-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0}.choice-actions{position:relative;width:160px;height:90px}.choice-title{color:#fff;font-weight:800;font-size:20px;letter-spacing:.01em;margin-bottom:0}.choice-form{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:25px}.choice-input{width:220px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff1f,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff0f,#0000),linear-gradient(145deg,#1e1e1ed9,#080808c7);color:#fff;font-size:16px;outline:none;box-shadow:0 8px 18px #0003,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff1f}.choice-input::placeholder{color:#ffffffb3}.choice-submit{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #00000040,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29;transition:transform .2s ease,box-shadow .2s ease}.choice-submit.active{background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6)}.choice-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 8px 18px #0000002e,inset 0 1px #ffffff40,inset 0 -6px 10px #ffffff1a}.choice-submit:hover{transform:translateY(-1px);box-shadow:0 14px 26px #00000042,inset 0 1px #fff9,inset 0 -10px 16px #ffffff2e}.choice-error{margin-top:8px;color:#ffb3b3;font-weight:600;font-size:14px}.choice-btn{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-size:22px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:auto}.choice-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29}.choice-btn.active{box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff8c,inset 0 -8px 14px #ffffff2e}.choice-btn.cross.active{background:radial-gradient(140% 140% at 16% 20%,#ffffff3d,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff29,#0000),linear-gradient(145deg,#e74c3c,#9d2f23);border-color:#e74c3cb3}.choice-btn.check.active{background:radial-gradient(140% 140% at 16% 20%,#ffffff3d,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff29,#0000),linear-gradient(145deg,#2ecc71,#1f8f4f);border-color:#2ecc71b3}.choice-btn.cross{transform:translate(-50%,-50%) translate(-44px)}.choice-btn.check{transform:translate(-50%,-50%) translate(44px)}.choice-actions.choice-create .choice-btn.cross{transform:translate(-50%,-50%) translate(0) scale(1.08)}.choice-actions.choice-create .choice-btn.check{opacity:0;transform:translate(-50%,-50%) translate(44px) scale(.6);pointer-events:none}.choice-actions.choice-join .choice-btn.check{transform:translate(-50%,-50%) translate(0) scale(1.08)}.choice-actions.choice-join .choice-btn.cross{opacity:0;transform:translate(-50%,-50%) translate(-44px) scale(.6);pointer-events:none}.lobby-page{height:100vh;width:100%;background:#272727;display:flex;flex-direction:column}.lobby-content{padding:32px 16px;display:flex;flex-direction:column;gap:18px;align-items:center;width:80%;max-width:520px;margin:0 auto}.lobby-card{border-radius:16px;padding:14px 16px;background:transparent;color:#fff;display:flex;flex-direction:column;gap:0}.lobby-label{font-weight:800;letter-spacing:.01em;color:#fffc}.lobby-code{font-size:22px;font-weight:900;letter-spacing:.18em}.lobby-code-row{display:flex;align-items:center;gap:10px}.lobby-share{width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff14,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:700;cursor:pointer}.lobby-share img{width:20px;height:20px;filter:brightness(0) invert(1)}.lobby-host{font-weight:600;color:#ffffffbf}.lobby-members{border-radius:16px;padding:14px 16px;background:transparent;color:#fff;width:100%;min-height:0}.lobby-members-list{margin-top:10px;display:flex;flex-direction:column;gap:10px;width:100%;max-height:320px;overflow-y:auto}.lobby-member-row{display:flex;align-items:center;gap:10px;height:60px}.lobby-member{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-weight:700;flex:1;height:100%}.lobby-member.is-empty{color:#ffffff8c}.lobby-slot-number{min-width:26px;text-align:right;font-weight:800;color:#fffc}.lobby-kick{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:#ff6b6b;font-weight:900;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lobby-empty{color:#ffffffb3;font-weight:600}.lobby-error{color:#ffb3b3;font-weight:700}.lobby-footer{padding:16px;display:flex;justify-content:center}.lobby-start{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:800;font-size:18px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.lobby-start.active{background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6)}.lobby-start:disabled{opacity:.7;cursor:not-allowed}.positie-add{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6);color:#fff;font-size:28px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px #00000040,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29;transition:transform .2s ease,box-shadow .2s ease}.positie-add img{width:22px;height:22px;filter:brightness(0) invert(1)}.positie-add:disabled{background:linear-gradient(145deg,#5a5a5ae6,#323232d9);border-color:#ffffff14;opacity:.8;cursor:not-allowed}.positie-add.complete{background:linear-gradient(145deg,#5a5a5ae6,#323232d9);border-color:#ffffff14}.positie-actions-row{display:flex;align-items:center;justify-content:center;gap:12px}.positie-advance{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#464646f2,#1e1e1ee6);color:#fff;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px #00000040,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center}.positie-advance img{width:22px;height:22px;filter:brightness(0) invert(1)}.positie-advance.ready{background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6);border-color:#ffffff4d}.positie-advance:disabled{opacity:.65;cursor:not-allowed}.uitleg-skip{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#c82333,#9c1a28);color:#fff;font-weight:900;font-size:18px;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;display:inline-flex;align-items:center;justify-content:center}.uitleg-skip img{width:16px;height:16px;filter:brightness(0) invert(1)}.invullen-page{height:100vh;width:100%;background:#272727;display:flex;flex-direction:column}.invullen-content{padding:24px 16px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;flex:1}.invullen-card{width:100%;max-width:400px;padding:16px;border-radius:16px;border:none;display:flex;flex-direction:column;gap:10px;align-items:center;color:#fff}.invullen-label{align-self:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ed9,#080808c7);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;color:#fff;font-weight:800;letter-spacing:.01em}.invullen-categories{width:100%;display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;justify-content:center}.invullen-chip{--chip-accent: 46, 204, 113;--chip-accent-dark: 31, 143, 79;--chip-border: 46, 204, 113;flex:0 0 auto;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff14,#0000),linear-gradient(145deg,#1e1e1ed9,#080808c7);color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.invullen-chip.active{border-color:rgba(var(--chip-border, 46, 204, 113),.7);background:radial-gradient(140% 140% at 16% 20%,#ffffff3d,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff29,#0000),linear-gradient(145deg,rgba(var(--chip-accent, 46, 204, 113),.95),rgba(var(--chip-accent-dark, 31, 143, 79),.9));box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff73,inset 0 -6px 12px #ffffff29}.invullen-chip:disabled{opacity:.7;cursor:not-allowed}.invullen-textarea{width:100%;min-height:140px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff1f,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff0f,#0000),linear-gradient(145deg,#1e1e1ed9,#080808c7);color:#fff;font-size:16px;padding:12px;outline:none;resize:vertical}.invullen-textarea::placeholder{color:#ffffffb3}.invullen-submit{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:800;font-size:24px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.invullen-submit.active{background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6)}.invullen-submit.submitted{background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6);cursor:default}.invullen-actions{display:flex;align-items:center;gap:12px}.invullen-skip-icon{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#e74c3cf2,#9d2f23e6);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 24px #00000040,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29}.invullen-skip-icon img{width:22px;height:22px;filter:brightness(0) invert(1)}.invullen-error{color:#ffb3b3;font-weight:700}.invullen-progress{color:#fffc;font-weight:700}.invullen-skip{min-width:180px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:800;cursor:pointer}.schudden-page{height:100vh;width:100%;background:#272727;display:flex;flex-direction:column}.schudden-content{padding:0;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;flex:1;text-align:center;position:relative}.schudden-stack-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100%;pointer-events:none}.schudden-stack-wrapper{position:relative;width:240px;height:160px;display:flex;align-items:center;justify-content:center;pointer-events:none}.schudden-instruction{position:absolute;bottom:100%;margin-bottom:16px;color:#fff;font-weight:800;text-align:center;pointer-events:none}.schudden-progress-text{position:absolute;bottom:calc(100% - 18px);color:#fffc;font-weight:700;font-size:14px;pointer-events:none}.schudden-confirm-btn{margin-top:200px;width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#282828f2,#0a0a0ad9);color:#fff;font-weight:900;font-size:22px;cursor:pointer;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.schudden-confirm-btn.ready{background:linear-gradient(145deg,#2fd46e,#1ca454);border-color:#0000000d}.schudden-confirm-btn:disabled{opacity:.75;cursor:not-allowed}.schudden-confirm-btn:not(:disabled):active{transform:translateY(1px);box-shadow:0 8px 18px #0003,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24}.schudden-remaining{margin-top:10px;color:#ffffffd1;font-weight:700;font-size:14px;text-align:center;pointer-events:none}.schudden-draw{width:160px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:800;cursor:pointer}.schudden-card{width:100%;max-width:420px;min-height:140px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(140% 140% at 16% 20%,#ffffff14,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff0d,#0000),linear-gradient(145deg,#262626f2,#0c0c0ce6);color:#fff;font-weight:700;padding:16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:left;white-space:pre-wrap}.schudden-progress{color:#fffc;font-weight:700}.schudden-stack{position:relative;width:240px;height:160px;margin:0;perspective:800px;transition:transform .2s ease;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff05}.schudden-stack-offset{pointer-events:none;transition:transform .2s ease}.schudden-stack.shake{animation:stack-shake 2.4s ease-in-out infinite}@keyframes stack-shake{0%{transform:rotate(0)}15%{transform:rotate(-4deg)}30%{transform:rotate(4deg)}45%{transform:rotate(0)}to{transform:rotate(0)}}.schudden-card-visual{position:absolute;top:0;left:0;width:240px;height:160px;border-radius:12px;box-shadow:0 10px 22px #00000047;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;transform-style:preserve-3d;transform-origin:center top}.schudden-card-text{color:#fff;font-weight:700;text-align:center;white-space:pre-wrap}.schudden-error{color:#ffb3b3;font-weight:700}.positie-page{height:100vh;width:100%;background:#272727;display:flex;flex-direction:column}.positie-content{padding:24px 16px;display:flex;flex:1;flex-direction:column;gap:16px;align-items:center;justify-content:center;text-align:center}.positie-visual{display:flex;align-items:center;justify-content:center}.viz-circle{fill:none;stroke:#fff;stroke-width:2}.viz-tick{stroke:#fff;stroke-width:2}.viz-line{stroke:#fff6;stroke-width:3}.viz-heading{stroke:#2ecc71;stroke-width:3;stroke-dasharray:6 4}.viz-dot{stroke:none}.viz-center{fill:#fff;font-size:16px;font-weight:800;dominant-baseline:middle}.positie-prompt{display:none}.positie-header{display:flex;flex-direction:column;align-items:center;gap:6px}.positie-label{color:#fffc;font-weight:700;letter-spacing:.01em}.positie-heading{color:#fff;font-size:26px;font-weight:900;letter-spacing:.04em}.positie-add{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff29,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-size:28px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px #00000040,inset 0 1px #ffffff80,inset 0 -8px 14px #ffffff29;transition:transform .2s ease,box-shadow .2s ease}.positie-add.complete{background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6)}.positie-add:disabled{opacity:.7;cursor:not-allowed}.positie-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #00000042,inset 0 1px #fff9,inset 0 -10px 16px #ffffff2e}.positie-list{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.positie-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:700}.positie-item-label{color:#fffc}.positie-item-value{font-weight:800}.positie-empty{color:#ffffffb3;font-weight:600;text-align:center}.positie-progress{color:#fffc;font-weight:700}.positie-error{color:#ffb3b3;font-weight:700}.uitleg-visual{width:100%;min-height:260px}.uitleg-countdown-number{font-size:96px;font-weight:900;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.35)}.uitleg-card{width:90%;max-width:360px;padding:10px 0;color:#fff;text-align:center}.uitleg-title{font-weight:800;font-size:18px;margin-bottom:10px}.uitleg-speaker{font-weight:900;font-size:22px;margin-bottom:10px}.uitleg-idea{margin:10px 0 14px;font-weight:700;font-size:15px;color:#ffffffe6;white-space:pre-wrap}.uitleg-timer,.uitleg-done{font-weight:700;font-size:16px;color:#ffffffd1}.uitleg-actions{display:flex;align-items:center;justify-content:center;gap:12px}.uitleg-confirm{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#282828f2,#0a0a0ad9);color:#fff;font-weight:900;font-size:22px;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24}.uitleg-confirm.ready{background:linear-gradient(145deg,#2fd46e,#1ca454);border-color:#0000000d}.uitleg-confirm:disabled{opacity:.65}.uitleg-skip{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#c82333,#9c1a28);color:#fff;font-weight:900;font-size:18px;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;display:inline-flex;align-items:center;justify-content:center;gap:8px}.uitleg-skip img{width:20px;height:20px;filter:brightness(0) invert(1)}.uitleg-error{color:#ffb3b3;font-weight:700}.stem-page .positie-add{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center}.stem-page .positie-add img{width:22px;height:22px;filter:brightness(0) invert(1)}.stem-page .uitleg-skip{width:60px;height:60px}.stem-page .uitleg-skip img{width:22px;height:22px}.uitslag-page{height:100vh;width:100%;background:#272727;display:flex;flex-direction:column}.uitslag-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:#fff}.uitslag-countdown{font-size:96px;font-weight:900;text-shadow:0 6px 18px rgba(0,0,0,.35)}.uitslag-reveal{font-weight:900;font-size:20px}.uitslag-idea{max-width:420px;font-size:16px;font-weight:700;line-height:1.4;color:#ffffffe6}.uitslag-question{font-weight:800;font-size:16px;color:#ffffffd9}.uitslag-actions{display:flex;align-items:center;justify-content:center;gap:14px}.uitslag-yes,.uitslag-no{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(140% 140% at 16% 20%,#ffffff2e,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff1a,#0000),linear-gradient(145deg,#1e1e1ee6,#080808cc);color:#fff;font-weight:900;font-size:22px;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff24;display:inline-flex;align-items:center;justify-content:center}.uitslag-yes{background:linear-gradient(145deg,#2fd46e,#1ca454)}.uitslag-no{background:linear-gradient(145deg,#c82333,#9c1a28)}.uitslag-error{color:#ffb3b3;font-weight:700}.toestemming-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#272727;color:#fff}.toestemming-card{background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:24px 22px;width:100%;max-width:420px;box-shadow:none;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.toestemming-title{font-size:20px;font-weight:800;margin-bottom:8px;text-align:center}.toestemming-text{font-size:15px;opacity:.9;margin-bottom:18px;text-align:center;max-width:360px}.toestemming-button{width:62px;height:62px;padding:0;border-radius:50%;border:none;background:radial-gradient(140% 140% at 16% 20%,#fff3,#0000),radial-gradient(120% 120% at 84% 10%,#ffffff24,#0000),linear-gradient(145deg,#2ecc71f2,#1f8f4fe6);color:#fff;font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px #00000040,inset 0 1px #ffffff59,inset 0 -6px 12px #ffffff1f;display:inline-flex;align-items:center;justify-content:center;margin:12px auto 0}.toestemming-button:active{transform:scale(.98)}.toestemming-error{margin-top:12px;color:#ffb3b3;font-size:14px}