:root{--bg:#fff;--bg-alt:#f5f5f7;--bg-elev:#fff;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--line:#00000014;--line-strong:#00000024;--accent:#0a7f6e;--accent-ink:#076b5d;--on-accent:#fff;--accent-soft:#0a7f6e1a;--indigo:#3b5bdb;--rose:#d9587f;--tile:#f5f5f7;--tile-strong:#e8e8ed;--glass:#ffffffb8;--shadow-lg:0 30px 60px -30px #00000059;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;color-scheme:light}:root[data-theme=dark]{--bg:#000;--bg-alt:#101012;--bg-elev:#2c2c2e;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#86868b;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#34d1b5;--accent-ink:#4fe0c6;--on-accent:#04201b;--accent-soft:#34d1b524;--indigo:#7b93f5;--rose:#f08cab;--tile:#1d1d1f;--tile-strong:#2c2c2e;--glass:#0009;--shadow-lg:0 30px 60px -30px #000000e6;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#000;--bg-alt:#101012;--bg-elev:#2c2c2e;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#86868b;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#34d1b5;--accent-ink:#4fe0c6;--on-accent:#04201b;--accent-soft:#34d1b524;--indigo:#7b93f5;--rose:#f08cab;--tile:#1d1d1f;--tile-strong:#2c2c2e;--glass:#0009;--shadow-lg:0 30px 60px -30px #000000e6;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55}html[lang=ja] body{word-break:normal;line-break:strict;letter-spacing:0}a{color:var(--accent-ink);text-decoration:none}a:hover{text-underline-offset:.2em;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img,svg{max-width:100%}img{height:auto;display:block}button{font:inherit;color:inherit}p{margin:0}h1,h2,h3,h4{letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.08}h1{font-size:clamp(2.5rem,6.5vw,4.5rem)}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.5rem)}.t-sub{color:var(--ink-2);letter-spacing:-.015em;font-size:clamp(1.1rem,1.9vw,1.45rem);font-weight:500;line-height:1.4}.t-body{color:var(--ink-2);font-size:1.0625rem}.t-small{color:var(--ink-3);letter-spacing:0;font-size:.875rem}.muted{color:var(--ink-2)}.small{color:var(--ink-3);font-size:.875rem}.center{text-align:center}.measure{max-width:62ch}.measure.center{margin-inline:auto}.skip{background:var(--accent);color:var(--on-accent);z-index:20;border-radius:8px;padding:.5rem .8rem;position:absolute;top:.5rem;left:-999px}.skip:focus{left:.5rem}.wrap{width:min(100% - 2.5rem,68rem);margin-inline:auto}.wrap-narrow{width:min(100% - 2.5rem,46rem);margin-inline:auto}.site-header{z-index:10;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:1rem;min-height:52px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:.45rem;font-size:1rem;font-weight:700;display:inline-flex}.wordmark:hover{text-decoration:none}.wordmark svg{width:1.1rem;height:1.1rem;color:var(--accent)}.site-nav{gap:1.35rem;margin-inline:auto;display:flex}.site-nav a{color:var(--ink);opacity:.85;letter-spacing:-.005em;font-size:.86rem;font-weight:500}.site-nav a:hover{opacity:1;text-decoration:none}.site-nav a[aria-current=page]{opacity:1;color:var(--accent-ink)}.controls{align-items:center;gap:.4rem;display:flex}.lang-switch{background:var(--tile);border-radius:999px;padding:2px;display:inline-flex}.lang-switch a{letter-spacing:.04em;color:var(--ink-2);border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-weight:700}.lang-switch a:hover{color:var(--ink);text-decoration:none}.lang-switch a[aria-current=true]{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 2px #0000001f}.theme-toggle{background:var(--tile);cursor:pointer;width:2rem;height:2rem;color:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}@media (width<=640px){.site-nav{display:none}.site-header .wrap{justify-content:space-between}}main{padding-bottom:clamp(3rem,8vw,6rem)}.section{padding-block:clamp(3.5rem,8vw,7rem)}.section.alt{background:var(--bg-alt)}.section-head{max-width:40ch;margin-bottom:clamp(1.75rem,4vw,3rem)}.section-head.center{margin-inline:auto}.section-head .t-sub{margin-top:.75rem}.stack>*+*{margin-top:var(--gap,1rem)}.btn{cursor:pointer;background:var(--accent);color:var(--on-accent);letter-spacing:-.01em;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.72rem 1.3rem;font-size:.98rem;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.06);text-decoration:none}.btn.secondary{background:var(--tile);color:var(--ink)}.link{color:var(--accent-ink);align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.link:after{content:"›";font-size:1.2em;line-height:1;transition:transform .16s}.link:hover:after{transform:translate(2px)}.link:hover{text-decoration:none}.actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.actions.center{justify-content:center}.hero{text-align:center;padding-block:clamp(4rem,10vw,7.5rem) clamp(2.5rem,6vw,4rem)}.hero .kicker{color:var(--accent-ink);letter-spacing:0;margin-bottom:1rem;font-size:.95rem;font-weight:600}.hero h1{max-width:18ch;margin-inline:auto}.hero .t-sub{max-width:40ch;margin:1.25rem auto 0}.hero .actions{margin-top:1.75rem}.bento{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=760px){.bento{grid-template-columns:repeat(6,1fr)}.bento .span-3{grid-column:span 3}.bento .span-2{grid-column:span 2}.bento .span-4{grid-column:span 4}.bento .span-6{grid-column:span 6}}.tile{border-radius:var(--radius-xl);background:var(--tile);color:var(--ink);flex-direction:column;gap:.75rem;min-height:16rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex;position:relative;overflow:hidden}.tile:hover{text-decoration:none}.tile .eyebrow{color:var(--app,var(--accent-ink));letter-spacing:0;font-size:.85rem;font-weight:600}.tile h3{letter-spacing:-.03em;font-size:clamp(1.5rem,2.6vw,2rem)}.tile p{color:var(--ink-2);max-width:34ch}.tile .icon{border-radius:22%;width:3.25rem;height:3.25rem}.tile .link{margin-top:auto}.tile.tint{background:linear-gradient(160deg, color-mix(in srgb, var(--app,var(--accent)) 16%, var(--tile)), var(--tile) 70%)}.tile.dark{color:#f5f5f7;background:#1d1d1f}.tile.dark p{color:#a1a1a6}.tile.dark .link{color:#4fe0c6}:root[data-theme=dark] .tile.dark{background:#0d0d0f}.tile.with-phone{min-height:26rem}.tile .phone{width:min(46%,15rem);transition:transform .3s;position:absolute;bottom:-22%;right:clamp(.5rem,3vw,2rem);transform:rotate(-4deg)}.tile:hover .phone{transform:rotate(-2deg)translateY(-6px)}@media (width<=759px){.tile.with-phone{min-height:30rem}.tile .phone{width:60%;margin:1rem auto -30%;position:relative;bottom:auto;right:auto;transform:none}}.phone{aspect-ratio:9/19.5;box-shadow:var(--shadow-lg), inset 0 0 0 2px #ffffff14;background:#0b0b0c;border-radius:12%/6%;padding:3.5%;display:block}.phone img{object-fit:cover;object-position:top;border-radius:9%/4.5%;width:100%;height:100%}.facts{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=760px){.facts{grid-template-columns:repeat(4,1fr)}}.fact{border-radius:var(--radius-lg);background:var(--tile);padding:1.5rem}.fact strong{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;display:block}.fact span{color:var(--ink-2);font-size:.95rem}.principles{gap:2rem;display:grid}@media (width>=760px){.principles{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.principle h3{margin-bottom:.5rem}.principle .mark{background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent-ink);border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.principle .mark svg{width:1.2rem;height:1.2rem}.posts{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.posts{grid-template-columns:repeat(3,1fr)}.posts.two{grid-template-columns:repeat(2,1fr)}}.post-card{border-radius:var(--radius-lg);background:var(--tile);color:var(--ink);flex-direction:column;gap:.6rem;min-height:12rem;padding:1.5rem;display:flex}.post-card:hover{background:var(--tile-strong);text-decoration:none}.post-card time{color:var(--ink-3);font-size:.85rem}.post-card h3{font-size:1.2rem}.post-card p{color:var(--ink-2);font-size:.97rem}.post-card .tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.tag{color:var(--ink-2);background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.app-grid{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.app-grid{grid-template-columns:repeat(3,1fr)}}.app-card{border-radius:var(--radius-xl);background:var(--tile);color:var(--ink);flex-direction:column;gap:.7rem;min-height:20rem;padding:1.75rem;display:flex}.app-card:hover{background:var(--tile-strong);text-decoration:none}.app-card .icon{border-radius:22%;width:3.5rem;height:3.5rem}.app-card h3{margin-top:.25rem;font-size:1.5rem}.app-card p{color:var(--ink-2)}.app-card .meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;font-size:.85rem;display:flex}.pill{background:color-mix(in srgb, var(--app,var(--accent)) 14%, transparent);color:var(--app-ink,var(--accent-ink));border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.pill .dot{background:var(--app,var(--accent));border-radius:50%;width:.45rem;height:.45rem}.pill.outline{border:1px solid var(--line-strong);color:var(--ink-2);background:0 0}.pill.outline .dot{border:1.5px solid var(--ink-3);background:0 0}.app-hero{text-align:center;padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,3rem)}.app-hero .icon{width:5rem;height:5rem;box-shadow:var(--shadow-lg);border-radius:22%;margin:0 auto 1.25rem}.app-hero .meta{color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.9rem;display:flex}.app-hero .t-sub{max-width:36ch;margin:1rem auto 0}.gallery{grid-template-columns:repeat(2,1fr);align-items:end;gap:1.25rem;display:grid}@media (width>=640px){.gallery{grid-template-columns:repeat(4,1fr)}}.gallery figure{margin:0}.gallery figcaption{text-align:center;color:var(--ink-2);margin-top:.75rem;font-size:.85rem}.gallery .phone{width:100%}.feature-grid{gap:1rem;display:grid}@media (width>=760px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature{border-radius:var(--radius-lg);background:var(--tile);padding:1.75rem}.feature h3{margin-bottom:.4rem;font-size:1.2rem}.feature p{color:var(--ink-2);font-size:.98rem}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-3);font-size:1.3rem;font-weight:400;line-height:1}.faq details[open] summary:after{content:"–"}.faq .a{color:var(--ink-2);max-width:62ch;padding:0 0 1.25rem}.prose{max-width:66ch;font-size:1.0625rem;line-height:1.7}.prose>*+*{margin-top:1.15em}.prose h2{letter-spacing:-.025em;margin-top:2.4em;font-size:1.6rem}.prose h3{margin-top:1.8em;font-size:1.2rem}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--ink-3)}.prose a{text-underline-offset:.18em;text-decoration:underline;text-decoration-color:var(--line-strong)}.prose a:hover{text-decoration-color:currentColor}.prose blockquote{border-left:3px solid var(--line-strong);color:var(--ink-2);margin:0;padding:.25rem 0 .25rem 1.1em}.prose code{background:var(--tile);border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.9em}.prose pre{background:var(--tile);border-radius:var(--radius-md);padding:1rem 1.1rem;font-size:.9rem;line-height:1.55;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.6rem .75rem}.prose th{color:var(--ink-2);font-weight:600}.prose img{border-radius:var(--radius-md)}.prose hr{border:0;border-top:1px solid var(--line);margin-block:2em}.prose strong{color:var(--ink);font-weight:700}.article-head{padding-block:clamp(3rem,7vw,5rem) 2rem}.article-head .t-sub{margin-top:1rem}.article-head time{color:var(--ink-3);font-size:.9rem}.timeline{border-left:2px solid var(--line-strong);margin:0;padding:0;list-style:none}.timeline li{padding:0 0 1.5rem 1.5rem;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:.45rem;left:-7px}.timeline time{color:var(--ink-3);margin-bottom:.2rem;font-size:.85rem;display:block}.timeline strong{display:block}.timeline p{color:var(--ink-2)}.note{background:var(--tile);border-radius:var(--radius-md);padding:1.1rem 1.25rem}.entries{margin:0;padding:0;list-style:none}.entries li{border-top:1px solid var(--line);grid-template-columns:1fr;gap:.3rem;padding-block:1.1rem;display:grid}.entries li:last-child{border-bottom:1px solid var(--line)}@media (width>=640px){.entries li{grid-template-columns:10rem 1fr;gap:1.5rem}}.entries time,.entries .label{color:var(--ink-3);padding-top:.15rem;font-size:.9rem}.entries .title{color:var(--ink);font-size:1.05rem;font-weight:600}.entries .title:hover{color:var(--accent-ink);text-decoration:none}.entries p{color:var(--ink-2)}.site-footer{background:var(--bg-alt);border-top:1px solid var(--line);color:var(--ink-2);padding-block:2.5rem 2rem;font-size:.82rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}@media (width>=760px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{grid-column:1/-1}@media (width>=760px){.footer-brand{grid-column:auto}}.footer-brand p{max-width:28ch;margin-top:.6rem}.site-footer nav{flex-direction:column;gap:.45rem;display:flex}.site-footer nav h3{color:var(--ink);letter-spacing:0;margin-bottom:.15rem;font-size:.82rem;font-weight:600}.site-footer nav a{color:var(--ink-2)}.site-footer nav a:hover{color:var(--ink);text-decoration:underline}.footer-line{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.1rem;display:flex}@media (prefers-reduced-motion:reduce){.tile .phone,.link:after{transition:none}.tile:hover .phone{transform:none}}.field{resize:vertical;border-radius:var(--radius-lg);background:var(--tile);width:100%;min-height:14rem;color:var(--ink);font:inherit;border:0;padding:1.1rem 1.25rem;line-height:1.6;display:block}.field::placeholder{color:var(--ink-3)}.field:focus-visible{outline-offset:0}.stats{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1rem;display:grid}.stats .fact strong{overflow-wrap:normal;font-size:clamp(1.35rem,2.4vw,1.9rem)}.stats output{font-variant-numeric:tabular-nums}.tool-card{flex-direction:column;gap:1rem;display:flex}.tool-card h3{margin:0}.fields{flex-wrap:wrap;gap:.75rem;display:flex}.fields label{color:var(--ink-2);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.input{font:inherit;color:var(--ink);background:var(--bg-elev);border:0;border-radius:10px;min-height:2.6rem;padding:.55rem .75rem;font-size:1rem}.input[type=number]{width:7rem}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.check input{accent-color:var(--accent);width:1.05rem;height:1.05rem}.result{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:auto;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700;line-height:1.15;display:block}.result-sub{color:var(--ink-2);min-height:1.5em;margin-top:-.6rem;font-size:.95rem}.search{width:min(100%,26rem)}.input.search,.input.page{background:var(--tile)}@media (width>=760px){.tz-cities{grid-template-columns:repeat(3,1fr)}}.tz-cities .feature{padding:1.25rem}.tz-scroll{background:var(--tile);border-radius:var(--radius-lg);padding:.4rem 1rem 1rem;overflow-x:auto}.tz-name{width:max-content;margin:.8rem 0 .35rem;font-size:.85rem;font-weight:600;position:sticky;left:0}.tz-strip{grid-template-columns:repeat(24,minmax(2.2rem,1fr));gap:2px;display:grid}.tz-strip span{background:var(--bg-elev);height:2.8rem;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:.3rem;font-size:.8rem;display:flex}.tz-strip span small{color:var(--ink-3);min-height:1.1em;font-size:.65rem}.tz-strip span.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.tz-strip.all span{height:.9rem;padding:0}.tz-strip.all span.on{background:var(--accent)}.tz-found{margin:.5rem 0 0;padding-left:1.1rem}.tz-found li+li{margin-top:.3rem}.tz-cities label:first-child{flex-basis:100%}.tz-cities label:first-child .input{width:100%}.field.short{min-height:6.5rem}.result.conv{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:0;font-size:clamp(1.3rem,2.6vw,1.75rem)}.feature .btn.secondary{background:var(--bg-elev)}@media (width>=760px){.kc-out{grid-template-columns:repeat(3,1fr)}}.bd-skipped summary{cursor:pointer;color:var(--ink-2);font-size:.9rem}.bd-skipped ul{color:var(--ink-2);margin:.5rem 0 0;padding-left:1.1rem;font-size:.9rem}.input.big{width:min(100%,26rem);padding:.7rem 1rem;font-size:1.35rem;font-weight:600}.table-scroll{border-radius:var(--radius-md);margin-top:1rem;overflow-x:auto}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}table.data th,table.data td{text-align:left;white-space:nowrap;padding:.55rem .8rem}table.data th{color:var(--ink-2);font-size:.85rem;font-weight:600}table.data tbody tr:nth-child(odd){background:var(--tile)}.pc-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:1.1rem 1.4rem;display:flex}.pc-q{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.pc-q .input{width:7rem}.pc-row .result{margin:0;font-size:1.6rem}.mono{letter-spacing:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}@media (width>=760px){.cc-out{grid-template-columns:repeat(3,1fr)}}.cc-out .result.conv{font-size:1.15rem}.feature-grid>label.t-small{flex-direction:column;gap:.4rem;display:flex}.diff{background:var(--tile);border-radius:var(--radius-md);padding:.75rem 0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto}.diff:empty{display:none}.diff-line{white-space:pre-wrap;padding:0 1rem}.diff-line.eq{color:var(--ink-3)}.diff-line.del{background:color-mix(in srgb, var(--rose) 14%, transparent)}.diff-line.ins{background:var(--accent-soft)}.diff-line mark{color:inherit;background:color-mix(in srgb, var(--rose) 38%, transparent);border-radius:3px}.diff-line.ins mark{background:color-mix(in srgb, var(--accent) 38%, transparent)}.diff-mark{width:1.4em;color:var(--ink-3);user-select:none;display:inline-block}.feature-grid>label.t-small .field{color:var(--ink);font-size:1rem}.fields label.check{flex-direction:row;align-items:center;font-size:.9rem}.pw-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pw-list li{background:var(--tile);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;display:flex}.pw-list code{overflow-wrap:anywhere;flex:1;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem}.pw-list .btn{background:var(--bg-elev);padding:.45rem .8rem}input[type=range]{accent-color:var(--accent);width:100%}.tm-face{text-align:center;padding:clamp(1.5rem,5vw,3rem) 1rem}.tm-clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:.5rem 0 1.5rem;font-size:clamp(4rem,16vw,8.5rem);font-weight:700;line-height:1;display:block}.tm-presets{flex-wrap:wrap;gap:.5rem;display:flex}.rp-out{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.rp-out>ul,.rp-out>ol{background:var(--tile);border-radius:var(--radius-lg);grid-column:1/-1;margin:0;padding:1.25rem 1.25rem 1.25rem 2.5rem;font-size:1.3rem;font-weight:600}.rp-out .feature ul{margin:.5rem 0 0;padding-left:1.2rem;font-size:1.05rem}.kana-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:.5rem;max-width:42rem;display:grid}.kana-cell,.hangul-cell{font:inherit;color:var(--ink);background:var(--tile);border-radius:var(--radius-md);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex}.kana-cell:hover,.hangul-cell:hover{background:var(--tile-strong)}.kana-cell{min-height:5.2rem;padding:.5rem .25rem}.kana-cell.empty{cursor:default;background:0 0}.kana-cell .k{gap:.35rem;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:600;line-height:1.2;display:flex}.kana-cell .r,.kana-cell .g,.hangul-cell .k,.hangul-cell .r{color:var(--ink-2);font-size:.78rem;line-height:1.3}#kc .t,#kc[data-script=kata] .h{display:none}#kc[data-script=kata] .t,#kc[data-script=both] .t{display:inline}#kc[data-script=both] .t{color:var(--ink-2)}#kc[data-romaji=false] .r,#kc[data-hangul=false] .g,#hc[data-kana=false] .k,#hc[data-romaji=false] .r{display:none}.hangul-table{border-collapse:separate;border-spacing:.3rem}.hangul-table th{color:var(--ink-3);padding:0 .3rem;font-size:.95rem;font-weight:600}.hangul-cell{min-width:3.4rem;min-height:4.2rem;padding:.35rem .4rem}.hangul-cell .s{font-size:1.35rem;font-weight:600}.sym-grid{grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:.4rem;display:grid}.sym{font:inherit;color:var(--ink);background:var(--tile);cursor:pointer;border:0;border-radius:12px;height:3.2rem;font-size:1.5rem}.sym:hover{background:var(--tile-strong)}.sym.done{background:var(--accent-soft);color:var(--accent-ink)}.js-error{color:var(--rose)}.feature table.data tbody tr:nth-child(odd){background:var(--bg-elev)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-bar{z-index:5;background:var(--bg);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 0;display:flex;position:sticky;top:52px}.tool-bar .search{flex:18rem;width:auto}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{color:var(--ink);background:var(--tile);border-radius:999px;padding:.45rem .9rem;font-size:.88rem;font-weight:600}.chip:hover{background:var(--tile-strong);text-decoration:none}.tool-group{margin-top:2rem;scroll-margin-top:9rem}.tool-group h2{margin-bottom:1rem;font-size:1.35rem}.tool-group h2 .count{color:var(--ink-3);margin-left:.3rem;font-size:.9rem;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tool-card-link{border-radius:var(--radius-lg);background:var(--tile);height:100%;color:var(--ink);flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem;display:flex}.tool-card-link:hover{background:var(--tile-strong);text-decoration:none}.tool-card-link strong{font-size:1.02rem}.tool-card-link span{color:var(--ink-2);font-size:.9rem;line-height:1.45}.tool-card-link em{color:var(--ink-3);font-size:.78rem;font-style:normal;font-weight:600}.tool-card-link.soon{opacity:.7}@media (width<=759px){.tool-bar{position:static}.chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chip{white-space:nowrap}}