button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}details,main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}button:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{color:inherit;white-space:normal;max-width:100%;display:table}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}:root{--bg:#fff;--panel:#f3f4f6;--muted:#6b7280;--text:#111827;--brand:#2563eb;--brand-strong:#1d4ed8;--card:#fff;--card-border:#e5e7eb}html,body{background:var(--bg);color:var(--text)}body{font-size:4.44444vw}body>.wrapper{grid-template-rows:1fr auto;grid-template-areas:"content""footer";min-height:100dvh;display:grid}body>.wrapper>*{width:100%}body>.wrapper>.container{grid-area:content}body>.wrapper>footer{grid-area:footer}button{font-size:1em}*,:before,:after{box-sizing:border-box}body>.wrapper>.container{margin:0 auto;font-size:.9em}@media (width>=640px){body>.wrapper>.container{font-size:.7em}}body>.wrapper>.container{padding:0}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body>.wrapper>.container ul{font-size:.85em}footer{background:var(--panel);border-top:1px solid var(--card-border);margin-top:4rem;padding:2rem 0}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.footer-section p{color:var(--muted);margin:0;font-size:.9rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-nav a{color:var(--muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--brand)}@media (width>=720px){.footer-content{flex-direction:row;justify-content:space-between;align-items:center}.footer-nav{gap:2rem}}@media screen and (width>=720px){body{font-size:3.33333vw}body>.wrapper>footer{font-size:.6em}}@media screen and (width>=1024px){body{--max-width:1000px;font-size:16px}body>.wrapper>.container{font-size:1.25em}body>.wrapper>footer{font-size:.9em}body>.wrapper>footer>*{margin:0 auto}}[data-menu-theme=blue]{--menu-accent:#2563eb;--menu-accent-rgb:37, 99, 235}[data-menu-theme=dark]{--menu-accent:#1f2937;--menu-accent-rgb:31, 41, 55}[data-menu-theme=emerald]{--menu-accent:#059669;--menu-accent-rgb:5, 150, 105}[data-menu-theme=violet]{--menu-accent:#7c3aed;--menu-accent-rgb:124, 58, 237}[data-menu-theme=rose]{--menu-accent:#e11d48;--menu-accent-rgb:225, 29, 72}[data-menu-theme=amber]{--menu-accent:#d97706;--menu-accent-rgb:217, 119, 6}[data-submodule]>.wrapper>footer{display:none}[data-submodule]>.wrapper{grid-template-rows:1fr;grid-template-areas:"content"}[data-submodule]>.wrapper>.container{max-width:none;margin:0;padding:0}body:not([data-submodule])>.wrapper>.container{padding-top:3.5rem}.corner-menu-trigger{background:var(--menu-accent,#2563eb);color:#fff;z-index:200;cursor:pointer;width:4.5rem;height:4.5rem;box-shadow:0 4px 20px rgba(var(--menu-accent-rgb,37, 99, 235), .35);border:none;border-radius:50%;justify-content:flex-start;align-items:flex-end;padding:.85rem;transition:transform .4s ease-out,box-shadow .4s ease-out;display:flex;position:fixed;top:-1.75rem;right:-1.75rem}.corner-menu-trigger:hover{box-shadow:0 6px 28px rgba(var(--menu-accent-rgb,37, 99, 235), .45);transform:translate(-.35rem,.35rem)scale(1.08)}.corner-menu-trigger:active{transform:translate(-.35rem,.35rem)scale(.95)}.corner-menu-trigger svg{flex-shrink:0;width:1.4rem;height:1.4rem}[data-menu-size=mini] .corner-menu-trigger{width:3.5rem;height:3.5rem;padding:.65rem;top:-1.25rem;right:-1.25rem}[data-menu-size=mini] .corner-menu-trigger svg{width:1.1rem;height:1.1rem}[data-menu-size=mini] .corner-menu-trigger:hover{transform:translate(-.25rem,.25rem)scale(1.08)}[data-menu-size=mini] .corner-menu-trigger:active{transform:translate(-.25rem,.25rem)scale(.95)}[data-menu-size=micro] .corner-menu-trigger{width:2.75rem;height:2.75rem;padding:.5rem;top:-.875rem;right:-.875rem}[data-menu-size=micro] .corner-menu-trigger svg{width:.9rem;height:.9rem}[data-menu-size=micro] .corner-menu-trigger:hover{transform:translate(-.2rem,.2rem)scale(1.08)}[data-menu-size=micro] .corner-menu-trigger:active{transform:translate(-.2rem,.2rem)scale(.95)}[data-menu-position=left] .corner-menu-trigger{justify-content:flex-end;left:-1.75rem;right:auto}[data-menu-position=left] .corner-menu-trigger:hover{transform:translate(.35rem,.35rem)scale(1.08)}[data-menu-position=left] .corner-menu-trigger:active{transform:translate(.35rem,.35rem)scale(.95)}[data-menu-position=left][data-menu-size=mini] .corner-menu-trigger{left:-1.25rem}[data-menu-position=left][data-menu-size=mini] .corner-menu-trigger:hover{transform:translate(.25rem,.25rem)scale(1.08)}[data-menu-position=left][data-menu-size=mini] .corner-menu-trigger:active{transform:translate(.25rem,.25rem)scale(.95)}[data-menu-position=left][data-menu-size=micro] .corner-menu-trigger{left:-.875rem}[data-menu-position=left][data-menu-size=micro] .corner-menu-trigger:hover{transform:translate(.2rem,.2rem)scale(1.08)}[data-menu-position=left][data-menu-size=micro] .corner-menu-trigger:active{transform:translate(.2rem,.2rem)scale(.95)}.menu-drawer-overlay{z-index:300;visibility:hidden;transition:visibility 0s .5s;position:fixed;inset:0}.menu-drawer-overlay.open{visibility:visible;transition:visibility}.menu-drawer-backdrop{-webkit-backdrop-filter:blur(2px);opacity:0;background:#00000026;transition:opacity .4s;position:absolute;inset:0}.menu-drawer-overlay.open .menu-drawer-backdrop{opacity:1}.menu-drawer-panel{background:#fff;border-radius:1.5rem 0 0 1.5rem;flex-direction:column;width:18rem;max-width:85vw;padding:2rem;transition:transform .4s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:0 25px 50px -12px #00000040}.menu-drawer-overlay.open .menu-drawer-panel{transform:translate(0)}[data-menu-position=left] .menu-drawer-panel{border-radius:0 1.5rem 1.5rem 0;left:0;right:auto;transform:translate(-100%)}[data-menu-position=left] .menu-drawer-overlay.open .menu-drawer-panel{transform:translate(0)}.menu-drawer-close{background:var(--menu-accent,#2563eb);color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;box-shadow:0 2px 8px rgba(var(--menu-accent-rgb,37, 99, 235), .3);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2rem;transition:transform .2s;display:flex}.menu-drawer-close:hover{transform:scale(1.1)}.menu-drawer-close:active{transform:scale(.95)}.menu-drawer-close svg{width:1.1rem;height:1.1rem}.menu-drawer-nav{flex:1;padding-bottom:1em;padding-right:.5rem;overflow-y:auto}.drawer-home-link{color:var(--text,#111827);border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:block}.drawer-home-link:hover{background:rgba(var(--menu-accent-rgb,37, 99, 235), .06);color:var(--menu-accent,#2563eb)}.drawer-category{margin-bottom:1.25rem}.drawer-category-title{color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;padding:0 1rem;font-size:.75rem;font-weight:600;display:block}.drawer-category ul{margin:0;padding:0;list-style:none}.drawer-category ul li a{color:#374151;border-radius:.625rem;padding:.5rem 1rem .5rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:block}.drawer-category ul li a:hover{background:rgba(var(--menu-accent-rgb,37, 99, 235), .06);color:var(--menu-accent,#2563eb)}.drawer-category ul li a[aria-current=page]{background:rgba(var(--menu-accent-rgb,37, 99, 235), .08);color:var(--menu-accent,#2563eb);font-weight:600}.drawer-divider{background:#e5e7eb;height:1px;margin:1rem 0}.drawer-single-link{color:#374151;border-radius:.625rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.drawer-single-link:hover{background:rgba(var(--menu-accent-rgb,37, 99, 235), .06);color:var(--menu-accent,#2563eb)}.menu-drawer-footer{border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:auto;padding-top:1.25rem}.menu-drawer-footer .drawer-lang-select{width:100%;color:var(--text,#111827);cursor:pointer;appearance:auto;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;font-size:.85rem}.menu-drawer-brand{color:var(--menu-accent,#2563eb);letter-spacing:-.03em;margin-top:.75rem;font-size:1.1rem;font-weight:800}.menu-drawer-brand small{color:var(--muted,#6b7280);letter-spacing:.15em;text-transform:uppercase;margin-top:.2rem;font-size:.6rem;font-weight:700;display:block}@media (display-mode:standalone){.corner-menu-trigger,.menu-drawer-overlay{display:none!important}}html.pwa-standalone .corner-menu-trigger,html.pwa-standalone .menu-drawer-overlay{display:none!important}[data-submodule=relative-name-helper]{& .ads-side-float{display:none}}[data-submodule=chromatic-tuner]{& #chromatic-tuner-wrapper{min-height:100%}& #chromatic-tuner-wrapper footer{background:0 0;border:none;padding:0}}[data-submodule=chromatic-tuner]:has(#chromatic-tuner-wrapper.theme-dark),[data-submodule=metronome]:has(#metronome-wrapper.theme-dark){--menu-accent:#fff;--menu-accent-rgb:255, 255, 255}[data-submodule=chromatic-tuner]:has(#chromatic-tuner-wrapper.theme-green),[data-submodule=metronome]:has(#metronome-wrapper.theme-green){--menu-accent:#13ec13;--menu-accent-rgb:19, 236, 19}[data-submodule=chromatic-tuner]:has(#chromatic-tuner-wrapper.theme-white),[data-submodule=metronome]:has(#metronome-wrapper.theme-white){--menu-accent:#1d1d1f;--menu-accent-rgb:29, 29, 31}[data-submodule=chromatic-tuner]:has(#chromatic-tuner-wrapper.theme-white-blue),[data-submodule=metronome]:has(#metronome-wrapper.theme-white-blue){--menu-accent:#007aff;--menu-accent-rgb:0, 122, 255}[data-submodule=chromatic-tuner]:has(#chromatic-tuner-wrapper.theme-gold),[data-submodule=metronome]:has(#metronome-wrapper.theme-gold){--menu-accent:gold;--menu-accent-rgb:255, 215, 0}[data-submodule=chromatic-tuner]:has(#chromatic-tuner-wrapper.theme-purple),[data-submodule=metronome]:has(#metronome-wrapper.theme-purple){--menu-accent:#d400ff;--menu-accent-rgb:212, 0, 255}[data-submodule=metronome]:has(#metronome-wrapper.theme-ember){--menu-accent:#ff8c42;--menu-accent-rgb:255, 140, 66}[data-submodule=sudoku-solver]{color:#fff;background-color:#0c0c0c}[data-submodule=korean-dictionary]{--menu-accent:hsl(var(--accent-hue,220) var(--accent-sat,70%) var(--accent-lit,50%));& .corner-menu-trigger{box-shadow:0 4px 20px color-mix(in srgb, var(--menu-accent) 35%, transparent)}& .corner-menu-trigger:hover{box-shadow:0 6px 28px color-mix(in srgb, var(--menu-accent) 45%, transparent)}& .menu-drawer-close{box-shadow:0 2px 8px color-mix(in srgb, var(--menu-accent) 30%, transparent)}& .drawer-home-link:hover,& .drawer-category ul li a:hover{background:color-mix(in srgb, var(--menu-accent) 6%, transparent)}& .drawer-category ul li a[aria-current=page]{background:color-mix(in srgb, var(--menu-accent) 8%, transparent)}& .drawer-single-link:hover{background:color-mix(in srgb, var(--menu-accent) 6%, transparent)}}[data-submodule=periodic-table]{& .ads-side-float{display:none}& .container{overflow:auto}@media print{& .corner-menu-trigger,& .menu-drawer-overlay{display:none!important}}}.main-page-wrap{max-width:80rem;margin:0 auto;padding:3rem 1.5rem 0}.main-hero{max-width:42rem;margin-bottom:3rem;animation:.6s ease-out both fadeSlideUp}.main-hero h1{letter-spacing:-.025em;color:var(--text,#111827);margin:0 0 1.25rem;font-size:clamp(2.5rem,6vw,3.75rem);font-weight:800;line-height:1.1}.main-hero p{color:#6b7280;margin:0;font-size:1.15rem;line-height:1.6}.app-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (width>=540px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.app-grid{grid-template-columns:repeat(12,1fr)}.app-grid>:first-child{grid-column:span 7}.app-grid>:nth-child(2){grid-column:span 5}.app-grid>:nth-child(n+3){grid-column:span 3}}.app-grid>:first-child{animation:.5s ease-out both fadeScaleUp}.app-grid>:nth-child(2){animation:.5s ease-out .1s both fadeScaleUp}.app-grid>:nth-child(3){animation:.5s ease-out .2s both fadeSlideUp}.app-grid>:nth-child(4){animation:.5s ease-out .25s both fadeSlideUp}.app-grid>:nth-child(5){animation:.5s ease-out .3s both fadeSlideUp}.app-grid>:nth-child(6){animation:.5s ease-out .35s both fadeSlideUp}.app-grid>:nth-child(7){animation:.5s ease-out .4s both fadeSlideUp}.app-grid>:nth-child(8){animation:.5s ease-out .45s both fadeSlideUp}.app-grid>:nth-child(9){animation:.5s ease-out .5s both fadeSlideUp}.app-card{color:var(--text,#111827);background:#fff;border:1px solid #f3f4f6;border-radius:1.5rem;padding:2rem;text-decoration:none;transition:box-shadow .3s,transform .3s;display:block}.app-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.app-card-icon{color:#2563eb;background:#f9fafb;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;transition:transform .2s;display:flex}.app-card:hover .app-card-icon{transform:scale(1.1)}.app-card-icon svg{width:1.5rem;height:1.5rem}.app-card h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.app-card p{color:#6b7280;margin:0;font-size:.85rem;line-height:1.55}.app-grid>:first-child,.app-grid>:nth-child(2){border:none;flex-direction:column;justify-content:space-between;min-height:24rem;display:flex;position:relative;overflow:hidden}.app-grid>:first-child:hover,.app-grid>:nth-child(2):hover{transform:scale(1.01);box-shadow:0 20px 50px #2563eb1a}@media (width>=640px){.app-grid>:first-child,.app-grid>:nth-child(2){padding:2.5rem}}.app-grid>:first-child{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.app-grid>:first-child .app-card-icon{color:#fff;background:#fff3;border-radius:1rem;width:3.5rem;height:3.5rem}.app-grid>:first-child .app-card-icon svg{width:2rem;height:2rem}.app-grid>:first-child p{opacity:.9;color:inherit}.app-grid>:first-child .featured-deco{opacity:.12;color:#fff}.app-grid>:first-child .featured-badge{color:#fff;background:#fff3}.app-grid>:first-child .featured-launch{color:#2563eb;background:#fff}.app-grid>:first-child .featured-launch:hover{background:#eff6ff}.app-grid>:nth-child(2){color:#111827;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}.app-grid>:nth-child(2) .app-card-icon{color:#111827;background:#e5e7eb;border-radius:1rem;width:3.5rem;height:3.5rem}.app-grid>:nth-child(2) .app-card-icon svg{width:2rem;height:2rem}.app-grid>:nth-child(2) p{color:#6b7280}.app-grid>:nth-child(2) .featured-deco{opacity:.08;color:#111827}.app-grid>:nth-child(2) .featured-badge{color:#6b7280;background:#e5e7eb}.app-grid>:nth-child(2) .featured-launch{color:#fff;background:#2563eb}.app-grid>:nth-child(2) .featured-launch:hover{background:#1d4ed8}.featured-deco,.featured-badge,.featured-launch,.featured-card-top,.featured-card-bottom{display:none}.app-grid>:first-child .featured-deco,.app-grid>:first-child .featured-badge,.app-grid>:first-child .featured-launch,.app-grid>:first-child .featured-card-top,.app-grid>:first-child .featured-card-bottom,.app-grid>:nth-child(2) .featured-deco,.app-grid>:nth-child(2) .featured-badge,.app-grid>:nth-child(2) .featured-launch,.app-grid>:nth-child(2) .featured-card-top,.app-grid>:nth-child(2) .featured-card-bottom{display:flex}.app-grid>:first-child .featured-deco,.app-grid>:nth-child(2) .featured-deco{display:block}.app-grid>:first-child>.app-card-icon,.app-grid>:first-child>h2,.app-grid>:first-child>p,.app-grid>:nth-child(2)>.app-card-icon,.app-grid>:nth-child(2)>h2,.app-grid>:nth-child(2)>p{display:none}.featured-deco{z-index:0;pointer-events:none;width:10rem;height:10rem;transition:transform .5s;position:absolute;top:3em;right:1em}.app-card:hover .featured-deco{transform:scale(1.08)rotate(6deg)}.featured-deco svg{width:100%;height:100%}.featured-card-top{z-index:1;justify-content:space-between;align-items:flex-start;position:relative}.featured-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:9999px;padding:.3rem .75rem;font-size:.625rem;font-weight:700}.featured-card-bottom{z-index:1;flex-direction:column;position:relative}.featured-card-bottom h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.featured-card-bottom p{max-width:24rem;margin:0 0 1.5rem;font-size:1.05rem;line-height:1.5}.featured-launch{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.featured-launch svg{width:1rem;height:1rem}body:not([data-submodule])>.wrapper>footer{background:0 0;border-top:1px solid #f3f4f6;margin-top:0;padding:2.5rem 0}body:not([data-submodule]) .footer-content{max-width:80rem}body:not([data-submodule]) .footer-section p,body:not([data-submodule]) .footer-nav a{letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;font-size:.625rem;font-weight:700}body:not([data-submodule]) .footer-nav a:hover{color:#2563eb}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ads-side-float{z-index:100;display:none;position:fixed;top:50%;left:50%;transform:translate(660px,-50%)}@media (width>=1600px){.ads-side-float{display:block}}