/* Luminous Glass: a responsive presentation layer for the existing toolkit. */
:root{--ink:#14213d;--muted:#536580;--blue:#3558ef;--canvas:#f4f7ff;--line:#dce4f6}
body{background:radial-gradient(ellipse at 90% 5%,#eee9ff 0,transparent 40%),radial-gradient(ellipse at 2% 20%,#e6f5ff 0,transparent 38%),#f7f9ff;background-attachment:fixed}
.site-header{background:rgba(255,255,255,.85);border-bottom:1px solid #e2e8f8}.header-inner{max-width:1240px;padding:20px 28px}.brand .kirikuba-logo{width:180px}.site-header nav a{color:#435571}.site-header nav a:hover{color:var(--blue)}.header-note{border:1px solid #dce4fa;padding:7px 13px;border-radius:100px;background:#fff;color:#536580}
.qt-app:not(.qt-app--single) .hero{padding:0;background:radial-gradient(ellipse at 75% 50%,#e7e8ff99,transparent 58%);position:relative;overflow:hidden;text-align:left}
.hero-inner{max-width:1184px;margin:auto;min-height:392px;padding:45px 28px 36px;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:1;flex:0 1 62%}.hero .eyebrow{display:inline-block;color:#5064a5;font-size:10px;letter-spacing:2.2px}.hero h1{font-size:clamp(42px,5.3vw,72px);line-height:1.03;letter-spacing:-3.6px;margin:18px 0 20px}.hero h1 span{color:#4963ed;background:linear-gradient(110deg,#2f6bff,#7959e8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:19px;color:#344966}.hero .hero-detail{font-size:14px;color:#60718a;margin-top:8px}.hero-tags{justify-content:flex-start;gap:18px;margin-top:23px;color:#526580;font-size:11px}.hero-art{position:absolute;width:490px;right:-8px;top:0;bottom:-10px;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-art::before{content:"";position:absolute;inset:20% 5%;border-radius:50%;background:radial-gradient(ellipse,#cbd5ff70,transparent 68%)}.hero-art img{position:relative;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 25px #939bea26)}
.qt-app:not(.qt-app--single)>.tools-container{max-width:1184px;position:relative}.catalog-heading{flex-direction:column-reverse;align-items:stretch;gap:28px;margin:2px 0 13px}.catalog-heading h2{font-size:21px;letter-spacing:-.5px}.search-wrap{position:relative;border:1px solid #fff;border-radius:60px;background:rgba(255,255,255,.96);padding:20px 25px;box-shadow:0 12px 35px #697bd018,0 0 0 1px #e3e9fa;color:#6378b8;gap:13px}.search-go{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#72bcff,#4467fa);color:white;font-size:24px;flex-shrink:0;box-shadow:0 5px 15px #638aff38}.tool-search{width:100%;font-size:16px;color:#243e64}.tool-search::placeholder{color:#687d9d}.search-wrap:focus-within{outline:3px solid #adbfff;outline-offset:3px}
.category-filter{border-radius:20px;border-color:#dce4f8;padding:7px 12px;color:#405676;background:#fff}.catalog-filters{font-size:12px;color:#536580;gap:17px}.catalog-count{font-size:12px;margin-left:auto}.category-links{gap:8px;margin:16px 0 23px}.category-links a{border-radius:24px;padding:8px 15px;background:rgba(255,255,255,.82);border:1px solid #dee6f9;color:#405676;box-shadow:0 5px 15px #8b9bd60a}.category-links a:hover{color:#fff;background:#4963ed;border-color:#4963ed}
.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.tool-card{border:1px solid #e0e7f7;border-radius:18px;padding:23px 20px;min-height:133px;background:linear-gradient(145deg,#ffffffef,#f3f6ffed);box-shadow:0 7px 22px #6e83c009;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #6e83c01b;border-color:#9bb6fd;background:#fff}.tool-card strong{font-size:14px;line-height:1.4;margin:1px 0 8px;letter-spacing:-.2px}.tool-card small{font-size:12px;color:#526886;line-height:1.55}.tool-icon{font-size:21px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#d6eeff,#bedaff);color:#2463d9;overflow:hidden}.tool-card:nth-child(3n+2) .tool-icon{background:linear-gradient(135deg,#eee3ff,#ddd0ff);color:#7252d5}.tool-card:nth-child(3n) .tool-icon{background:linear-gradient(135deg,#d5f5e9,#bdeadd);color:#16866c}.tool-card[aria-pressed=true]{background:linear-gradient(130deg,#4468f4,#7660df);border-color:#6677e7;color:#fff;box-shadow:0 10px 25px #5369d82c}.tool-card[aria-pressed=true] small{color:#f1f3ff}.tool-card[aria-pressed=true] .tool-icon{background:#ffffff24;color:#fff}.show-tools{border-radius:25px;background:#fff;padding:10px 20px;color:#3f58a2}.tool-shortcuts{background:#ffffffa6;border:1px solid #e4eafa;border-radius:16px;padding:15px 18px;margin:10px 0 20px}.workbench{border-color:#dfe6f6;border-radius:22px;background:#fffffff2;box-shadow:0 12px 40px #7182bc0e}.primary{background:linear-gradient(120deg,#3768f8,#715ce5);border-color:#5772ec;border-radius:11px}.primary:hover{background:#3959d7}.privacy-pill{color:#15735f;background:#e9f7f0}.how-it-works{padding-top:45px}.site-footer{border-color:#dfe6f6}.seo-directory li{border-radius:16px;background:#ffffffc9;border-color:#e2e9f7}.seo-directory li a{color:#3554b8}
@supports(backdrop-filter:blur(12px)){.site-header{backdrop-filter:blur(12px)}.tool-shortcuts{backdrop-filter:blur(10px)}}
@media(min-width:1600px){.hero-inner{min-height:420px}}
@media(max-width:900px){.hero-art{width:390px;right:-45px;opacity:.86}.hero-copy{flex-basis:67%}.hero h1{font-size:58px}.hero-inner{min-height:365px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .hero-detail{max-width:330px}}
@media(max-width:600px){body{background-attachment:scroll}.header-inner{padding:16px 20px;gap:12px}.brand .kirikuba-logo{width:150px}.site-header nav{width:100%;justify-content:flex-start;gap:24px}.site-header nav a{font-size:12px}.hero-inner{min-height:315px;padding:35px 20px 28px;align-items:flex-start}.hero-copy{flex-basis:100%}.hero h1{font-size:46px;letter-spacing:-2.4px;line-height:1.05;margin:18px 0}.hero p{font-size:16px;max-width:250px}.hero .hero-detail{font-size:12px;max-width:215px;line-height:1.6}.hero-art{width:225px;right:-76px;top:15px;bottom:auto;opacity:.56}.hero .eyebrow{font-size:9px}.hero-tags{font-size:10px;gap:12px;flex-wrap:wrap;max-width:310px;margin-top:19px}.qt-app:not(.qt-app--single)>.tools-container{padding:0 16px}.catalog-heading{gap:25px}.catalog-heading h2{font-size:20px}.search-wrap{padding:13px 16px;gap:8px}.tool-search{font-size:14px;min-width:0}.search-go{width:32px;height:32px;font-size:20px}.catalog-count{margin-left:0}.category-links a{padding:7px 12px;font-size:12px}.category-links{gap:7px}.tool-grid{grid-template-columns:1fr;gap:11px}.tool-card{min-height:108px;padding:19px;gap:15px;border-radius:16px}.tool-card strong{font-size:15px}.tool-card small{font-size:12px}.workbench{padding:18px;border-radius:18px}.tool-shortcuts{padding:13px}.site-footer{margin:0 16px}.qt-app--single .tool-search{width:100%}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}

.tool-card{color:var(--ink)}@media(max-width:600px){.hero-art{width:85px;right:12px;top:8px;bottom:auto;opacity:.8}}

/* Avoid continuous fixed-background and backdrop repainting on mobile. */
body{background-attachment:scroll}.site-header,.tool-shortcuts{backdrop-filter:none!important}

/* Roomy tool workspace; guides retain a comfortable reading width. */
.page-content.page-content--tool{width:100%;max-width:none;padding-inline:clamp(12px,2vw,40px)}
.qt-app:not(.qt-app--single)>.tools-container{max-width:none;padding-inline:clamp(12px,2vw,40px)}
.qt-app .workbench{width:100%;min-width:0}
.qt-app .input:not(.numeric-input),.qt-app .result{height:clamp(420px,62vh,900px);min-height:320px;font-size:14px}
.qt-app .result{resize:vertical}
.qt-app .compare-input{height:clamp(180px,28vh,360px)}
.qt-app .compare-input:not([hidden])+.result{height:clamp(240px,34vh,500px)}
.page-content--tool .kirikuba-keyword-guide{max-width:1000px;margin-inline:auto}
@media(max-width:700px){
 .qt-app .editors{grid-template-columns:minmax(0,1fr)}
 .qt-app .input:not(.numeric-input),.qt-app .result{height:48vh;min-height:300px;font-size:16px}
 .qt-app .workbench{padding:16px}
 .qt-app .bench-heading{flex-wrap:wrap}
 .qt-app .workspace-actions{flex-wrap:wrap;max-width:100%}
}

/* Site information pages and the contact form share the tool palette. */
.kirikuba-site-copy{max-width:820px;margin:24px auto 60px;font-size:17px;line-height:1.8}
.kirikuba-site-copy h2{margin-top:34px;font-size:24px;line-height:1.3}
.kirikuba-contact-form{display:grid;gap:18px;max-width:720px;background:#fff;border:1px solid #dfe6f6;border-radius:18px;padding:28px}
.kirikuba-contact-form label{display:grid;gap:8px;font-size:14px;font-weight:600}
.kirikuba-contact-form input,.kirikuba-contact-form select,.kirikuba-contact-form textarea{width:100%;min-width:0;border:1px solid #c9d4e8;border-radius:9px;padding:12px;background:#fbfcfe;color:var(--ink);font:inherit}
.kirikuba-contact-form textarea{resize:vertical;min-height:220px}
.kirikuba-contact-form .primary{justify-self:start;padding:12px 24px;color:white}
.kirikuba-contact-form p{margin:0;font-size:14px;font-weight:400}
.contact-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.site-info-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
@media(max-width:600px){.kirikuba-contact-form{padding:18px}.kirikuba-site-copy{font-size:16px}.site-footer{flex-wrap:wrap}.site-info-links{gap:16px}}