:root{font-family:Manrope,Noto Sans KR,Noto Sans JP,system-ui,sans-serif;color:#17211d;background:#f5f6f2;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f6f2;--surface: #fff;--surface-2: #ebeee8;--surface-3: #dde4de;--text: #17211d;--muted: #66736d;--line: #d8ddd8;--accent: #176b5b;--accent-2: #b8ed76;--accent-soft: #dff3eb;--danger: #b43a44;--shadow: 0 18px 55px rgba(32, 48, 41, .09);--max: 1240px;--radius: 18px;--header-h: 68px;color-scheme:light}:root[data-theme=dark]{--bg: #101512;--surface: #171d19;--surface-2: #202821;--surface-3: #29332b;--text: #edf3ef;--muted: #9aa9a1;--line: #303a33;--accent: #62d4b7;--accent-2: #b8ed76;--accent-soft: #193a31;--danger: #ff8a93;--shadow: 0 18px 60px rgba(0, 0, 0, .34);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--text);line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img,canvas,video{max-width:100%;display:block}::selection{background:var(--accent-2);color:#142017}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}code,pre,kbd{font-family:DM Mono,monospace}.app-shell{width:min(calc(100% - 40px),var(--max));margin:auto;min-height:70dvh}.eyebrow{display:block;color:var(--accent);font:500 .72rem/1.2 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;height:calc(var(--header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.header-inner{width:min(calc(100% - 40px),var(--max));height:var(--header-h);margin:auto;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.14rem;font-weight:800;letter-spacing:-.035em}.brand-symbol{position:relative;display:inline-flex;align-items:end;justify-content:center;gap:2px;width:28px;height:28px;padding:5px;border-radius:9px;background:var(--accent);overflow:hidden}.brand-symbol i{display:block;width:4px;background:var(--accent-2);border-radius:4px 4px 0 0;transform:rotate(20deg);transform-origin:bottom}.brand-symbol i:nth-child(1){height:8px}.brand-symbol i:nth-child(2){height:15px}.brand-symbol i:nth-child(3){height:11px}.nav{display:flex;gap:24px;align-items:center;margin-right:auto}.nav a{font-size:.86rem;font-weight:600;color:var(--muted)}.nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:7px}.icon-button,.star-button{min-width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.search-button{padding:0 10px;width:auto}.search-button kbd{font-size:.65rem;color:var(--muted);border-left:1px solid var(--line);padding-left:8px}.compact-select{height:40px;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:0 9px;font:500 .75rem DM Mono,monospace}.menu-button{display:none}.system-icon{font-size:1.25rem}.hero{min-height:590px;padding:110px 0 80px;display:flex;align-items:center;flex-direction:column;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:50px;left:50%;width:min(900px,95vw);height:400px;transform:translate(-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%);pointer-events:none}.hero>*{position:relative}.hero h1{max-width:900px;margin:20px 0 18px;font-size:clamp(2.55rem,6vw,5.4rem);line-height:.99;letter-spacing:-.07em}.hero>p{max-width:680px;margin:0;color:var(--muted);font-size:1.04rem}.hero-search{position:relative;width:min(720px,100%);height:66px;margin:38px auto 20px;display:flex;align-items:center;gap:13px;padding:0 18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero-search:focus-within{border-color:var(--accent)}.hero-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;font-size:1.05rem}.hero-search kbd{color:var(--muted);background:var(--surface-2);padding:4px 8px;border-radius:6px;font-size:.7rem}.inline-results{position:absolute;top:74px;left:0;right:0;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;z-index:20;max-height:390px;overflow:auto}.inline-results a{display:flex;flex-direction:column;padding:11px 13px;border-radius:10px}.inline-results a:hover{background:var(--surface-2)}.inline-results small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;color:var(--muted);font-size:.79rem}.trust-row span:first-letter{color:var(--accent)}.home-section{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin:8px 0 0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.045em}.section-heading>a{display:flex;align-items:center;gap:7px;color:var(--accent);font-weight:700;font-size:.84rem}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-height:230px;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);transition:transform .2s,border-color .2s,box-shadow .2s;container-type:inline-size}.tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--shadow)}.tool-card-top{display:flex;justify-content:space-between}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:800}.star-button{min-width:34px;width:34px;height:34px;border:0;background:transparent;color:var(--muted)}.star-button.active{color:var(--accent)}.tool-card h3{margin:25px 0 8px;font-size:1rem;letter-spacing:-.025em}.tool-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{position:absolute;bottom:18px;display:flex;align-items:center;gap:5px;color:var(--accent);font-size:.75rem;font-weight:700}.category-section{border-top:1px solid var(--line)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-grid a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.category-grid a>span{width:48px;height:48px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;color:var(--accent);font-weight:800}.category-grid strong,.category-grid small{display:block}.category-grid small{color:var(--muted);font-size:.72rem}.category-grid em{font-style:normal;font:500 .75rem DM Mono,monospace;color:var(--muted)}.principles{margin:60px calc(50% - 50vw) 0;padding:100px max(20px,calc((100vw - var(--max)) / 2));background:#14231e;color:#eef5f0;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.principles>div:first-child h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.055em}.principle-grid{display:grid;gap:24px}.principle-grid article{padding:0 0 24px;border-bottom:1px solid #ffffff24}.principle-grid b{font:500 .7rem DM Mono,monospace;color:#b8ed76}.principle-grid h3{margin:7px 0;font-size:1.2rem}.principle-grid p{margin:0;color:#aebdb6;font-size:.88rem}.page-header{padding:80px 0 50px;max-width:830px}.page-header h1{margin:15px 0 16px;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1;letter-spacing:-.06em}.page-header p{color:var(--muted);font-size:1.03rem;max-width:700px}.collection-search{width:100%;height:58px;padding:0 18px;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-bottom:18px;font-size:1rem}.filter-chips{display:flex;gap:7px;overflow:auto;padding-bottom:18px}.filter-chips button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;font-size:.75rem}.collection-page>.tool-grid{padding-bottom:100px}.category-block{padding:35px 0 70px;border-top:1px solid var(--line)}.category-block .section-heading h2{display:flex;align-items:center;gap:11px}.category-block .section-heading em{font-style:normal;color:var(--muted)}.empty-state{padding:40px;color:var(--muted);text-align:center;background:var(--surface-2);border-radius:15px}.breadcrumb{display:flex;align-items:center;gap:7px;padding:27px 0;color:var(--muted);font-size:.74rem;overflow:auto;white-space:nowrap}.breadcrumb svg{width:13px}.breadcrumb span{color:var(--text)}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:45px 0 38px}.tool-header>div{max-width:830px}.tool-kicker{color:var(--accent);font-size:.78rem;font-weight:700}.tool-header h1{margin:12px 0;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em}.tool-header p{margin:0;color:var(--muted);font-size:1rem}.tool-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tool-meta span{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;background:var(--surface-2);font:500 .65rem DM Mono,monospace;color:var(--muted)}.favorite-button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);background:var(--surface);border-radius:11px;white-space:nowrap}.favorite-button.active{color:var(--accent);border-color:var(--accent)}.privacy-banner,.local-trust{display:flex;align-items:center;gap:8px;color:var(--accent);background:var(--accent-soft);padding:11px 14px;border-radius:10px;font-size:.75rem}.tool-with-ads{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.runner{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 30px #1e2b240a;overflow:hidden;min-height:420px}.runner h2{margin:0 0 20px;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.form-runner{display:grid;grid-template-columns:1fr 1fr}.input-panel,.result-panel{padding:34px}.input-panel{border-right:1px solid var(--line)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid label,.generator-controls label,.file-controls>label:not(.drop-zone),.timer-stage label{display:flex;flex-direction:column;gap:7px;font-size:.76rem;color:var(--muted)}input,textarea,select{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.runner input{min-height:46px}.runner-actions{display:flex;gap:9px;margin-top:22px}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;border-radius:11px;font-weight:700;font-size:.8rem}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{opacity:.55}.secondary-button{border:1px solid var(--line);background:var(--surface)}.field-error{color:var(--danger);font-size:.78rem}.result-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(140deg,var(--surface),var(--surface-2))}.result-panel>span,.file-result>span,.generated-output>span,.color-preview .preview-demo>span{font:500 .7rem DM Mono,monospace;color:var(--muted);text-transform:uppercase}.result-value{font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.06em;line-height:1.1;word-break:break-word;margin:18px}.formula-note{color:var(--muted);font-size:.72rem}.unit-runner{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;padding:40px;gap:16px}.unit-box{display:flex;flex-direction:column;gap:10px}.unit-box label{display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:.76rem}.unit-box input,.unit-box output{height:80px;padding:15px;border:0;background:transparent;font-size:clamp(1.8rem,4vw,3.3rem);letter-spacing:-.05em;color:var(--text)}.unit-box select{background:var(--surface-2)}.swap-button{width:48px;height:48px;border:1px solid var(--line);background:var(--surface-2);border-radius:50%;display:grid;place-items:center}.copy-inline{align-self:end;border:0;background:transparent;color:var(--accent);display:flex;align-items:center;gap:6px;font-size:.74rem}.editor-runner{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.editor-pane{display:flex;flex-direction:column;padding:24px;min-width:0}.editor-pane:first-child{border-right:1px solid var(--line)}.pane-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pane-heading h2{margin:0}.pane-heading span{font:500 .7rem DM Mono,monospace;color:var(--muted)}.pane-heading button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent);font-size:.74rem}.editor-pane textarea{flex:1;min-height:300px;resize:vertical;font:400 .82rem/1.65 DM Mono,monospace}.extra-input,.extra-area{margin-top:9px}.extra-area{min-height:100px!important;flex:0!important}.result-editor{background:var(--surface-2)}.result-table{display:grid;align-content:start;gap:1px;border-radius:11px;overflow:hidden}.result-table>div{display:flex;justify-content:space-between;padding:12px 14px;background:var(--surface)}.result-table span{color:var(--muted);font-size:.78rem}.result-table strong{font:500 .78rem DM Mono,monospace}.generator-runner{display:grid;grid-template-columns:.8fr 1.2fr}.generator-controls,.generated-output{padding:34px}.generator-controls{display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line)}.generator-controls textarea{min-height:150px;resize:vertical}.generated-output{display:flex;flex-direction:column;justify-content:center;background:var(--surface-2)}.generated-output pre{white-space:pre-wrap;word-break:break-all;font-size:1.05rem}.generated-output button{align-self:flex-start}.date-result{white-space:pre-wrap;font-size:1.35rem}.timer-stage{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.timer-stage strong{font:500 clamp(3.5rem,12vw,8rem) "DM Mono",monospace;letter-spacing:-.08em}.timer-stage>div{display:flex;gap:9px}.color-runner{display:grid;grid-template-columns:340px 1fr}.color-controls{padding:30px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.color-field{display:grid;grid-template-columns:52px 1fr;gap:9px}.color-field input[type=color]{padding:3px;width:52px}.color-values{display:flex;flex-direction:column;gap:7px}.color-values code{padding:8px;background:var(--surface-2);border-radius:7px;font-size:.7rem}.color-preview{min-height:480px;padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:background .25s}.preview-demo strong{display:block;font-size:7rem;line-height:1}.preview-demo p{max-width:600px;word-break:break-all}.color-preview>.secondary-button{margin-top:25px;background:#ffffffdb;color:#17211d}.swatch-grid{display:grid;grid-template-columns:repeat(7,1fr);width:100%;margin-top:24px;border-radius:12px;overflow:hidden}.swatch-grid button{height:100px;border:0}.swatch-grid span{display:block;background:#fff;color:#111;font:500 .58rem DM Mono;padding:4px;opacity:.8}.file-runner{display:grid;grid-template-columns:390px 1fr}.file-controls,.file-result{padding:30px}.file-controls{border-right:1px solid var(--line)}.drop-zone{position:relative;min-height:190px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;color:var(--accent)}.drop-zone span{font:500 .68rem DM Mono;color:var(--muted)}.file-list{list-style:none;padding:0;margin:14px 0;max-height:120px;overflow:auto}.file-list li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:.74rem}.file-list small{color:var(--muted)}.file-controls>.primary-button{width:100%;margin-top:15px}.local-trust{margin-top:14px}.file-result{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--surface-2);min-width:0}.file-result canvas{max-height:390px;border-radius:10px;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/18px 18px}.file-result pre{white-space:pre-wrap;word-break:break-all;max-width:100%;max-height:330px;overflow:auto}.file-result .primary-button{margin-top:12px}.interactive-stage,.test-stage,.scientific-calculator,.clock-wrap,.reaction-stage,.click-stage,.device-stage,.media-test,.game-tool,.memory-grid{min-height:500px;padding:34px}.scientific-calculator{display:flex;flex-direction:column;gap:13px;max-width:650px;margin:auto}.scientific-calculator output{min-height:100px;padding:20px;background:#111a17;color:#b8ed76;border-radius:15px;text-align:right;font:500 1.5rem DM Mono}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.calc-keys button{height:48px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px}.clock-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.analog-clock{position:relative;width:min(310px,75vw);aspect-ratio:1;border:8px solid var(--text);border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line)}.analog-clock i{position:absolute;inset:8px 50%;width:2px;transform-origin:50% calc(50% - 8px)}.analog-clock i:after{content:"";display:block;width:2px;height:9px;background:var(--text)}.analog-clock .hand{position:absolute;left:calc(50% - 2px);bottom:50%;width:4px;height:29%;background:var(--text);transform-origin:bottom;border-radius:4px}.analog-clock .hour{height:22%;width:6px}.analog-clock .second{width:2px;height:36%;background:var(--danger)}.analog-clock em{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);width:14px;height:14px;background:var(--accent);border-radius:50%}.clock-wrap>strong{font:500 1.25rem DM Mono}.test-stage{display:flex;flex-direction:column;justify-content:center;gap:20px}.typing-sample{font-size:1.4rem}.typing-sample .correct{color:var(--accent)}.typing-sample .wrong{color:var(--danger);text-decoration:underline}.test-stage textarea{min-height:140px}.reaction-stage,.click-stage{width:100%;border:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.reaction-stage.go{background:#168d63;color:#fff}.reaction-stage strong,.click-stage strong{font-size:clamp(3rem,10vw,7rem);letter-spacing:-.06em}.device-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--surface-2);outline:none}.device-stage pre{white-space:pre-wrap;text-align:center}.pixel-ruler{width:90%;height:130px;display:flex;border-bottom:2px solid var(--text)}.pixel-ruler i{position:relative;flex:1;border-left:1px solid var(--text)}.pixel-ruler span{position:absolute;bottom:-27px;left:-7px;font:500 .6rem DM Mono}.media-test{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.media-test video{max-height:340px;border-radius:14px;background:#000}.game-tool{display:flex;flex-direction:column;gap:14px;align-items:center}.game-tool textarea{width:min(600px,100%);min-height:130px}.game-tool pre{white-space:pre-wrap}.wheel-visual{width:230px;height:230px;border-radius:50%;background:conic-gradient(#176b5b 0 25%,#b8ed76 0 50%,#f2a65a 0 75%,#4979d1 0);transition:transform 2s cubic-bezier(.1,.7,.1,1)}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(60px,120px));gap:10px;justify-content:center;align-content:center}.memory-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:14px;background:var(--accent);color:#fff;font-size:2rem}.memory-grid button.open{background:var(--accent-soft);color:var(--accent)}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:80px 0 30px}.content-block,.faq-section,.related-section{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.content-block h2,.faq-section h2,.related-section h2{margin:12px 0 25px;font-size:1.55rem;letter-spacing:-.04em}.content-block ol{padding-left:20px}.content-block li,.content-block p,.faq-section p{color:var(--muted);font-size:.86rem}.formula-box{margin-top:24px;padding:15px;background:var(--surface-2);border-radius:11px}.formula-box p{margin-bottom:0}.faq-section{margin:16px 0}.faq-section details{border-top:1px solid var(--line);padding:16px 0}.faq-section summary{cursor:pointer;font-weight:650}.faq-section details p{padding-right:50px}.related-section{margin-bottom:100px}.ad-slot{min-height:280px;margin:25px 0;background:transparent;contain:layout}.ad-slot>.adsbygoogle{width:100%;min-height:250px}.side-ad{display:none}.tool-loading{min-height:320px;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.tool-loading span{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:tool-loading-spin .8s linear infinite}@keyframes tool-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tool-loading span{animation:none;border-top-color:var(--line-strong)}}.prose-page{max-width:820px;margin:auto;padding-bottom:120px}.prose-page section{padding:35px 0;border-top:1px solid var(--line)}.prose-page section h2{font-size:1.35rem;letter-spacing:-.03em}.prose-page section p{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid article{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.stats-grid span{display:block;color:var(--muted);font-size:.74rem}.stats-grid strong{font:500 clamp(1.8rem,4vw,3.2rem) "DM Mono"}.stats-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.stats-columns>section{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.stats-columns h2{font-size:1rem;margin:0 0 20px}.rank-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.8rem}.rank-row b{font-family:DM Mono;color:var(--accent)}.meter-row{display:grid;grid-template-columns:70px 1fr 50px;gap:10px;align-items:center;margin:12px 0;font-size:.72rem}.meter-row i{height:6px;background:var(--surface-2);border-radius:10px;overflow:hidden}.meter-row i b{display:block;height:100%;background:var(--accent)}.methodology-link{display:inline-block;margin:25px 0;color:var(--accent);font-weight:700}.stats-page{padding-bottom:100px}.stats-page>small{display:block;color:var(--muted)}.search-overlay{position:fixed;inset:0;z-index:100;background:#0d1712aa;backdrop-filter:blur(8px);padding:10vh 20px}.search-dialog{max-width:760px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 100px #0006;overflow:hidden}.search-field{height:68px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line)}.search-field input{flex:1;border:0;background:transparent;box-shadow:none;font-size:1rem}.search-results{padding:8px;max-height:62vh;overflow:auto}.search-results>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;text-align:left;border:0;background:transparent;border-radius:11px;padding:10px}.search-results>button:hover,.search-results>button:focus{background:var(--surface-2)}.result-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:9px;font-weight:700}.search-results strong,.search-results small{display:block}.search-results small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:550px}.search-results kbd{font-size:.7rem;color:var(--muted)}.site-footer{padding:70px max(20px,calc((100vw - var(--max)) / 2)) calc(35px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.site-footer p{color:var(--muted);font-size:.8rem}.site-footer nav{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:9px 18px;font-size:.74rem}.site-footer small{color:var(--muted);font-size:.7rem}.language-landing{min-height:100dvh;display:grid;grid-template-columns:1.2fr 1fr;background:var(--bg)}.language-landing>div{display:flex;justify-content:center;flex-direction:column;padding:8vw}.brand-large{background:#14231e;color:#fff}.brand-large .brand-symbol{width:56px;height:56px;border-radius:16px}.brand-large h1{font-size:clamp(4rem,10vw,9rem);line-height:1;margin:30px 0 5px;letter-spacing:-.08em}.brand-large p{color:#a9b9b1}.language-landing>div:last-child{gap:10px}.language-landing a{display:flex;justify-content:space-between;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.language-landing a span{color:var(--accent);font-size:.8rem}@container (max-width:220px){.tool-card p{display:none}.tool-card{min-height:180px}}@media(min-width:1900px){.tool-with-ads.has-side-ads{grid-template-columns:160px minmax(0,var(--max)) 160px;justify-content:center;margin-left:calc((var(--max) - 100vw) / 2);margin-right:calc((var(--max) - 100vw) / 2)}.side-ad{display:block;min-width:160px;min-height:600px;margin:0}.side-ad>.adsbygoogle{min-height:600px}.tool-with-ads.has-side-ads>main{min-width:0}}@media(max-width:1080px){.tool-grid{grid-template-columns:repeat(3,1fr)}.nav{gap:14px}.category-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr;gap:35px}.color-runner{grid-template-columns:290px 1fr}.file-runner{grid-template-columns:340px 1fr}}@media(max-width:820px){:root{--header-h: 62px}.app-shell,.header-inner{width:min(calc(100% - 28px),var(--max))}.nav{display:none;position:absolute;left:14px;right:14px;top:calc(var(--header-h) + env(safe-area-inset-top) + 7px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:8px}.menu-button{display:inline-flex}.search-button kbd{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.featured-grid .tool-card:nth-child(n+7){display:none}.hero{min-height:530px;padding:80px 0 60px}.hero h1{font-size:clamp(2.7rem,9vw,4.3rem)}.home-section{padding:70px 0}.form-runner,.editor-runner,.generator-runner,.color-runner,.file-runner{grid-template-columns:1fr}.input-panel,.editor-pane:first-child,.generator-controls,.color-controls,.file-controls{border-right:0;border-bottom:1px solid var(--line)}.result-panel{min-height:300px}.editor-pane textarea{min-height:260px}.unit-runner{grid-template-columns:1fr}.swap-button{transform:rotate(90deg);margin:auto}.guide-section,.stats-columns{grid-template-columns:1fr}.tool-header{flex-direction:column}.favorite-button{align-self:flex-start}.language-landing{grid-template-columns:1fr}.brand-large{min-height:45dvh}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.swatch-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.app-shell,.header-inner{width:min(calc(100% - 22px),var(--max))}.header-inner{gap:10px}.compact-select{display:none}.hero{padding-top:58px;min-height:500px}.hero h1{font-size:2.65rem}.hero>p{font-size:.87rem}.hero-search{height:58px;margin-top:28px}.hero-search kbd{display:none}.trust-row{gap:8px 12px;font-size:.67rem}.tool-grid{grid-template-columns:1fr}.featured-grid{grid-template-columns:repeat(2,1fr)}.featured-grid .tool-card{min-height:205px;padding:15px}.featured-grid .tool-card p{font-size:.69rem;-webkit-line-clamp:2}.featured-grid .card-link{bottom:14px}.category-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.75rem}.principles{padding-top:70px;padding-bottom:70px}.page-header{padding:55px 0 35px}.page-header h1{font-size:2.75rem}.tool-header{padding:25px 0}.tool-header h1{font-size:2.5rem}.field-grid{grid-template-columns:1fr}.input-panel,.result-panel,.editor-pane,.generator-controls,.generated-output,.color-controls,.color-preview,.file-controls,.file-result{padding:22px}.runner{border-radius:18px}.unit-runner{padding:22px}.unit-box input,.unit-box output{font-size:2rem;height:65px}.preview-demo strong{font-size:5rem}.swatch-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.guide-section{padding-top:50px}.content-block,.faq-section,.related-section{padding:23px}.related-section .tool-grid .tool-card:nth-child(n+4){display:none}.search-overlay{padding:env(safe-area-inset-top) 0 0}.search-dialog{height:100dvh;border-radius:0}.search-results{max-height:calc(100dvh - 80px)}.search-results small{max-width:230px}.site-footer{padding-top:50px}.language-landing>div{padding:12vw 8vw}.reaction-stage,.click-stage,.interactive-stage,.test-stage,.device-stage,.media-test,.game-tool,.memory-grid{min-height:420px;padding:20px}.calc-keys{grid-template-columns:repeat(4,1fr)}}@media(max-width:360px){.brand>span:last-child{display:none}.featured-grid{grid-template-columns:1fr}.featured-grid .tool-card:nth-child(n+5){display:none}.hero h1{font-size:2.25rem}.tool-header h1{font-size:2.2rem}.header-actions{margin-left:auto}}@media(pointer:coarse){button,.nav a{min-height:44px}input,textarea,select{font-size:16px}}@media(hover:none){.tool-card:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@supports not (backdrop-filter: blur(1px)){.site-header{background:var(--bg)}.search-overlay{background:#0d1712ee}}.tool-trust{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:22px}.tool-trust span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem}.tool-trust svg{color:var(--accent)}.date-specialist{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);min-height:480px}.date-controls{padding:36px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.date-control-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.date-control-heading span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:600 .68rem DM Mono}.date-control-heading h2{margin:0;color:var(--text);font-size:1rem;letter-spacing:-.02em;text-transform:none}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.date-fields label,.date-full-field,.timer-config label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.76rem}.date-output{padding:38px;background:linear-gradient(140deg,var(--surface),var(--surface-2));display:flex;flex-direction:column;justify-content:center;min-width:0}.result-caption{color:var(--muted);font:500 .68rem DM Mono;letter-spacing:.1em;text-transform:uppercase}.date-primary{margin:14px 0 26px;font-size:clamp(2.5rem,6vw,5.3rem);letter-spacing:-.07em;line-height:1;word-break:break-word}.date-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.date-result-grid>div{padding:14px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--line);border-radius:12px;min-width:0}.date-result-grid>div.wide{grid-column:1/-1}.date-result-grid span{display:block;color:var(--muted);font-size:.68rem}.date-result-grid strong{display:block;margin-top:5px;font:600 .87rem/1.4 DM Mono;word-break:break-word}.result-note{color:var(--muted);font-size:.75rem}.calendar-workbench{padding:32px}.calendar-toolbar{display:grid;grid-template-columns:48px minmax(140px,220px) 120px 48px;justify-content:center;gap:8px;margin-bottom:25px}.calendar-toolbar button{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;font-size:1.5rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(36px,1fr));max-width:820px;margin:auto;border:1px solid var(--line);border-radius:16px;overflow:hidden}.calendar-grid>*{min-height:62px;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-grid b{min-height:42px;background:var(--surface-2);color:var(--muted);font-size:.72rem}.calendar-grid span.today{background:var(--accent);color:#fff;font-weight:800}.timer-dashboard,.metronome-dashboard{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;text-align:center}.timer-dashboard>span{color:var(--muted);font:600 .75rem DM Mono;letter-spacing:.08em;text-transform:uppercase}.timer-dashboard>strong,.metronome-dashboard>strong{font:500 clamp(3.8rem,12vw,8.5rem)/1 "DM Mono";letter-spacing:-.09em}.timer-config{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.timer-config label{width:120px;text-align:left}.timer-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}.timer-actions svg{width:17px}.lap-list{width:min(520px,100%);max-height:180px;overflow:auto;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.lap-list li{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:.75rem}.lap-list strong{font-family:DM Mono}.metronome-dashboard>input[type=range]{width:min(520px,90%)}.metronome-dashboard>input[type=number]{width:110px;text-align:center}.metronome-pulse{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.metronome-pulse svg{width:42px;height:42px}.metronome-pulse.running{animation:metronome-pulse 1s infinite ease-out}@keyframes metronome-pulse{0%{transform:scale(.86);box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{transform:scale(1);box-shadow:0 0 0 28px transparent}}@media(max-width:820px){.date-specialist{grid-template-columns:1fr}.date-controls{border-right:0;border-bottom:1px solid var(--line)}.date-primary{font-size:3.4rem}.calendar-grid>*{min-height:52px}.timer-dashboard>strong,.metronome-dashboard>strong{font-size:clamp(3.2rem,17vw,6rem)}}@media(max-width:520px){.date-controls,.date-output{padding:22px}.date-fields,.date-result-grid{grid-template-columns:1fr}.date-result-grid>div.wide{grid-column:auto}.calendar-workbench{padding:12px}.calendar-toolbar{grid-template-columns:42px 1fr 88px 42px}.calendar-grid>*{min-height:43px}.timer-config label{width:94px}.timer-dashboard,.metronome-dashboard{min-height:430px;padding:20px}}.formula-workbench{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:480px}.formula-inputs,.formula-output{padding:36px}.formula-inputs{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.runner-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.runner-section-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:600 .68rem DM Mono}.runner-section-heading h2{margin:0;color:var(--text);font-size:1rem;letter-spacing:-.02em;text-transform:none}.formula-details{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}.formula-details summary{cursor:pointer;color:var(--muted);font-size:.72rem}.formula-details code{display:block;margin-top:9px;padding:10px;background:var(--surface-2);border-radius:8px;font-size:.7rem;word-break:break-word}.formula-output{background:linear-gradient(140deg,var(--surface),var(--surface-2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.formula-output>span{color:var(--muted);font:500 .68rem DM Mono;letter-spacing:.1em;text-transform:uppercase}.formula-output>strong{margin:15px 0 24px;font-size:clamp(2.6rem,6vw,5.1rem);letter-spacing:-.07em;line-height:1;word-break:break-word}.formula-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-bottom:18px}.formula-insights>div{padding:13px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--line);border-radius:11px}.formula-insights span,.formula-insights b{display:block}.formula-insights span{color:var(--muted);font-size:.68rem}.formula-insights b{margin-top:5px;font:600 .8rem DM Mono;word-break:break-word}.calculation-disclaimer{margin:17px 0 0;color:var(--muted);font-size:.7rem;max-width:560px}.wide-field{grid-column:1/-1}@media(max-width:820px){.formula-workbench{grid-template-columns:1fr}.formula-inputs{border-right:0;border-bottom:1px solid var(--line)}.formula-output>strong{font-size:3.5rem}}@media(max-width:520px){.formula-inputs,.formula-output{padding:22px}.formula-insights{grid-template-columns:1fr}.formula-output>strong{font-size:2.8rem}.wide-field{grid-column:auto}}.generator-workbench{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);min-height:470px}.generator-workbench .generator-controls{border-right:1px solid var(--line);border-bottom:0}.generator-workbench .generated-output pre{font-size:clamp(1rem,2vw,1.35rem);max-height:300px;overflow:auto}.generator-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.generator-range label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.76rem}@media(max-width:820px){.generator-workbench{grid-template-columns:1fr}.generator-workbench .generator-controls{border-right:0;border-bottom:1px solid var(--line)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.color-studio{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);min-height:560px;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--surface)}.color-studio .color-controls{display:flex;flex-direction:column;gap:18px;padding:28px;border-right:1px solid var(--border);background:var(--surface)}.color-field{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}.color-field input[type=color]{width:56px;height:52px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.color-field input:not([type=color]){min-width:0;font-family:var(--font-mono);text-transform:uppercase}.range-field{display:grid;gap:9px}.range-field>span{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.range-field b{color:var(--text);font-variant-numeric:tabular-nums}.range-field input{width:100%;accent-color:var(--accent)}.color-conversion-list{display:grid;gap:7px;margin-top:6px}.color-conversion-list button{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);text-align:left}.color-conversion-list code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.color-canvas{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;padding:clamp(24px,5vw,64px);transition:background .2s,color .2s}.color-preview-surface{display:grid;gap:12px;align-content:center;min-height:220px}.color-preview-surface>span{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.color-preview-surface>strong{font-size:clamp(3.5rem,9vw,8rem);line-height:.85}.color-preview-surface p{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.86rem}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.swatch-grid button{display:flex;align-items:flex-end;min-height:92px;padding:8px;border:1px solid #ffffff55;border-radius:14px;overflow:hidden}.swatch-grid span{padding:4px 6px;border-radius:7px;background:#0009;color:#fff;font:700 .68rem var(--font-mono)}.contrast-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.contrast-results>div{display:grid;gap:5px;padding:12px;border:1px solid currentColor;border-radius:12px;background:#0002}.contrast-results span{font-size:.72rem}.contrast-results strong{font-size:1.05rem}@media(max-width:820px){.color-studio{grid-template-columns:1fr}.color-studio .color-controls{border-right:0;border-bottom:1px solid var(--border)}.color-canvas{min-height:420px}.contrast-results{grid-template-columns:1fr}}@media(max-width:520px){.color-studio{border-radius:20px}.color-studio .color-controls,.color-canvas{padding:20px}.color-canvas{min-height:360px}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.file-studio{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);min-height:560px;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--surface)}.file-control-panel,.file-output-panel{padding:30px}.file-control-panel{display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border)}.file-control-panel>label,.image-controls label,.control-grid label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.76rem}.drop-zone{position:relative;display:grid;place-items:center;gap:8px;min-height:170px;padding:24px;border:1px dashed var(--border);border-radius:18px;background:var(--surface-2);text-align:center;cursor:pointer}.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone>svg{color:var(--accent)}.drop-zone>span{color:var(--muted);font-size:.72rem}.drop-zone>b{position:absolute;right:12px;top:12px;display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem}.selected-files{display:grid;gap:7px}.selected-files>div{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(3,34px);gap:7px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:12px}.selected-files>div>span{display:grid;min-width:0}.selected-files strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.selected-files small{color:var(--muted);font-size:.65rem}.selected-files .icon-button{width:34px;height:34px;padding:7px}.selected-files>div:not(:has(.icon-button:nth-of-type(3))){grid-template-columns:auto minmax(0,1fr) 34px}.page-order{padding:0;border:0}.page-order legend{margin-bottom:9px;color:var(--muted);font-size:.76rem}.page-order>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:270px;overflow:auto}.page-order article{display:grid;grid-template-columns:auto 1fr 30px;gap:4px;align-items:center;min-height:100px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.page-order article>strong{grid-column:2;font:700 1.6rem var(--font-mono)}.page-order article>span{grid-column:2;color:var(--muted);font-size:.62rem}.page-order article>.icon-button{grid-column:3;width:30px;height:30px;padding:6px}.page-order article>.icon-button:last-child{grid-row:2/4}.image-controls{display:grid;gap:14px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.runner-actions{display:flex;flex-wrap:wrap;gap:8px}.file-output-panel{display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0;background:linear-gradient(140deg,var(--surface),var(--surface-2))}.file-output-panel pre{max-height:460px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:500 .82rem/1.7 var(--font-mono)}.file-output-panel canvas{display:block;max-width:100%;max-height:520px;margin:auto;border-radius:12px;background:repeating-conic-gradient(#d9dfdc 0 25%,#f7f8f5 0 50%) 50%/20px 20px;object-fit:contain}.file-output-panel>.primary-button{align-self:flex-start;text-decoration:none}.image-output-meta{color:var(--muted);font:500 .72rem var(--font-mono)}@media(max-width:820px){.file-studio{grid-template-columns:1fr}.file-control-panel{border-right:0;border-bottom:1px solid var(--border)}.file-output-panel{min-height:420px}.page-order>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.file-studio{border-radius:20px}.file-control-panel,.file-output-panel{padding:20px}.control-grid{grid-template-columns:1fr}.page-order>div{grid-template-columns:repeat(2,minmax(0,1fr))}.file-output-panel{min-height:340px}}.gamepad-stage{min-height:520px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:28px}.microphone-stage{min-height:520px;padding:clamp(26px,6vw,70px);display:flex;flex-direction:column;justify-content:center;gap:24px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.microphone-stage header{display:grid;gap:8px}.microphone-stage header span{color:var(--muted)}.microphone-stage header strong{font:600 clamp(4rem,12vw,8rem)/1 var(--font-mono);letter-spacing:-.08em}.audio-meter{height:42px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.audio-meter i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,var(--accent),#b8ed76 68%,#ef476f);transition:width 60ms linear}.audio-peak{display:flex;justify-content:space-between;color:var(--muted);font:600 .75rem var(--font-mono)}.gamepad-stage header{display:grid;gap:6px}.gamepad-stage header>span{color:var(--accent);font:700 .68rem var(--font-mono);letter-spacing:.12em}.gamepad-stage header>strong{font-size:clamp(1rem,3vw,1.6rem)}.gamepad-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.gamepad-buttons{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:10px}.gamepad-buttons i{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;background:linear-gradient(180deg,var(--surface-2),var(--surface));font-style:normal;overflow:hidden}.gamepad-buttons i:before{content:"";position:absolute;inset:auto 0 0;height:calc(var(--pressure) * 100%);background:var(--accent);opacity:.35}.gamepad-buttons i.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gamepad-buttons b,.gamepad-buttons span{position:relative}.gamepad-buttons span{color:var(--muted);font-size:.58rem}.axis-list{display:grid;align-content:center;gap:12px}.axis-list label{display:grid;grid-template-columns:54px 1fr 58px;align-items:center;gap:8px}.axis-list span,.axis-list b{font:600 .68rem var(--font-mono)}.axis-list b{text-align:right}.axis-list meter{width:100%}.wheel-tool,.ladder-tool{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:560px}.wheel-tool>section,.ladder-tool>section{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:30px;border-right:1px solid var(--border)}.wheel-tool label,.ladder-tool label{display:grid;gap:8px;color:var(--muted);font-size:.76rem}.wheel-tool textarea,.ladder-tool textarea{min-height:180px}.wheel-tool output{display:grid;gap:4px;padding:16px;border:1px solid var(--border);border-radius:14px}.wheel-tool output span{color:var(--muted);font-size:.68rem}.wheel-tool output strong{font-size:1.8rem}.wheel-board{position:relative;display:grid;place-items:center;padding:38px;background:var(--surface-2);overflow:hidden}.wheel-board svg{width:min(480px,90%);filter:drop-shadow(0 18px 28px #0002);transition:transform 4s cubic-bezier(.08,.7,.08,1)}.wheel-board text{font:700 12px sans-serif}.wheel-pointer{position:absolute;z-index:2;top:18px;left:50%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:34px solid var(--text);transform:translate(-50%)}.ladder-tool canvas{align-self:center;width:100%;max-height:560px;color:var(--text);padding:24px}.memory-stage,.bingo-tool{min-height:520px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.memory-stage header{display:flex;align-items:baseline;gap:9px}.memory-stage header strong{font:700 2.5rem var(--font-mono)}.memory-stage header span{color:var(--muted)}.memory-stage .memory-grid{min-height:0;padding:0;grid-template-columns:repeat(4,minmax(64px,110px))}.bingo-grid{display:grid;grid-template-columns:repeat(5,minmax(52px,92px));border:3px solid var(--text)}.bingo-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--border);font:700 clamp(.9rem,3vw,1.45rem) var(--font-mono)}.bingo-grid .free{background:var(--accent);color:#fff;font-size:.7rem}@media(max-width:820px){.gamepad-layout,.wheel-tool,.ladder-tool{grid-template-columns:1fr}.wheel-tool>section,.ladder-tool>section{border-right:0;border-bottom:1px solid var(--border)}.wheel-board{min-height:480px}.gamepad-buttons{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.gamepad-stage{padding:20px}.gamepad-layout{gap:28px}.gamepad-buttons{grid-template-columns:repeat(4,minmax(48px,1fr))}.axis-list label{grid-template-columns:48px 1fr 50px}.wheel-board{min-height:360px;padding:24px}.ladder-tool canvas{padding:8px}.memory-stage,.bingo-tool{padding:20px}.memory-stage .memory-grid{grid-template-columns:repeat(3,minmax(58px,90px))}}:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Noto Sans JP", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--surface-glass: color-mix(in srgb, var(--surface) 86%, transparent);--surface-elevated: color-mix(in srgb, var(--surface) 96%, var(--accent-soft));--focus-ring: color-mix(in srgb, var(--accent) 42%, transparent)}html,body,button,input,textarea,select{font-family:var(--font-ui)}code,pre,kbd,.eyebrow{font-family:var(--font-mono)}body{background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--accent) 7%,transparent) 0 22rem,transparent 42rem),radial-gradient(circle at 95% 10%,color-mix(in srgb,var(--accent-2) 6%,transparent) 0 18rem,transparent 38rem),var(--bg)}.route-progress{position:fixed;z-index:90;top:calc(var(--header-h) + env(safe-area-inset-top) - 2px);left:0;right:0;height:2px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .12s ease}.route-progress.active{opacity:1}.route-progress i{display:block;width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent-2),var(--accent),transparent);animation:route-sweep .7s cubic-bezier(.2,.72,.2,1) infinite}@keyframes route-sweep{0%{transform:translate(-110%)}to{transform:translate(365%)}}.site-header{background:color-mix(in srgb,var(--bg) 76%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent);box-shadow:0 1px color-mix(in srgb,var(--surface) 65%,transparent)}.header-inner{gap:28px}.nav a{transition:color .15s ease,background .15s ease;border-radius:9px;padding:7px 8px}.nav a:hover{background:var(--surface-2)}.mobile-locale-switch{display:none}.hero-v2{min-height:0;padding:clamp(52px,7vw,88px) 0 46px;align-items:stretch;text-align:left}.hero-v2:before{top:5px;left:33%;width:min(760px,92vw);height:320px;opacity:.8}.hero-copy{max-width:860px}.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:7px}.hero-v2 h1{max-width:920px;margin:17px 0 16px;font-size:clamp(2.45rem,5vw,4.9rem);line-height:1.02;letter-spacing:-.065em}.hero-v2>.hero-copy>p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(.92rem,1.6vw,1.06rem)}.hero-search-v2{width:min(820px,100%);height:66px;margin:31px 0 15px;border-radius:17px;box-shadow:0 16px 48px #1a2d241a,0 0 0 1px color-mix(in srgb,var(--surface) 60%,transparent) inset}.hero-search-v2:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 38%,color-mix(in srgb,var(--accent-2) 18%,transparent));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}.hero-search-v2 input{font-size:1.02rem}.inline-results-v2{top:72px}.inline-results-v2 a{gap:2px;padding:12px 13px}.inline-results-v2 strong{font-size:.88rem}.inline-results-v2 small{font-size:.73rem}.trust-row-v2{justify-content:flex-start;gap:8px}.trust-row-v2 span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-glass)}.home-section-compact{padding:46px 0}.home-section-compact+.home-section-compact{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.section-heading{margin-bottom:22px}.section-heading h2{font-size:clamp(1.55rem,2.5vw,2.25rem)}.category-section-v2{padding-top:54px}.category-grid-v2 a{min-height:88px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.category-grid-v2 a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--surface-elevated)}.principles-v2{margin-top:44px;padding-top:78px;padding-bottom:78px}.tool-card{min-height:196px;padding:18px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--accent-soft)))}.tool-card:before{content:"";position:absolute;width:130px;height:130px;right:-62px;top:-72px;border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);transition:transform .22s ease,opacity .22s ease;pointer-events:none}.tool-card:hover:before,.tool-card:focus-within:before{transform:scale(1.35);opacity:.8}.tool-card h3{margin:19px 0 7px;font-size:.98rem;position:relative;z-index:0}.tool-card p{font-size:.75rem;-webkit-line-clamp:2;padding-right:4px}.tool-card .card-link{bottom:15px}.tool-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.tool-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring),var(--shadow)}.tool-card-link:focus-visible{outline:none}.tool-card .star-button{position:relative;z-index:3}.tool-card:hover,.tool-card:has(.tool-card-link:focus-visible){transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow)}.tool-list{display:grid;gap:8px}.tool-row{position:relative;min-height:78px;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:13px;align-items:center;padding:13px 15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.tool-row:hover,.tool-row:focus-within{transform:translate(2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--surface-elevated);box-shadow:0 8px 26px #182a220d}.tool-row-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:800}.tool-row-copy{min-width:0}.tool-row-copy h3{margin:0 0 3px;font-size:.88rem;letter-spacing:-.02em}.tool-row-copy p{margin:0;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-row-arrow{color:var(--accent);display:grid;place-items:center}.tool-row-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.tool-row-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tool-row-favorite{position:absolute;right:42px;z-index:3;background:var(--surface)}.tool-row:has(.tool-row-favorite){padding-right:78px}.collection-page-v2{padding-bottom:90px}.page-header-v2{padding:56px 0 28px}.page-header-v2 h1{font-size:clamp(2.25rem,4.5vw,4rem)}.collection-toolbar{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top) + 8px);z-index:12;padding:10px;margin:0 -10px 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(15px);border-radius:16px}.collection-toolbar .collection-search{margin:0;height:54px;box-shadow:0 8px 24px #192a220a}.collection-toolbar .filter-chips{padding:9px 0 0}.filter-chips button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.collection-tool-list{padding-bottom:10px}.category-block-v2{padding:30px 0 48px}.category-block-v2 .section-heading{margin-bottom:14px}.breadcrumb-v2{padding:18px 0 4px}.tool-header-v2{padding:23px 0 26px;align-items:center}.tool-header-v2>div{max-width:900px}.tool-header-v2 h1{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.5rem)}.tool-header-v2 p{max-width:780px;font-size:.93rem;line-height:1.65}.tool-header-v2 .tool-trust{margin-top:13px}.tool-header-v2 .favorite-button{flex:0 0 auto}.tool-workspace{position:relative;scroll-margin-top:90px}.tool-workspace>.runner{box-shadow:0 18px 55px #1d2f2713}.guide-section-v2{padding:52px 0 18px;gap:12px}.content-block-v2,.faq-section-v2,.related-section-v2{border-radius:17px}.content-block-v2{padding:27px}.content-block-v2 h2,.faq-section-v2 h2,.related-section-v2 h2{font-size:1.32rem;margin:9px 0 18px}.example-details{margin-top:18px;padding:12px 14px;border-radius:11px;background:var(--surface-2)}.example-details summary{cursor:pointer;font-weight:700;font-size:.82rem}.example-details p{margin:10px 0 0}.faq-section-v2{padding:27px;margin:12px 0}.related-section-v2{padding:27px;margin-bottom:70px}.related-grid .tool-card{min-height:180px}.age-calculator-v2 .field-hint{margin:12px 0 0;color:var(--muted);font-size:.72rem}.age-calculator-v2 .date-primary{letter-spacing:-.05em}.age-output .date-result-grid>div{min-height:75px}.tool-loading-v2{position:relative;min-height:420px;overflow:hidden;display:grid;place-items:center;align-content:center;gap:17px;padding:38px;text-align:center;border-radius:24px;border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--accent-soft) 50%,var(--surface))),var(--surface)}.tool-loading-v2:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,#000,transparent 72%)}.load-mark{position:relative;width:92px;height:92px;display:flex;align-items:end;justify-content:center;gap:5px;padding:22px;border-radius:28px;background:#14352c;box-shadow:0 18px 45px #0f3f3133}.load-mark i{position:relative;z-index:2;width:8px;border-radius:999px;background:linear-gradient(180deg,#d2ff91,#7be2bd);transform-origin:bottom;animation:load-bars 1.15s ease-in-out infinite}.load-mark i:nth-child(1){height:25px;animation-delay:-.2s}.load-mark i:nth-child(2){height:43px;animation-delay:-.08s}.load-mark i:nth-child(3){height:32px;animation-delay:-.34s}.load-mark span{position:absolute;inset:-9px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:34px;animation:load-orbit 2.2s linear infinite}.load-mark span:after{content:"";position:absolute;width:9px;height:9px;left:9px;top:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 22px color-mix(in srgb,var(--accent-2) 72%,transparent)}.load-copy{display:grid;gap:4px;position:relative;z-index:1}.load-copy strong{font-size:1.02rem;letter-spacing:-.025em}.load-copy span{color:var(--muted);font-size:.76rem}.load-track{position:relative;z-index:1;width:min(260px,72vw);height:4px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.load-track i{display:block;width:46%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:load-track 1.25s cubic-bezier(.37,.01,.32,1) infinite alternate}.load-pulse{position:relative;z-index:1;display:flex;gap:5px}.load-pulse span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:load-dot 1s ease-in-out infinite}.load-pulse span:nth-child(2){animation-delay:.14s}.load-pulse span:nth-child(3){animation-delay:.28s}@keyframes load-bars{0%,to{transform:scaleY(.72);opacity:.7}50%{transform:scaleY(1.1);opacity:1}}@keyframes load-orbit{to{transform:rotate(360deg)}}@keyframes load-track{0%{transform:translate(-62%)}to{transform:translate(118%)}}@keyframes load-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media(max-width:820px){.mobile-locale-switch{display:grid;gap:9px;padding:12px 8px 3px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.mobile-locale-switch>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mobile-locale-switch button{min-height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-weight:700}.mobile-locale-switch button.active{background:var(--accent);border-color:var(--accent);color:#fff}.tool-header-v2{align-items:flex-start}.guide-section-v2{padding-top:38px}.collection-toolbar{top:calc(var(--header-h) + env(safe-area-inset-top) + 4px)}}@media(max-width:520px){.hero-v2{padding:42px 0 34px}.hero-v2 h1{font-size:clamp(2.25rem,11vw,3.25rem)}.hero-search-v2{margin-top:24px;height:59px}.trust-row-v2{gap:6px}.trust-row-v2 span{font-size:.64rem;padding:4px 7px}.home-section-compact{padding:36px 0}.featured-grid{grid-template-columns:1fr}.featured-grid .tool-card{min-height:166px}.featured-grid .tool-card:nth-child(n+7){display:none}.tool-card{min-height:170px}.tool-row{grid-template-columns:38px minmax(0,1fr) 24px;min-height:72px;padding:11px 12px;gap:10px}.tool-row-icon{width:38px;height:38px}.tool-row-copy p{font-size:.68rem}.tool-row-favorite{right:33px}.tool-row:has(.tool-row-favorite){padding-right:68px}.page-header-v2{padding:42px 0 22px}.tool-header-v2{padding:18px 0 21px;gap:16px}.tool-header-v2 h1{font-size:2.15rem}.tool-header-v2 p{font-size:.82rem}.tool-header-v2 .favorite-button{padding:8px 10px;font-size:.72rem}.tool-trust{gap:6px 12px}.tool-trust span{font-size:.66rem}.guide-section-v2{padding-top:34px}.content-block-v2,.faq-section-v2,.related-section-v2{padding:19px}.related-grid{grid-template-columns:1fr}.related-grid .tool-card:nth-child(n+4){display:none}.tool-loading-v2{min-height:330px;padding:25px}.load-mark{width:78px;height:78px;border-radius:23px;padding:18px}.load-mark i{width:7px}.load-mark i:nth-child(1){height:21px}.load-mark i:nth-child(2){height:36px}.load-mark i:nth-child(3){height:28px}}@media(hover:none){.tool-card:hover,.tool-row:hover,.category-grid-v2 a:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.route-progress i,.load-mark i,.load-mark span,.load-track i,.load-pulse span{animation:none!important}.load-track i{width:100%;transform:none}}:root{--bg: #f4f7f5;--surface: #ffffff;--surface-2: #eef3f0;--surface-3: #e3ebe7;--text: #13201b;--muted: #68766f;--line: #d9e3de;--accent: #0b7b67;--accent-strong: #075c4e;--accent-2: #b9e77f;--accent-soft: #e4f5ef;--result-bg: #102c25;--result-text: #f4fbf8;--result-muted: #a8c3b9;--danger: #b43a44;--shadow: 0 18px 50px rgba(20, 43, 34, .08);--shadow-soft: 0 8px 24px rgba(20, 43, 34, .055);--radius: 18px;--radius-lg: 24px;--max: 1280px}:root[data-theme=dark]{--bg: #0d1210;--surface: #141a17;--surface-2: #1b2420;--surface-3: #25302b;--text: #f0f6f3;--muted: #97a79f;--line: #2b3732;--accent: #63d6b7;--accent-strong: #83e8cc;--accent-2: #b9e77f;--accent-soft: #18372e;--result-bg: #071e18;--result-text: #f2fbf7;--result-muted: #94b6aa;--shadow: 0 20px 60px rgba(0,0,0,.28);--shadow-soft: 0 8px 28px rgba(0,0,0,.2)}html{background:var(--bg)}body{background:radial-gradient(circle at 6% -8%,color-mix(in srgb,var(--accent) 8%,transparent) 0 19rem,transparent 42rem),var(--bg);letter-spacing:-.006em}.app-shell{width:min(calc(100% - 40px),var(--max))}.site-header{background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);box-shadow:none}.header-inner{gap:22px}.brand{font-size:1.06rem}.brand-symbol{width:30px;height:30px;border-radius:10px}.icon-button,.compact-select{border-color:var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 1px color-mix(in srgb,#fff 60%,transparent) inset}.icon-button:active,.primary-button:active,.secondary-button:active,.tool-card:active,.tool-row:active{transform:scale(.985)}.hero-v2{padding:clamp(38px,5vw,66px) 0 32px}.hero-v2:before{opacity:.46;height:250px}.hero-v2 h1{max-width:820px;font-size:clamp(2.3rem,4.6vw,4.25rem);letter-spacing:-.058em}.hero-search-v2{height:62px;margin-top:26px;border-radius:18px;box-shadow:var(--shadow-soft)}.trust-row-v2 span{background:var(--surface)}.home-section-compact{padding:38px 0}.tool-grid{align-items:stretch}.tool-card{min-height:0;height:100%;padding:18px 18px 17px;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;background:var(--surface);box-shadow:none;border-radius:18px}.tool-card:before{width:118px;height:118px;opacity:.65}.tool-card h3{margin:17px 0 7px;font-size:.98rem}.tool-card p{min-height:0;padding:0;margin-bottom:18px;-webkit-line-clamp:3;line-height:1.55}.tool-card .card-link{position:static;align-self:end;margin-top:auto;min-height:24px}.tool-card:hover{box-shadow:var(--shadow-soft)}.related-grid .tool-card{min-height:0}.breadcrumb-v2{color:var(--muted)}.tool-header-v3{padding:18px 0 24px;align-items:flex-end}.tool-header-v3 h1{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.04}.tool-header-v3 p{margin-bottom:0}.tool-header-v3 .tool-trust{display:flex;flex-wrap:wrap;gap:7px}.tool-header-v3 .tool-trust span{padding:5px 8px;border-radius:999px;background:var(--surface-2);font-size:.7rem}.favorite-button{min-height:42px}.privacy-banner{border-radius:13px}.tool-workspace-v3{position:relative}.tool-workspace-v3>.runner{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:var(--surface);overflow:hidden}.runner input,.runner textarea,.runner select{border-color:var(--line);background:var(--surface);border-radius:12px}.runner input:focus,.runner textarea:focus,.runner select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);outline:0}.primary-button{min-height:44px;border-radius:12px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:750;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 17%,transparent)}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.secondary-button{min-height:44px;border-radius:12px;background:var(--surface)}.runner-actions{gap:9px}.workspace-result-empty{min-width:0;min-height:320px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 36%),linear-gradient(145deg,var(--result-bg),color-mix(in srgb,var(--result-bg) 86%,var(--accent)));color:var(--result-text);box-shadow:var(--shadow-soft)}.result-empty-v3{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:clamp(28px,4vw,46px)}.result-empty-mark{width:66px;height:66px;display:flex;align-items:end;justify-content:center;gap:5px;padding:15px;border:1px solid color-mix(in srgb,var(--accent-2) 28%,transparent);border-radius:20px;background:color-mix(in srgb,#fff 6%,transparent)}.result-empty-mark i{width:8px;border-radius:99px;background:linear-gradient(180deg,var(--accent-2),var(--accent))}.result-empty-mark i:nth-child(1){height:17px}.result-empty-mark i:nth-child(2){height:33px}.result-empty-mark i:nth-child(3){height:24px}.result-empty-v3>div{max-width:430px}.result-empty-v3 strong{display:block;font-size:clamp(1.25rem,2.2vw,1.65rem);letter-spacing:-.035em}.result-empty-v3 p{margin:8px 0 0;color:var(--result-muted);font-size:.86rem;line-height:1.7}.result-empty-v3.compact{min-height:170px;padding:22px}.tool-workspace-v3.is-pristine{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:12px;align-items:stretch}.tool-workspace-v3.is-pristine>.runner{min-width:0;height:100%}.tool-workspace-v3.is-pristine .formula-workbench,.tool-workspace-v3.is-pristine .editor-runner,.tool-workspace-v3.is-pristine .generator-workbench,.tool-workspace-v3.is-pristine .date-specialist,.tool-workspace-v3.is-pristine .file-runner{display:block;min-height:320px}.tool-workspace-v3.is-pristine .formula-output,.tool-workspace-v3.is-pristine .result-editor,.tool-workspace-v3.is-pristine .generated-output,.tool-workspace-v3.is-pristine .date-output,.tool-workspace-v3.is-pristine .file-result,.tool-workspace-v3.is-pristine .result-pane{display:none!important}.tool-workspace-v3.is-pristine .formula-inputs,.tool-workspace-v3.is-pristine .editor-pane:first-child,.tool-workspace-v3.is-pristine .generator-controls,.tool-workspace-v3.is-pristine .date-controls{border:0;min-height:100%}.formula-output,.date-output,.generated-output,.result-editor{background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 35%),var(--result-bg);color:var(--result-text)}.formula-output>span,.date-output .result-caption,.generated-output>span{color:var(--result-muted)}.formula-output>strong,.date-primary{color:var(--result-text)}.formula-insights>div,.date-result-grid>div{background:color-mix(in srgb,#fff 5%,transparent);border-color:color-mix(in srgb,#fff 10%,transparent)}.formula-insights span,.date-result-grid span{color:var(--result-muted)}.formula-insights b,.date-result-grid strong{color:var(--result-text);overflow-wrap:anywhere}.generated-output pre{color:var(--result-text);white-space:pre-wrap;overflow-wrap:anywhere}.result-editor textarea{background:color-mix(in srgb,#fff 4%,transparent);color:var(--result-text);border-color:color-mix(in srgb,#fff 10%,transparent)}.result-editor .pane-heading h2,.result-editor .result-table strong{color:var(--result-text)}.result-editor .result-table span{color:var(--result-muted)}.result-table>div{min-width:0;gap:18px}.result-table>div>*{min-width:0;overflow-wrap:anywhere}.result-table>div>strong{text-align:right}.unit-runner{gap:12px;align-items:stretch}.unit-box{min-width:0}.result-unit{background:var(--result-bg);color:var(--result-text);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.result-unit label>span{color:var(--result-muted)}.result-unit output{color:var(--result-text);overflow-wrap:anywhere}.result-unit select{background:color-mix(in srgb,#fff 7%,transparent);border-color:color-mix(in srgb,#fff 13%,transparent);color:var(--result-text)}.result-unit .copy-inline{color:var(--result-text)}.guide-section-v2{padding-top:42px}.content-block-v2,.faq-section-v2,.related-section-v2{background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:none}.related-section-v2{padding-inline:0;border:0;background:transparent}.bingo-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%}.bingo-tool,.calendar-tool,.result-table,.wheel-tool,.runner{min-width:0;max-width:100%}.calendar-toolbar{grid-template-columns:44px minmax(0,1fr) minmax(72px,92px) 44px!important}.calendar-toolbar select{min-width:0;width:100%}@media(min-width:1100px)and (hover:hover)and (pointer:fine){.app-shell,.header-inner{width:min(calc(100% - 56px),var(--max))}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.featured-grid .tool-card{min-height:188px}.tool-page-v3 .tool-with-ads>main{min-width:0}.tool-workspace-v3.is-pristine,.workspace-result-empty{min-height:420px}.formula-workbench{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr)}.editor-runner,.generator-workbench,.date-specialist{min-height:440px}.icon-button,.compact-select{min-height:40px}.tool-card:hover{transform:translateY(-2px)}}@media(min-width:768px)and (max-width:1099px){.app-shell,.header-inner{width:min(calc(100% - 40px),960px)}.nav{gap:10px}.nav a{font-size:.8rem}.tool-grid,.category-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-header-v3{align-items:flex-start}.tool-workspace-v3.is-pristine{grid-template-columns:1fr}.workspace-result-empty{min-height:240px}.result-empty-v3{flex-direction:row;align-items:center}.formula-workbench,.editor-runner,.generator-workbench,.date-specialist{grid-template-columns:1fr}.formula-inputs{border-right:0;border-bottom:1px solid var(--line)}.guide-section-v2{grid-template-columns:1fr 1fr}}@media(max-width:767px){:root{--header-h: 62px;--radius: 16px;--radius-lg: 20px}.app-shell{width:calc(100% - 28px)}.header-inner{width:calc(100% - 28px);gap:10px}.brand{margin-right:auto}.brand>span:last-child{font-size:1rem}.search-button kbd,.compact-select{display:none}.icon-button,.menu-button{min-width:44px;width:44px;height:44px;border-radius:13px}.hero-v2{padding:30px 0 22px}.hero-v2 h1{font-size:clamp(2.05rem,11vw,3rem);line-height:1.02}.hero-v2>.hero-copy>p{font-size:.9rem}.hero-search-v2{height:56px;border-radius:16px;margin-top:22px;padding-inline:15px}.hero-search-v2 kbd{display:none}.trust-row-v2{gap:6px}.trust-row-v2 span{font-size:.68rem}.section-heading{align-items:center}.section-heading h2{font-size:1.55rem}.home-section-compact{padding:30px 0}.tool-grid,.featured-grid,.related-grid{grid-template-columns:1fr;gap:9px}.featured-grid .tool-card,.related-grid .tool-card,.tool-card{min-height:0!important;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;grid-template-rows:auto auto;column-gap:12px;row-gap:3px;padding:14px;border-radius:17px}.tool-card-top{grid-column:1;grid-row:1 / span 2;align-self:start}.tool-icon{width:46px;height:46px;border-radius:13px}.tool-card h3{grid-column:2;grid-row:1;margin:1px 0 0;align-self:center;font-size:.94rem}.tool-card p{grid-column:2;grid-row:2;margin:2px 0 0;font-size:.72rem;-webkit-line-clamp:2}.tool-card .card-link{grid-column:3;grid-row:1 / span 2;align-self:center;font-size:0;margin:0}.tool-card .card-link svg{width:18px;height:18px}.tool-card:before{width:90px;height:90px;right:-56px;top:-60px}.category-grid-v2{grid-template-columns:1fr}.category-grid-v2 a{min-height:76px;padding:13px}.tool-header-v3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:12px}.tool-header-v3 h1{font-size:1.9rem;margin-top:6px}.tool-header-v3 p{font-size:.84rem}.tool-header-v3 .favorite-button{width:44px;height:44px;padding:0;font-size:0;border-radius:13px}.tool-header-v3 .favorite-button svg{width:19px}.tool-trust{grid-column:1 / -1}.tool-workspace-v3.is-pristine{grid-template-columns:1fr;gap:9px}.workspace-result-empty{min-height:210px}.result-empty-v3{min-height:210px;padding:22px;gap:15px}.result-empty-mark{width:54px;height:54px;padding:12px;border-radius:16px}.result-empty-v3 strong{font-size:1.14rem}.result-empty-v3 p{font-size:.78rem}.runner,.tool-workspace-v3>.runner{border-radius:20px}.formula-inputs,.formula-output,.date-controls,.date-output,.generator-controls,.generated-output,.editor-pane{padding:19px!important}.field-grid,.date-fields,.generator-range{grid-template-columns:1fr!important}.runner-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.runner-actions .primary-button{width:100%}.formula-output>strong,.date-primary{font-size:clamp(2.05rem,10vw,2.8rem)!important}.date-result-grid{grid-template-columns:1fr!important}.date-result-grid>div.wide{grid-column:auto!important}.editor-runner{grid-template-columns:1fr!important}.result-table>div{display:grid!important;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);align-items:start}.result-table>div>strong{text-align:left}.unit-runner{grid-template-columns:1fr!important}.swap-button{justify-self:center;transform:rotate(90deg)}.bingo-grid{gap:5px!important}.bingo-grid>*{min-width:0!important;aspect-ratio:1;font-size:clamp(.72rem,3.4vw,.9rem)!important}.calendar-toolbar{grid-template-columns:40px minmax(0,1fr) 76px 40px!important;gap:5px!important}.guide-section-v2{padding-top:32px;grid-template-columns:1fr}.content-block-v2,.faq-section-v2{padding:19px}.related-section-v2{padding-top:12px}}html[data-platform=ios] .site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html[data-platform=ios] body{padding-bottom:env(safe-area-inset-bottom)}html[data-platform=ios] .icon-button,html[data-platform=ios] .primary-button,html[data-platform=ios] .secondary-button,html[data-platform=ios] .swap-button{min-height:44px}html[data-platform=ios] input,html[data-platform=ios] textarea,html[data-platform=ios] select{font-size:max(16px,1rem)}html[data-platform=ios] .tool-card,html[data-platform=ios] .workspace-result-empty,html[data-platform=ios] .runner{border-radius:20px}html[data-platform=android] .icon-button,html[data-platform=android] .primary-button,html[data-platform=android] .secondary-button,html[data-platform=android] .swap-button{min-height:48px}html[data-platform=android] .icon-button{min-width:48px;width:48px;height:48px}html[data-platform=android] .tool-card,html[data-platform=android] .workspace-result-empty,html[data-platform=android] .runner{border-radius:16px}html[data-platform=android] button:active,html[data-platform=android] .tool-card:active{background-color:color-mix(in srgb,var(--accent) 8%,var(--surface))}@media(orientation:landscape)and (max-height:520px)and (pointer:coarse){.hero-v2{padding-top:18px}.hero-v2 h1{font-size:2rem}.tool-header-v3{padding-block:10px 15px}.tool-workspace-v3.is-pristine{grid-template-columns:1fr 1fr}.workspace-result-empty{min-height:230px}}@media(prefers-reduced-motion:reduce){.tool-card,.tool-row,button,.route-progress i{transition:none!important;animation:none!important}}@media(hover:none),(pointer:coarse){.site-header{background:color-mix(in srgb,var(--bg) 96%,var(--surface));backdrop-filter:none;-webkit-backdrop-filter:none}.header-inner,.header-actions,.icon-button,.search-button,.menu-button{transform:translateZ(0)}}