:root{--bg:#f6f7fb;--surface:#ffffff;--surface-2:#f1f3f8;--text:#1b1f29;--muted:#5d6475;--border:#e2e5ee;--primary:#2563eb;--primary-ink:#ffffff;--primary-soft:#e8efff;--primary-strong:#1d4ed8;--accent:#f59e0b;--danger:#dc2626;--success:#16a34a;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px rgba(16,24,40,0.05),0 2px 8px rgba(16,24,40,0.04);--font:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans KR',system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,'D2Coding',monospace;color-scheme:light}[data-theme='dark']{--bg:#0f1218;--surface:#171b23;--surface-2:#1f2430;--text:#e8ebf2;--muted:#9aa3b5;--border:#2a3040;--primary:#5b8cff;--primary-ink:#0b1020;--primary-soft:#1d2a4a;--primary-strong:#9db8ff;--shadow:none;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.3;letter-spacing:-0.01em}h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);margin:0.2em 0 0.3em}h2{font-size:1.3rem}h3{font-size:1.08rem}img,canvas,svg{max-width:100%}[hidden]{display:none !important}.muted{color:var(--muted)}.skip{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--primary-ink);padding:8px 12px;z-index:100}.skip:focus{left:8px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.wrap.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:14px;height:60px}.logo{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:800;font-size:1.15rem;text-decoration:none !important;flex:none}.logo-mark{display:block;width:30px;height:30px}.main-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.main-nav a{color:var(--muted);padding:6px 10px;border-radius:8px;white-space:nowrap;font-size:0.95rem}.main-nav a:hover,.main-nav a[aria-current='page']{background:var(--surface-2);color:var(--text);text-decoration:none}.search{position:relative;width:240px;flex:none}.search input{width:100%;height:38px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:0 12px;font:inherit;font-size:0.92rem}.search-results{position:absolute;top:44px;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12);padding:6px;max-height:60vh;overflow:auto}.search-results a{display:block;padding:8px 10px;border-radius:8px;color:var(--text)}.search-results a:hover,.search-results a.active{background:var(--surface-2);text-decoration:none}.icon-btn{width:38px;height:38px;flex:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;cursor:pointer;font-size:1.05rem}.menu-toggle{display:none}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding-top:18px;padding-bottom:40px}.main{min-width:0}.sidebar{align-self:stretch}.side-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.side-h{font-size:1rem;margin:0 0 8px}.side-list{list-style:none;margin:0 0 8px;padding:0}.side-list a{display:block;padding:6px 8px;border-radius:8px;color:var(--text);font-size:0.94rem}.side-list a[aria-current='page']{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.side-sticky{position:sticky;top:76px;margin-top:16px}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:40px;padding:32px 0 20px;font-size:0.93rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:4px 0}.footer-grid a{color:var(--muted)}.footer-h{font-size:0.95rem;margin:0 0 8px}.copyright{margin-top:20px;color:var(--muted);font-size:0.85rem}@media (max-width:960px){.layout{grid-template-columns:minmax(0,1fr)}.side-sticky{position:static}}@media (max-width:760px){.header-inner{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:10px}.logo{flex:1}.menu-toggle{display:inline-block}.main-nav{display:none;order:5;flex-basis:100%;flex-wrap:wrap}.main-nav.open{display:flex}.search{order:4;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid > div:first-child{grid-column:1 / -1}}.breadcrumb{font-size:0.88rem;color:var(--muted);margin:4px 0 6px}.breadcrumb a{color:var(--muted)}.breadcrumb .sep{margin:0 6px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.title-actions{display:flex;gap:6px}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:5px 12px;font:inherit;font-size:0.88rem;cursor:pointer}.chip[aria-pressed='true']{border-color:var(--accent);color:var(--accent);font-weight:700}.lead{color:var(--muted);font-size:1.02rem;margin:0 0 16px}.updated{font-size:0.85rem;margin-top:24px}.tool-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:16px 0}@media (max-width:560px){.tool-panel{padding:14px;border-radius:12px}}.ad-slot:empty{display:none}.ad-slot{margin:28px 0;min-height:100px;text-align:center}.ad-slot::before{content:'광고';display:block;font-size:0.72rem;color:var(--muted);margin-bottom:4px;text-align:left}.side-sticky .ad-slot{margin:0;min-height:250px}.prose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 22px 18px;margin:20px 0}.prose h2{margin:1.2em 0 0.5em;padding-top:0.2em}.prose h3{margin:1.1em 0 0.4em}.prose p,.prose li{color:var(--text)}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:4px 0}.prose table{width:100%;border-collapse:collapse;margin:10px 0;font-size:0.94rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:7px 10px;text-align:left;white-space:nowrap}.prose th{background:var(--surface-2)}.prose code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:0.9em}.prose .ad-slot{margin:24px -8px}.steps li{margin:6px 0}.faq details{border-top:1px solid var(--border);padding:10px 0}.faq summary{cursor:pointer;font-weight:700}.faq-a{margin-top:6px;color:var(--text)}.faq-a p{margin:6px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.tool-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);transition:border-color 0.15s,transform 0.15s}.tool-card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-1px)}.tool-emoji{grid-row:span 2;font-size:1.5rem;line-height:1.2}.tool-name{font-weight:700}.tool-summary{font-size:0.85rem;color:var(--muted);line-height:1.45}.related h2{font-size:1.15rem}.hero{padding:28px 0 10px}.hero h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem)}.hero h1 .muted{font-weight:600;font-size:0.6em}.hero-search input{width:100%;height:52px;border-radius:14px;border:2px solid var(--primary);background:var(--surface);color:var(--text);padding:0 16px;font:inherit;font-size:1.05rem}.cat-section{margin:28px 0}.cat-head{display:flex;align-items:baseline;justify-content:space-between}.cat-head h2{margin:0 0 10px}.more{font-size:0.9rem}.home-about{margin-top:36px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 16px;border-radius:10px;font-size:0.93rem;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,0.25)}@media (max-width:560px){.card-grid{grid-template-columns:1fr 1fr;gap:8px}.tool-card{grid-template-columns:1fr;padding:10px 12px;row-gap:2px}.tool-emoji{grid-row:auto;font-size:1.3rem}.tool-name{font-size:0.95rem}.tool-summary{font-size:0.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.field > label,.label{font-weight:600;font-size:0.93rem}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.input,.select,textarea.input{width:100%;min-height:44px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font:inherit;font-size:1rem}textarea.input{min-height:180px;resize:vertical;line-height:1.6}.input:focus,.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-soft)}.input.mono,textarea.mono{font-family:var(--mono);font-size:0.92rem}.input-group{display:flex;gap:8px;align-items:center}.input-group .input{flex:1}.unit{color:var(--muted);white-space:nowrap}input[type='range']{width:100%;accent-color:var(--primary)}input[type='checkbox'],input[type='radio']{accent-color:var(--primary);width:18px;height:18px}.check{display:inline-flex;align-items:center;gap:6px;margin-right:14px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;text-decoration:none !important}.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--danger)}.btn.small{min-height:34px;padding:0 12px;font-size:0.9rem}.btn.block{width:100%}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--surface-2);padding:4px;border-radius:11px}.seg button{border:0;background:transparent;color:var(--muted);padding:7px 14px;border-radius:8px;font:inherit;font-size:0.93rem;cursor:pointer}.seg button[aria-pressed='true']{background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow)}.result{background:var(--primary-soft);border-radius:var(--radius);padding:18px 20px;margin-top:14px}.result-label{color:var(--muted);font-size:0.9rem}.result-value{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:800;line-height:1.25;word-break:break-all}.result-sub{margin-top:6px;color:var(--muted);font-size:0.93rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:14px}.stat{background:var(--surface-2);border-radius:11px;padding:12px 14px}.stat-label{font-size:0.84rem;color:var(--muted)}.stat-value{font-size:1.35rem;font-weight:800;word-break:break-all}.table{width:100%;border-collapse:collapse;font-size:0.94rem;margin-top:12px}.table th,.table td{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left}.table th{color:var(--muted);font-weight:600;background:var(--surface-2)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{overflow-x:auto}.output{font-family:var(--mono);font-size:0.9rem;background:var(--surface-2);border-radius:var(--radius-sm);padding:12px;white-space:pre-wrap;word-break:break-all;max-height:420px;overflow:auto}.note{font-size:0.88rem;color:var(--muted);margin:8px 0 0}.error{color:var(--danger);font-weight:600;margin:8px 0 0}.big-display{font-variant-numeric:tabular-nums;font-size:clamp(3rem,2rem + 6vw,5.5rem);font-weight:800;text-align:center;letter-spacing:0.02em;line-height:1.1;margin:10px 0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:160px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);text-align:center;padding:20px;cursor:pointer;transition:border-color 0.15s,background 0.15s}.dropzone.drag,.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone strong{font-size:1.05rem}.file-list{list-style:none;padding:0;margin:12px 0}.file-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;background:var(--surface)}.file-list .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:10px 0}.progress > span{display:block;height:100%;width:0;background:var(--primary);transition:width 0.2s}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.preview-grid figure{margin:0;background:var(--surface-2);border-radius:var(--radius-sm);padding:8px;text-align:center;font-size:0.85rem}.preview-grid img{display:block;margin:0 auto 6px;max-height:160px;object-fit:contain}.attribution{font-size:0.82rem;color:var(--muted);margin-top:14px}#calc{max-width:420px;margin:0 auto}#calc .calc-screen{background:var(--surface-2);border-radius:var(--radius);padding:14px 16px;text-align:right;margin-bottom:12px;min-height:108px}#calc .calc-expr{color:var(--muted);font-size:1rem;min-height:1.6em;word-break:break-all;font-variant-numeric:tabular-nums}#calc .calc-display{font-size:clamp(2rem,1.5rem + 3vw,2.8rem);font-weight:800;line-height:1.2;word-break:break-all;font-variant-numeric:tabular-nums}#calc .calc-msg{color:var(--danger);font-size:0.9rem;min-height:1.3em}#calc .calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#calc .calc-key{height:58px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;font:inherit;font-size:1.35rem;font-weight:600;cursor:pointer;transition:background 0.1s}#calc .calc-key:hover{background:var(--surface-2)}#calc .calc-key.pressed,#calc .calc-key:active{transform:scale(0.97)}#calc .calc-key.fn{background:var(--surface-2);color:var(--muted)}#calc .calc-key.op{background:var(--primary-soft);color:var(--primary)}#calc .calc-key.eq{grid-column:span 3;background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.calc-history .cat-head{align-items:center}.pc-grid{display:grid;gap:14px}.pc-box{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--surface)}.pc-h{font-size:1rem;margin:0 0 10px}.pc-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pc-line .input{flex:1 1 120px;min-width:0;width:auto}.pc-word{color:var(--muted);white-space:nowrap}.pc-out{margin-top:10px;background:var(--primary-soft);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.pc-val{font-size:1.45rem;font-weight:800;word-break:break-all}.pc-formula{color:var(--muted);font-size:0.9rem}.bmi-gauge{position:relative;margin:16px 0 6px;padding-bottom:20px}.bmi-bar{display:flex;height:12px;border-radius:99px;overflow:hidden}.bmi-bar span{display:block;height:100%}.bmi-bar .b0{width:28.33%;background:#38bdf8}.bmi-bar .b1{width:15%;background:#22c55e}.bmi-bar .b2{width:6.67%;background:#eab308}.bmi-bar .b3{width:16.67%;background:#f97316}.bmi-bar .b4{width:16.67%;background:#ef4444}.bmi-bar .b5{width:16.66%;background:#b91c1c}.bmi-marker{position:absolute;top:-5px;width:4px;height:22px;margin-left:-2px;background:var(--text);border-radius:2px;box-shadow:0 0 0 2px var(--surface);transition:left 0.2s}.bmi-ticks{position:relative;height:18px;font-size:0.75rem;color:var(--muted)}.bmi-ticks span{position:absolute;top:4px;transform:translateX(-50%)}.dd-h{display:block;font-size:1.05rem;margin:4px 0 10px}#dd-anniv{margin-bottom:0}.dd-h:not(:first-child){margin-top:28px;padding-top:18px;border-top:1px solid var(--border)}.dd-save{margin-top:16px;align-items:end}.dd-save-btn{justify-content:flex-end}.dd-badge{color:var(--primary);font-variant-numeric:tabular-nums;white-space:nowrap}.dd-badge.past{color:var(--muted)}#dd-anniv tr.dd-today td{background:var(--primary-soft);font-weight:700}.dc2-box + .dc2-box{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.dc2-h{display:block;font-size:1.05rem;margin:0 0 10px}.dc2-box .stat-grid{margin-top:4px}.ln-unit{width:auto;flex:none;min-width:80px}.ln-h{display:block;font-size:1.02rem;margin:22px 0 4px}#ln-compare tr.ln-active td{background:var(--primary-soft);font-weight:700}.ln-details{margin-top:16px}.ln-details summary{cursor:pointer;font-weight:600;padding:8px 0}.ln-scroll{max-height:420px;overflow:auto}#ln-schedule th{position:sticky;top:0}#tool .cv-top{display:flex;gap:12px;align-items:flex-end}#tool .cv-picker{width:64px;height:44px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}#tool .cv-swatch{height:72px;border-radius:var(--radius);border:1px solid var(--border);margin:4px 0 8px}#tool #cv-table th{width:70px}#tool #cv-table code{font-family:var(--mono);word-break:normal;overflow-wrap:anywhere}#tool .cv-contrast{display:grid;grid-template-columns:1fr 1fr;gap:10px}#tool .cv-sample{border-radius:var(--radius-sm);padding:14px;font-weight:700;border:1px solid var(--border)}#tool .cv-sample span{display:block;font-weight:500;font-size:0.88rem;margin-top:4px}#tool .cv-palette{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-top:6px}#tool .cv-palette button{height:40px;border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:0}@media (max-width:420px){#tool .cv-contrast{grid-template-columns:1fr}}.fx-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.fx-swap{margin-bottom:14px;font-size:1.2rem}@media (max-width:560px){.fx-pair{grid-template-columns:1fr}.fx-swap{justify-self:center;margin:-6px 0 6px;transform:rotate(90deg)}}.np-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.np-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.np-list{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}.np-list button{display:flex;flex-direction:column;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font:inherit;cursor:pointer}.np-list button:hover{background:var(--surface-2)}.np-list button[aria-current='true']{background:var(--primary-soft);border-color:var(--primary)}.np-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-time{font-size:0.8rem;color:var(--muted)}#np-text{min-height:320px}.np-bar{display:flex;justify-content:space-between;font-size:0.88rem;margin-top:6px}.np-saved{color:var(--success)}.np-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--danger);border-radius:var(--radius-sm)}@media (max-width:640px){.np-wrap{grid-template-columns:minmax(0,1fr)}.np-list{display:flex;gap:6px;overflow-x:auto;max-height:none}.np-list li{flex:0 0 150px}.np-list button{border-color:var(--border)}}#tool .cc2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}#tool .cc2-item{min-width:0}#tool .cc2-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}#tool .cc2-item .output{min-height:46px;max-height:160px}#tool .lb-options{flex-direction:row;flex-wrap:wrap;gap:6px 4px}#tool .lb-options .check:has(input:disabled){opacity:0.5}#tool .b64-pair{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#tool .b64-pair textarea{min-height:160px}.md-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.md-preview,.md-html{width:100%;height:420px;margin-top:8px}.md-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}#md-input{min-height:460px}@media (max-width:760px){.md-grid{grid-template-columns:minmax(0,1fr)}#md-input{min-height:260px}.md-preview,.md-html{height:340px}}#te-list li{flex-wrap:wrap}#te-list .fname{flex:1 1 140px}#te-list .muted{font-size:0.85rem}#te-list [aria-pressed='true']{border-color:var(--primary);color:var(--primary)}.pg-meter{height:10px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-top:14px}.pg-meter span{display:block;height:100%;width:0;background:var(--danger);transition:width 0.2s}.pg-meter span[data-level='2']{background:var(--accent)}.pg-meter span[data-level='3'],.pg-meter span[data-level='4']{background:var(--success)}.pg-list{list-style:none;padding:0;margin:12px 0 0}.pg-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px}.pg-pw{flex:1;min-width:0;font-family:var(--mono);font-size:1.02rem;word-break:break-all}.cp-stage{margin-top:16px;text-align:center;background:repeating-conic-gradient(var(--surface-2) 0% 25%,transparent 0% 50%) 50% / 20px 20px;border-radius:var(--radius-sm);padding:8px}#cp-canvas{max-width:100%;max-height:520px;height:auto;cursor:crosshair;touch-action:manipulation}.cp-current{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}.cp-swatch{width:64px;height:64px;border-radius:12px;border:1px solid var(--border);flex:none}.cp-codes{display:flex;flex-wrap:wrap;gap:6px}.cp-codes .btn{font-family:var(--mono)}.cp-current .note{flex-basis:100%;margin:0}.cp-chips,.cp-palette{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.cp-palette .cp-chip{flex:1 1 90px;min-height:72px}.cp-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:82px;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:0.85rem;cursor:pointer}.cp-chip small{font-family:var(--font);opacity:0.85}.ip-list{list-style:none;padding:0;margin:14px 0}.ip-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;background:var(--surface)}.ip-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;flex:none;background:var(--surface-2)}.ip-list .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-actions{display:flex;gap:4px;flex:none}.ip-actions .btn{padding:0 10px}.qr-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:8px}.qr-out{text-align:center}#qr-canvas{width:100%;max-width:300px;height:auto;aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.qr-out .btn-row{justify-content:center}#qr-type{max-width:100%}@media (max-width:720px){.qr-grid{grid-template-columns:minmax(0,1fr)}.qr-out{order:-1}#qr-canvas{max-width:240px}}.pm-list li{flex-wrap:wrap}.pm-list .pm-no{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:0.85rem}.pm-list .fname{flex:1 1 140px}.pm-list .muted{font-size:0.86rem}.pd-wrap{text-align:center}.pd-wrap .btn-row{justify-content:center}.pd-ring{position:relative;width:min(280px,72vw);aspect-ratio:1;margin:18px auto 8px}.pd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pd-track,.pd-bar{fill:none;stroke-width:8}.pd-track{stroke:var(--surface-2)}.pd-bar{stroke-linecap:round;transition:stroke-dashoffset 0.25s linear}.pd-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pd-time{font-size:clamp(2.6rem,2rem + 4vw,3.6rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.pd-label{color:var(--muted);font-weight:600}.pd-stats{text-align:left}.pd-settings{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.pd-settings summary{cursor:pointer;font-weight:700;margin-bottom:10px}#tm-wrap{text-align:center}#tm-wrap .tm-inputs{max-width:420px;margin:0 auto;grid-template-columns:repeat(3,1fr);text-align:left}#tm-wrap .btn-row{justify-content:center}#tm-wrap.tm-ringing .big-display{color:var(--danger);animation:tm-blink 1s steps(2,start) infinite}@keyframes tm-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){#tm-wrap.tm-ringing .big-display{animation:none}}#tm-wrap:fullscreen{background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:24px}#tm-wrap:fullscreen .big-display{font-size:min(26vw,45vh)}#tm-wrap:fullscreen .tm-presets,#tm-wrap:fullscreen .tm-inputs,#tm-wrap:fullscreen .check{display:none}.sw-wrap{text-align:center}.sw-wrap .btn-row{justify-content:center}.sw-wrap .sw-controls .btn{min-width:96px}.sw-wrap kbd{font-family:var(--mono);font-size:0.85em;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:0 5px;background:var(--surface-2)}#sw-table .sw-best td{color:var(--success);font-weight:700}#sw-table .sw-worst td{color:var(--danger);font-weight:700}.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.wc-card{background:var(--surface-2);border-radius:12px;padding:12px 14px}.wc-top{display:flex;align-items:baseline;gap:6px}.wc-top .muted{font-size:0.8rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:0.9rem;padding:2px 4px}.wc-remove:hover{color:var(--danger)}.wc-time{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3}.wc-meta{font-size:0.82rem;line-height:1.5}.wc-day{display:inline-block;font-size:0.75rem;font-weight:700;color:var(--primary);background:var(--primary-soft);border-radius:6px;padding:0 5px}.wc-add{margin-top:16px}.wc-h{display:block;margin:18px 0 8px;font-size:1.05rem}#wc-conv .wc-base td{font-weight:700}@media (max-width:420px){.wc-card{padding:10px 11px}.wc-time{font-size:1.3rem}}#wc-add{flex:none;white-space:nowrap}.wc-add .select{min-width:0}.td-form{display:grid;grid-template-columns:1fr 170px auto;gap:10px;align-items:end}.td-form .field{margin-bottom:0}@media (max-width:560px){.td-form{grid-template-columns:1fr auto}.td-form .td-text-field{grid-column:1 / -1}}.td-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px}.td-list{list-style:none;padding:0;margin:8px 0}.td-item{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--border)}.td-item .td-text{flex:1;min-width:0;overflow-wrap:anywhere;cursor:text}.td-item .td-edit{flex:1;min-height:36px;padding:5px 9px}.td-item.td-done .td-text{text-decoration:line-through;color:var(--muted)}.td-due{font-size:0.8rem;color:var(--muted);white-space:nowrap}.td-item.td-overdue .td-due{color:var(--danger);font-weight:700}.td-item .btn.small{min-height:32px;padding:0 10px}.td-empty{text-align:center;padding:12px 0}.wx-bar{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.wx-bar .field{flex:1;min-width:180px;margin-bottom:0}.wx-now-main{display:flex;align-items:center;gap:14px}.wx-icon{font-size:3.2rem;line-height:1}.wx-desc{font-size:1.1rem;font-weight:600;color:var(--muted)}.wx-hourly{display:flex;gap:8px;overflow-x:auto;list-style:none;padding:4px 0 10px;margin:0;scrollbar-width:thin}.wx-hourly li{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:8px 6px;background:var(--surface-2);border-radius:10px;font-size:0.9rem}.wx-hourly li > span[aria-hidden]{font-size:1.4rem}.wx-rain{font-size:0.75rem;color:var(--primary);min-height:1em}.wx-max{color:var(--danger);font-weight:700}.wx-min{color:var(--primary);font-weight:700}#wx-daily td:first-child{white-space:nowrap}#wx-daily th,#wx-daily td{padding-left:6px;padding-right:6px}.lg-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lg-list{display:grid;gap:6px}.lg-list .input{min-height:40px;padding:7px 10px}#lg-board{margin-top:18px}.lg-cols{display:grid;gap:4px}.lg-name,.lg-res{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:inherit;font-size:0.85rem;padding:7px 2px;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text)}.lg-name{cursor:pointer;font-weight:700}.lg-name:hover{border-color:var(--primary)}.lg-name.done,.lg-res.done{background:var(--surface-2)}.lg-res.done{font-weight:800}#lg-canvas{display:block;width:100%;margin:4px 0}@media (max-width:480px){.lg-name,.lg-res{font-size:0.72rem;padding:6px 0}}.rl-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.rl-wheel{display:flex;flex-direction:column;align-items:center;gap:12px}#rl-canvas{display:block;max-width:100%;cursor:pointer;touch-action:manipulation}#rl-spin{width:min(100%,320px);font-size:1.05rem}#rl-items{min-height:200px}#rl-history{margin:4px 0 0;padding-left:1.4em;font-size:0.93rem}@media (max-width:700px){.rl-layout{grid-template-columns:minmax(0,1fr)}}.pb-stage{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}.pb-board{min-width:0}#pb-canvas{display:block;max-width:100%;border-radius:12px;border:1px solid var(--border)}#pb-rank{margin:6px 0 0;padding-left:2em}#pb-rank li{padding:4px 0;font-weight:600}#pb-rank li:first-child{font-size:1.15rem;font-weight:800}.pb-dot{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:99px;margin-right:8px;color:#fff;font-size:0.72rem;font-weight:800;vertical-align:1px}@media (max-width:700px){.pb-stage{grid-template-columns:minmax(0,1fr)}}.lt-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:10px 0}.lt-num{aspect-ratio:1;min-height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font:inherit;font-weight:700;font-size:0.9rem;cursor:pointer;padding:0}.lt-num.is-fixed{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.lt-num.is-excluded{background:var(--surface-2);color:var(--muted);text-decoration:line-through;opacity:0.55}#lt-results{margin-top:14px}.lt-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.lt-letter{width:22px;font-weight:800;color:var(--muted)}.lt-balls{display:flex;flex-wrap:wrap;gap:6px}.lt-ball{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,0.35);box-shadow:inset -3px -4px 8px rgba(0,0,0,0.15)}.lt-yellow{background:#f5b800}.lt-blue{background:#4aa8e0}.lt-red{background:#f25c5c}.lt-gray{background:#8f8f8f}.lt-green{background:#8cc63f}.lt-hist summary{cursor:pointer;padding:6px 0;font-weight:600}.lt-hist .lt-ball{width:32px;height:32px;font-size:0.85rem}@media (max-width:420px){.lt-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.lt-ball{width:36px;height:36px}}#rn-out{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;max-height:360px;overflow:auto}.rn-chip{display:inline-block;min-width:44px;padding:6px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-weight:800;font-size:1.1rem;text-align:center;font-variant-numeric:tabular-nums}#rn-out.rn-single .rn-chip{font-size:clamp(2.4rem,1.6rem + 4vw,4rem);padding:6px 24px}#tg-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}.tg-team{border:1px solid var(--border);border-top:5px solid var(--tg-c);border-radius:12px;padding:10px 14px;background:var(--surface)}.tg-team h2{font-size:1.05rem;margin:0 0 6px;color:var(--tg-c)}.tg-team h2 .muted{font-size:0.85rem;font-weight:600}.tg-team ul{margin:0;padding-left:1.1em}.tg-team li{margin:3px 0}.tg-leader{font-size:0.75rem;font-weight:700;padding:1px 6px;border-radius:99px;background:var(--tg-c);color:#fff}#dr-dice{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;min-height:92px;margin:8px 0 4px}.dr-die{width:76px;height:76px;border-radius:16px;background:var(--surface);border:2px solid var(--border);box-shadow:0 4px 10px rgba(0,0,0,0.08)}.dr-d6{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:10px}.dr-d6 i{place-self:center;width:13px;height:13px;border-radius:50%}.dr-d6 i.on{background:var(--text)}.dr-dn{display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:var(--primary)}.dr-dn b{font-size:1.9rem;line-height:1}.dr-dn small{color:var(--muted);font-size:0.72rem}.dr-rolling .dr-die{animation:dr-shake 0.3s linear infinite}@keyframes dr-shake{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-12deg) translateY(-4px)}50%{transform:rotate(8deg) translateY(2px)}75%{transform:rotate(-6deg) translateY(-3px)}100%{transform:rotate(0) translateY(0)}}.dr-bar{display:inline-block;height:10px;max-width:70%;background:var(--primary);border-radius:99px;vertical-align:middle}#dr-history{font-variant-numeric:tabular-nums}@media (max-width:420px){.dr-die{width:62px;height:62px}.dr-d6 i{width:11px;height:11px}}.cf-stage{display:flex;justify-content:center;padding:18px 0 8px;perspective:800px}#cf-coin{position:relative;width:150px;height:150px;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(0.2,0.7,0.25,1);cursor:pointer}#cf-coin.cf-toss{animation:cf-lift 1.05s ease-out}@keyframes cf-lift{0%,100%{translate:0 0}40%{translate:0 -60px}}.cf-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;backface-visibility:hidden;font-size:2.6rem;font-weight:900;color:#6b4a00;background:radial-gradient(circle at 35% 30%,#fff3b0,#f2c230 55%,#c9971a);border:6px solid #d9a92a;box-shadow:inset 0 0 0 4px rgba(255,255,255,0.35),0 8px 18px rgba(0,0,0,0.18)}.cf-tails{transform:rotateY(180deg);color:#3f4a57;background:radial-gradient(circle at 35% 30%,#ffffff,#c9d1da 55%,#8d99a6);border-color:#a4afbb}.cf-bar{display:flex;height:26px;border-radius:99px;overflow:hidden;background:#8d99a6;color:#fff;font-size:0.8rem;font-weight:700}.cf-bar span{display:grid;place-items:center;flex:1}.cf-bar span:first-child{flex:none;background:#e0ac16}@media (prefers-reduced-motion:reduce){#cf-coin{transition:none}}.rps-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:10px;margin:6px 0 14px}.rps-side .label{display:block;color:var(--muted)}.rps-hand{font-size:clamp(3.2rem,2.4rem + 4vw,5rem);line-height:1.2}.rps-vs{font-weight:900;color:var(--muted)}.rps-shake{animation:rps-bob 0.18s ease-in-out infinite alternate}@keyframes rps-bob{to{transform:translateY(-8px)}}#rps-hands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#rps-hands button{min-height:78px;flex-direction:column;font-size:1rem}#rps-hands button span{font-size:1.9rem;line-height:1.1}.result-value.rps-win,#rps-history .rps-win{color:var(--success)}.result-value.rps-lose,#rps-history .rps-lose{color:var(--danger)}#rps-history{margin:4px 0 0;padding-left:1.4em}#mg-board{display:grid;gap:8px;max-width:560px;margin:12px auto}.mg-card{aspect-ratio:3 / 4;border:0;padding:0;background:transparent;cursor:pointer;perspective:600px;font:inherit}.mg-inner{position:relative;display:block;width:100%;height:100%;transition:transform 0.35s;transform-style:preserve-3d}.mg-card.flipped .mg-inner{transform:rotateY(180deg)}.mg-back,.mg-front{position:absolute;inset:0;display:grid;place-items:center;border-radius:10px;backface-visibility:hidden}.mg-back{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#9333ea));color:rgba(255,255,255,0.85);font-size:1.4rem;font-weight:900}.mg-front{transform:rotateY(180deg);background:var(--surface);border:2px solid var(--border);font-size:clamp(1.6rem,1rem + 3vw,2.4rem)}.mg-card.matched .mg-front{border-color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}.mg-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:10px}@media (prefers-reduced-motion:reduce){.mg-inner{transition:none}}