:root,:root[data-theme=dark]{--bg:#06060c;--bg-glow:radial-gradient(60% 40% at 50% 0%, #3c50ff2e, transparent 70%);--surface:#0e0f1a;--surface-2:#161827;--surface-hover:#1c1f33;--border:#ffffff14;--border-strong:#ffffff29;--text:#f1f2ff;--text-dim:#8d90b0;--accent:#5b74ff;--accent-strong:#2518b5;--accent-2:#3ee6ff;--accent-text:#fff;--glow:0 0 24px #5b74ff73;--danger:#ff5c8a;--success:#3ef0a5;--stage-bg:#000;--stage-text:#fff;--stage-text-dim:#ffffffbf;--stage-shade:#000;--card-border:none;--card-shadow:none;--neon-color:#5b74ff;--neon-blend:plus-lighter;--segment-selected:var(--surface-hover);--segment-shadow:none;--ad-bg:repeating-linear-gradient(45deg, #0d0e18 0 10px, #10111d 10px 20px);--wheel-1:#2518b5;--wheel-2:#5b74ff;--wheel-3:#3ee6ff;--wheel-4:#8a5bff;--wheel-5:#1d2a80;--wheel-6:#ff5c8a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f6fb;--bg-glow:radial-gradient(60% 40% at 50% 0%, #3b4cf01a, transparent 70%);--surface:#fff;--surface-2:#eef0f8;--surface-hover:#e6e9f6;--border:#10143c17;--border-strong:#10143c2e;--text:#12142b;--text-dim:#5c6185;--accent:#3b4cf0;--accent-strong:#2518b5;--accent-2:#0894b3;--accent-text:#fff;--glow:0 6px 20px #3b4cf02e;--danger:#e0336a;--success:#0e9f6e;--stage-bg:linear-gradient(160deg, #eef2ff, #e3e9ff);--stage-text:#12142b;--stage-text-dim:#5c6185;--stage-shade:#f4f6ff;--card-border:1px solid #3b4cf024;--card-shadow:0 4px 18px #10143c0f;--neon-color:#3b4cf0;--neon-blend:normal;--segment-selected:#fff;--segment-shadow:0 1px 3px #10143c1f;--ad-bg:repeating-linear-gradient(45deg, #eceef6 0 10px, #e5e8f2 10px 20px);--wheel-1:#2518b5;--wheel-2:#3b4cf0;--wheel-3:#0894b3;--wheel-4:#7a4ff0;--wheel-5:#8fa0ff;--wheel-6:#e0336a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--radius-xs:8px;--radius-s:12px;--radius-m:16px;--radius-l:24px;--radius-button:14px;--font-body:"Pretendard Variable", Pretendard, system-ui, sans-serif;--font-number:"Lilita One", "Pretendard Variable", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--content-width:1080px;--rail-width:160px}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-glow), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:15px;line-height:1.55;transition:background-color .25s,color .25s}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:13px;display:flex}.input,.textarea{border-radius:var(--radius-s);background:var(--surface-2);width:100%;color:var(--text);border:none;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{box-shadow:inset 0 0 0 2px var(--accent)}.input:disabled,.textarea:disabled{opacity:.6}.textarea{resize:vertical;min-height:140px;line-height:1.6}.card{border:var(--card-border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--card-shadow)}.chip{border-radius:var(--radius-s);background:var(--surface-2);min-width:44px;height:44px;font-family:var(--font-number);justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.chip-new{background:var(--accent);color:var(--accent-text);box-shadow:var(--glow);animation:chip-pop .35s var(--ease-out)}@keyframes chip-pop{0%{opacity:0;transform:scale(.9)}}.number-font{font-family:var(--font-number);font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}.btn{border-radius:var(--radius-button);background:var(--surface-2);cursor:pointer;min-height:48px;transition:transform .15s var(--ease-out), background-color .2s, box-shadow .2s;border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--glow);border-color:#0000}.btn-primary:hover{background:var(--accent);filter:brightness(1.1)}.btn-large{border-radius:var(--radius-m);min-height:56px;padding:0 28px;font-size:17px}.btn-small{border-radius:var(--radius-s);min-height:36px;padding:0 14px;font-size:14px}.btn-square{width:44px;min-height:44px;padding:0;font-size:20px}.btn-text{min-height:36px;color:var(--text-dim);background:0 0;padding:0 10px;font-size:14px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.segmented{border-radius:var(--radius-s);background:var(--surface-2);gap:4px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-xs);min-height:36px;color:var(--text-dim);cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:none;padding:0 16px;font-size:14px;font-weight:600}.segmented button[aria-selected=true],.segmented button[aria-checked=true]{background:var(--segment-selected);color:var(--text);box-shadow:var(--segment-shadow)}.segmented button:disabled{cursor:not-allowed}.site{grid-template-columns:1fr minmax(0, var(--content-width)) 1fr;column-gap:24px;min-height:100vh;padding:0 16px;display:grid}.site-main{flex-direction:column;grid-column:2;gap:24px;min-width:0;padding-bottom:40px;display:flex}.ad-rail{align-self:start;margin-top:96px;display:none;position:sticky;top:96px}.ad-rail-left{grid-column:1;justify-self:end}.ad-rail-right{grid-column:3;justify-self:start}@media (width>=1440px){.ad-rail{display:block}}.ad-slot{border-radius:var(--radius-m);background:var(--ad-bg);color:var(--text-dim);text-align:center;place-items:center;font-size:12px;display:grid;position:relative}.ad-slot-label{letter-spacing:.08em;font-size:11px;position:absolute;top:6px;left:10px}.ad-slot-horizontal{width:100%;max-width:728px;height:90px;margin:0 auto}.ad-slot-vertical{width:var(--rail-width);height:600px}@media (width<=760px){.ad-slot-horizontal{max-width:320px;height:100px}}.site-header{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo-mark{background:radial-gradient(circle at 35% 35%, #fff 0 18%, var(--accent-2) 40%, var(--accent-strong) 75%);width:30px;height:30px;box-shadow:0 0 18px var(--accent);border-radius:50%}.header-nav{align-items:center;gap:8px;display:flex}.theme-toggle{border-radius:var(--radius-s);min-height:40px;padding:0 14px;font-size:14px}.site-footer{text-align:center;color:var(--text-dim);padding:24px 0 8px;font-size:13px}.home{flex-direction:column;gap:24px;display:flex}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:40px;display:grid;overflow:hidden}.hero-eyebrow{font-family:var(--font-number);letter-spacing:.24em;color:var(--accent-2);margin-bottom:12px;font-size:12px}.hero-title{letter-spacing:-.03em;font-size:clamp(30px,4.4vw,48px);font-weight:800;line-height:1.2}.hero-sub{margin:16px 0 28px;font-size:17px}.hero-stage{height:320px}@media (width<=760px){.hero{grid-template-columns:1fr;padding:28px 20px}.hero-stage{height:240px}}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.tool-card{transition:transform .2s var(--ease-out), background-color .2s, box-shadow .2s;flex-direction:column;gap:6px;padding:24px;display:flex}@media (hover:hover) and (pointer:fine){.tool-card:hover{background:var(--surface-2);box-shadow:var(--glow);transform:translateY(-3px)}}.tool-card:active{transform:scale(.98)}.tool-card-icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:8px;display:grid}.tool-card-name{font-size:18px;font-weight:700}.tool-card-summary{font-size:14px}.tool-page{flex-direction:column;gap:20px;display:flex}.tool-page-header{align-items:center;gap:16px;display:flex}.tool-page-header .tool-card-icon{margin:0}.tool-page-title{letter-spacing:-.02em;font-size:28px;font-weight:800}.tool-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.tool-layout{grid-template-columns:1fr}}.tool-controls{flex-direction:column;gap:16px;padding:24px;display:flex}.tool-stage{flex-direction:column;align-items:center;gap:20px;min-width:0;padding:24px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.toggle-row{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.button-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-banner{border-radius:var(--radius-m);background:color-mix(in srgb, var(--accent) 16%, transparent);text-align:center;min-height:56px;animation:chip-pop .35s var(--ease-out);padding:14px 24px;font-size:20px;font-weight:800}.result-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.section-title{color:var(--text-dim);align-self:stretch;font-size:14px;font-weight:700}.fireball-stage{--ball-x:60%;--ball-y:55%;--ball-r:60px;border-radius:var(--radius-l);background:var(--stage-bg);width:100%;height:100%;min-height:220px;position:relative;overflow:hidden}.fireball-flight{position:absolute;inset:0}.fireball-number{left:var(--ball-x);top:var(--ball-y);width:calc(var(--ball-r) * 1.7);height:calc(var(--ball-r) * 1.7);font-family:var(--font-number);font-size:calc(var(--ball-r) * .95);white-space:nowrap;font-variant-numeric:tabular-nums;color:#0b0f4a;-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 0 18px #3ee6ffe6;pointer-events:none;place-items:center;font-weight:400;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.fireball-number[data-digits="3"]{font-size:calc(var(--ball-r) * .68)}.fireball-number[data-digits="4"]{font-size:calc(var(--ball-r) * .5)}.fireball-stage[data-phase=revealed] .fireball-number{animation:.5s cubic-bezier(.34,1.56,.64,1) number-reveal}@keyframes number-reveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}