:root{--iron:#10171c;--iron-deep:#0b1115;--plate:#162028;--plate-2:#1c2830;--rivet:#2b3943;--steam:#e9eef0;--steam-2:#c9d3d8;--ash:#93a3ad;--brass:#d6ab52;--brass-ink:#1a1408;--ember:#ff6b3d;--frost:#7db3c8;--good:#7ccf9a;--font-display:"Dela Gothic One", "Hiragino Kaku Gothic StdN", "Yu Gothic", sans-serif;--font-text:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--font-numeric:"Oxanium", "Zen Kaku Gothic New", ui-monospace, monospace;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--iron);--panel:var(--plate);--panel-hover:var(--plate-2);--panel2:var(--plate-2);--line:var(--rivet);--line-active:var(--brass);--line-gold:#d6ab5259;--text:var(--steam);--sub:var(--ash);--gold:var(--brass);--gold-deep:#a9843a;--gold-grad:linear-gradient(135deg, #ecd08c 0%, #d6ab52 55%, #a9843a 100%);--gold-glow:0 0 0 3px #d6ab5238;--neon-blue:var(--brass);--neon-purple:var(--frost);--neon-green:var(--good);--low:var(--plate-2);--danger:var(--ember);--danger-grad:linear-gradient(135deg, #ff9a73 0%, #ff6b3d 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--iron);color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 60% at 50% -10%,#d6ab5217,#0000 60%);background-attachment:fixed;min-height:100vh;font-size:14px;line-height:1.6}a{color:var(--gold);text-decoration:none;transition:color .2s,opacity .2s}a:hover{opacity:.85}.wrap{max-width:760px;padding-block:16px 40px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.site-header{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:16px}.header-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.brand-link{text-decoration:none;display:inline-block}.brand{flex-direction:column;display:flex}.brand-sub{font-family:var(--font-numeric);letter-spacing:.15em;color:var(--sub);font-size:10px;font-weight:700}.brand-main{font-family:var(--font-numeric);letter-spacing:.05em;color:var(--text);font-size:22px;font-weight:700;line-height:1.1}.gold-badge{background:var(--gold-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.sound-toggle-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sound-toggle-btn:hover{border-color:var(--gold)}.sound-toggle-btn.muted{opacity:.6;background:#ffffff08}.page-title{font-family:var(--font-display);color:var(--steam);letter-spacing:.02em;text-wrap:balance;margin-top:8px;font-size:clamp(24px,6vw,32px);font-weight:400;line-height:1.25}.card,.section-card{background:var(--panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;padding:20px;box-shadow:0 10px 30px #0000004d}.section-title{color:var(--text);align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}label{color:var(--sub);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}select,input[type=number],input[type=text]{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--text);font-size:15px;font-family:var(--font-numeric), var(--font-text);border-radius:10px;outline:none;padding:10px 14px;transition:all .2s}select:focus,input:focus{border-color:var(--gold);box-shadow:var(--gold-glow)}.tool-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.tool-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.tool-card.disabled{opacity:.6;pointer-events:none}.tool-card-body{flex-direction:column;flex:1;gap:4px;display:flex}.tool-card-header{align-items:center;gap:8px;display:flex}.tool-card-title{color:var(--text);font-size:16px;font-weight:700}.badge-soon{border:1px solid var(--line);color:var(--sub);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:10px}.tool-card-desc{color:var(--sub);font-size:12.5px;line-height:1.5}.tool-card-arrow{color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:transform .2s;display:flex}.tool-card:hover .tool-card-arrow{transform:translate(4px)}.chart-container{border:1px solid var(--line);background:#0b111599;border-radius:12px;width:100%;margin:16px 0;padding:14px}.chart-title{color:var(--sub);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11.5px;font-weight:600;display:flex}.cyber-keypad-box{border:1px solid var(--line-gold);box-sizing:border-box;background:#162028f2;border-radius:16px;width:100%;max-width:440px;margin:24px auto;padding:14px;box-shadow:0 12px 36px #00000073}.keypad-shortcuts,.keypad-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.keypad-shortcuts{margin-bottom:8px}.key-btn{border:1px solid var(--line);color:var(--text);font-family:var(--font-numeric);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:12px 0;font-size:16px;font-weight:700;transition:all .15s;display:flex}.key-btn:active{border-color:var(--gold);background:#d6ab5233;transform:scale(.96)}.key-step{color:var(--gold);background:#d6ab5214;border-color:#d6ab5240;font-size:13px}.key-action{color:var(--danger);background:#ff6b3d1a;border-color:#ff6b3d40}.key-next{color:#d6ab52;background:#d6ab521f;border-color:#d6ab524d;font-size:12px}.site-footer{border-top:1px solid var(--line);color:var(--sub);margin-top:40px;padding-top:24px;font-size:12px}.cta-card{border:1px solid var(--line-gold);border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#d6ab5214 0%,#1c2830f2 100%);flex-direction:column;align-items:center;gap:12px;margin:28px 0;padding:22px 20px;display:flex;box-shadow:0 10px 30px #00000059}.cta-header{flex-direction:column;align-items:center;gap:4px;display:flex}.cta-badge{color:var(--gold);background:#d6ab5226;border:1px solid #d6ab524d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.cta-title{color:var(--text);margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.4}.cta-desc{color:var(--sub);max-width:480px;margin:0;font-size:13px;line-height:1.6}.cta-btn{background:var(--gold-grad);color:#0b1115;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:340px;margin-top:4px;padding:13px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #d6ab5259}.cta-btn:hover{color:#0b1115;transform:translateY(-2px);box-shadow:0 8px 24px #d6ab5280}.cta-btn-icon{font-size:13px}.cta-note{color:var(--sub);opacity:.75;margin:0;font-size:11px}.footer-brand{align-items:center;gap:8px;margin-bottom:12px;display:flex}.foot-title{color:var(--text);font-weight:700}.foot-badge{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:2px 8px;font-size:10px}.foot-disclaimer{opacity:.8;margin-bottom:16px;line-height:1.6}.foot-nav{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.foot-nav a{color:var(--sub);font-size:12px}.foot-nav a:hover{color:var(--gold)}.copyright{opacity:.6;font-size:11px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;background-attachment:scroll!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}.app-section{margin:32px 0 24px}.app-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=580px){.app-grid{grid-template-columns:1fr}}.app-item-card{border:1px solid var(--line-gold);border-radius:var(--radius);background:linear-gradient(135deg,#1c2830f2 0%,#0b1115cc 100%);flex-direction:column;justify-content:space-between;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.app-item-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 14px 40px #d6ab5233}.app-item-badge{color:var(--gold);background:#d6ab521f;border:1px solid #d6ab5240;border-radius:20px;align-self:flex-start;margin-bottom:8px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.app-item-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.app-item-desc{color:var(--sub);flex:1;margin-bottom:16px;font-size:12.5px;line-height:1.6}.btn-app-dl{background:var(--gold-grad);color:#0b1115;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #d6ab524d}.btn-app-dl:hover{color:#0b1115;transform:translateY(-1.5px);box-shadow:0 8px 24px #d6ab5273}.seo-box{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#d6ab520d 0%,#162028f2 100%);margin-top:28px;padding:24px 20px;box-shadow:0 10px 30px #0000004d}.seo-box h2{color:var(--gold);align-items:center;gap:8px;margin-bottom:12px;font-size:16.5px;font-weight:700;display:flex}.seo-box p{color:var(--sub);margin:0;font-size:13px;line-height:1.8}.seo-box-highlight{color:var(--gold);background:#d6ab521a;border-radius:4px;padding:2px 6px;font-weight:700}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:101;background:var(--iron-deep);position:fixed;inset:0 0 auto}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}svg{fill:currentColor}.gh{top:env(safe-area-inset-top,0px);z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rivet);background:#0b1115f0;position:sticky}.gh-inner{max-width:1180px;height:58px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));align-items:center;gap:20px;margin:0 auto;display:flex}.gh-brand{color:var(--steam);flex-shrink:0;align-items:center;gap:10px;display:flex}.gh-mark{flex:0 0 36px;width:36px;height:36px;display:block}.gh-brand-text{flex-direction:column;line-height:1.1;display:flex}.gh-brand:hover{opacity:1}.gh-eyebrow{letter-spacing:.14em;color:var(--brass);font-size:10px;font-weight:700}.gh-name{font-family:var(--font-display);letter-spacing:.04em;font-size:22px}.gh-nav{gap:4px;margin-left:8px;display:flex}.gh-drop{position:relative}.gh-drop-btn{color:var(--steam-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:2px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.gh-drop-btn svg{opacity:.6;width:16px;height:16px}.gh-drop-btn:hover,.gh-drop.open .gh-drop-btn{color:var(--steam);background:var(--plate-2)}.gh-drop-panel{background:var(--plate);border:1px solid var(--rivet);border-radius:12px;flex-direction:column;min-width:240px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 40px -16px #000c}.gh-drop:hover .gh-drop-panel,.gh-drop.open .gh-drop-panel,.gh-drop:focus-within .gh-drop-panel{display:flex}.gh-drop:hover .gh-drop-panel{animation:.16s dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.gh-drop-panel a{color:var(--steam);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.gh-drop-panel a:hover{background:var(--plate-2);opacity:1}.gh-drop-panel a[aria-current]{color:var(--brass)}.gh-drop-panel em,.drawer em{color:var(--brass);white-space:nowrap;border:1px solid #d6ab5273;border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:700}.gh-actions{gap:8px;margin-left:auto;display:flex}.gh-icon-btn{background:var(--plate);border:1px solid var(--rivet);width:40px;height:40px;color:var(--steam-2);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid}.gh-icon-btn svg{width:20px;height:20px}.gh-icon-btn:hover{color:var(--steam);border-color:var(--brass)}.gh-icon-btn.muted{color:var(--ash)}.sound-icon{place-items:center;display:grid}.drawer{inset:calc(58px + env(safe-area-inset-top,0px)) 0 0 0;z-index:99;-webkit-backdrop-filter:blur(14px);padding-block:16px calc(90px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#0b1115f7;position:fixed;overflow-y:auto}.drawer-inner{gap:14px;max-width:520px;margin:0 auto;display:grid}.drawer-group{background:var(--plate);border:1px solid var(--rivet);border-radius:var(--radius);padding:6px 6px 8px}.drawer-group h2{letter-spacing:.14em;color:var(--brass);padding:8px 10px 4px;font-size:11px;font-weight:700}.drawer-group a{min-height:46px;color:var(--steam);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:15px;font-weight:500;display:flex}.drawer-group a:hover{background:var(--plate-2);opacity:1}.drawer-group a[aria-current]{color:var(--brass)}.drawer-group i{color:var(--ash);font-style:normal}.drawer-sub{flex-wrap:wrap;justify-content:center;gap:6px 18px;padding-top:4px;display:flex}.drawer-sub a{color:var(--ash);font-size:13px}body.drawer-open{overflow:hidden}.bottom-nav{z-index:98;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--rivet);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#0b1115f2;display:flex;position:fixed;bottom:0;left:0;right:0}.bn-item{height:58px;color:var(--ash);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10.5px;font-weight:700;display:flex;position:relative}.bn-item svg{width:22px;height:22px}.bn-item:hover{color:var(--steam);opacity:1}.bn-item.is-current{color:var(--brass)}.bn-item.is-current:before{content:"";background:var(--brass);border-radius:2px;width:28px;height:2px;margin-left:-14px;position:absolute;top:0;left:50%}.page-title-wrap{max-width:760px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:20px auto 0}.gf{background:var(--iron-deep);border-top:1px solid var(--rivet);padding-block:36px calc(88px + env(safe-area-inset-bottom,0px));margin-top:56px}.gf-inner{max-width:1180px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:24px;margin:0 auto;display:grid}.gf-brand{flex-direction:column;gap:2px;display:flex}.gf-name{font-family:var(--font-display);color:var(--steam);font-size:24px}.gf-tag{color:var(--ash);font-size:12px}.gf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;display:grid}@media (width>=760px){.gf-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}.gf-cols nav{flex-direction:column;gap:8px;min-width:0;display:flex}.gf-cols h2{letter-spacing:.14em;color:var(--brass);margin-bottom:2px;font-size:11px;font-weight:700}.gf-cols a{color:var(--steam-2);font-size:13px}.gf-note{color:var(--ash);max-width:72ch;font-size:12px;line-height:1.7}.gf-copy{font-family:var(--font-numeric);color:#6f7f89;font-size:12px}@media (width<=899px){.gh-nav{display:none}.wrap{padding-bottom:96px}}@media (width>=900px){.gh-menu-btn,.bottom-nav,.drawer{display:none!important}.gf{padding-bottom:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.doc{gap:28px;margin-top:8px;display:grid}.doc .doc-meta{color:var(--ash);font-size:12px}.doc .lead{color:var(--steam-2);max-width:65ch;font-size:15px;line-height:1.85}.doc section{gap:10px;display:grid}.doc h2{font-family:var(--font-display);letter-spacing:.03em;color:var(--steam);border-top:1px solid var(--rivet);padding-top:20px;font-size:19px;font-weight:400;line-height:1.4}.doc h3{color:var(--brass);margin-top:6px;font-size:15px;font-weight:700}.doc p,.doc li{color:var(--steam-2);max-width:68ch;font-size:14.5px;line-height:1.85}.doc ul,.doc ol{gap:6px;padding-left:1.4em;display:grid}.doc a{color:var(--brass);text-underline-offset:3px;text-decoration:underline}.doc .note{color:var(--ash);font-size:13px}.doc .tbl{border:1px solid var(--rivet);border-radius:12px;overflow-x:auto}.doc table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}.doc th,.doc td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rivet);color:var(--steam-2);padding:10px 12px;line-height:1.6}.doc th{letter-spacing:.06em;color:var(--brass);background:var(--plate);font-size:12px;font-weight:700}.doc tr:last-child td{border-bottom:0}.doc td:first-child{color:var(--steam);white-space:nowrap;font-weight:700}.doc dl{border:1px solid var(--rivet);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:0;display:grid;overflow:hidden}.doc dt,.doc dd{border-bottom:1px solid var(--rivet);padding:12px 14px;font-size:14px}.doc dt{color:var(--ash);background:var(--plate);white-space:nowrap;font-weight:700}.doc dd{color:var(--steam-2)}.doc dt:last-of-type,.doc dd:last-of-type{border-bottom:0}.doc .callout{background:var(--plate);border:1px solid var(--rivet);border-radius:12px;padding:14px 16px}.app-cta{gap:10px;margin-top:28px;display:grid}.app-cta-lead{font-family:var(--font-display);letter-spacing:.03em;color:var(--steam);font-size:17px}.app-cta-card{background:var(--plate);border:1px solid var(--rivet);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:18px;display:flex}.app-cta-ic{height:56px;font-family:var(--font-numeric);border-radius:14px;flex:0 0 56px;place-items:center;font-size:19px;font-weight:700;display:grid}.app-cta-ic.counter{color:var(--brass);border:1px solid var(--rivet);background:linear-gradient(145deg,#2a3a46,#121a20)}.app-cta-ic.glog{background:linear-gradient(145deg,var(--brass),#9c7631);color:var(--brass-ink)}.app-cta-ic.janpasha{color:var(--good);border:1px solid var(--rivet);font-family:var(--font-display);background:linear-gradient(145deg,#2f4a3c,#14211a)}.app-cta-body{flex-direction:column;gap:4px;min-width:0;display:flex}.app-cta-tag{letter-spacing:.08em;color:var(--brass);font-size:11px;font-weight:700}.app-cta-body b{color:var(--steam);font-size:16px}.app-cta-body p{color:var(--ash);font-size:13px;line-height:1.6}.app-cta-links{flex-wrap:wrap;gap:8px 16px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.app-cta-links a:first-child{color:var(--steam)}.meter-gauge{width:100%;max-width:320px;height:auto;margin:0 auto;display:block;overflow:visible}.meter-gauge .tick{stroke:var(--ash)}.meter-gauge .tick.major{stroke:var(--steam)}.meter-gauge .tlabel{fill:var(--ash);font-family:var(--font-numeric);font-size:11px;font-weight:600}.meter-gauge .unit{fill:var(--ash);font-family:var(--font-text);letter-spacing:.12em;font-size:10px}.meter-gauge .face{fill:var(--iron);stroke:var(--rivet);stroke-width:1px}.meter-gauge .z-lo{stroke:var(--frost);opacity:.35}.meter-gauge .z-mid{stroke:var(--brass);opacity:.45}.meter-gauge .z-hi{stroke:var(--ember);opacity:.75}.meter-gauge .needle{transform-origin:130px 128px;transition:transform .9s cubic-bezier(.2,1.25,.35,1);transform:rotate(90deg)}.meter-gauge .needle line{stroke:var(--ember);stroke-width:3.2px;stroke-linecap:round}.meter-gauge .needle .tail{stroke:var(--steam);stroke-width:5px}.meter-gauge.is-idle .needle line{stroke:var(--ash)}.meter-gauge .hub{fill:var(--brass)}.meter-gauge .hub-in{fill:var(--brass-ink)}
