:root{--navy:#1b2a4a;--navy-deep:#14213c;--navy-soft:#33436b;--ink:#1f2937;--ink-soft:#6b7280;--ink-faint:#9aa3b2;--mist:#eef2fb;--card:#fff;--line:#e6eaf4;--accent:#8b5e3c;--font-display:"Rozha One", "Georgia", serif;--font-body:"Poppins", "Avenir", sans-serif;--r-lg:24px;--r-md:16px;--r-sm:10px;--shadow-card:0 10px 30px #1b2a4a14;--shadow-soft:0 4px 14px #1b2a4a0f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:#f4f6fc;font-size:15px;overflow:hidden}body:before{content:"";z-index:0;filter:blur(6px);pointer-events:none;background:radial-gradient(38rem 24rem at 12% 88%,#f4c7c780,#0000 60%),radial-gradient(40rem 26rem at 85% 15%,#c7d6f8a6,#0000 60%),radial-gradient(30rem 20rem at 75% 80%,#f7d6e366,#0000 60%),radial-gradient(34rem 22rem at 25% 10%,#bae3f380,#0000 60%);position:fixed;inset:0}#root{z-index:1;justify-content:center;align-items:stretch;height:100dvh;padding:clamp(.75rem,2.5vw,2.5rem);display:flex;position:relative}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--navy);color:#fff}.shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--r-lg);background:#ffffffd1;flex-direction:column;width:min(64rem,100%);display:flex;overflow:hidden;box-shadow:0 24px 60px #1b2a4a1a}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.6rem;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.brand__logo{object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:14px}.brand__mark{background:var(--navy);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:14px;place-items:center;font-size:1.35rem;display:grid}.brand__name{font-family:var(--font-display);letter-spacing:.02em;color:var(--navy);font-size:1.35rem}.topbar__meta{color:var(--ink-soft);align-items:center;gap:1rem;font-size:.78rem;display:flex}.workbook-pick{background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-soft);border-radius:999px;max-width:16rem;padding:.45rem 1rem;font-size:.78rem}.link-button{color:var(--ink-faint);transition:color .12s}.link-button:hover{color:var(--navy)}.signin{flex:1;place-items:center;padding:3rem 1.5rem;display:grid}.signin__card{text-align:center;max-width:26rem;animation:.6s cubic-bezier(.19,1,.22,1) both rise}.signin__logo{object-fit:cover;width:108px;height:108px;box-shadow:var(--shadow-card);border-radius:28px;margin:0 auto 1.4rem;display:block}.signin__mark{background:var(--navy);color:#fff;width:108px;height:108px;box-shadow:var(--shadow-card);border-radius:28px;place-items:center;margin:0 auto 1.4rem;font-size:3rem;display:grid}.signin__title{font-family:var(--font-display);color:var(--navy);margin-bottom:.7rem;font-size:2.6rem;line-height:1.1}.signin__sub{color:var(--ink-soft);margin-bottom:2rem;font-size:.92rem;line-height:1.65}.btn-navy{background:var(--navy);color:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.9rem;font-size:.92rem;font-weight:500;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:0 10px 24px #1b2a4a52}.btn-navy:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 14px 30px #1b2a4a61}.btn-navy:disabled{opacity:.5;cursor:default;transform:none}.signin__note{color:var(--ink-faint);margin-top:1.4rem;font-size:.74rem}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1rem;min-height:0;padding:.5rem 1.6rem 1rem;display:flex;overflow-y:auto}.msg{gap:.7rem;max-width:78%;animation:.36s cubic-bezier(.19,1,.22,1) both rise;display:flex}.msg--arron{align-self:flex-start}.msg--user{justify-content:flex-end;align-self:flex-end}.msg__avatar{background:var(--navy);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-soft);object-fit:cover;border-radius:50%;flex:none;place-items:center;margin-top:4px;font-size:1.05rem;display:grid}.msg__bubble{border-radius:var(--r-md);white-space:pre-wrap;word-break:break-word;padding:.85rem 1.1rem;font-size:.9rem;line-height:1.6}.msg--arron .msg__bubble{background:var(--card);box-shadow:var(--shadow-card);border-top-left-radius:4px}.msg--user .msg__bubble{background:var(--navy);color:#fff;border-bottom-right-radius:4px;box-shadow:0 10px 24px #1b2a4a47}.msg__name{color:var(--navy);margin-bottom:.25rem;font-size:.78rem;font-weight:600}.msg__time{color:var(--ink-faint);text-align:right;margin-top:.35rem;font-size:.68rem;display:block}.msg--user .msg__time{color:#ffffffa6}.msg--busy .msg__bubble{color:var(--ink-soft);font-style:italic}.dots{gap:4px;margin-left:4px;display:inline-flex}.dots span{background:var(--ink-faint);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.chat__error{color:#b3402f;border-radius:var(--r-sm);background:#fdf0ed;border:1px solid #f0c8bf;align-self:center;padding:.55rem 1rem;font-size:.8rem}.chat__notice{text-align:center;color:var(--ink-soft);align-self:center;max-width:26rem;padding:1.5rem 0;font-size:.85rem;line-height:1.6}.chat__notice strong{color:var(--navy)}.composer{align-items:flex-end;gap:.8rem;padding:1rem 1.6rem 1.4rem;display:flex}.composer__box{background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-card);flex:1;align-items:flex-end;padding:.4rem .5rem .4rem 1.1rem;display:flex}.composer__input{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:9rem;padding:.55rem 0;font-size:16px;line-height:1.5}.composer__input::placeholder{color:var(--ink-faint)}.composer__send{background:var(--navy);color:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.1rem;transition:background .14s,transform .14s;display:grid}.composer__send:hover:not(:disabled){background:var(--navy-deep);transform:translateY(-1px)}.composer__send:disabled{opacity:.35;cursor:default}.keycard{background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-card);max-width:24rem;color:var(--ink-soft);flex-direction:column;align-self:center;gap:.9rem;margin:auto 0;padding:1.5rem;font-size:.85rem;line-height:1.6;display:flex}.keycard h3{font-family:var(--font-display);color:var(--navy);font-size:1.3rem;font-weight:400}.keycard input{border:1px solid var(--line);border-radius:var(--r-sm);outline:none;padding:.65rem .9rem;font-family:Menlo,monospace;font-size:16px}.keycard input:focus{border-color:var(--navy)}.keycard__fineprint{color:var(--ink-faint);font-size:.72rem}.progress{text-align:center;color:var(--ink-soft);align-self:center;margin:auto 0;font-size:.9rem}.progress__title{font-family:var(--font-display);color:var(--navy);margin-bottom:.6rem;font-size:1.5rem}.progress__bar{background:var(--mist);border-radius:999px;width:14rem;height:6px;margin:.9rem auto 0;overflow:hidden}.progress__fill{background:var(--navy);border-radius:999px;height:100%;transition:width .3s}@media (width<=640px){#root{padding:0}.shell{border-radius:0;width:100%;height:100%}.msg{max-width:92%}input,textarea,select{font-size:16px}.composer{padding:.7rem .9rem calc(.9rem + env(safe-area-inset-bottom))}.chat__scroll{padding:.5rem .9rem 1rem}}