:root{--ink:#17233c;--muted:#59667a;--paper:#f4f7fb;--white:#fff;--coral:#b92f47;--mint:#087f5b;--mint-soft:#dff7ed;--sky:#e7f2ff;--yellow:#fff1a8;--line:#cbd5e1;--danger:#8f1627}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:17px;line-height:1.65}body.large{font-size:21px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,summary:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(36,93,180,.25)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:10px 14px;background:var(--ink);color:#fff;border-bottom:4px solid #e95769}.brand{display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--yellow);color:#3d3100;font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:#cfdaec}.mode,.chip{padding:6px 9px;border-radius:999px;background:#e9eef5;color:#3d4b60;font-size:12px;font-weight:800}header .mode{background:#fff1a8;color:#453600}main{width:min(860px,calc(100% - 20px));margin:auto;padding:12px 0 60px}.intro{display:grid;grid-template-columns:1fr 130px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffdf9}.intro>div{padding:24px}.intro h1{margin:0;font-size:clamp(31px,8vw,52px);line-height:1.18}.intro p{margin:10px 0 0}.intro img{width:100%;height:100%;min-height:230px;object-fit:cover;object-position:53% 17%;background:#07152a}.kicker{margin:0!important;color:var(--coral);font-size:13px;font-weight:900}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.tools button,.result-head button,.route-controls button,.pager-button,.question-continue{min-height:48px;padding:8px 12px;border:1px solid #9ca9ba;border-radius:8px;background:#fff;color:var(--ink);font-weight:800}.install-button{border-color:var(--mint)!important;background:var(--mint-soft)!important;color:#07523d!important}.offline-state{display:inline-flex;align-items:center;min-height:42px;padding:6px 10px;border-radius:8px;background:#fff8d7;color:#563c00;font-size:13px;font-weight:850}.offline-state.ready{background:var(--mint-soft);color:#07523d}.warning{margin:12px 0;padding:13px 14px;border-left:6px solid #b77900;border-radius:6px;background:#fff8d7;color:#563c00}.warning.danger{border-color:var(--danger);background:#fff0f2;color:#711422}.warning.success{border-color:var(--mint);background:var(--mint-soft);color:#07523d}.panel{margin-top:14px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.panel h2{margin:0 0 8px;font-size:clamp(23px,6vw,31px)}.route-step,.question-progress{margin:0 0 2px;color:var(--coral);font-size:13px;font-weight:900}.route-lead{margin:0 0 13px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.categories button{min-height:100px;padding:15px;border:2px solid var(--line);border-radius:8px;background:#fff;text-align:left;color:var(--ink);font-weight:850}.categories button:hover,.categories button:focus-visible{border-color:#245db4;background:var(--sky)}.categories strong{display:block;font-size:1.12em}.categories small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.route-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.route-controls button{min-width:160px}.route-controls button:last-child{border-color:#245db4;background:var(--sky);color:#153f80}.word-search{margin-top:16px;background:#f8fafc}.word-search>summary{min-height:48px;padding:8px 2px}.word-search form{margin-top:10px}form{margin-top:16px}form label{font-weight:800}.compose{display:grid;grid-template-columns:1fr auto auto;gap:8px}.compose input{min-width:0;min-height:56px;padding:10px 12px;border:2px solid #9ca9ba;border-radius:8px}.compose button,.actions button{min-height:56px;padding:10px 14px;border:0;border-radius:8px;background:var(--coral);color:#fff;font-weight:850}.result{border-top:8px solid var(--mint)}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.result-head h2{color:#075b43}.answer{font-size:1.12em;font-weight:700}.source{padding:9px 10px;border-radius:6px;background:#f1f4f8;color:var(--muted);font-size:13px}.choices{display:grid;gap:8px}.choices button{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 13px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;font-weight:800}.choices button[aria-pressed=true],.choices button:hover,.choices button:focus-visible{border-color:#245db4;background:var(--sky)}.question-help{margin:0;color:var(--muted)}.question-answer{min-height:64px!important}.question-complete{margin:0;padding:13px 14px;border-left:6px solid var(--mint);border-radius:6px;background:var(--mint-soft);color:#07523d;font-weight:800}.question-controls{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}.question-continue{border:0;background:var(--mint);color:#fff}.details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}details{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe}summary{font-weight:850;cursor:pointer}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.actions button:nth-child(2){background:var(--mint)}.actions button:nth-child(3){background:#245db4}.boundary{background:#fffdf9}.install-help{width:min(520px,calc(100% - 24px));padding:22px;border:0;border-radius:8px;color:var(--ink);background:#fff}.install-help::backdrop{background:rgba(10,20,38,.65)}.install-help h2{margin:0 40px 8px 0}.install-help ol{padding-left:1.4em}.install-help li{margin:10px 0}.install-help form{float:right;margin:0}.dialog-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:25px;line-height:1}@media(max-width:560px){.intro{grid-template-columns:1fr 90px}.intro>div{padding:19px}.intro img{min-height:210px}.categories{grid-template-columns:1fr}.categories button{min-height:78px}.route-controls{display:grid;grid-template-columns:1fr}.route-controls button{width:100%;min-width:0}.compose,.details,.actions{grid-template-columns:1fr}.result-head{display:block}.result-head button{width:100%;margin-top:8px}.offline-state{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}