:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe6;--surface:#fff9eeb8;--surface-strong:#fffaf4e0;--track-surface:#ffffffeb;--text:#162033;--text-muted:#162033b8;--border:#fff6;--shadow:0 24px 70px #19263e29;--accent:#102542;--accent-soft:#ff8b5e;--danger:#d34f4f}*{box-sizing:border-box}html,body,#app,.app-shell{height:100%;min-height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text);overflow:hidden}#app,.app-shell{background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09101a;--surface:#0b111bbd;--surface-strong:#0e1622e0;--track-surface:#00000057;--text:#f8f1e6;--text-muted:#f8f1e6b3;--border:#ffffff14;--shadow:0 28px 72px #00000057;--accent:#f8f1e6;--accent-soft:#ff9f6b}.layout{--panel-width:clamp(360px, 29vw, 500px);grid-template-columns:minmax(0, 1fr) var(--panel-width);background-position:50%;background-size:cover;align-items:start;gap:24px;height:100dvh;min-height:100dvh;max-height:100dvh;padding:24px;transition:grid-template-columns .5s,gap .5s,padding .5s;display:grid;overflow:hidden}.layout--centered{--panel-width:0px;gap:0}.wheel-stage{grid-template-rows:auto minmax(0,1fr);align-content:start;justify-items:center;gap:12px;min-height:0;transition:transform .5s,width .5s;display:grid;overflow:hidden}.hero-bar,.settings-panel,.winner-modal{width:100%;max-width:1200px}.glass-panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:28px}.hero-bar{z-index:4;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:relative}.hero-bar>:first-child{min-width:0}.eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin:0 0 6px;font-size:.75rem}h1,h2,p{margin-top:0}h1,h2{color:var(--text)}.hero-actions,.toolbar-actions,.modal-actions{flex-wrap:wrap;gap:10px;display:flex}.wheel-card{aspect-ratio:1;align-self:start;place-items:center;width:min(100%,100dvh - 196px,980px);max-width:100%;transition:width .42s;display:grid;position:relative}.wheel-card:after{content:"";filter:blur(18px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0003 0%,#0000001f 42%,#0000 72%);border-radius:50%;position:absolute;inset:8%}.wheel-wrap{z-index:1;border-radius:50%;width:100%;height:100%;position:relative}.wheel-svg{pointer-events:none;width:100%;height:100%;transition:transform 6.2s cubic-bezier(.14,.8,.12,1)}.pointer{border-top:22px solid #0000;border-bottom:22px solid #0000;border-left:34px solid var(--accent);z-index:2;filter:drop-shadow(0 10px 20px #0000002e);width:0;height:0;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.slice-label{fill:#ffffffeb;text-anchor:middle;dominant-baseline:middle;font-size:3.2px;font-weight:700}.spin-trigger{z-index:3;background:0 0;border:none;border-radius:50%;padding:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.spin-trigger__disc{text-align:center;letter-spacing:.08em;text-transform:uppercase;border:3px solid;border-radius:50%;place-items:center;width:clamp(116px,15vmin,164px);height:clamp(116px,15vmin,164px);padding:14px;font-size:clamp(.95rem,1.8vmin,1.1rem);font-weight:800;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 18px 28px #0000002e,inset 0 1px #ffffff38}.spin-trigger:hover .spin-trigger__disc,.spin-trigger:focus-visible .spin-trigger__disc{transform:scale(1.04);box-shadow:0 22px 34px #00000038,0 0 0 4px #ff9f6b29}.settings-panel{width:min(100%, var(--panel-width));flex-direction:column;max-width:500px;height:calc(100dvh - 48px);padding:20px;transition:opacity .4s,transform .5s,max-width .5s,padding .4s,border-color .4s;display:flex;position:sticky;top:24px;overflow:hidden}.settings-panel--hidden{opacity:0;pointer-events:none;border-color:#0000;max-width:0;padding-inline:0;transform:translate(18px)}.settings-header,.advanced-header,.toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-header{justify-content:flex-start;align-items:center}.tabs{background:var(--track-surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;padding:6px;display:grid;position:relative}.sort-toolbar,.toolbar-actions{flex-wrap:nowrap;gap:10px;display:flex}.sort-toolbar{margin-bottom:2px}.tab-slider{background:linear-gradient(135deg,#ff9266e6,#ffc371eb);border-radius:16px;width:calc(50% - 10px);height:calc(100% - 12px);transition:transform .32s;position:absolute;top:6px;left:6px;box-shadow:0 14px 24px #ff965c3d}.tab-slider--entries{transform:translate(0)}.tab-slider--wheel{transform:translate(calc(100% + 8px))}.tab-button,.chip,.ghost-button,.primary-button,.danger-button{border:1px solid #0000;border-radius:16px;min-height:44px;padding:0 16px;text-decoration:none;transition:background-color .24s,color .24s,border-color .24s,box-shadow .24s}.tab-button,.chip,.ghost-button{color:var(--text);z-index:1;background:#ffffff1a;position:relative}.tab-button--active,.chip--active,.primary-button{background:var(--accent);color:var(--bg);box-shadow:none}.tab-button--active,.chip--active{box-shadow:none;color:var(--text);background:0 0}.danger-button,.ghost-button--danger{color:var(--danger);background:#d34f4f1f}.ghost-button:hover,.ghost-button:focus-visible,.chip:hover,.chip:focus-visible,.tab-button:hover,.tab-button:focus-visible,.primary-button:hover,.primary-button:focus-visible,.danger-button:hover,.danger-button:focus-visible{border-color:#ff9f6b8c;box-shadow:0 0 0 3px #ff9f6b24}.ghost-button--active{box-shadow:none;background:#ff9f6b2e;border-color:#ff9f6b66}.ghost-button--icon{align-items:center;gap:10px;display:inline-flex}.ghost-button--icon svg{fill:currentColor;flex:none;width:18px;height:18px}.panel-section,.basic-mode,.advanced-mode,.entry-list{gap:16px;display:grid}.panel-section{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.basic-mode,.advanced-mode{min-height:0}.advanced-mode{flex-direction:column;display:flex}.basic-mode{flex-direction:column;padding-right:4px;display:flex;overflow:auto}.mode-switch{gap:8px;display:grid}.mode-switch--slider{background:var(--track-surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:58px;padding:6px;display:grid;position:relative}.mode-switch__slider{background:linear-gradient(135deg,#6f5ef9e6,#7cc6fee6);border-radius:16px;width:calc(50% - 10px);height:calc(100% - 12px);transition:transform .32s;position:absolute;top:6px;left:6px;box-shadow:0 14px 24px #4e67cd3d}.mode-switch__slider--basic{transform:translate(0)}.mode-switch__slider--advanced{transform:translate(calc(100% + 8px))}.text-area,.text-input,.select-input{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);border-radius:18px;padding:14px 16px}.text-area{resize:vertical;flex:auto;min-height:260px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field,.field-label{color:var(--text-muted);gap:8px;display:grid}.field--wide{grid-column:1/-1}.entry-card{border:1px solid var(--border);background:#ffffff14;border-radius:18px;gap:10px;padding:12px;display:grid}.entry-row{align-items:center;gap:10px;display:flex}.entry-row--compact{align-items:flex-end}.entry-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.entry-meta--row{flex-wrap:wrap}.slider-group,.secret-toggle{align-items:center;gap:10px;display:flex}.slider-group--stacked{flex:1;gap:6px;display:grid}.weight-field{color:var(--text);flex:120px;gap:6px;display:grid}.number-input{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);border-radius:14px;padding:10px 12px}.probability{color:var(--accent-soft);white-space:nowrap;font-weight:700}.color-input{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;min-block-size:48px;inline-size:100%;padding:6px}.file-button{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.toolbar-actions--tight>*{flex:1 1 0;min-width:0}.toolbar-actions--tight .primary-button{min-width:52px}.toolbar-actions--tight .ghost-button,.toolbar-actions--tight .primary-button,.toolbar-actions--tight .file-button{white-space:nowrap;justify-content:center}.ghost-button--square{flex:none;justify-content:center;min-width:112px}.button-outline{border-color:#ff9f6b3d}.button-outline:hover,.button-outline:focus-visible{border-color:#ff9f6b8c;transform:none;box-shadow:0 0 0 3px #ff9f6b1f}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.modal-backdrop{z-index:30;background:#05080c7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.winner-modal{background:var(--surface-strong);max-width:420px;color:var(--text);padding:24px}.entry-list{flex-direction:column;flex:auto;gap:12px;min-height:0;padding-right:4px;display:flex;overflow:auto}.entry-list::-webkit-scrollbar{width:8px}.entry-list::-webkit-scrollbar-thumb{background:#ff9f6b6b;border-radius:999px}.advanced-header{align-items:start;gap:10px;display:grid}.advanced-copy{color:var(--text);white-space:nowrap}.secret-toggle{color:var(--text)}.route-fade-enter-active,.route-fade-leave-active,.panel-slide-enter-active,.panel-slide-leave-active,.modal-pop-enter-active,.modal-pop-leave-active{transition:all .35s}.route-fade-enter-from,.route-fade-leave-to,.panel-slide-enter-from,.panel-slide-leave-to,.modal-pop-enter-from,.modal-pop-leave-to{opacity:0;transform:translateY(12px)scale(.98)}@media (width<=1080px){.layout{grid-template-columns:1fr;height:auto;max-height:none;overflow-y:auto}.settings-panel{width:100%;max-width:100%;height:auto;position:static}.wheel-stage{grid-template-rows:auto auto}.wheel-card{width:min(100%,100dvh - 240px,840px)}}@media (width<=1366px){.layout{--panel-width:clamp(320px, 31vw, 420px);gap:18px;padding:18px}.hero-bar,.settings-panel,.winner-modal{border-radius:24px}.wheel-card{width:min(100%,100dvh - 168px,820px)}.hero-actions{justify-content:flex-end}}@media (width<=720px){body{overflow:auto}.layout{gap:14px;height:auto;min-height:100dvh;max-height:none;padding:14px;overflow:visible}.hero-bar,.settings-header,.advanced-header,.entry-meta{grid-template-columns:1fr;display:grid}.hero-bar{gap:14px;padding:16px}.hero-actions,.sort-toolbar,.toolbar-actions{flex-wrap:wrap;width:100%}.hero-actions>*,.sort-toolbar>*,.toolbar-actions>*{flex:100%}.mobile-hidden-action{display:none!important}.layout--centered{--panel-width:100%;gap:14px}.settings-panel--hidden{opacity:1;pointer-events:auto;border-color:var(--border);max-width:100%;padding:20px;transform:none}.wheel-stage{overflow:visible}.wheel-card{width:min(100%,100dvw - 28px,560px)}.field-grid{grid-template-columns:1fr}.entry-row,.entry-row--compact{flex-direction:column;align-items:stretch}.advanced-copy{white-space:normal}.settings-panel{overflow:visible}}