:root{--paper:#faf7ef;--ink:#152b51;--blue:#365f95;--line:#e5ded0;--muted:#60718a;--serif:'Noto Serif JP',YuMincho,'Hiragino Mincho ProN',serif;--sans:'Noto Sans JP',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9dc3f3;outline-offset:3px}[hidden]{display:none!important}.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}.skip-link{position:absolute;top:-50px;left:1rem;z-index:10;background:#fff;padding:.7rem}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(250,247,239,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:74px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;min-width:240px;font-family:var(--serif);font-size:25px;font-weight:700;letter-spacing:.08em}.brand svg{width:50px;height:48px;flex:none}.brand small{display:block;font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.08em}.main-nav{margin-left:auto;display:flex;gap:clamp(16px,2.4vw,38px);align-items:center;font-size:14px;font-weight:600}.main-nav a:hover,.footer a:hover{color:var(--blue)}.header-search{font-size:38px;line-height:1;margin-left:10px}.breadcrumb{max-width:1440px;margin:auto;padding:9px clamp(18px,4vw,54px);display:flex;align-items:center;gap:13px;font-size:12px;color:#456083}.breadcrumb a:hover{text-decoration:underline}.hero{min-height:470px;background:#142d59 url('hero.png') center center/cover no-repeat;display:grid;place-items:center;position:relative;color:white}.hero-content{width:min(100%,760px);padding:54px 20px 40px;text-align:center;text-shadow:0 2px 7px rgba(5,18,43,.85),0 1px 2px rgba(0,0,0,.85)}.hero-eyebrow{font:600 11px var(--serif);letter-spacing:.33em;margin:0 0 10px}.hero h1{font:700 clamp(42px,4.6vw,72px)/1.25 var(--serif);letter-spacing:.08em;margin:0}.hero-lead{font:600 clamp(18px,2vw,25px) var(--serif);letter-spacing:.08em;margin:12px 0}.hero-sub{font-size:14px;font-weight:600;line-height:1.7;margin:4px 0 20px}.hero-search-form{display:flex;align-items:center;height:56px;max-width:560px;margin:0 auto;background:#fff;border:3px solid rgba(204,220,241,.9);border-radius:10px;box-shadow:0 8px 22px rgba(9,28,62,.25);color:var(--ink);text-shadow:none;overflow:hidden}.hero-search-form>span{font-size:30px;padding:0 10px 3px 16px}.hero-search-form input{min-width:0;flex:1;border:0;outline:0;height:100%;font-size:15px;color:var(--ink)}.hero-search-form button{align-self:stretch;border:0;margin:3px;border-radius:6px;background:var(--blue);color:white;min-width:89px;cursor:pointer}.hero-search-form button:hover{background:#234874}.hero-chips{display:flex;justify-content:center;gap:7px;align-items:center;flex-wrap:wrap;margin:15px auto 0;font-size:12px}.hero-chips span{margin-right:8px}.hero-chips a{padding:5px 13px;border-radius:20px;background:rgba(250,250,252,.94);color:#24446e;text-shadow:none;font-size:12px;font-weight:600}.hero-chips a:hover{background:white;transform:translateY(-2px)}.section-shell{max-width:1340px;margin:auto;padding:62px 28px}.section-heading{text-align:center;margin:0 0 30px}.section-heading p{color:var(--blue);font:600 14px var(--serif);letter-spacing:.22em;margin:0 0 4px}.section-heading h2{font:700 clamp(27px,2.7vw,38px)/1.45 var(--serif);letter-spacing:.07em;margin:0 0 5px}.section-heading span{font-size:14px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.category-card{grid-column:span 3;min-height:145px;padding:18px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;background:#fffefb;box-shadow:0 3px 12px rgba(34,54,77,.045);transition:transform .2s,box-shadow .2s}.category-card:nth-child(n+5){grid-column:span 4}.category-card:hover,.word-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(31,57,94,.12)}.category-illustration{width:76px;height:76px;flex:none;display:grid;place-items:center;border-radius:42% 58% 55% 45%;background:radial-gradient(circle at 35% 35%,#c9dbf5,#83a8d6 65%,transparent 70%);color:#1e528d;font-family:var(--serif);font-size:42px}.category-generation .category-illustration,.category-agents .category-illustration{background:radial-gradient(circle at 35% 35%,#dce5f8,#7399d0 65%,transparent 70%)}.category-body{min-width:0;flex:1}.category-body strong{display:block;font:700 17px/1.5 var(--serif);margin-bottom:5px}.category-body small{display:block;color:#54657b;font-size:12px;line-height:1.55}.card-arrow{font-size:20px;color:#335f98;align-self:center;flex:none}.words{padding-top:46px;padding-bottom:72px}.index-box{background:#fffefa;border:1px solid var(--line);border-radius:10px;padding:10px 18px;margin-bottom:20px}.index-line{display:flex;align-items:center;gap:16px;padding:6px 0}.index-line+.index-line{border-top:1px solid #eee7dc}.index-line strong{white-space:nowrap;font:700 13px var(--serif);min-width:70px}.index-options{display:flex;flex-wrap:wrap;gap:4px}.index-options button{border:0;background:transparent;color:#335c91;cursor:pointer;border-radius:5px;min-width:29px;padding:6px 7px;font-weight:600;font-size:13px}.index-options button:hover,.index-options button.active{background:#dce9fa;color:#183c70}.index-options button:disabled{opacity:.35;cursor:default}.result-note{margin:0 0 13px;font:600 14px var(--serif);color:#49638a}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.word-card{min-height:112px;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fffefa;transition:transform .2s,box-shadow .2s}.word-icon{width:70px;height:70px;flex:none;display:grid;place-items:center;background:radial-gradient(circle,#d9e6f8 0,#b3cce9 56%,transparent 73%);color:#2e6caf;font:700 35px var(--serif)}.word-body{flex:1;min-width:0}.word-body strong{display:block;font:700 17px/1.4 var(--serif);margin-bottom:5px}.word-body small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#556985;line-height:1.5;font-size:12px}.empty-result{text-align:center;padding:35px}.show-all{display:block;margin:24px auto 0;padding:11px 22px;border:1px solid #93add0;border-radius:24px;background:#fff;color:#244d81;cursor:pointer;font-weight:600}.show-all:hover{background:#e7f0fa}.footer{border-top:1px solid #dfe4e9;background:linear-gradient(#f8f6ee 75%,#d4e2f4);padding:30px 28px 70px}.footer-inner{max-width:1270px;margin:auto;display:flex;align-items:center;gap:30px}.footer-brand{font:700 22px var(--serif)}.footer nav{display:flex;gap:20px;font-size:13px;margin-left:auto}.footer small{color:var(--muted)}#categories,#words{scroll-margin-top:90px}@media(max-width:900px){.category-card{grid-column:span 6}.category-card:nth-child(n+5){grid-column:span 6}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:14px;font-size:12px}.brand{font-size:20px;min-width:0}.brand svg{width:40px}}@media(max-width:620px){.header-inner{min-height:62px;padding:0 16px;gap:12px}.brand{font-size:17px;gap:7px}.brand svg{width:35px;height:38px}.brand small{font-size:8px}.main-nav{display:none}.header-search{margin-left:auto}.breadcrumb{padding:8px 16px}.hero{min-height:525px;background-position:29% center}.hero-content{padding:105px 18px 26px}.hero h1{font-size:39px}.hero-lead{font-size:17px}.hero-sub{font-size:12px}.hero-search-form{height:51px}.hero-search-form input{font-size:14px}.hero-search-form button{min-width:70px}.hero-chips span{width:100%}.section-shell{padding:48px 16px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:27px}.section-heading span{font-size:13px}.category-grid{gap:9px}.category-card,.category-card:nth-child(n+5){grid-column:span 6;min-height:146px;padding:11px;display:block;position:relative}.category-illustration{width:53px;height:53px;font-size:29px;margin-bottom:5px}.category-body strong{font-size:14px;padding-right:12px}.category-body small{font-size:10px}.category-card .card-arrow{position:absolute;right:10px;top:13px;font-size:16px}.index-box{padding:8px 10px}.index-line{align-items:flex-start;gap:4px;display:block}.index-line strong{display:block;margin:4px}.index-options{gap:1px}.index-options button{font-size:12px;min-width:27px;padding:6px}.word-grid{grid-template-columns:1fr}.word-card{min-height:100px}.footer-inner{display:block}.footer nav{margin:14px 0;flex-wrap:wrap}.footer{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.word-card,.category-card{transition:none}}

.extra-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:32px 0 0}.extra-links a{padding:9px 13px;border-bottom:1px solid #a9bfd9;color:#365f95;font-size:13px;font-weight:600}.extra-links a:hover{background:#e9f0f8}
@media(max-width:620px){.hero{min-height:640px;background-image:url('hero-mobile.png');background-position:center bottom}.hero-content{padding:32px 18px 230px}.hero-chips{max-width:340px}}