*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root{min-height:100%}:root{--primary: #1a73e8;--primary-dark: #1558b0;--primary-light: #4f8ff0;--accent: #f4b400;--bg: #eef3fb;--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--text: #152033;--text-secondary: #5d6b82;--border: rgba(21, 32, 51, .12);--hover: rgba(26, 115, 232, .06);--shadow: 0 8px 24px rgba(18, 28, 45, .08);--shadow-lg: 0 24px 70px rgba(18, 28, 45, .18)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;font-family:Roboto,Helvetica Neue,sans-serif;background:radial-gradient(circle at 50% 20%,rgba(74,90,255,.24),transparent 30%),radial-gradient(circle at 85% 8%,rgba(124,58,237,.24),transparent 24%),radial-gradient(circle at 15% 18%,rgba(20,184,166,.18),transparent 24%),linear-gradient(180deg,#0f0f12,#11131a 42%,#0b0b0d);color:#f4f6fb;overflow-x:hidden}html{scrollbar-gutter:stable}body{display:flex;flex-direction:column}.mat-typography h1{font:400 24px/32px Roboto,sans-serif;margin:0 0 16px}.app-header{display:flex;align-items:center;padding:10px 16px;min-height:58px;background:#141416f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px #ffffff0f,0 8px 24px #0000003d;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06)}.menu-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f4f6fb;transition:background .2s}.menu-btn:hover{background:#ffffff14}.brand-shell{display:flex;align-items:center;gap:12px;margin-left:4px;flex:1}.brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#f7f8fb}.brand-mark{width:34px;height:34px;display:inline-flex;flex-shrink:0}.brand-mark svg{width:100%;height:100%;display:block}.brand-text{display:flex;align-items:center;font-size:20px;font-weight:500;letter-spacing:-.02em}.brand-text strong{font-weight:500}.logo{height:28px;display:none}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#f4f6fb;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#ffffff14}.header-menu{display:flex;align-items:center;gap:4px;margin-left:4px;overflow-x:auto;scrollbar-width:none;max-width:min(68vw,720px)}.header-menu::-webkit-scrollbar{display:none}.header-link{border:none;background:transparent;color:#ffffffe6;font:inherit;font-size:13px;font-weight:600;padding:8px 10px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease;white-space:nowrap}.header-link:hover{background:#ffffff14;color:#fff}.header-link--lang{border-left:1px solid rgba(255,255,255,.12);padding-left:14px;margin-left:4px}.mobile-header-menu{display:none;position:relative}.header-menu-trigger{border:none;background:#ffffff0f;color:#f4f6fb;width:40px;height:40px;border-radius:999px;cursor:pointer;align-items:center;justify-content:center}.header-menu-trigger .material-icons{font-size:22px}.mobile-header-menu-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:168px;padding:8px;display:flex;flex-direction:column;gap:4px;border-radius:16px;background:#12141afa;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 48px #00000057;z-index:150}.mobile-header-menu-link{border:none;background:transparent;color:#f4f6fb;font:inherit;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer}.mobile-header-menu-link:hover{background:#ffffff14}.side-drawer{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--surface);box-shadow:var(--shadow-lg);transition:left .3s ease;z-index:1000;overflow-y:auto}.side-drawer.open{left:0}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);font-weight:500}.close-drawer{background:none;border:none;cursor:pointer;font-size:24px;color:var(--text);padding:0;line-height:1}.drawer-menu{list-style:none;padding:8px 0;margin:0}.drawer-menu li a{display:flex;align-items:center;gap:16px;padding:12px 16px;color:var(--text);text-decoration:none;transition:background .2s}.drawer-menu li a:hover{background:var(--hover)}.drawer-menu li a.active{background:#1976d21a;color:var(--primary)}.drawer-menu .material-icons{color:var(--text-secondary)}.drawer-menu li a.active .material-icons{color:var(--primary)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:30px 430px 96px 16px;position:relative;width:100%;background:radial-gradient(circle at 50% 18%,rgba(43,64,140,.42),transparent 24%),radial-gradient(circle at 80% 20%,rgba(138,26,64,.28),transparent 22%),linear-gradient(180deg,#08080a5c,#08080aad)}.page-shell{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:18px;align-items:start;padding:18px 18px 0;flex:1}.hero-copy{width:min(860px,100%);text-align:center;margin:0 auto 16px;padding:14px 18px 0}.hero-copy__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#1a73e81a;color:var(--primary-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{margin:14px 0 10px;font-size:clamp(30px,4vw,56px);line-height:1.02;font-weight:700;letter-spacing:-.04em;color:var(--text)}.hero-copy p{margin:0 auto;max-width:720px;color:var(--text-secondary);font-size:16px;line-height:1.65}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.hero-chips span{padding:8px 12px;border-radius:999px;background:#ffffffbf;border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500;box-shadow:0 6px 16px #121c2d0a}.top-ad-strip{width:min(980px,100%);margin:0 auto 18px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,#fffffff2,#f6f9ffeb);border:1px solid rgba(21,32,51,.08);box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;text-align:center}.top-ad-strip__brand{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 20px #121c2d24}.top-ad-strip__brand--coke{background:linear-gradient(135deg,#d52b1e,#a80000);font-family:Georgia,serif;font-style:italic}.top-ad-strip__cta{width:auto;margin-top:0;padding:9px 14px}.ad-rail{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px;min-width:0}.ad-card{border-radius:18px;padding:16px;background:linear-gradient(180deg,#fffffff5,#f8fafff5);border:1px solid rgba(21,32,51,.08);box-shadow:var(--shadow);color:var(--text);overflow:hidden}.ad-card-large,.ad-card-tall{min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.ad-card h2{margin:10px 0 8px;font-size:24px;line-height:1.05;letter-spacing:-.03em}.ad-card p{margin:0;color:var(--text-secondary);line-height:1.55;font-size:14px}.ad-brandline{display:flex;align-items:flex-start;gap:12px;margin-top:10px}.ad-brandline strong{display:block;font-size:17px;line-height:1.15;margin-bottom:4px;letter-spacing:-.02em}.ad-brandline p{font-size:13px}.ad-brandmark{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#fff;box-shadow:0 10px 20px #121c2d29}.ad-brandmark--coke{background:linear-gradient(135deg,#d52b1e,#a80000);font-family:Georgia,serif;font-style:italic}.ad-brandmark--samsung{background:linear-gradient(135deg,#1c6ef2,#0033a0)}.ad-brandmark--nike{background:linear-gradient(135deg,#111,#3b3b3b)}.ad-brandmark--spotify{background:linear-gradient(135deg,#1ed760,#129b44)}.ad-visual{margin-top:14px;min-height:110px;border-radius:16px;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;color:#fff;font-weight:700;letter-spacing:-.02em;position:relative;overflow:hidden}.ad-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 26%,rgba(255,255,255,.24),transparent 22%),radial-gradient(circle at 22% 28%,rgba(255,255,255,.18),transparent 18%);opacity:.75}.ad-visual span{position:relative;z-index:1;font-size:16px;max-width:75%}.ad-visual--coke{background:linear-gradient(135deg,#d52b1e,#ff4b3a)}.ad-visual--nike{background:linear-gradient(135deg,#111,#333)}.ad-cta{margin-top:14px;width:100%;border:none;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #1a73e838;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.ad-cta:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 14px 24px #1a73e847}.ad-cta--ghost{background:#1520330f;color:var(--text);box-shadow:none}.ad-card--coke{background:linear-gradient(180deg,#fffffffa,#fff5f5f5)}.ad-card--samsung{background:linear-gradient(180deg,#fffffffa,#f2f7fff5)}.ad-card--nike{background:linear-gradient(180deg,#fffffffa,#f5f5f5f5)}.ad-card--spotify{background:linear-gradient(180deg,#fffffffa,#f1fff6f5)}.ad-label{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:5px 10px;border-radius:999px;background:#f4b40024;color:#8d6600;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.wheel-wrapper{position:relative;width:min(72vw,620px);aspect-ratio:1;margin:0 auto}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:36px solid #e53935;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wheel-canvas{width:100%;height:100%;cursor:pointer;transition:transform .05s linear;filter:drop-shadow(0 14px 38px rgba(18,28,45,.18))}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18%;height:18%;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #121c2d2e;cursor:pointer;z-index:5;border:1px solid rgba(21,32,51,.08)}.wheel-center .material-icons{font-size:28px;color:var(--primary)}.wheel-center:hover{transform:translate(-50%,-50%) scale(1.05)}.wheel-info{text-align:center;margin-top:18px;width:min(100%,680px);padding:18px 18px 20px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 38px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wheel-title-input{font-size:20px;font-weight:500;border:none;background:transparent;text-align:center;width:100%;padding:8px;color:#f4f6fb;outline:none;border-bottom:2px solid transparent;transition:border-color .2s}.wheel-title-input:focus{border-bottom-color:var(--primary)}.spin-btn{margin-top:16px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;padding:13px 52px;font-size:16px;font-weight:700;border-radius:24px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;box-shadow:0 12px 26px #1a73e847;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;font-family:inherit}.spin-btn:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 16px 32px #1a73e857}.spin-btn:active{transform:scale(.98)}.spin-btn:disabled{background:#b0bec5;cursor:not-allowed;box-shadow:none}.result-display{margin-top:16px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;color:var(--primary);opacity:0;transition:opacity .3s}.result-display.show{opacity:1}.result-display .result-label{background:#fffffff2;padding:12px 24px;border-radius:999px;box-shadow:var(--shadow);border:1px solid rgba(21,32,51,.08)}.open-panel-btn{display:none}.entries-panel{position:fixed;top:66px;right:0;width:380px;height:calc(100vh - 78px);background:#0c0d12fa;box-shadow:-12px 0 36px #00000073;border-left:1px solid rgba(255,255,255,.08);border-radius:16px 0 0 16px;z-index:200;display:flex;flex-direction:column;overflow:hidden;--entries-scrollbar-gap: 12px}.entries-panel-body{display:flex;flex-direction:column;min-height:0;flex:1}.entries-header{display:flex;align-items:center;justify-content:space-between;padding:16px calc(16px + var(--entries-scrollbar-gap)) 16px 16px;border-bottom:1px solid rgba(255,255,255,.08);gap:12px;background:#ffffff08}.entries-header-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.entries-header h2{margin:0;font-size:18px;font-weight:500;color:#f4f6fb}.entries-header-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#f4f6fbb8}.entries-header-meta #entriesCount{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:3px 8px;border-radius:999px;background:#4f8ff029;color:#dbe7ff;font-weight:700}.entries-panel-toggle-mobile{display:none;align-items:center;justify-content:center;gap:6px;border:none;background:#ffffff14;color:#f4f6fb;font:inherit;font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.entries-panel-toggle-mobile .material-icons{font-size:18px}.entries-list{flex:1;overflow-y:auto;padding:8px var(--entries-scrollbar-gap) 8px 0;position:relative;contain:content;overscroll-behavior:contain;background:#ffffff03;scrollbar-gutter:stable}.entry-item{display:flex;align-items:center;gap:12px;padding:8px 16px;transition:background .2s;position:absolute;left:0;right:0;height:58px;will-change:transform}.entry-item:hover{background:#ffffff0a}.entry-color{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #ffffff1f;flex-shrink:0;position:relative}.entry-color input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none}.entry-text{flex:1;border:none;background:transparent;font-size:14px;padding:8px 4px;outline:none;color:#f4f6fb;font-family:inherit;min-width:0}.entry-text:focus{border-bottom:1px solid #4f8ff0}.entry-weight{width:50px;padding:4px 8px;border:1px solid var(--border);border-radius:4px;font-size:12px;text-align:center;outline:none;font-family:inherit}.entry-delete{background:none;border:none;cursor:pointer;color:#f4f6fbb8;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.entry-delete:hover{color:#ff6b6b;background:#ff6b6b1f}.entries-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 16px;color:#f4f6fbb8;font-size:13px;line-height:1.55;display:flex;align-items:flex-start}.entries-empty-card{width:100%;border:1px dashed rgba(255,255,255,.14);border-radius:14px;padding:14px;background:#ffffff0a}.entries-empty-card strong{display:block;color:#f4f6fb;font-size:14px;margin-bottom:4px}.add-entry{display:flex;gap:8px;padding:16px calc(16px + var(--entries-scrollbar-gap)) 16px 16px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.add-entry input{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:4px;font-size:14px;outline:none;font-family:inherit;background:#ffffff0a;color:#f4f6fb}.add-entry input:focus{border-color:#4f8ff0}.add-entry button{background:linear-gradient(135deg,#4f8ff0,#356fe0);color:#fff;border:none;width:40px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-entry button:hover{background:var(--primary-dark)}.bulk-entry-section{border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.bulk-toggle{width:100%;padding:12px calc(16px + var(--entries-scrollbar-gap)) 12px 16px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#8eb4ff;font-family:inherit;transition:background .2s}.bulk-toggle:hover{background:#ffffff0d}.bulk-toggle .material-icons{font-size:20px;transition:transform .2s}.bulk-toggle[aria-expanded=true] .material-icons{transform:rotate(180deg)}.bulk-entry-content{padding:0 calc(16px + var(--entries-scrollbar-gap)) 16px 16px;display:flex;flex-direction:column;gap:8px}.bulk-entry-content textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:4px;font-family:Roboto,sans-serif;font-size:13px;resize:vertical;min-height:100px;max-height:250px;outline:none;background:#ffffff0a;color:#f4f6fb}.bulk-entry-content textarea:focus{border-color:#4f8ff0}.bulk-entry-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.bulk-replace{display:flex;align-items:center;gap:6px;font-size:12px;color:#f4f6fbb8;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bulk-replace input{cursor:pointer}.primary-btn{background:linear-gradient(135deg,#4f8ff0,#356fe0);color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;font-family:inherit;transition:background .2s}.primary-btn:hover{background:var(--primary-dark)}.primary-btn .material-icons{font-size:18px}.text-btn{background:transparent;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;font-family:inherit;border-radius:4px;transition:background .2s}.text-btn:hover{background:#ffffff14}.text-btn .material-icons{font-size:16px}.panel-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.panel-actions button{flex:1;padding:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f4f6fb;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-family:inherit;transition:background .2s}.panel-actions button:hover{background:#ffffff14}.panel-actions button .material-icons{font-size:18px}.panel-actions .danger:hover{background:#ff6b6b1f;color:#ff6b6b;border-color:#ff6b6b}.saved-wheels{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);max-height:200px;overflow-y:auto}.saved-wheels h3{font-size:13px;text-transform:uppercase;color:#f4f6fbad;margin:0 0 8px;letter-spacing:.5px}.saved-wheel-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:pointer;transition:background .2s;font-size:14px}.saved-wheel-item:hover{background:#ffffff0d}.saved-wheel-item .material-icons{font-size:18px;color:#f4f6fbb8}.saved-wheel-item .delete-saved{margin-left:auto}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#323232;color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .3s,transform .3s;z-index:1000;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.wheels-container{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}.wheel-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:980px;padding:24px 18px 20px;border-radius:28px;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.wheel-section-header{display:flex;align-items:center;gap:12px;margin-top:14px;align-self:flex-end}.wheel-section-header button{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.wheel-section-header button:hover{background:var(--hover);color:var(--text)}.wheel-section-header .trash-btn:hover{color:#e53935;background:#e539351a}.descriptive-title{position:absolute;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;top:0}#confettiCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-backdrop.open{opacity:1;visibility:visible}.modal{background:var(--surface);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:var(--shadow-lg);transform:scale(.9);transition:transform .3s}.modal-backdrop.open .modal{transform:scale(1)}.modal h3{margin:0 0 12px;font-size:18px}.modal p{margin:0 0 20px;color:var(--text-secondary)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-family:inherit}.modal-actions .cancel{background:transparent;color:var(--text-secondary)}.modal-actions .confirm{background:var(--primary);color:#fff}.modal-actions .danger{background:#e53935;color:#fff}.winner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(54,84,255,.28),transparent 45%),#000000d6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.winner-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.winner-modal{position:relative;width:min(92vw,660px);min-height:320px;padding:30px 28px 26px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#151515f5,#0c0c0cfa);border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 90px #00000085;transform:translateY(18px) scale(.96);animation:winnerModalIn .26s ease forwards}.winner-backdrop.open .winner-modal{transform:translateY(0) scale(1)}.winner-badge{position:relative;z-index:2;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#f2f4ff;background:#405cffe6;box-shadow:0 12px 24px #2a42ff40}.winner-name{position:relative;z-index:2;margin-top:18px;font-size:clamp(42px,7vw,82px);line-height:.95;letter-spacing:-.05em;text-align:center;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 28px rgba(120,156,255,.24);padding:24px 10px 34px;word-break:break-word;animation:winnerPop .32s ease}.winner-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.winner-action{border:0;border-radius:8px;padding:11px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(180deg,#5f74ff,#4b5ee8);box-shadow:0 10px 18px #354ce04d;transition:transform .15s ease,filter .15s ease}.winner-action:hover{transform:translateY(-1px);filter:saturate(1.06)}.winner-action--ghost{background:#ffffff14;box-shadow:none}.winner-action--danger{background:linear-gradient(180deg,#ef5c5c,#d74242)}.winner-streamers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.winner-streamer{position:absolute;top:-20%;width:14px;height:160%;border-radius:999px;opacity:.95;transform-origin:top center;animation:streamerFall var(--dur, 1.4s) cubic-bezier(.2,.7,.15,1) forwards;filter:drop-shadow(0 0 6px rgba(255,255,255,.12))}.winner-streamer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff6b,#ffffff1a 14%,#fff0 24%,#ffffff2e 42%,#fff0,#ffffff47 74%,#fff0);mix-blend-mode:screen;opacity:.85}@keyframes winnerModalIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winnerPop{0%{transform:scale(.88);filter:blur(1px);opacity:0}to{transform:scale(1);filter:blur(0);opacity:1}}@keyframes streamerFall{0%{transform:translate3d(0,-120%,0) rotate(var(--rot, 0deg)) scaleY(.3);opacity:0}18%{opacity:1}to{transform:translate3d(var(--dx, 0px),130%,0) rotate(calc(var(--rot, 0deg) + 260deg)) scaleY(1);opacity:0}}@media (max-width: 1180px){.page-shell{grid-template-columns:1fr;padding:18px 14px 0}.ad-rail{display:none}.main-content{padding:8px 16px 96px}}@media (max-width: 900px){.app-header{padding:8px 12px}.brand-shell{gap:10px;min-width:0}.brand-link{min-width:0}.brand-text{font-size:18px}.header-actions{gap:6px}.header-menu{max-width:42vw}.header-link{padding:8px;font-size:12px}}@media (max-width: 720px){.hero-copy{padding-left:4px;padding-right:4px}.hero-copy p{font-size:15px}.top-ad-strip{padding:12px 14px;border-radius:16px}.wheel-wrapper{width:min(82vw,440px);max-width:440px}.header-menu{display:none}.mobile-header-menu{display:block}.brand-text{font-size:17px}.entries-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;margin-top:0;border-radius:20px 20px 0 0;box-shadow:0 -12px 36px #0006;z-index:260;border-left:none;border-top:1px solid rgba(255,255,255,.08);transition:height .24s ease,transform .24s ease}.entries-panel--mobile.entries-panel--collapsed{height:calc(78px + env(safe-area-inset-bottom,0px));max-height:calc(78px + env(safe-area-inset-bottom,0px))}.entries-panel--mobile.entries-panel--expanded{height:min(68dvh,calc(100dvh - 86px));max-height:min(68dvh,calc(100dvh - 86px))}.entries-panel--mobile.entries-panel--collapsed .entries-panel-body{display:none}.entries-panel--mobile .entries-header{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));cursor:pointer}.entries-panel-toggle-mobile{display:inline-flex}.entries-panel--mobile .entries-header-copy{gap:6px}.entries-list{max-height:none;min-height:0}.entries-header{padding:14px 16px}.entries-header h2{font-size:16px}.entries-header-meta{font-size:13px}.entry-item{height:64px;padding:10px 16px}.entry-color{width:28px;height:28px}.entry-text{font-size:17px;padding:10px 4px}.entry-delete{padding:8px}.entry-delete .material-icons{font-size:30px}.add-entry{padding:12px 16px}.add-entry input{font-size:16px;min-height:48px}.add-entry button{width:52px;min-width:52px}.add-entry button .material-icons{font-size:28px}.bulk-toggle{padding:14px 16px;font-size:15px}.bulk-entry-content{padding:0 16px 16px}.bulk-entry-content textarea{min-height:120px;font-size:15px}.panel-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.panel-actions button{min-height:48px;font-size:15px}.app-header{padding:8px 10px}.logo{height:22px}.wheel-section{padding:18px 12px 16px;border-radius:22px}.wheel-info{padding:14px 12px 16px;border-radius:18px}.main-content{padding:8px 12px calc(104px + env(safe-area-inset-bottom,0px))}body[data-entries-panel=expanded] .main-content{padding-bottom:calc(70dvh + env(safe-area-inset-bottom,0px))}body[data-entries-panel=collapsed] .wheel-wrapper{width:min(86vw,460px)}}@media (max-width: 380px){.brand-text{font-size:15px}.entries-header{gap:8px}.entries-panel-toggle-mobile{padding:8px 10px;font-size:11px}.spin-btn{padding:12px 32px;font-size:14px}.winner-modal{min-height:280px;padding:24px 18px 20px;border-radius:20px}.winner-name{padding:18px 6px 24px}.winner-action{width:100%;justify-content:center}}
