.rfg-root{--rfg-bg: #fffdf9;--rfg-panel: #fff;--rfg-ink: #19151d;--rfg-muted: #6f6677;--rfg-line: #e8deeb;--rfg-soft: #fff4df;--rfg-glow: rgba(255, 144, 72, .2);display:grid;gap:1rem;width:100%;padding:1rem;border:1px solid var(--rfg-line);border-radius:8px;background:radial-gradient(circle at 15% 10%,rgba(255,233,92,.38),transparent 24rem),radial-gradient(circle at 88% 18%,rgba(159,84,255,.18),transparent 22rem),linear-gradient(135deg,var(--rfg-bg),#fff);color:var(--rfg-ink);box-shadow:0 18px 50px var(--rfg-glow)}.theme-dark .rfg-root{--rfg-bg: #0d0f14;--rfg-panel: #151923;--rfg-ink: #f7f9ff;--rfg-muted: #aeb7c8;--rfg-line: #2a3140;--rfg-soft: #10141d;--rfg-glow: rgba(66, 132, 255, .18);background:radial-gradient(circle at 10% 8%,rgba(64,196,255,.16),transparent 22rem),radial-gradient(circle at 90% 18%,rgba(173,92,255,.14),transparent 24rem),linear-gradient(135deg,#0b0d12,var(--rfg-bg))}.rfg-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem}.rfg-spool,.rfg-z-panel,.rfg-results article,.rfg-band-list{background:color-mix(in srgb,var(--rfg-panel) 94%,transparent);border:1px solid var(--rfg-line);border-radius:8px}.theme-dark .rfg-spool,.theme-dark .rfg-z-panel,.theme-dark .rfg-results article,.theme-dark .rfg-band-list,.theme-dark .rfg-field,.theme-dark .rfg-presets button,.theme-dark .rfg-actions button{box-shadow:inset 0 1px #ffffff0a}.rfg-spool{display:grid;place-items:center;min-height:310px;padding:1rem;position:relative;overflow:hidden}.rfg-spool-rim{width:min(64vw,260px);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#f04465,#ff9f1c,#ffe66d,#2bd576,#2f8cff,#9b5cff,#f04465);box-shadow:inset 0 0 0 22px color-mix(in srgb,var(--rfg-panel) 30%,transparent),0 18px 40px #201a262e}.theme-dark .rfg-spool-rim{box-shadow:inset 0 0 0 22px #080b1159,0 20px 52px #00000057}.rfg-spool-core{position:absolute;inset:31%;border-radius:50%;background:var(--rfg-panel);border:14px solid color-mix(in srgb,var(--rfg-ink) 12%,transparent)}.rfg-thread{position:absolute;inset:9%;border-radius:50%;border:2px dashed rgba(255,255,255,.68)}.rfg-thread-b{inset:17%;transform:rotate(18deg)}.rfg-thread-c{inset:25%;transform:rotate(-14deg)}.rfg-phase{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:8px;background:color-mix(in srgb,var(--rfg-panel) 84%,transparent);font-weight:800}.theme-dark .rfg-phase{background:#0c0f16d6}.rfg-phase span,.rfg-z-head span,.rfg-field span,.rfg-results span,.rfg-band-title{color:var(--rfg-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rfg-z-panel{padding:1rem}.rfg-z-head,.rfg-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.rfg-unit{border:1px solid var(--rfg-line);border-radius:999px;background:var(--rfg-soft);color:var(--rfg-ink);padding:.35rem;display:flex;gap:.3rem;cursor:pointer}.rfg-unit span,.rfg-unit strong{border-radius:999px;padding:.38rem .7rem;font-size:.72rem}.rfg-root[data-unit=metric] .rfg-unit span,.rfg-root[data-unit=imperial] .rfg-unit strong{background:var(--rfg-ink);color:var(--rfg-panel)}.theme-dark .rfg-root[data-unit=metric] .rfg-unit span,.theme-dark .rfg-root[data-unit=imperial] .rfg-unit strong{background:#f7f9ff;color:#0d0f14}.rfg-tower-wrap{display:grid;grid-template-columns:minmax(88px,1fr) auto;gap:1rem;height:280px;margin-top:1rem}.rfg-tower{position:relative;overflow:hidden;border-radius:8px;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--rfg-line) 50%,transparent) 0 1px,transparent 1px 28px),var(--rfg-soft)}.theme-dark .rfg-tower{background:repeating-linear-gradient(0deg,rgba(174,183,200,.14) 0 1px,transparent 1px 28px),#0b0e15}.rfg-tower span{position:absolute;left:0;width:100%;box-shadow:inset 0 1px #ffffff59}.rfg-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--rfg-muted);font-size:.8rem;font-weight:800}.rfg-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.rfg-field{display:grid;gap:.45rem;padding:.85rem;border:1px solid var(--rfg-line);border-radius:8px;background:var(--rfg-panel)}.rfg-field output{font-size:1.15rem;font-weight:900}.rfg-field input{width:100%;accent-color:#ff365e}.rfg-presets{display:flex;flex-wrap:wrap;gap:.5rem}.rfg-presets button,.rfg-actions button{border:1px solid var(--rfg-line);border-radius:999px;background:var(--rfg-panel);color:var(--rfg-ink);padding:.7rem 1rem;font-weight:900;cursor:pointer}.rfg-presets button.is-active,.rfg-actions button:first-child{background:linear-gradient(90deg,#f04465,#ff9f1c,#2bd576,#2f8cff,#9b5cff);color:#fff;border-color:transparent}.rfg-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.rfg-results article{display:grid;gap:.45rem;padding:1rem}.rfg-results svg{width:1.35rem;height:1.35rem;color:#2f8cff}.rfg-results strong{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1}.rfg-band-list{padding:1rem}#rfg-bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.rfg-band-row{display:grid;grid-template-columns:.6rem 1fr auto;align-items:center;gap:.45rem;padding:.65rem;border-radius:8px;background:var(--rfg-soft);font-size:.78rem;font-weight:800}.rfg-band-row i{width:.6rem;height:1.75rem;border-radius:999px}.rfg-band-row span{min-width:0}.rfg-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:820px){.rfg-stage,.rfg-controls,.rfg-results,#rfg-bands{grid-template-columns:1fr}.rfg-root{padding:.75rem}.rfg-spool{min-height:260px}.rfg-actions{align-items:stretch;flex-direction:column}}