:root{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #f8fafc;--text: #11203a;--muted: #54627a;--line: #d9e1ef;--accent: #1677ff;--accent-strong: #0f5fd0;--accent-soft: #e9f2ff;--success: #0d8a5f;--shadow-sm: 0 2px 6px rgba(17, 32, 58, .08);--shadow-md: 0 8px 24px rgba(17, 32, 58, .12);--font-display: "Avenir Next Condensed", "Franklin Gothic Medium", "Trebuchet MS", sans-serif;--font-body: "Avenir Next", "Gill Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 92% 5%,rgba(22,119,255,.12),transparent 34%),linear-gradient(180deg,#f9fbff 0%,var(--bg) 100%)}h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:.02em}p{margin:0}.app-shell{max-width:1080px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.app-title{font-size:clamp(1.85rem,4.6vw,2.85rem);font-weight:820;letter-spacing:.028em;text-transform:uppercase;line-height:1.05;text-align:center;margin:.1rem 0 .2rem}.layout-grid{display:grid;gap:1rem;grid-template-columns:1fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:.9rem;box-shadow:var(--shadow-sm)}.panel-title{font-size:1rem;font-weight:700;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.08em;color:#2f466d}.filters-strip{display:flex;align-items:flex-start;flex-direction:column;width:100%;gap:.45rem;padding:.1rem 0}.filters-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a6f92}.spin-top-row .panel-title{font-size:1.15rem;color:var(--text)}.chip-grid{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:.5rem .82rem;border-radius:999px;font-size:.82rem;font-weight:650;letter-spacing:.02em;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.chip:hover:not(:disabled),.chip:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1677ff33}.chip-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.chip:disabled{cursor:not-allowed;opacity:.6}.center-panel{display:grid;gap:1rem;padding:1rem;border-width:2px;width:100%}.spin-top-row{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.25rem;width:100%}.reel-panel{padding:0;border:none;box-shadow:none;background:transparent}.reel-shell{position:relative;border:2px solid #9fb7df;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#f6f9ff);box-shadow:0 16px 32px #11203a29;width:100%}.reel-shell-bounce{animation:shell-bounce .22s ease-out}@keyframes shell-bounce{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.reel-viewport{height:124px;overflow:hidden}.reel-track{will-change:transform}.reel-track-spinning{transition-property:transform;transition-timing-function:cubic-bezier(.14,.95,.22,1)}.reel-item{height:124px;padding:1rem 1.1rem;display:grid;align-content:center;gap:.25rem}.reel-item:nth-child(odd){background:#f9fbff}.reel-item-topic{margin:0;color:var(--accent-strong);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.reel-item-title{font-size:1.34rem;letter-spacing:.014em;line-height:1.1}.reel-marker{position:absolute;inset:auto 0;top:50%;transform:translateY(-50%);height:126px;border-top:2px solid rgba(22,119,255,.6);border-bottom:2px solid rgba(22,119,255,.6);pointer-events:none}.reel-empty{display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;background:var(--surface-2)}.reel-idle{display:grid;place-items:center;background:linear-gradient(180deg,#fbfdff,#f3f7ff)}.reel-idle-text{color:var(--muted);font-weight:650;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.control-row{display:flex}.spin-btn{position:relative;isolation:isolate;overflow:hidden;width:100%;border:1px solid #0f5fd0;border-radius:14px;background:linear-gradient(180deg,#4da2ff,#1f82f5 55%,#1273e8);color:#fff;font-family:var(--font-display);font-size:1.08rem;font-weight:830;letter-spacing:.065em;text-transform:uppercase;padding:1.04rem 1.2rem;cursor:pointer;transform:translateY(0);box-shadow:0 8px #0f5fd0,0 15px 22px #0b3c853d;transition:transform 95ms ease,box-shadow .13s ease,filter .13s ease}.spin-btn:before,.spin-btn:after{content:"";position:absolute;pointer-events:none}.spin-btn:before{top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;background:linear-gradient(130deg,#ffffff61,#fff0 35%);z-index:-1}.spin-btn:after{top:50%;left:50%;width:150%;height:280%;border-radius:45%;background:radial-gradient(circle,#ffffffe0,#fff3 44%,#fff0 69%),conic-gradient(from 20deg,#fff0,#ffffffe6 22deg,#fff0 48deg,#ffffffd9 104deg,#fff0 132deg,#ffffffeb 214deg,#fff0 360deg);opacity:0;transform:translate(-50%,-50%) scale(.03)}.spin-btn:hover:not(:disabled),.spin-btn:focus-visible{filter:brightness(1.06);outline:none}.spin-btn:active:not(:disabled),.spin-btn-active{transform:translateY(5px) scale(.995);box-shadow:0 3px #0f5fd0,0 8px 13px #0b3c8540}.spin-btn-burst:after{animation:spin-btn-burst .43s cubic-bezier(.17,.82,.27,1)}.spin-btn:disabled{cursor:not-allowed;opacity:.52;transform:translateY(0);box-shadow:0 4px #8296b7}.result-panel{display:grid;gap:.68rem;margin:0;box-shadow:none;padding:0;border:none;background:transparent}.result-card{display:grid;gap:.55rem;border:1px solid #c2d1ea;background:#f4f8ff;border-radius:12px;padding:.95rem;box-shadow:inset 0 1px #ffffffbf}.result-reveal{animation:result-in .26s cubic-bezier(.18,.88,.32,1);transform-origin:top center}.result-dock{margin:0 -1rem -1rem;padding:.75rem 1rem 1rem;border-top:1px solid #ccdaee;background:linear-gradient(180deg,#eef4ff,#e7effd);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:inset 0 10px 18px #4a67941f}@keyframes result-in{0%{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.result-topic{color:var(--accent-strong);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.result-title{font-size:1.54rem;font-weight:810;letter-spacing:.018em;line-height:1.08}.result-reveal .stagger-item{opacity:0;transform:translateY(8px);animation:result-item-in .36s cubic-bezier(.2,.85,.3,1) forwards}.result-reveal .stagger-1{animation-delay:45ms}.result-reveal .stagger-2{animation-delay:.1s}.result-reveal .stagger-3{animation-delay:155ms}.result-reveal .stagger-4{animation-delay:.21s}.result-reveal .stagger-5{animation-delay:265ms}.result-reveal .stagger-6{animation-delay:.32s}@keyframes result-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-btn-burst{0%{opacity:.88;transform:translate(-50%,-50%) scale(.03)}62%{opacity:.86;transform:translate(-50%,-50%) scale(.72)}to{opacity:0;transform:translate(-50%,-50%) scale(1.24)}}.result-description,.muted,.info-panel{color:var(--muted)}.details{border-top:1px solid #cbd8ed;padding-top:.5rem}.details h4{margin:.62rem 0 .35rem;font-size:1rem}.details ul,.details ol{margin:0;padding-left:1.15rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 900px){.app-shell{padding:1.25rem}.layout-grid{grid-template-columns:1fr}.spin-top-row{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.spin-top-row .filters-strip{flex-direction:row;align-items:center;justify-content:flex-end;gap:.65rem;padding:0;margin-left:auto;text-align:right}.spin-top-row .chip-grid{width:auto;flex-wrap:nowrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.spin-btn,.spin-btn:active,.spin-btn-active{transform:none}.spin-btn-burst:after,.result-reveal .stagger-item{animation:none;opacity:1;transform:none}}