@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Outfit:wght@500;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--bg-base: #0a0d14;--bg-surface: rgba(17, 22, 34, .82);--line: rgba(171, 222, 255, .2);--text-main: #edf3ff;--text-sub: #9db0c9;--aqua: #80f3db;--amber: #ffcc88;--violet: #8f9bff;--danger: #ff8fa5;--warn: #ffdf9b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--text-main);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:radial-gradient(1200px 640px at 10% -10%,rgba(128,243,219,.08),transparent 70%),radial-gradient(1080px 600px at 90% -6%,rgba(143,155,255,.15),transparent 68%),linear-gradient(165deg,#090c13,#080a0f)}.page{position:relative;overflow:clip;width:min(1120px,calc(100% - 2rem));margin:2.2rem auto 2.8rem;display:grid;gap:1.05rem}.card{position:relative;border:1px solid var(--line);border-radius:22px;background:var(--bg-surface);box-shadow:0 24px 80px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-grid{position:absolute;inset:0;z-index:-3;border-radius:24px;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 56%,transparent 95%);mask-image:radial-gradient(circle at center,black 56%,transparent 95%)}.bg-glow{position:fixed;z-index:-2;width:420px;height:420px;border-radius:50%;filter:blur(38px);opacity:.3}.glow-a{left:4%;top:0;background:radial-gradient(circle,rgba(128,243,219,.5),transparent 68%)}.glow-b{right:4%;top:14%;background:radial-gradient(circle,rgba(143,155,255,.55),transparent 68%)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;padding:1.4rem}.hero-main{padding:.5rem}.kicker{margin:0;font-family:Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;color:var(--amber)}h1{margin:.36rem 0 .58rem;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:.015em}h1 span{background:linear-gradient(120deg,var(--aqua),#c4ecff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:0;color:var(--text-sub);line-height:1.75;font-size:.96rem;max-width:64ch}.pill-list{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.pill-list li{border:1px solid rgba(128,243,219,.26);color:#d8fffa;background:#80f3db12;border-radius:999px;padding:.36rem .68rem;font-family:Manrope,sans-serif;font-size:.76rem;letter-spacing:.04em}.hero-side{border:1px solid rgba(157,176,201,.2);border-radius:16px;padding:.95rem;background:linear-gradient(165deg,#8f9bff14,#0c121d66)}.mini-label{margin:0 0 .5rem;color:var(--text-sub);letter-spacing:.13em;font-size:.74rem;font-family:Manrope,sans-serif}.word-map{margin:0;padding:0;list-style:none;display:grid;gap:.42rem}.word-map li{display:flex;align-items:center;gap:.65rem;padding:.42rem .5rem;border-radius:10px;background:#0000003d}.word-map b{min-width:1.5rem;font-family:Outfit,sans-serif;color:var(--aqua)}.panel{padding:1.2rem}.mode-group{display:inline-flex;gap:.42rem;padding:.3rem;border-radius:999px;background:#00000040;border:1px solid rgba(171,222,255,.16);margin-bottom:1rem}.mode-btn{border:0;border-radius:999px;background:transparent;color:var(--text-sub);padding:.54rem 1.02rem;font-family:Manrope,sans-serif;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .25s ease,color .25s ease}.mode-btn:hover{transform:translateY(-1px)}.mode-btn.is-active{background:linear-gradient(130deg,#80f3db3d,#8f9bff4d);color:var(--text-main)}.field label{display:block;margin-bottom:.44rem;color:var(--text-sub);font-size:.86rem}textarea{width:100%;min-height:162px;border-radius:14px;border:1px solid rgba(171,222,255,.24);background:#00000038;color:var(--text-main);resize:vertical;padding:.84rem;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;line-height:1.66;outline:none;transition:border-color .2s ease,box-shadow .2s ease}textarea:focus{border-color:#80f3dbb3;box-shadow:0 0 0 3px #80f3db33}.options{margin:.75rem 0 .42rem;color:var(--text-sub);font-size:.85rem}.actions{margin:.72rem 0 .9rem;display:flex;gap:.56rem;flex-wrap:wrap}button{border-radius:12px;border:1px solid rgba(171,222,255,.2);background:#0003;color:var(--text-main);padding:.62rem .9rem;cursor:pointer;transition:transform .18s ease,border-color .2s ease,background .2s ease}button:hover{transform:translateY(-1px);border-color:#abdeff80}button.primary{border:0;color:#081923;background:linear-gradient(120deg,var(--aqua),#caf7ff);font-weight:700}.status{margin:.9rem 0 .2rem;font-size:.9rem;letter-spacing:.01em}.status.ok{color:var(--aqua)}.status.warn{color:var(--warn)}.status.error{color:var(--danger)}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.seo-block{padding:1.15rem 1.2rem}.seo-block h2{margin:0 0 .72rem;font-size:1.05rem}.feature-list{margin:0;padding-left:1.08rem;color:var(--text-sub);line-height:1.78}details{border:1px solid rgba(171,222,255,.18);border-radius:12px;padding:.6rem .76rem;margin-bottom:.62rem;background:#00000029}details summary{cursor:pointer;font-weight:600}details p{color:var(--text-sub);margin:.54rem 0 0;line-height:1.72}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{animation:riseIn .56s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:90ms}.delay-2{animation-delay:.14s}@keyframes riseIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:930px){.hero,.seo-grid{grid-template-columns:1fr}}@media(max-width:680px){.page{width:calc(100% - 1rem);margin:1rem auto 1.6rem}.hero,.panel{padding:.95rem}h1{font-size:clamp(1.7rem,8vw,2.2rem)}textarea{min-height:145px}}