:root{--color-primary:#6757e8;--color-primary-hover:#5141cf;--color-primary-soft:#efedff;--color-accent:#198cff;--color-bg:#f7f8fc;--color-surface:#fff;--color-text:#19182a;--color-text-muted:#656477;--color-border:#e3e3ed;--color-success:#147d58;--color-danger:#c43f52;--wheel-empty:#deddea;--radius-sm:.55rem;--radius-md:.9rem;--radius-lg:1.35rem;--radius-pill:999px;--shadow-sm:0 1px 2px #1413270d, 0 6px 18px #1413270d;--shadow-md:0 16px 48px #251f561a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--container:72rem;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{color-scheme:dark;--color-primary:#9b8cff;--color-primary-hover:#b8aeff;--color-primary-soft:#252244;--color-accent:#59b4ff;--color-bg:#0e1020;--color-surface:#171a2c;--color-text:#f3f4ff;--color-text-muted:#b4b7cd;--color-border:#303550;--color-success:#61d6a5;--color-danger:#ff8292;--wheel-empty:#343950;--shadow-sm:0 1px 1px #00000038, 0 8px 20px #0003;--shadow-md:0 22px 56px #00000052, 0 0 0 1px #ffffff05}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6;transition:color .18s,background-color .18s}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,canvas{max-width:100%;display:block}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 70%, white);outline-offset:3px}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#fff;background:var(--color-text);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 2rem), var(--container));margin-inline:auto}.site-header{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);background:color-mix(in srgb, var(--color-surface) 88%, transparent);backdrop-filter:blur(14px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.25rem;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);letter-spacing:-.035em;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand>span:last-child span,.brand-footer span{color:var(--color-primary)}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--color-primary), var(--color-accent));border-radius:.65rem;place-items:center;width:2rem;height:2rem;display:grid;box-shadow:0 6px 16px #6757e840}.nav-list{align-items:center;gap:var(--space-5);margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--color-text-muted);font-size:.92rem;font-weight:650;text-decoration:none}.nav-list a:hover{color:var(--color-primary)}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:2.35rem;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface) 86%, var(--color-primary-soft));align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:750;transition:color .16s,border-color .16s,transform .16s,background-color .16s;display:inline-flex}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.hero{background:radial-gradient(circle at 14% 0%, #198cff1f, transparent 28rem), radial-gradient(circle at 88% 16%, #6757e829, transparent 30rem), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 28%, transparent), transparent 70%), var(--color-bg);padding:clamp(3.5rem,8vw,6.8rem) 0 clamp(3.5rem,7vw,6rem);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(24rem,.86fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:32rem;display:grid}.hero-content{z-index:2;position:relative}.hero .eyebrow{box-shadow:0 8px 22px #3d348414}.eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-primary-hover);background:color-mix(in srgb, var(--color-surface) 72%, transparent);letter-spacing:.04em;text-transform:uppercase;border:1px solid #6757e833;padding:.38rem .75rem;font-size:.8rem;font-weight:750;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12}.hero h1{max-width:14ch;margin:var(--space-5) 0 var(--space-4);font-size:clamp(2.75rem,8vw,5.75rem)}.gradient-text{color:#0000;background:linear-gradient(110deg, var(--color-primary-hover), var(--color-accent));background-clip:text}.hero-copy{max-width:40rem;margin:0 0 var(--space-6);color:var(--color-text-muted);font-size:clamp(1.05rem,2.4vw,1.25rem)}.hero-actions{justify-content:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid #0000;min-height:3rem;padding:.72rem 1.15rem;font-weight:750;line-height:1.25;text-decoration:none;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));box-shadow:0 12px 28px color-mix(in srgb, var(--color-primary) 30%, transparent)}.button-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-accent))}.button-secondary{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm)}.trust-list{margin:var(--space-6) 0 0;justify-content:flex-start;gap:var(--space-4);color:var(--color-text-muted);flex-wrap:wrap;padding:0;font-size:.9rem;list-style:none;display:flex}.hero-visual{isolation:isolate;place-items:center;min-height:30rem;display:grid;position:relative}.hero-visual:before{z-index:-2;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 67%);content:"";filter:blur(5px);border-radius:50%;width:min(100%,31rem);position:absolute}.hero-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--color-primary) 28%, transparent);border-radius:50%;position:absolute}.hero-orbit-one{width:24rem;height:17rem;transform:rotate(-22deg)}.hero-orbit-two{border-color:color-mix(in srgb, var(--color-accent) 20%, transparent);width:31rem;height:21rem;transform:rotate(26deg)}.hero-float-card{z-index:2;border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:var(--radius-pill);color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.75rem;font-weight:760;display:inline-flex;position:absolute}.hero-float-card span:first-child{color:#f0ab36}.hero-float-card-top{top:12%;right:3%}.hero-float-card-bottom{bottom:15%;left:-2%}.live-dot{background:var(--color-success);width:.48rem;height:.48rem;box-shadow:0 0 0 .22rem color-mix(in srgb, var(--color-success) 15%, transparent);border-radius:50%}.hero-wheel-teaser{z-index:1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);background:color-mix(in srgb, var(--color-surface) 76%, transparent);border-radius:50%;place-items:center;width:min(100%,25rem);display:grid;position:relative;box-shadow:0 32px 72px #14104240,inset 0 1px #ffffff2e}.hero-wheel-teaser:before{border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);content:"";border-radius:50%;position:absolute;inset:8%}.teaser-wheel{aspect-ratio:1;border:.4rem solid var(--color-surface);background:conic-gradient(#6757e8 0 45deg, #198cff 45deg 90deg, #0ea5a4 90deg 135deg, #ec4899 135deg 180deg, #8b5cf6 180deg 225deg, #f59e0b 225deg 270deg, #4f46e5 270deg 315deg, #06b6d4 315deg);border-radius:50%;width:76%;position:relative;box-shadow:0 16px 35px #100f3b4d}.teaser-wheel:after{background:repeating-conic-gradient(transparent 0 43deg, #ffffffc7 43deg 45deg);content:"";border-radius:50%;position:absolute;inset:0}.teaser-center{z-index:1;aspect-ratio:1;border:.25rem solid var(--color-surface);color:#fff;background:var(--color-text);border-radius:50%;place-items:center;width:23%;font-size:clamp(1rem,2vw,1.45rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.teaser-pointer{z-index:2;filter:drop-shadow(0 2px 2px #00000040);border-top:1.4rem solid #f5bd4c;border-left:.7rem solid #0000;border-right:.7rem solid #0000;width:0;height:0;position:absolute;top:4%;left:50%;transform:translate(-50%)}.hero-list-preview{z-index:3;border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background:color-mix(in srgb, var(--color-surface) 93%, transparent);width:10.6rem;box-shadow:var(--shadow-md);backdrop-filter:blur(12px);border-radius:.95rem;gap:.25rem;padding:.85rem;display:grid;position:absolute;bottom:9%;right:-2%}.hero-list-preview strong{font-size:.86rem}.hero-list-preview>div{gap:.22rem;margin-top:.2rem;display:flex}.hero-list-preview i{border:2px solid var(--color-surface);background:var(--color-primary);border-radius:50%;width:.78rem;height:.78rem;display:block}.hero-list-preview i:nth-child(2n){background:var(--color-accent)}.hero-list-preview i:nth-child(3n){background:#ec4899}.trust-list li:before{color:var(--color-success);content:"✓";margin-right:.4rem;font-weight:800}.section{padding:var(--space-8) 0}.section-surface{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, var(--color-bg)), var(--color-surface))}.section-heading{margin-bottom:var(--space-6);justify-content:space-between;align-items:end;gap:var(--space-5);display:flex}.section-heading h2{margin-bottom:var(--space-2);font-size:clamp(1.9rem,4vw,2.65rem)}.section-heading p{color:var(--color-text-muted);margin-bottom:0}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.tool-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:9.6rem;color:var(--color-text);background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 96%, white), var(--color-surface));box-shadow:var(--shadow-sm);flex-direction:column;padding:1.15rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.tool-card:hover{box-shadow:var(--shadow-md);border-color:#6757e861;transform:translateY(-3px)}.tool-icon{width:2.25rem;height:2.25rem;margin-bottom:var(--space-4);color:var(--color-primary-hover);background:var(--color-primary-soft);border-radius:.8rem;place-items:center;font-size:1.15rem;font-weight:800;display:grid}.tool-card h3{margin-bottom:.35rem;font-size:1.02rem}.tool-card p{margin-bottom:var(--space-3);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;display:-webkit-box;overflow:hidden}.tool-link{color:var(--color-primary);margin-top:auto;font-size:.88rem;font-weight:750}.category-block+.category-block{margin-top:var(--space-7)}.category-title{margin-bottom:var(--space-4);font-size:1.35rem}.category-pills{margin:-1.4rem 0 var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 82%, transparent);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.35rem;display:flex}.category-pills a{color:var(--color-text-muted);border-radius:.55rem;padding:.48rem .7rem;font-size:.8rem;font-weight:750;text-decoration:none;transition:color .16s,background-color .16s}.category-pills a:hover{color:var(--color-primary-hover);background:var(--color-primary-soft)}.catalog-category{border:1px solid color-mix(in srgb, var(--color-border) 86%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 64%, transparent);padding:1.25rem}.catalog-category+.catalog-category{margin-top:var(--space-4)}.catalog-category-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:1rem;display:flex}.catalog-category .category-title{margin:0;font-size:1.15rem}.catalog-category-heading>span{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.tool-card-compact{min-height:0;box-shadow:none;border-radius:.8rem;flex-direction:row;align-items:center;gap:.65rem;padding:.75rem .85rem}.tool-card-compact:hover{transform:translateY(-1px)}.tool-card-compact .tool-icon{border-radius:.58rem;flex:none;width:1.95rem;height:1.95rem;margin:0;font-size:.9rem}.tool-card-compact h3{margin:0;font-size:.86rem;line-height:1.2}.tool-card-compact p{display:none}.tool-card-compact .tool-link{margin:0 0 0 auto;font-size:0}.tool-card-compact .tool-link span{font-size:1rem}.site-footer{padding:var(--space-7) 0 var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{justify-content:space-between;gap:var(--space-6);display:flex}.footer-inner p{max-width:28rem;margin:var(--space-3) 0 0;color:var(--color-text-muted)}.footer-inner nav{align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;display:flex}.footer-inner nav a{color:var(--color-text-muted);font-size:.9rem;text-decoration:none}.footer-inner nav a:hover{color:var(--color-primary)}.footer-copy{margin:var(--space-6) 0 0;color:var(--color-text-muted);text-align:center;font-size:.8rem}.tool-hero{padding:clamp(2.8rem, 6vw, 4.8rem) 0 var(--space-7);text-align:center;background:radial-gradient(circle at 50% -40%, #6757e82e, transparent 32rem), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 25%, transparent), transparent), var(--color-bg)}.tool-heading{max-width:48rem}.breadcrumb{margin-bottom:var(--space-3);color:var(--color-primary);font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.breadcrumb:before{content:"← "}.tool-heading h1{margin-bottom:var(--space-3);font-size:clamp(2.25rem,6vw,4rem)}.tool-heading p{max-width:40rem;color:var(--color-text-muted);margin:0 auto;font-size:1.05rem}.tool-page{max-width:64rem;padding-bottom:var(--space-8)}.tool-shell{margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface) 97%, white), var(--color-surface));box-shadow:var(--shadow-md);padding:clamp(1rem,3vw,2rem);position:relative}.tool-panel{gap:var(--space-5);display:grid}.tool-columns{gap:var(--space-6);grid-template-columns:minmax(15rem,.8fr) minmax(18rem,1.2fr);display:grid}.panel-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg) 86%, var(--color-surface))}.panel-title{margin-bottom:var(--space-4);font-size:1.05rem}.field,.list-editor{gap:var(--space-2);display:grid}.field+.field{margin-top:var(--space-4)}.field-heading,.list-editor-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.list-editor-heading>div{gap:.08rem;display:grid}.field-kicker{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.field label,.field-heading label,.field-label,.list-editor-heading label{color:var(--color-text);font-size:1rem;font-weight:780}.item-count{border:1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-primary-soft);white-space:nowrap;padding:.27rem .55rem;font-size:.74rem;font-weight:750}textarea,input[type=text],input[type=number],select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:3rem;color:var(--color-text);background:var(--color-surface)}textarea{resize:vertical;min-height:11rem;padding:.9rem 1rem;line-height:1.55}input[type=text],input[type=number],select{padding:.65rem .75rem}textarea:hover,input:hover,select:hover{border-color:#c8c6d7}textarea:focus,input:focus,select:focus{border-color:var(--color-primary);outline:3px solid #6757e824}.list-input-wrap{border-radius:calc(var(--radius-sm) + .12rem);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 35%);position:relative}.list-input-wrap textarea{background:color-mix(in srgb, var(--color-surface) 92%, transparent);position:relative;box-shadow:inset 0 1px #ffffff1a}.list-editor-footer{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:2rem;display:flex}.check-field{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;font-size:.86rem;display:inline-flex}.check-field input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.text-button{min-height:2.75rem;color:var(--color-primary);background:0 0;border:0;padding:.3rem;font-size:.86rem;font-weight:700}.field-hint{color:var(--color-text-muted);margin:0;font-size:.8rem}.field-error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:.85rem;font-weight:650}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.actions .button-primary{flex:13rem}.button-small{min-height:2.75rem;padding:.6rem .85rem;font-size:.88rem}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--color-text-muted);background:var(--color-surface);flex:none;place-items:center;display:grid}.icon-button:hover{color:var(--color-primary);border-color:#6757e859}.result-card{padding:var(--space-5);border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-soft) 78%, var(--color-surface)), color-mix(in srgb, var(--color-surface) 76%, var(--color-accent)));border:1px solid #6757e82e;box-shadow:inset 0 1px #ffffff29}.result-card[hidden]{display:none}.result-label{margin-bottom:var(--space-2);color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.8rem;font-weight:750}.result-value{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(1.5rem,4vw,2.35rem);font-weight:850;line-height:1.25}.result-actions{margin-top:var(--space-4);justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.result-actions:empty{display:none}.ad-slot{min-height:7.5rem;margin:var(--space-7) 0;border-radius:var(--radius-md);color:#72717e;letter-spacing:.08em;text-transform:uppercase;background:#ffffff73;border:1px dashed #d7d6e0;place-items:center;font-size:.7rem;display:grid}.tool-content{max-width:46rem;margin:0 auto}.prose h2{margin:var(--space-7) 0 var(--space-3);font-size:clamp(1.55rem,3vw,2rem)}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:1.2rem}.prose p,.prose li{color:var(--color-text-muted)}.prose ol,.prose ul{padding-left:1.25rem}.prose li+li{margin-top:var(--space-2)}.faq-section,.related-tools{margin-top:var(--space-8)}.faq-section>h2{margin-bottom:var(--space-5);font-size:clamp(1.7rem,3vw,2.25rem)}.faq-list{gap:var(--space-3);display:grid}.faq-list details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.faq-list summary{min-height:3.75rem;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;font-weight:750;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--color-primary);font-size:1.25rem}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{padding:0 var(--space-5) var(--space-4);color:var(--color-text-muted);margin:0}.related-tools .tool-card{min-height:10rem}.history-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.history-list li{padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);display:flex}.empty-state{padding:var(--space-5);color:var(--color-text-muted);text-align:center}.wheel-tool{gap:var(--space-6);display:grid}.wheel-columns{align-items:center}.wheel-controls{gap:var(--space-4);border:1px solid color-mix(in srgb, var(--color-border) 92%, transparent);border-radius:calc(var(--radius-md) + .25rem);background:color-mix(in srgb, var(--color-bg) 76%, var(--color-surface));padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:inset 0 1px #ffffff14}.tool-panel-intro{justify-content:space-between;align-items:end;gap:var(--space-3);display:flex}.tool-panel-intro p{color:var(--color-text-muted);margin:0;font-size:.85rem}.wheel-options{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sound-toggle[aria-pressed=false]{color:var(--color-text-muted)}.wheel-display{justify-items:center;gap:var(--space-4);width:100%;min-width:0;display:grid}.wheel-display-header{width:min(100%,35rem);color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.wheel-size-control{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);align-items:center;gap:.2rem;padding:.18rem;display:inline-flex}.wheel-size-control>span{margin-left:.35rem;font-size:.7rem}.wheel-size-control button{width:1.6rem;height:1.6rem;color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:.68rem;font-weight:800;display:grid}.wheel-size-control button[aria-pressed=true]{color:#fff;background:var(--color-primary)}.wheel-stage{aspect-ratio:1;place-items:center;width:100%;min-width:0;max-width:32rem;transition:max-width .18s;display:grid;position:relative}.wheel-tool[data-wheel-size=compact] .wheel-stage{max-width:23rem}.wheel-tool[data-wheel-size=large] .wheel-stage{max-width:38rem}.wheel-stage canvas{filter:drop-shadow(0 14px 20px #231d5a29);will-change:transform;border-radius:50%;min-width:0;width:100%!important;height:100%!important}.wheel-pointer{z-index:5;border-top:1.8rem solid var(--color-text);filter:drop-shadow(0 3px 2px #00000038);border-left:.85rem solid #0000;border-right:.85rem solid #0000;width:0;height:0;position:absolute;top:-.1rem;left:50%;transform:translate(-50%)}.wheel-center{aspect-ratio:1;border:5px solid var(--color-surface);background:var(--color-text);border-radius:50%;width:12%;position:absolute;box-shadow:0 5px 14px #0003}.wheel-main-action{align-items:stretch;gap:var(--space-2);width:min(100%,24rem);display:flex}.spin-button{flex:1;min-height:3.35rem}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.wheel-history{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.wheel-history .panel-title{margin:0}.wheel-history time{color:var(--color-text-muted);font-size:.8rem}.confetti-layer{z-index:8;pointer-events:none;position:absolute;inset:50%}.confetti-layer i{background:var(--color);width:.5rem;height:.8rem;animation:confetti-burst 1.4s cubic-bezier(.2,.8,.3,1) var(--delay) both;border-radius:2px;position:absolute}.wheel-display:fullscreen{background:var(--color-bg);place-content:center;padding:2rem}.wheel-display:fullscreen .wheel-stage{width:min(78vh,90vw)}.wheel-chance .wheel-stage canvas{filter:drop-shadow(0 18px 24px #ec489933)}.draw-options{align-items:end}.option-card{min-height:4.8rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.option-card span{display:grid}.option-card small{color:var(--color-text-muted)}.winner-list{gap:var(--space-2);text-align:left;max-width:30rem;margin:0 auto;padding:0;font-size:1.1rem;list-style-position:inside;display:grid}.remaining-summary{padding:var(--space-4);border-radius:var(--radius-sm);color:var(--color-primary-hover);background:var(--color-primary-soft);text-align:center}.remaining-summary strong{font-size:1.35rem}.draw-history{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.team-output{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.team-output[hidden]{display:none}.team-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.team-name{margin-bottom:var(--space-2);font-weight:800;background:0 0!important;border:0!important;min-height:2rem!important;padding:0!important;font-size:1.1rem!important}.team-count{color:var(--color-text-muted);font-size:.8rem}.team-card ul{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.team-card li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface)}.generated-list{gap:var(--space-2);text-align:left;max-width:32rem;margin:0 auto;padding:0;font-size:1rem;display:grid}ul.generated-list{list-style:none}.generated-list li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#ffffffa6}.quick-tool{text-align:center;justify-items:center}.quick-tool .form-row{text-align:left;width:100%}.quick-main-button{min-width:min(100%,18rem)}.quick-result{width:100%;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-primary-soft)}.quick-result[hidden]{display:none}.dice-grid{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.die-result{aspect-ratio:1;border:2px solid var(--color-border);width:3.5rem;color:var(--color-primary-hover);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:.75rem;place-items:center;font-size:1.35rem;font-weight:850;display:grid}.dice-grid.is-rolling .die-result{animation:.34s both dice-pop}.dice-total{margin:var(--space-4) 0 0;font-size:1.1rem}.coin{aspect-ratio:1;color:#7a5010;background:radial-gradient(circle at 35% 30%,#fff2a7,#f4b942);border:.7rem double #f4b942;border-radius:50%;place-items:center;width:10rem;font-size:3.5rem;font-weight:900;display:grid;box-shadow:0 18px 30px #9b620b2e}.coin.is-flipping{animation:.6s coin-flip}.quick-answer{margin:0;font-size:clamp(1.35rem,4vw,2rem);font-weight:850}.short-history{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.short-history li{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-bg);font-size:.8rem}.answer-orb{aspect-ratio:1;color:#fff;background:linear-gradient(145deg, var(--color-primary), var(--color-accent));border-radius:50%;place-items:center;width:9rem;font-size:3rem;font-weight:900;display:grid;box-shadow:0 20px 40px #6757e83d}.answer-orb[data-answer=non]{background:linear-gradient(145deg,#6b6b7a,#30303b)}.answer-orb.is-answering{animation:.38s answer-pop}@keyframes dice-pop{0%{opacity:.2;transform:translateY(-10px)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(1080deg)}}@keyframes answer-pop{50%{transform:scale(1.1)rotate(5deg)}}.color-tool{justify-items:center}.color-preview{aspect-ratio:16/7;border:.5rem solid var(--color-surface);border-radius:var(--radius-lg);background:var(--color-primary);width:min(100%,30rem);box-shadow:var(--shadow-md)}.color-values{gap:var(--space-3);width:min(100%,36rem);display:grid}.color-row{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);display:flex}.color-row>div{text-align:left;display:grid}.color-row span{color:var(--color-text-muted);font-size:.72rem;font-weight:750}.color-row strong{overflow-wrap:anywhere}.workflow-section{background:linear-gradient(180deg, var(--color-bg), color-mix(in srgb, var(--color-primary-soft) 38%, var(--color-bg)));overflow:hidden}.workflow-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.workflow-visual{position:relative}.workflow-visual:before{z-index:0;background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--color-accent) 20%, transparent), transparent 55%), color-mix(in srgb, var(--color-surface) 55%, transparent);border-radius:2.4rem;position:absolute;inset:6% 8%;transform:rotate(-4deg)}.workflow-board{z-index:1;border:1px solid color-mix(in srgb, var(--color-border) 84%, transparent);background:color-mix(in srgb, var(--color-surface) 90%, transparent);width:min(100%,27rem);box-shadow:var(--shadow-md);border-radius:1.35rem;gap:.85rem;margin-inline:auto;padding:1rem;display:grid;position:relative}.workflow-board-head{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding-bottom:.7rem;font-size:.78rem;font-weight:750;display:flex}.workflow-board-head i{background:var(--color-success);width:.55rem;height:.55rem;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-success) 16%, transparent);border-radius:50%}.workflow-winner{background:linear-gradient(135deg, var(--color-primary-soft), color-mix(in srgb, var(--color-primary-soft) 55%, var(--color-surface)));border-radius:.9rem;gap:.18rem;padding:1rem;display:grid}.workflow-winner small{color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.workflow-winner strong{letter-spacing:-.045em;font-size:1.65rem}.workflow-winner span{color:var(--color-success);font-size:.76rem;font-weight:750}.workflow-board-list{gap:.45rem;display:grid}.workflow-board-list span{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-bg) 80%, var(--color-surface));border-radius:.6rem;align-items:center;gap:.5rem;padding:.58rem .65rem;font-size:.8rem;display:flex}.workflow-board-list i{background:var(--color-accent);border-radius:50%;width:.48rem;height:.48rem}.workflow-board-list .is-winner{color:var(--color-text);outline:1px solid color-mix(in srgb, var(--color-primary) 36%, transparent)}.workflow-board-list .is-winner i{background:var(--color-success)}.workflow-copy h2{margin:var(--space-4) 0 var(--space-4);font-size:clamp(2.15rem,4vw,3.6rem)}.workflow-copy>p{max-width:34rem;color:var(--color-text-muted);font-size:1.04rem}.workflow-steps{margin:var(--space-6) 0 0;gap:.85rem;padding:0;list-style:none;display:grid}.workflow-steps li{border-bottom:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);grid-template-columns:2.25rem 1fr;gap:.85rem;padding:.9rem 0;display:grid}.workflow-steps li>span{color:var(--color-primary);letter-spacing:.06em;font-size:.72rem;font-weight:850}.workflow-steps div{gap:.15rem;display:grid}.workflow-steps strong{font-size:.98rem}.workflow-steps small{color:var(--color-text-muted);font-size:.84rem}.legal-content{max-width:48rem;padding-top:var(--space-7);padding-bottom:var(--space-8)}.legal-content h2:first-child{margin-top:0}.not-found{text-align:center;padding-top:clamp(5rem,12vw,9rem);padding-bottom:clamp(6rem,14vw,11rem)}.not-found h1{max-width:16ch;margin:var(--space-5) auto var(--space-4);font-size:clamp(2.4rem,7vw,4.5rem)}.not-found p{color:var(--color-text-muted)}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--x), 12rem) rotate(560deg)}}@media (width<=760px){.container{width:min(calc(100% - 1.25rem), var(--container))}.header-inner{min-height:3.8rem}.nav-list li:not(:last-child){display:none}.nav-list{gap:0}.nav-list a{padding:.5rem}.theme-toggle{justify-content:center;width:2.45rem;padding:0}.theme-toggle-label{display:none}.hero{text-align:center;padding-top:3.75rem}.hero-grid,.workflow-grid{grid-template-columns:1fr}.hero-grid{gap:1.5rem;min-height:0}.hero h1,.hero-copy{margin-inline:auto}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-list{justify-content:center;gap:var(--space-2) var(--space-4)}.hero-visual{min-height:19rem;margin:0 -1rem -2rem}.hero-wheel-teaser{width:min(100%,17rem)}.hero-list-preview{width:8.9rem;padding:.65rem;bottom:8%;right:4%}.hero-orbit-one{width:15rem;height:11rem}.hero-orbit-two{width:21rem;height:14rem}.hero-float-card{font-size:.66rem}.hero-float-card-top{top:6%;right:3%}.hero-float-card-bottom{bottom:13%;left:3%}.tool-columns{gap:var(--space-4);grid-template-columns:1fr}.wheel-controls{order:2}.wheel-display{order:1}.wheel-stage{width:min(100%,25rem)}.wheel-tool[data-wheel-size=compact] .wheel-stage{max-width:20rem}.wheel-options{flex-direction:column;align-items:stretch}.form-row,.team-output{grid-template-columns:1fr}.list-editor-footer{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:stretch}.actions>*{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:8.5rem}.catalog-category{padding:.85rem}.tool-card-compact{min-height:0;padding:.75rem}.section{padding:var(--space-7) 0}.section-heading,.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner nav{gap:var(--space-3);flex-direction:column}}@media (width>=761px) and (width<=980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr;gap:2rem}.hero-visual{min-height:24rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}