/*
Theme Name: Zibblox Tools
Theme URI: https://zibblox.xyz/
Author: Zibblox
Description: Japanese-only utility theme for Zibblox.
Version: 2.3.0
Text Domain: hexvyn
*/
:root{--hx-ink:#101010;--hx-ink-2:#242424;--hx-red:#ff6a00;--hx-red-dark:#d95500;--hx-paper:#f5f3ee;--hx-card:#fff;--hx-line:#e4e3df;--hx-muted:#646b79;--hx-green:#0f766e;--hx-shadow:0 18px 50px rgba(26,30,46,.08);--hx-radius:22px;--hx-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hx-paper);color:var(--hx-ink);font-family:'Noto Sans JP','Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto}.hx-wrap{width:min(calc(100% - 36px),var(--hx-max));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,243,238,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(38,42,58,.08)}.site-header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:1000;letter-spacing:-.03em}.site-brand img{width:168px;height:auto;display:block}.site-brand-text{font-size:1.25rem}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{text-decoration:none;font-size:.91rem;font-weight:800;color:#343a4c}.site-nav a:hover{color:var(--hx-red)}.site-nav .nav-cta{background:var(--hx-ink);color:#fff;padding:9px 14px;border-radius:999px}.site-nav .nav-cta:hover{background:var(--hx-red);color:#fff}.menu-toggle{display:none;border:1px solid var(--hx-line);background:#fff;border-radius:12px;padding:8px 10px;font-weight:900}
.jp-badge{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:900;letter-spacing:.08em;color:var(--hx-red);text-transform:uppercase}.jp-badge::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--hx-red);box-shadow:0 0 0 5px rgba(255,106,0,.12)}
.hero{padding:84px 0 54px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:-20% -10% auto auto;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.16),rgba(231,71,47,0) 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;align-items:center}.hero h1{font-size:clamp(2.65rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.065em;margin:16px 0 22px;font-weight:1000}.hero h1 em{font-style:normal;color:var(--hx-red)}.hero p{max-width:720px;color:var(--hx-muted);font-size:1.06rem;margin:0}.hero-panel{background:var(--hx-ink);color:white;border-radius:30px;padding:30px;box-shadow:0 24px 70px rgba(23,27,44,.22);transform:rotate(1.2deg)}.hero-panel strong{display:block;font-size:1.65rem;line-height:1.4;margin-bottom:10px}.hero-panel p{color:rgba(255,255,255,.68);font-size:.92rem}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.hero-proof div{padding:11px;background:rgba(255,255,255,.07);border-radius:12px;text-align:center}.hero-proof b{display:block;font-size:1.08rem}.hero-proof span{font-size:.72rem;color:rgba(255,255,255,.6)}
.tool-search{margin-top:28px;display:flex;gap:10px;max-width:670px}.tool-search input{flex:1;border:1px solid #d8d7d2;border-radius:14px;background:#fff;padding:14px 16px;font:inherit;outline:none;box-shadow:0 7px 20px rgba(30,34,50,.04)}.tool-search input:focus{border-color:var(--hx-red);box-shadow:0 0 0 4px rgba(255,106,0,.12)}.tool-search button{border:0;border-radius:14px;background:var(--hx-red);color:#fff;padding:0 20px;font:inherit;font-weight:900;cursor:pointer}
.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0;letter-spacing:-.04em}.section-head p{color:var(--hx-muted);margin:0;max-width:520px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:225px;padding:22px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-card);text-decoration:none;overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,0);transition:.2s transform,.2s border-color,.2s box-shadow}.tool-card::after{content:'↗';position:absolute;right:18px;top:14px;font-size:1.15rem;color:#a2a6b1}.tool-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.55);box-shadow:var(--hx-shadow)}.tool-card .tool-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#9ca3af}.tool-card h3{font-size:1.24rem;margin:28px 0 8px;letter-spacing:-.025em}.tool-card p{color:var(--hx-muted);font-size:.9rem;margin:0;line-height:1.7}.tool-card .tool-key{margin-top:auto;padding-top:18px;color:var(--hx-red);font-size:.76rem;font-weight:900}.tool-card.is-hidden{display:none}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--hx-line);border-radius:24px;overflow:hidden;background:#fff}.value-strip div{padding:25px}.value-strip div+div{border-left:1px solid var(--hx-line)}.value-strip strong{display:block;margin-bottom:7px}.value-strip span{color:var(--hx-muted);font-size:.88rem}
.main-page{padding:48px 0 72px}.breadcrumb{font-size:.8rem;color:#7b8190;margin-bottom:24px}.breadcrumb a{text-decoration:none}.page-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;border-bottom:1px solid var(--hx-line);padding-bottom:26px;margin-bottom:26px}.page-hero h1{margin:7px 0 0;font-size:clamp(2.25rem,5vw,4.5rem);letter-spacing:-.055em;line-height:1.08}.page-hero .page-tag{background:#fff;border:1px solid var(--hx-line);padding:9px 13px;border-radius:999px;font-size:.8rem;font-weight:900;color:var(--hx-green)}.page-content{max-width:900px;margin-inline:auto}.page-content>:first-child{margin-top:0}.page-content h2{margin-top:36px;letter-spacing:-.025em}.page-content p{color:#4f5668}.legal-page{max-width:820px;margin:auto;background:#fff;border:1px solid var(--hx-line);border-radius:24px;padding:34px;box-shadow:var(--hx-shadow)}
.site-footer{background:var(--hx-ink);color:#fff;margin-top:60px;padding:50px 0 28px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:40px}.footer-brand p{color:rgba(255,255,255,.58);max-width:440px}.footer-col h3{font-size:.9rem;color:rgba(255,255,255,.5);margin:0 0 12px}.footer-col a{display:block;text-decoration:none;margin:8px 0;color:rgba(255,255,255,.82);font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;color:rgba(255,255,255,.45);font-size:.78rem}
.not-found{text-align:center;padding:100px 0}.not-found strong{display:block;font-size:6rem;line-height:1;color:var(--hx-red)}.not-found h1{font-size:2rem}.not-found a{display:inline-block;text-decoration:none;background:var(--hx-ink);color:#fff;border-radius:12px;padding:12px 18px;font-weight:900}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-panel{transform:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{position:absolute;top:74px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;padding:15px;background:#fff;border:1px solid var(--hx-line);border-radius:16px;box-shadow:var(--hx-shadow)}.site-nav.is-open{display:flex}.menu-toggle{display:block}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.hx-wrap{width:min(calc(100% - 24px),var(--hx-max))}.hero{padding-top:56px}.hero h1{font-size:2.8rem}.tool-search{flex-direction:column}.tool-search button{padding:12px}.tool-grid{grid-template-columns:1fr}.value-strip{grid-template-columns:1fr}.value-strip div+div{border-left:0;border-top:1px solid var(--hx-line)}.page-hero{grid-template-columns:1fr;align-items:start}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.legal-page{padding:22px}}