:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-1: 0 1px 2px rgba(20, 20, 30, .05), 0 4px 16px rgba(20, 20, 30, .06);--shadow-2: 0 8px 24px rgba(20, 20, 30, .1)}:root,[data-theme=light]{--bg: #f6f2ec;--bg-soft: #fbf8f3;--surface: #ffffff;--surface-2: #f0ebe2;--border: #e5dccd;--border-soft: #efe7d8;--text: #2a2620;--text-soft: #6b6256;--text-faint: #998d7e;--accent: #2f8a8a;--accent-soft: #d8efee;--accent-strong: #1f6a6a;--warn: #c25b34;--user-bubble: #2f8a8a;--user-text: #ffffff;--bot-bubble: #ffffff;--bot-text: #2a2620;--highlight: #f3e7c9}[data-theme=dark]{--bg: #161a1e;--bg-soft: #1c2125;--surface: #20262b;--surface-2: #1a1f24;--border: #2c3339;--border-soft: #262c32;--text: #ecebe5;--text-soft: #b8b3a8;--text-faint: #8a857a;--accent: #58c8c2;--accent-soft: #234744;--accent-strong: #8be3dc;--warn: #e8835e;--user-bubble: #58c8c2;--user-text: #0e1416;--bot-bubble: #262c32;--bot-text: #ecebe5;--highlight: #3b3a2e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,var(--accent-soft) 0%,transparent 60%),radial-gradient(800px 400px at -10% 110%,var(--highlight) 0%,transparent 60%),var(--bg);background-attachment:fixed;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}.app{display:grid;grid-template-rows:auto 1fr;height:100vh;height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;border-bottom:1px solid var(--border-soft);background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .topbar{background:#161a1e8c}.topbar__brand{display:flex;align-items:center;gap:10px}.topbar__logo{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);object-fit:cover;box-shadow:var(--shadow-1)}.topbar__wordmark{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em}.topbar__actions{display:flex;align-items:center;gap:8px}.streak-chip{display:inline-flex;align-items:baseline;gap:6px;background:var(--accent-soft);color:var(--accent-strong);padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;margin-right:4px}.streak-chip__num{font-size:16px;font-weight:700}.streak-chip__label{font-weight:500;color:var(--accent-strong)}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-soft);transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:18px;overflow:hidden}@media (max-width: 980px){.layout{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:12px;gap:12px}}.chat{display:grid;grid-template-rows:auto auto 1fr auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;min-height:0}.chat__header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-soft);background:var(--bg-soft)}.chat__header-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-strong)}.chat__header-text{display:flex;flex-direction:column}.chat__header-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.005em}.chat__header-sub{color:var(--text-soft);font-size:13px}.milestones-panel{padding:12px 18px;border-bottom:1px solid var(--border-soft);background:var(--bg-soft)}.milestones-panel__empty{margin:0;color:var(--text-soft);font-size:14px}.milestones-grid{display:grid;grid-template-columns:repeat(2,1fr) 2fr;gap:10px}@media (max-width: 720px){.milestones-grid{grid-template-columns:1fr 1fr}.milestones-grid .stat--wide{grid-column:span 2}}.stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:10px 14px}.stat--wide{grid-column:span 1}.stat__value{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--accent-strong);line-height:1.1}.stat__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-top:2px}.stat__hint{font-size:12px;color:var(--text-soft);margin-top:4px}.chat__list{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.msg{display:flex;gap:10px;align-items:flex-end;max-width:80%}.msg--bot{align-self:flex-start}.msg--user{align-self:flex-end;flex-direction:row-reverse}.msg__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.msg__avatar img.module-icon--bbot{width:100%;height:100%;object-fit:cover}.msg__bubble{background:var(--bot-bubble);color:var(--bot-text);border:1px solid var(--border-soft);border-radius:6px 18px 18px;padding:10px 14px;box-shadow:var(--shadow-1);word-wrap:break-word;overflow-wrap:anywhere}.msg--user .msg__bubble{background:var(--user-bubble);color:var(--user-text);border-color:transparent;border-top-left-radius:18px;border-top-right-radius:6px}.msg__p{margin:0 0 6px}.msg__p:last-child{margin-bottom:0}.typing{display:inline-flex;gap:4px;align-items:center;height:1em}.typing span{width:6px;height:6px;border-radius:50%;background:var(--text-faint);animation:typing-bounce 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.chat__input{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;border-top:1px solid var(--border-soft);background:var(--bg-soft);align-items:end}.chat__textarea{width:100%;resize:none;min-height:44px;max-height:180px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.chat__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat__send{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--accent);color:#fff;border:none;transition:transform .1s,background .15s,box-shadow .15s;box-shadow:var(--shadow-1)}.chat__send:hover{background:var(--accent-strong)}.chat__send:disabled{background:var(--text-faint);cursor:not-allowed;box-shadow:none}.chat__send:not(:disabled):active{transform:scale(.96)}.rail{display:flex;flex-direction:column;gap:12px;min-width:0;overflow-y:auto;padding-right:2px}.rail__label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600;margin:4px 4px 0}.rail__label--sub{margin-top:12px}.rail__cards{display:grid;gap:10px}@media (max-width: 980px){.rail{flex-direction:row;overflow-x:auto;padding-bottom:6px}.rail__label{display:none}.rail__cards{display:flex;gap:10px}.rail-card{min-width:220px}.rail__footnote{display:none}}.rail-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;transition:transform .1s,border-color .15s,box-shadow .15s,background .15s;box-shadow:var(--shadow-1)}.rail-card:hover{border-color:var(--accent);transform:translateY(-1px)}.rail-card.is-active{border-color:var(--accent);background:var(--accent-soft)}[data-theme=dark] .rail-card.is-active{background:var(--accent-soft)}.rail-card--home{background:var(--bg-soft);border-color:var(--border-soft)}.rail-card--home .rail-card__icon{background:#fff}.rail-card__icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;overflow:hidden}.rail-card__icon img.module-icon--bbot{width:100%;height:100%;object-fit:cover}.rail-card__title{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.005em}.rail-card__sub{color:var(--text-soft);font-size:13px;margin-top:1px}.rail__footnote{margin-top:auto;padding:12px 6px 0;color:var(--text-faint);font-size:12px;line-height:1.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121673;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);width:100%;max-width:460px;padding:20px;animation:pop-in .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal__title{font-family:var(--font-display);font-weight:700;font-size:20px}.modal__body{display:flex;flex-direction:column;gap:12px}.modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-weight:600}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-row{display:flex;gap:10px}.field--grow{flex:1}.btn{border-radius:12px;border:1px solid transparent;padding:10px 16px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .05s}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-strong)}.btn--primary:disabled{background:var(--text-faint);cursor:not-allowed}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--bg-soft);border-color:var(--accent)}.btn--block{display:block;width:100%}.alert{border-radius:10px;padding:10px 12px;font-size:14px}.alert--err{background:#c25b341f;color:var(--warn);border:1px solid rgba(194,91,52,.3)}.alert--info{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent)}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:24px}.login__brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.login__brand img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:var(--accent-soft)}.login__title{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.1}.login__sub{color:var(--text-soft);font-size:13px}.login__tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--surface-2);padding:4px;border-radius:12px}.tab{flex:1;padding:8px 10px;border-radius:9px;background:transparent;border:none;font-weight:600;color:var(--text-soft)}.tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.login__form{display:flex;flex-direction:column;gap:12px}.login__fine{font-size:12px;color:var(--text-faint);margin:14px 0 0;text-align:center}.boot,.boot-error{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.boot-error h1{font-family:var(--font-display);font-size:22px;margin:0 0 8px}.boot-error p{color:var(--text-soft);max-width:420px;margin:0 auto}.module-icon{display:inline-block}.module-icon--bbot{width:24px;height:24px;border-radius:50%;object-fit:cover}