:root{--paper: #fffaf2;--paper2: #fff4e6;--ink: #14243a;--muted: rgba(20, 36, 58, .62);--accent: #1f6feb;--accent2: #4aa3ff;--danger: #b8002a;--shadow: 0 12px 28px rgba(20, 36, 58, .14);--radius: 18px;--line: rgba(20, 36, 58, .28)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:radial-gradient(900px 520px at 12% 0%,rgba(74,163,255,.18),transparent 58%),radial-gradient(820px 620px at 88% 16%,rgba(31,111,235,.14),transparent 60%),repeating-linear-gradient(0deg,rgba(20,36,58,.035) 0,rgba(20,36,58,.035) 1px,transparent 1px,transparent 18px),radial-gradient(1200px 900px at 40% 70%,var(--paper),var(--paper2))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.22;mix-blend-mode:multiply;background-image:radial-gradient(rgba(20,36,58,.12) .7px,transparent .9px),radial-gradient(rgba(20,36,58,.08) .6px,transparent .9px),radial-gradient(rgba(20,36,58,.06) .5px,transparent 1px);background-size:28px 28px,22px 22px,18px 18px;background-position:10px 12px,2px 6px,14px 4px}body:after{content:"";position:fixed;top:-90px;right:-90px;bottom:-90px;left:-90px;pointer-events:none;z-index:0;opacity:.65;mix-blend-mode:multiply;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27420%27%20height%3D%27420%27%20viewBox%3D%270%200%20420%20420%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%2314243a%27%20stroke-opacity%3D%270.14%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M34%2082c34-22%2070-22%20104%200%27/%3E%3Cpath%20d%3D%27M290%2064c34%2010%2056%2032%2066%2066%27/%3E%3Cpath%20d%3D%27M62%20306c30%2044%2070%2068%20122%2074%27/%3E%3Cpath%20d%3D%27M344%20334c-52%2026-104%2030-156%2016%27/%3E%3Cpath%20d%3D%27M214%20206c10-18%2026-30%2046-34%27/%3E%3Cpath%20d%3D%27M120%20180c-10%2018-26%2030-46%2034%27/%3E%3Cpath%20d%3D%27M86%20238c22-6%2044-6%2066%200%27/%3E%3Cpath%20d%3D%27M274%20186c22-6%2044-6%2066%200%27/%3E%3C/g%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%231f6feb%27%20stroke-opacity%3D%270.16%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%27M200%2030l8%2018%2019%202-14%2013%204%2019-17-10-17%2010%204-19-14-13%2019-2z%27/%3E%3Cpath%20d%3D%27M384%20228l6%2014%2015%202-11%2010%203%2015-13-8-13%208%203-15-11-10%2015-2z%27/%3E%3Cpath%20d%3D%27M54%20388l6%2014%2015%202-11%2010%203%2015-13-8-13%208%203-15-11-10%2015-2z%27/%3E%3C/g%3E%3C/svg%3E);background-size:420px 420px;background-position:0 0}.app,.adminWrap{min-height:100%;padding:18px 18px 30px;position:relative;z-index:1}.topBar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:2px solid var(--line);background:#fffaf2c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brandMark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;letter-spacing:.06em;transform:rotate(-2deg)}.brandTitle{font-weight:800;font-size:16px;line-height:1.1}.brandTagline{font-size:12px;color:var(--muted);margin-top:4px}.topBarActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.segmented{display:inline-flex;border:2px solid rgba(20,36,58,.22);border-radius:999px;overflow:hidden;background:#fffaf2e6}.segmentedBtn{border:0;background:transparent;padding:10px 12px;cursor:pointer;color:var(--muted);font-weight:700}.segmentedBtnActive{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}button{font:inherit}.primaryButton,.secondaryButton,.dangerButton{border-radius:12px;padding:10px 12px;border:2px solid rgba(20,36,58,.22);cursor:pointer;font-weight:800;box-shadow:0 6px #14243a1f;transform:translateY(0)}.primaryButton{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:#fff0}.secondaryButton{background:#fffaf2eb;color:var(--ink)}.dangerButton{background:#b8002a14;border-color:#b8002a40;color:var(--danger)}.primaryButton:disabled,.secondaryButton:disabled,.dangerButton:disabled{opacity:.55;cursor:not-allowed}.bigButton{width:100%;padding:16px 14px;border-radius:16px;font-size:18px;letter-spacing:.02em;box-shadow:0 10px #14243a1f,0 18px 32px #1f6feb2e;transition:transform .12s ease,box-shadow .2s ease}.bigButton:active{transform:translateY(2px);box-shadow:0 6px #14243a1f,0 14px 26px #1f6feb29}.layout{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px;align-items:start;max-width:980px;margin-left:auto;margin-right:auto}.panelTitle{font-weight:900;margin:8px 0 10px;letter-spacing:.02em}.left{display:flex;flex-direction:column;gap:14px}.resultWrap{border:2px solid rgba(20,36,58,.22);background:#fffaf2c7;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.wheelWrap{border:2px solid rgba(20,36,58,.22);background:#fffaf2c7;border-radius:var(--radius);padding:14px 14px 18px;box-shadow:var(--shadow)}.wheelFrame{position:relative;display:grid;place-items:center}.wheelConfetti{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;pointer-events:none;opacity:0}.wheelConfettiActive{opacity:1;animation:confettiFade .9s ease both}.wheelConfettiActive:before,.wheelConfettiActive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(31,111,235,.95) 0 4px,transparent 5px),radial-gradient(circle,rgba(74,163,255,.95) 0 4px,transparent 5px),radial-gradient(circle,rgba(255,184,82,.95) 0 4px,transparent 5px),radial-gradient(circle,rgba(255,105,105,.95) 0 4px,transparent 5px);background-size:60px 60px,52px 52px,68px 68px,56px 56px;background-position:10px 12px,28px 6px,18px 30px,40px 24px;filter:drop-shadow(0 10px 16px rgba(20,36,58,.1));animation:confettiDrift .9s ease both}.wheelConfettiActive:after{background-size:72px 72px,64px 64px,80px 80px,70px 70px;background-position:6px 18px,22px 10px,34px 26px,48px 34px;animation-duration:.78s;opacity:.8}@keyframes confettiFade{0%{opacity:0;transform:scale(.98)}20%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes confettiDrift{0%{transform:translateY(10px) rotate(-2deg)}to{transform:translateY(-16px) rotate(2deg)}}.wheelOuter{position:relative;width:min(420px,100%);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 30% 20%,rgba(74,163,255,.16),transparent 60%),radial-gradient(circle at 70% 80%,rgba(31,111,235,.14),transparent 60%),#fffaf2f2;border:2px solid rgba(20,36,58,.22);overflow:hidden;box-shadow:0 10px #14243a1f,0 18px 34px #14243a24}.wheel{width:100%;height:100%;transform-origin:50% 50%}.wheelSpinning{transition:transform 4.2s cubic-bezier(.12,.88,.16,1)}.wheelSvg{width:100%;height:100%;display:block}.wheelLabel{font-weight:900;fill:#14243ae6;letter-spacing:.01em}.wheelHub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;letter-spacing:.08em;border:6px solid rgba(255,255,255,.9);box-shadow:0 10px #14243a1f,0 16px 26px #1f6feb38}.wheelPointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid rgba(20,36,58,.92);filter:drop-shadow(0 8px 14px rgba(20,36,58,.18));z-index:2}.wheelPointerBop{animation:pointerBop .52s ease-in-out infinite}@keyframes pointerBop{0%{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%) rotate(2deg)}to{transform:translate(-50%) rotate(-2deg)}}.resultCard{animation:fadeSlideIn .26s ease both}.resultCardActive{animation:fadeSlideIn .36s ease both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emptyState{padding:34px 14px;border-radius:14px;border:2px dashed rgba(20,36,58,.22);background:#fffaf2e6}.emptyStateTitle{font-weight:900;font-size:16px}.emptyStateHint{margin-top:6px;color:var(--muted);font-size:13px}.optionCard{display:grid;grid-template-columns:140px 1fr;gap:12px;background:#fffaf2eb;border-radius:14px;border:2px solid rgba(20,36,58,.22);overflow:hidden}.optionCardImageWrap{background:linear-gradient(135deg,#1f6feb14,#4aa3ff14);display:grid;place-items:center}.optionCardImage{width:100%;height:140px;object-fit:cover;display:block}.optionCardBody{padding:12px 12px 12px 0}.optionCardTitle{font-weight:900;font-size:18px}.optionCardMeta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:2px solid rgba(20,36,58,.18);background:#1f6feb0f;font-size:12px;font-weight:800;color:#1f6febf2}.optionCardNote{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.4}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.statusNormal{opacity:.9}.statusSelected{color:#ffec99;text-shadow:0 0 18px rgba(255,236,153,.25)}.errorBanner{margin-top:10px;border:2px solid rgba(184,0,42,.22);background:#b8002a0f;color:#7a001c;padding:10px 12px;border-radius:12px;font-weight:700}.skeleton{color:var(--muted);padding:10px 6px;font-weight:700}.adminList{margin-top:18px;display:grid;gap:12px}.adminItem{border-radius:var(--radius);border:1px solid var(--line);background:#fffc;box-shadow:var(--shadow);padding:12px}.adminItemPreview{display:flex;gap:12px;align-items:center;justify-content:space-between}.adminThumb{width:78px;height:56px;object-fit:cover;border-radius:10px;border:1px solid rgba(0,87,184,.2);background:#0057b80f}.adminItemTitle{font-weight:900}.adminItemSub{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}.adminItemActions{margin-top:10px;display:flex;gap:10px;justify-content:flex-end}.adminForm{margin-top:12px;border-top:1px dashed rgba(0,87,184,.22);padding-top:12px;display:grid;gap:10px}.fieldLabel{font-size:12px;color:var(--muted);font-weight:800;margin-bottom:6px}.field input{width:100%;border:1px solid rgba(0,87,184,.22);border-radius:12px;padding:10px;outline:none;background:#ffffffe6}.inlineRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.fileButton{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;border:2px solid rgba(20,36,58,.22);cursor:pointer;font-weight:900;background:#fffaf2eb;color:var(--ink)}.fileButton input{display:none}.adminSaveRow{display:flex;justify-content:flex-end;margin-top:4px}@media(max-width:980px){.wheelOuter{width:min(360px,100%)}.optionCard{grid-template-columns:110px 1fr}.optionCardImage{height:110px}}@media(max-width:520px){.topBar{padding:12px}.brandMark{width:46px;height:46px}.bigButton{font-size:16px}.wheelLabel{font-size:12px}.wheelHub{width:76px;height:76px}}