@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg: #f2eee6;--panel: #fffdf9;--panel-2: #f7f0e2;--ink: #1e1d1b;--muted: #6a665f;--line: #d8cab3;--accent: #cf5f2a;--accent-2: #1e7e74;--danger: #9b362d}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,#ffd7b4 0,#ffd7b44d 35%,#ffd7b400 55%),radial-gradient(circle at 80% 80%,#b9ddd5 0,#b9ddd540 40%,#b9ddd500 60%),var(--bg)}button,input,textarea,select{font:inherit}.app-root{min-height:100vh;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.topbar h1{margin:0;font-size:1.2rem}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.8rem;color:var(--muted);background:var(--panel)}.error-banner{border:1px solid #e2a59b;background:#ffe9e5;color:var(--danger);border-radius:12px;padding:8px 12px;margin-bottom:10px}.app-shell{display:grid;grid-template-columns:230px 230px minmax(360px,1fr) 340px;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:calc(100vh - 140px)}.panel-header{font-size:.9rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--panel-2),transparent)}.form-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px}.list-scroll{overflow:auto;padding:6px;display:grid;gap:6px}.list-item{text-align:left;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;color:inherit}.list-item.selected{border-color:var(--accent);background:#fff5ec}.surface{padding:12px}.center-surface{display:grid;grid-template-rows:1fr auto}.chat-surface{display:grid;grid-template-rows:auto 1fr auto;min-height:320px}.chat-log,.roleplay-log{overflow:auto;display:grid;gap:8px;align-content:start;padding:8px 2px}.message{border-radius:12px;padding:8px 10px;border:1px solid var(--line);background:#fff}.message .role{font-family:IBM Plex Mono,monospace;text-transform:uppercase;font-size:.7rem;color:var(--muted)}.message-user{border-color:#f0b690;background:#fff3ea}.message-assistant{border-color:#a9ddd7;background:#edfbf8}.message p{margin:6px 0 0}.composer-row{display:grid;grid-template-columns:1fr auto;gap:8px}.activity-surface{border-top:1px dashed var(--line)}.activity-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}label{display:grid;gap:4px;font-size:.85rem}input,textarea,select{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}textarea{min-height:88px;resize:vertical}button{border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:#b25123}button.active{background:#fff4e6;border-color:var(--accent)}button.ghost{background:transparent}.right-panel{display:grid;grid-template-rows:auto 1fr}.right-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-bottom:1px solid var(--line);background:#fdf6ea}.right-surface{overflow:auto;height:100%}.version-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.plan-markdown{font-family:IBM Plex Mono,monospace;font-size:.82rem;white-space:pre-wrap;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;max-height:180px;overflow:auto}.diff-view{border:1px solid var(--line);border-radius:10px;background:#fff;max-height:160px;overflow:auto;margin:8px 0}.diff-line{margin:0;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.diff-added{background:#eff9f2}.diff-removed{background:#ffefee}.outcome-list,.progress-list{display:grid;gap:8px}.outcome-card,.progress-card,.activity-card,.feedback-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.outcome-head{display:flex;justify-content:space-between;gap:8px}.badge{font-size:.72rem;border-radius:999px;padding:3px 8px;border:1px solid var(--line)}.badge.central{background:#ffeede;border-color:#f1ba8f}.badge.good_to_have{background:#e7f7f3;border-color:#9fd2ca}.meter{height:10px;border-radius:999px;background:#eee2d0;overflow:hidden;margin:6px 0}.meter div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.option-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.meta,.empty,small{color:var(--muted)}.mobile-tabs{display:none}.mobile-drawer{position:fixed;inset:auto 10px 70px 10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;z-index:60}.roleplay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141210eb;color:#fdfaf6;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:18px;z-index:80}.roleplay-overlay header{display:flex;justify-content:space-between;align-items:center}.roleplay-overlay .message{background:#2d2621;border-color:#4f443a}.mobile-only{display:none}@media (max-width: 980px){.mobile-only{display:inline-block}.app-shell{grid-template-columns:1fr}.workspace-rail,.thread-rail{display:none}.panel{min-height:calc(100vh - 220px)}.mobile-tabs{position:fixed;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;z-index:70}.mobile-visible{display:block}.mobile-hidden{display:none}.activity-controls{grid-template-columns:1fr}}@media (min-width: 981px){.mobile-visible,.mobile-hidden{display:block}}