:root{--bg: #f7f3ec;--ink: #3a2e26;--accent: #8c5a3b;--paper: #fffdf8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Noto Sans JP,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased}.scaffold{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.scaffold__card{background:var(--paper);border:1px solid rgba(58,46,38,.12);border-radius:16px;padding:40px 32px;max-width:480px;width:100%;text-align:center;box-shadow:0 8px 30px #3a2e2614}.scaffold__eyebrow{letter-spacing:.18em;font-size:12px;color:var(--accent);margin:0 0 8px}.scaffold__title{font-size:22px;margin:0 0 20px}.scaffold__note{font-size:15px;margin:0 0 4px}.scaffold__sub{font-size:13px;color:#3a2e2699;margin:0}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#f7f3eceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(58,46,38,.12)}.lang-switch{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid rgba(58,46,38,.2);border-radius:999px;padding:6px 12px}.lang-switch__globe{font-size:15px}.lang-switch__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:15px;color:var(--ink);cursor:pointer;padding-right:4px}.lang-switch__select:focus{outline:none}.emergency-btn{display:inline-flex;align-items:center;gap:6px;background:#b23b2e;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;white-space:nowrap}.emergency-btn:active{opacity:.85}.screen{max-width:720px;margin:0 auto;padding:24px 20px 48px;min-height:100%}.loading{display:flex;align-items:center;justify-content:center;color:#3a2e2699}.primary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--ink);color:#fff;font-size:17px;font-weight:600;padding:16px 24px;border-radius:12px;cursor:pointer;width:100%;transition:opacity .15s ease}.primary-btn:active{opacity:.8}.ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);color:var(--ink);border:1px solid rgba(58,46,38,.2);border-radius:10px;padding:12px 16px;font-size:15px;cursor:pointer}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--accent);font-size:15px;cursor:pointer;padding:8px 4px}.startup__eyebrow{letter-spacing:.18em;font-size:12px;color:var(--accent);margin:8px 0 4px;text-align:center}.startup__title{font-size:22px;text-align:center;margin:0 0 28px}.startup__section{margin-bottom:28px}.startup__label{font-size:15px;font-weight:600;margin:0 0 12px}.lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);border:1.5px solid rgba(58,46,38,.18);border-radius:12px;padding:16px 12px;font-size:16px;cursor:pointer;transition:all .15s ease}.lang-btn.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.course-grid{display:grid;gap:12px}.course-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;background:var(--paper);border:1.5px solid rgba(58,46,38,.18);border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.course-btn.is-active{border-color:var(--accent);background:#fbf4ec}.course-btn__name{font-size:17px;font-weight:700}.course-btn__desc{font-size:13px;color:#3a2e26a6}.home__title{font-size:20px;margin:4px 0 20px}.chapter{margin-bottom:24px}.chapter__title{font-size:16px;font-weight:700;padding-bottom:6px;border-bottom:2px solid rgba(140,90,59,.3);margin:0 0 10px}.scene-list{list-style:none;margin:0;padding:0}.scene-list li{margin-bottom:8px}.scene-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;background:var(--paper);border:1px solid rgba(58,46,38,.14);border-radius:10px;padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.scene-item__title{font-size:16px}.scene-item.is-disabled{opacity:.45;cursor:not-allowed}.scene-item__badges{display:flex;gap:6px;flex-shrink:0}.badge{font-size:11px;padding:3px 8px;border-radius:999px;white-space:nowrap}.badge--standard{background:#efe3d3;color:#7a5533}.badge--hub{background:#e3ebe5;color:#3f6b52}.badge--phone{background:#e5e2ef;color:#4a4270}.player__chapter{font-size:12px;letter-spacing:.1em;color:var(--accent);margin-bottom:4px}.player__title{font-size:22px;margin:0 0 16px}.photo-frames{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.photo-frame{aspect-ratio:4 / 3;background:repeating-linear-gradient(45deg,#efe9df,#efe9df 10px,#e8e1d5 10px,#e8e1d5 20px);border:1px dashed rgba(58,46,38,.25);border-radius:8px;display:flex;align-items:center;justify-content:center}.photo-frame__label{font-size:12px;color:#3a2e2680}.player__subtitle{font-size:17px;line-height:1.8;margin:0 0 20px}.player__controls{display:flex;gap:10px;margin-bottom:24px}.player__controls .ghost-btn{flex:1}.player__nav{display:flex;align-items:center;gap:12px}.player__nav .primary-btn{flex:1;width:auto}.wait{display:flex;align-items:center;justify-content:center}.wait__inner{text-align:center;max-width:360px}.wait__mark{font-size:48px;margin-bottom:8px}.wait__title{font-size:22px;margin:0 0 12px}.wait__body{font-size:15px;line-height:1.7;color:#3a2e26b3;margin:0 0 28px}.home__staff{margin-top:12px;text-align:center;border-top:1px dashed rgba(58,46,38,.15);padding-top:12px}.staff__title{font-size:20px;margin:8px 0 16px}.check-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:12px;margin-bottom:10px;border:1.5px solid transparent}.check-card.is-ok{background:#e6f0e8;border-color:#4f8a63}.check-card.is-ng{background:#f6e7e3;border-color:#b23b2e}.check-card__label{font-size:15px;font-weight:600}.check-card__value{font-size:18px;font-weight:700}.staff__meta{list-style:none;padding:0;margin:16px 0 20px;font-size:13px;color:#3a2e26b3}.staff__meta li{padding:3px 0}.missing{margin-top:20px}.missing__title{font-size:15px;color:#b23b2e;margin:0 0 8px}.missing__list{font-size:13px;color:#3a2e26bf;padding-left:18px;margin:0}@media(min-width:768px){.lang-grid{grid-template-columns:repeat(3,1fr)}.photo-frames{grid-template-columns:repeat(4,1fr)}}