:root{color:#1b1b1b;background:#f6f3ee;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{max-width:960px;margin:0 auto;padding:24px 20px 48px}h1,h2{margin:0 0 12px}a{color:inherit}.muted{color:#5c5348}.error{color:#9b1c1c}.chapter{margin:28px 0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.catalog-item{display:block;min-height:32px;padding:12px 14px;border:1px solid #d8cfc3;border-radius:10px;background:#fff;text-decoration:none}.catalog-item:hover{border-color:#c44}.scene-header{display:flex;gap:16px;align-items:baseline;margin-bottom:16px}.scene-frame{position:relative;width:100%;background:#111;overflow:hidden}.scene-frame img{display:block;width:100%;height:auto}.callout-chip{position:absolute;transform:translate(-50%,-50%);min-height:32px;min-width:32px;padding:4px 10px;border:0;border-radius:999px;background:#fffffff0;box-shadow:0 1px 4px #00000040;font-size:14px;line-height:1.3;cursor:default}.callout-chip small{display:block;font-size:11px;color:#5c5348}:root{color:#253b35;background:#f5f4ef;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}#app{max-width:1240px;padding:28px 44px 48px}button{font:inherit;cursor:pointer}button:disabled{opacity:.48;cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b46031;outline-offset:5px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #d9dfd5;margin-bottom:44px}.brand{font-size:24px;letter-spacing:-.9px;font-weight:760;text-decoration:none}.brand span{display:block;font-size:11px;letter-spacing:.25px;font-weight:450;margin-top:5px;color:#596961}.site-header nav{display:flex;gap:8px}.nav-link{font-size:13px;padding:12px 17px;border-radius:24px;text-decoration:none}.nav-link.active{background:#e4e9e0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#516b5c;margin:0 0 16px;line-height:1.6}.mission-intro{margin:0 0 30px}.mission-intro h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(38px,5vw,62px);letter-spacing:-2px;line-height:1.1;margin:0 0 15px}.mission-intro>p:last-child{font-size:15px;line-height:1.7;color:#596961;max-width:600px}.mission-steps{display:flex;padding:0;margin:0 0 26px;gap:30px;list-style:none}.mission-steps li{display:flex;align-items:center;gap:8px;font-size:12px;color:#667468}.mission-steps li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #c0cbbd;font-size:11px}.mission-steps li.current{font-weight:650;color:#284f3f}.mission-steps .current>span,.mission-steps .finished>span{background:#355942;color:#fff;border-color:#355942}.mission-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:30px;align-items:start}.mission-photo{position:relative;overflow:hidden;border-radius:18px;background:#ddd8c8;aspect-ratio:1}.mission-photo>img{width:100%;height:100%;object-fit:contain;display:block}.scene-caption{position:absolute;top:18px;left:18px;padding:9px 12px;border-radius:20px;color:#263c30;background:#fffffaf0;font-size:11px}.scene-caption span{color:#56685c}.scene-word-dock{position:absolute;bottom:22px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.scene-marker{display:flex;align-items:center;gap:7px;padding:10px 13px;min-height:44px;background:#fffffaf2;color:#253b35;border:1px solid #e9eee3;border-radius:28px;box-shadow:0 3px 12px #182a331f}.scene-marker>span:first-child{font-size:10px;color:#5e6a59}.scene-marker.selected{background:#2f5844;border-color:#2f5844;color:#fff}.scene-marker.selected>span:first-child{color:#e6edde}.scene-note{display:flex;gap:10px;align-items:baseline;color:#607061;font-size:12px;padding:5px 4px}.scene-note p{line-height:1.6}.scene-dot{width:6px;height:6px;background:#a6b498;border-radius:50%;flex-shrink:0}.mission-panel{background:#fffefa;border:1px solid #e0e4da;padding:27px;border-radius:18px}.mission-panel h2{font-family:Georgia,Times New Roman,serif;font-size:26px;letter-spacing:-.6px;line-height:1.2;font-weight:400;margin-bottom:12px}.mission-panel h3{font-weight:500;font-size:22px;line-height:1.4}.step-instruction{color:#626b5e;line-height:1.7;font-size:13px;margin:0 0 25px}.word-options{display:flex;flex-direction:column;gap:8px}.word-option{display:flex;width:100%;gap:13px;align-items:center;text-align:left;padding:12px;min-height:49px;color:#253b35;border:1px solid #e0e4d9;background:#fdfdf8;border-radius:9px}.word-option.selected{background:#eef2e8;border-color:#819b78}.word-number{color:#78816e;font-size:11px}.word-check{margin-left:auto;font-size:12px;color:#536c4a}.word-detail{min-height:135px;padding:18px 0}.word-detail p{margin:4px 0;font-size:13px}.word-detail .japanese-word{font-size:27px;letter-spacing:.4px}.word-detail .reading,.reading{color:#626d5e;font-size:13px;line-height:1.8}.word-detail .detail-hint{color:#747b6a;font-size:13px;line-height:1.7;padding-top:17px}.primary,.secondary{display:block;width:100%;padding:14px 18px;min-height:48px;border-radius:9px;font-size:13px;text-align:center;line-height:1.5}.primary{border:1px solid #34533d;background:#34533d;color:#fffefa}.primary:not(:disabled):hover{background:#25432f}.primary>span{margin-left:15px}.secondary{color:#314934;background:#f5f5ed;border:1px solid #d5dfcb}.text-button{border:0;background:transparent;color:#426745;padding:10px 0;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:44px}.voice-note{font-size:10px;color:#687161;line-height:1.7;margin:14px 0 0}.feedback{font-size:13px;color:#42603c;line-height:1.7}.feedback:empty{display:none}.recall-options{display:flex;flex-direction:column;gap:10px;margin:24px 0}.recall-options button{font-size:19px}.practice-sentence{font-size:27px;line-height:1.8;margin:18px 0 12px}.translation{color:#4c5d4d;font-size:15px;line-height:1.7;margin:2px 0 20px}.small{font-size:11px;line-height:1.7;margin:20px 0}.completion-mark{width:60px;height:60px;display:grid;place-items:center;font-size:30px;background:#e7eedb;color:#45613c;border-radius:50%;margin:25px 0}.completion-words{margin:22px 0}.completion-words p{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e6e9df;font-size:13px}.completion-words p>span:first-child{font-size:18px}.link-button{text-decoration:none;margin-top:10px}.mission-footer{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding-top:20px;border-top:1px solid #d9dfd5;font-size:11px;color:#596b5a;line-height:1.8}.mission-footer a{text-underline-offset:3px}.mission-invitation{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;margin:28px 0 38px;border-radius:16px;background:#e6ecdc;text-decoration:none}.mission-invitation h2{font-family:Georgia,serif;font-weight:400;font-size:34px}.mission-invitation p:last-child{font-size:14px;line-height:1.7;margin-bottom:0}.invitation-arrow{font-size:36px}.loading,.mission-error{padding:70px 20px}@media(max-width:760px){#app{padding:20px 18px 32px}.site-header{margin-bottom:32px;padding-bottom:20px;gap:10px}.brand{font-size:21px}.brand span{max-width:120px;font-size:9px;line-height:1.5}.nav-link{font-size:11px;padding:11px 12px}.site-header nav{gap:2px}.mission-intro h1{letter-spacing:-1px}.mission-intro>p:last-child{font-size:13px}.mission-steps{gap:24px}.mission-layout{grid-template-columns:1fr;gap:14px}.mission-photo{aspect-ratio:1}.mission-panel{padding:24px}.mission-footer{flex-direction:column;gap:8px}.scene-caption{font-size:9px;top:13px;left:13px}.scene-word-dock{left:10px;right:10px;bottom:14px;gap:5px}.scene-marker{font-size:13px;padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}