:root{--ink:#18362f;--paper:#f5f1e8;--orange:#ed6a3a;--mint:#dce9df;--line:#d7d2c7;--you:#1d4fbf}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:ui-rounded,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}button{color:inherit;font:inherit}main{width:min(100%,520px);min-height:100vh;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:.08em;font-weight:950}.brand span{color:var(--orange)}.step,.eyebrow{letter-spacing:.15em;text-transform:uppercase;opacity:.65;font-size:11px;font-weight:900}.stack{gap:28px;padding:36px 0;display:grid}h1{letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(34px,10vw,42px);line-height:1.18}h2{margin:4px 0 8px;font-size:23px}h3{margin:0;font-size:17px;line-height:1.5}p{margin:4px 0;line-height:1.65}.users{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user{border:1px solid var(--line);text-align:center;cursor:pointer;background:0 0;border-radius:20px;gap:4px;min-width:0;min-height:126px;padding:18px 10px;display:grid}.user span{font-size:34px}.user small{opacity:.65}.user.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px);box-shadow:0 7px #b8c5bc}.section-note{opacity:.7;margin-bottom:14px;font-size:13px}.catalog-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.catalog-tabs button{border:1px solid var(--ink);background:0 0;border-radius:18px;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;font-weight:900}.catalog-tabs [aria-pressed=true]{background:var(--ink);color:#fff}.card{border:1px solid var(--line);background:#fffdf7;border-radius:22px;padding:20px}.empty-state{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.empty-state>span{font-size:32px}.empty-state p{opacity:.7;font-size:13px}.empty-state h3{overflow-wrap:break-word}.script-groups{gap:24px;display:grid}.scene-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-size:16px;display:flex}.scene-heading>span:first-child{overflow-wrap:break-word;min-width:0}.scene-count{opacity:.55;flex-shrink:0;font-size:13px;font-weight:800}.script-list{gap:12px;display:grid}.script-heading{justify-content:flex-end;align-items:center;gap:12px;display:flex}.script-heading>span{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px}.script-scene{color:var(--orange);margin-top:8px;font-size:12px;font-weight:800}.chatgpt-card{gap:18px;display:grid}.chatgpt-card p:last-child{opacity:.72;font-size:13px}.secondary{border:1px solid var(--ink);width:100%;min-height:54px;color:var(--ink);border-radius:18px;place-items:center;padding:14px 18px;font-weight:900;text-decoration:none;display:grid}footer{text-align:center;opacity:.5;padding:20px 0 45px;font-size:11px}@media (max-width:360px){main{padding-left:16px;padding-right:16px}.users{gap:8px}.user{padding-left:6px;padding-right:6px}}@media (min-width:700px){body{background:#e7e0d4}main{background:var(--paper);box-shadow:0 0 50px #18362f18}}button{cursor:pointer}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.primary{background:var(--ink);color:#fff;border:0;border-radius:16px;width:100%;min-height:52px;margin-top:12px;padding:12px;font-weight:800}.card .secondary{margin-top:12px}.notice{border:1px solid var(--line);background:var(--mint);border-radius:16px;padding:14px;font-size:14px}.detail.stack{gap:20px;padding:0}.progress-text{margin:12px 0;font-size:13px}.rating{align-items:center;gap:16px;margin-top:16px;display:flex}select{font:inherit;background:#fff;border-radius:8px;min-height:44px;padding:8px}.visual-scene-stage{text-align:center;place-items:center;min-height:240px;padding:12px;display:grid;overflow:hidden}.visual-scene-stage p{opacity:.65;margin:0;font-size:14px}.visual-scene-svg{width:100%;max-height:240px;display:block}.visual-staff-arm{transform-box:view-box;transform-origin:200px 116px;animation:1.6s infinite visual-staff-point}@keyframes visual-staff-point{0%,22%{transform:rotate(-8deg)}23%,72%{transform:rotate(32deg)}73%,to{transform:rotate(-8deg)}}.visual-suitcase{transform-box:view-box;transform-origin:0 0}.visual-scene-receiving .visual-staff-arm{animation:1.1s forwards visual-staff-take}.visual-scene-receiving .visual-suitcase{animation:1.1s forwards visual-bag-take}@keyframes visual-staff-take{0%,20%{transform:rotate(32deg)}21%,to{transform:rotate(42deg)}}@keyframes visual-bag-take{0%,20%{transform:translate(0)}21%,55%{transform:translate(-34px,-8px)}56%,to{transform:translate(-68px,-16px)}}.mode-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-buttons button{padding:10px;font-size:14px}.mode-buttons [aria-pressed=true]{background:var(--ink);color:#fff}.toggle{align-items:center;gap:10px;min-height:44px;display:flex}.toggle input{width:22px;height:22px}.dialogue-log{gap:12px;display:grid}.log-turn{padding:0}.log-speaker{letter-spacing:.02em;color:var(--ink);opacity:.55;margin-bottom:2px;font-size:11px;font-weight:800;line-height:1.2;display:block}.log-learner .log-speaker{color:var(--you);opacity:.8}.log-en{color:var(--ink);margin:0;font-size:16px;font-weight:700;line-height:1.4}.log-learner .log-en{color:var(--you)}.log-ja{opacity:.72;margin:2px 0 0;font-size:13px;line-height:1.4}.answer{background:var(--mint);border-radius:12px;margin:12px 0;padding:12px}.translation{opacity:.8;font-size:14px}.expression{margin-top:10px}.prompt-label{margin-top:16px;display:block}textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:12px;font-size:16px}.card,p,h2,h3{overflow-wrap:anywhere}