:root{--color-ink:#0d0d0c;--color-paper:#fbfaf7;--color-white:#fff;--color-gray-100:#f1efe9;--color-gray-200:#e4e1d8;--color-gray-400:#b9b6ab;--color-gray-600:#726f65;--color-gray-800:#2c2b27;--color-danger:#b3261e;--font-display:"DM Serif Display", Georgia, "Times New Roman", serif;--font-body:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--fs-display:clamp(2rem, 1.4rem + 2.4vw, 3rem);--fs-title:1.375rem;--fs-body:1rem;--fs-small:.8125rem;--fs-micro:.6875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:10px;--radius-md:16px;--radius-pill:999px;--stroke:1.5px solid var(--color-ink);--stroke-thick:2px solid var(--color-ink);--ease-standard:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:400}p{margin:0}button,input{font-family:inherit}a{color:inherit}.dot-grid{background-image:radial-gradient(circle, var(--color-gray-400) 1px, transparent 1px);background-position:-8px -8px;background-size:24px 24px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{background:var(--color-paper);grid-template-rows:76px 1fr;grid-template-columns:220px 1fr;height:100%;display:grid;overflow:hidden}.shell--loading{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.shell__loading-spinner{border:2.5px solid var(--color-gray-200);border-top-color:var(--color-ink);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite shell-spin}.shell__loading-text{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-gray-600)}@keyframes shell-spin{to{transform:rotate(360deg)}}.shell__no-children{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-gray-600)}.shell__sidebar{justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-4);border-right:var(--stroke);background:var(--color-white);flex-direction:column;grid-area:1/1/span 2;display:flex;overflow-y:auto}.shell__sidebar-top{gap:var(--space-6);flex-direction:column;display:flex}.shell__nav-groups{gap:var(--space-5);flex-direction:column;display:flex}.shell__nav-section{gap:var(--space-2);flex-direction:column;display:flex}.shell__nav-label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-600);padding:0 var(--space-3);font-weight:700}.shell__brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2);display:flex}.shell__brand-wordmark{width:auto;height:24px;display:block}.shell__nav{gap:var(--space-1);flex-direction:column;display:flex}.shell__nav-item{align-items:center;gap:var(--space-3);height:46px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-gray-600);transition:background-color .15s var(--ease-standard), color .15s var(--ease-standard);font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.shell__nav-item svg{flex-shrink:0;width:20px;height:20px}.shell__nav-item:hover{background:var(--color-gray-100);color:var(--color-ink)}.shell__nav-item--active,.shell__nav-item--active:hover{background:var(--color-ink);color:var(--color-white)}.shell__nav-group{flex-direction:column;display:flex}.shell__nav-group-row{align-items:center;display:flex}.shell__nav-group-row .shell__nav-item{flex:1;min-width:0}.shell__nav-expand{width:32px;height:32px;color:var(--color-gray-600);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shell__nav-expand:hover{background:var(--color-gray-100)}.shell__nav-expand svg{width:14px;height:14px;transition:transform .15s var(--ease-standard)}.shell__nav-expand--open svg{transform:rotate(180deg)}.shell__subject-list{margin:var(--space-1) 0 0;padding:0 0 0 var(--space-6);flex-direction:column;gap:2px;list-style:none;display:flex}.shell__subject-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-gray-600);font-size:.8125rem;display:block}.shell__subject-item:hover{background:var(--color-gray-100);color:var(--color-ink)}.shell__topbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:0 var(--space-6);border-bottom:var(--stroke);background:var(--color-paper);grid-area:1/2;display:flex}.shell__topbar-actions{order:1}.shell__topbar-brand{align-items:center;gap:var(--space-2);flex-shrink:0;order:2;display:flex}.shell__topbar-brand-wordmark{width:auto;height:22px;display:block}.shell__main{grid-area:2/2;overflow-y:auto}.child-switcher{position:relative}.child-switcher__trigger{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-2) 0 var(--space-2);border:var(--stroke);border-radius:var(--radius-pill);background:var(--color-white);cursor:pointer;font-family:var(--font-body);display:flex}.child-switcher__avatar{background:var(--color-ink);width:26px;height:26px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.child-switcher__name{padding-right:var(--space-1);font-size:.875rem;font-weight:600}.child-switcher__trigger svg{width:16px;height:16px;margin-right:var(--space-2)}.child-switcher__menu{background:var(--color-white);border:var(--stroke-thick);border-radius:var(--radius-md);width:220px;padding:var(--space-2)}.child-switcher__option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;display:flex}.child-switcher__option:hover,.child-switcher__option--active{background:var(--color-gray-100)}.child-switcher__option-name{font-size:.875rem;font-weight:600}.child-switcher__option-meta{font-size:var(--fs-micro);color:var(--color-gray-600);display:block}.child-switcher__add{align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);border:1.5px dashed var(--color-gray-400);color:var(--color-gray-600);font-family:var(--font-body);cursor:not-allowed;background:0 0;font-size:.8125rem;display:flex}.child-switcher__add svg{width:16px;height:16px}.shell__profile-card{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border:var(--stroke);border-radius:var(--radius-md);background:var(--color-gray-100);display:flex}.shell__profile-card-avatar{background:var(--color-ink);width:34px;height:34px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.shell__profile-card-avatar--photo{object-fit:cover}.shell__profile-card-text{flex:1;min-width:0}.shell__profile-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.shell__profile-card-meta{font-size:var(--fs-micro);color:var(--color-gray-600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell__profile-card-signout{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shell__profile-card-signout:hover{background:var(--color-gray-200);color:var(--color-danger)}.shell__profile-card-signout svg{width:16px;height:16px}.shell__topbar-actions{align-items:center;gap:var(--space-3);min-width:0;display:flex}.ai-selectors{align-items:center;gap:var(--space-2);display:flex}.ai-dropdown{position:relative}.ai-dropdown__trigger{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border:var(--stroke);border-radius:var(--radius-pill);background:var(--color-white);font-family:var(--font-body);color:var(--color-ink);cursor:pointer;max-width:150px;font-size:.8125rem;font-weight:600;display:flex}.ai-dropdown__trigger svg{width:15px;height:15px;color:var(--color-gray-600);flex-shrink:0}.ai-dropdown__logo{flex-shrink:0;width:auto;height:14px}.ai-dropdown__trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (width<=899px){.ai-dropdown__trigger{max-width:108px;font-size:var(--fs-micro);padding:0 var(--space-2)}}.ai-dropdown__menu{background:var(--color-white);border:var(--stroke-thick);border-radius:var(--radius-md);width:240px;padding:var(--space-2)}.ai-dropdown__option{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;display:flex}.ai-dropdown__option:hover,.ai-dropdown__option--active{background:var(--color-gray-100)}.ai-dropdown__option-icon{width:22px;height:22px;color:var(--color-gray-600);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex;overflow:hidden}.ai-dropdown__option-icon svg{width:18px;height:18px}.ai-dropdown__option-icon img{object-fit:cover;object-position:5% center;width:100%;height:100%}.ai-dropdown__option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ai-dropdown__option-title{font-size:.875rem;font-weight:700}.ai-dropdown__option-desc{font-size:var(--fs-micro);color:var(--color-gray-600);line-height:1.3}.ai-dropdown__checkbox{border:var(--stroke);background:var(--color-white);width:18px;height:18px;color:var(--color-white);transition:background-color .15s var(--ease-standard), border-color .15s var(--ease-standard);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.ai-dropdown__checkbox svg{stroke-width:2.4px;width:12px;height:12px}.ai-dropdown__checkbox--checked{background:var(--color-ink);border-color:var(--color-ink)}.ai-dropdown__option[aria-disabled=true]{cursor:default}.ai-dropdown__menu-hint{padding:var(--space-2) var(--space-2) 0;font-size:var(--fs-micro);color:var(--color-gray-600);border-top:var(--stroke);margin-top:var(--space-1)}.user-menu{position:relative}.user-menu__signin{height:40px;padding:0 var(--space-4);border:var(--stroke-thick);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font-family:var(--font-body);cursor:pointer;font-size:.875rem;font-weight:600}.user-menu__signin:disabled{opacity:.6;cursor:not-allowed}.user-menu__signin-error{top:calc(100% + var(--space-2));width:220px;font-size:var(--fs-micro);color:var(--color-danger);position:absolute;right:0}.user-menu__trigger{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-2) 0 var(--space-2);border:var(--stroke);border-radius:var(--radius-pill);background:var(--color-white);cursor:pointer;display:flex}.user-menu__trigger svg{width:16px;height:16px;margin-right:var(--space-1);flex-shrink:0}.user-menu__trigger-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;padding-right:var(--space-1);font-size:.875rem;font-weight:600;overflow:hidden}@media (width<=899px){.user-menu__trigger-name{max-width:80px}}.user-menu__avatar,.user-menu__photo{border-radius:50%;width:26px;height:26px}.user-menu__avatar{background:var(--color-ink);color:var(--color-white);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.user-menu__photo{object-fit:cover}.user-menu__menu{top:calc(100% + var(--space-2));background:var(--color-white);border:var(--stroke-thick);border-radius:var(--radius-md);width:260px;padding:var(--space-3);z-index:20;position:absolute;right:0}.user-menu__identity{padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:var(--stroke)}.user-menu__name{font-size:.9375rem;font-weight:700}.user-menu__email{font-size:var(--fs-small);color:var(--color-gray-600);word-break:break-all;margin-top:2px}.user-menu__status{font-size:var(--fs-micro);color:var(--color-gray-600);margin-top:var(--space-2)}.user-menu__signout{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--color-danger);background:0 0;border:none;font-size:.875rem;font-weight:600;display:flex}.user-menu__signout:hover{background:var(--color-gray-100)}.user-menu__signout svg{width:16px;height:16px}.shell__tabbar{display:none}@media (width<=899px){.shell{grid-template-rows:64px 1fr 64px;grid-template-columns:1fr}.shell__sidebar{display:none}.shell__topbar{padding:0 var(--space-4);gap:var(--space-2);grid-column:1}.shell__topbar-actions{scrollbar-width:none;padding:var(--space-1) 0;flex-shrink:1;overflow-x:auto}.shell__topbar-actions::-webkit-scrollbar{display:none}.shell__topbar-actions>*{flex-shrink:0}.shell__main{grid-area:2/1}.shell__tabbar{border-top:var(--stroke);background:var(--color-white);grid-area:3/1;grid-template-columns:repeat(4,1fr);display:grid}.shell__tabbar-item{color:var(--color-gray-600);font-size:var(--fs-micro);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.shell__tabbar-item svg{width:20px;height:20px}.shell__tabbar-item--active{color:var(--color-ink)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-6);border-radius:var(--radius-pill);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:transform .15s var(--ease-standard), opacity .15s var(--ease-standard);border:var(--stroke-thick);font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.btn--solid{background:var(--color-ink);color:var(--color-white)}.btn--outline{color:var(--color-ink);background:0 0}.btn--full{width:100%}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn__label--loading{opacity:0}.btn__spinner{border:2px solid #ffffff59;border-top-color:var(--color-white);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite btn-spin;position:absolute}.btn--outline .btn__spinner{border:2px solid #0d0d0c40;border-top-color:var(--color-ink)}@keyframes btn-spin{to{transform:rotate(360deg)}}.phone-frame__code{text-align:center;flex:none;width:44px}.phone-frame__divider{width:var(--stroke-thick);margin:var(--space-2) var(--space-3);background:var(--color-gray-200);align-self:stretch}.phone-frame__number{letter-spacing:.02em;flex:1;min-width:0}.otp-row{gap:var(--space-2);display:flex}.otp-box{text-align:center;background:var(--color-white);border:var(--stroke-thick);border-radius:var(--radius-md);width:100%;height:60px;color:var(--color-ink);outline:none;font-size:1.375rem;font-weight:600}.otp-box:focus{background:var(--color-gray-100)}.otp-row--error .otp-box{border-color:var(--color-danger)}.login-page{min-height:100%;padding:var(--space-5) var(--space-4) var(--space-8);background-color:var(--color-paper);flex-direction:column;align-items:center;display:flex}.login-page__topbar{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:960px;margin-bottom:var(--space-7);display:flex}.login-page__brand{align-items:center;gap:var(--space-2);display:flex}.login-page__brand-wordmark{width:auto;height:28px;display:block}.login-page__badge{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-600);border:var(--stroke);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);background:var(--color-white);white-space:nowrap;font-weight:600}.login-card{gap:var(--space-4);flex-direction:column;width:100%;max-width:440px;display:flex}.login-card__eyebrow{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-600);font-weight:600}.login-card__title{font-size:var(--fs-display);line-height:1.1}.login-card__body{color:var(--color-gray-600);line-height:1.5}.login-card__form{gap:var(--space-5);margin-top:var(--space-3);flex-direction:column;display:flex}.login-card__google-btn{margin-top:var(--space-5);background:var(--color-white)}.login-card__google-btn .btn__label{align-items:center;gap:var(--space-2);display:inline-flex}.login-card__divider{align-items:center;gap:var(--space-3);color:var(--color-gray-400);font-size:var(--fs-micro);letter-spacing:.06em;font-weight:600;display:flex}.login-card__divider:before,.login-card__divider:after{content:"";background:var(--color-gray-300,var(--color-gray-400));flex:1;height:1px}.login-card__error{font-size:var(--fs-small);color:var(--color-danger,#c0392b);margin-top:calc(-1 * var(--space-2))}.login-card__link{font:inherit;color:var(--color-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.login-card__resend{color:var(--color-gray-600);font-size:var(--fs-small);align-self:center}.login-page__illustration{width:min(420px,90vw);height:auto;margin-top:var(--space-8)}.login-page__footnote{margin-top:var(--space-5);text-align:center;max-width:420px;font-size:var(--fs-micro);color:var(--color-gray-400)}.login-page__footnote-link{color:var(--color-gray-400);text-underline-offset:2px;text-decoration:underline}.login-page__footnote-link:hover,.login-page__footnote-link:focus-visible{color:var(--color-ink)}@media (width<=480px){.login-page__topbar{margin-bottom:var(--space-6)}.login-page__badge{display:none}}.home-chat{flex-direction:column;height:100%;display:flex}.home-chat__scroll{background-color:var(--color-paper);padding:var(--space-5) var(--space-5) 0;flex:auto;overflow-y:auto}.home-chat__messages{gap:var(--space-4);max-width:1080px;padding-bottom:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.home-chat__composer{border-top:var(--stroke);background:var(--color-paper);padding:var(--space-4) var(--space-5)}.home-chat__bar{align-items:center;gap:var(--space-2);max-width:1080px;margin:0 auto;display:flex}.home-chat__input{height:48px;padding:0 var(--space-4);border:var(--stroke);border-radius:var(--radius-pill);background:var(--color-white);font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-ink);flex:auto}.home-chat__input::placeholder{color:var(--color-gray-600)}.home-chat__input:disabled{background:var(--color-gray-100);color:var(--color-gray-600)}.home-chat__input:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.home-chat__send,.home-chat__mic{cursor:pointer;width:48px;height:48px;transition:background-color .15s var(--ease-standard), color .15s var(--ease-standard);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.home-chat__send{border:var(--stroke-thick);background:var(--color-ink);color:var(--color-white)}.home-chat__send:disabled{background:var(--color-gray-400);border-color:var(--color-gray-400);cursor:default}.home-chat__send svg{width:20px;height:20px}.home-chat__mic{border:var(--stroke);background:var(--color-white);color:var(--color-ink)}.home-chat__mic:disabled{color:var(--color-gray-400);border-color:var(--color-gray-200);cursor:default}.home-chat__mic--active{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white);animation:1.2s ease-in-out infinite home-chat-mic-pulse}@keyframes home-chat-mic-pulse{0%,to{box-shadow:0 0 #b3261e59}50%{box-shadow:0 0 0 6px #b3261e00}}@media (width<=720px){.home-chat__scroll{padding:var(--space-4) var(--space-3) 0}.home-chat__composer{padding:var(--space-3)}.home-chat__input{height:44px}.home-chat__send,.home-chat__mic{width:44px;height:44px}}.chat-row{width:100%;display:flex}.chat-row--user{justify-content:flex-end}.chat-row--ai{justify-content:flex-start}.chat-bubble{max-width:82%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);gap:var(--space-2);flex-direction:column;display:flex}.chat-bubble--user{background:var(--color-ink);color:var(--color-white);border-bottom-right-radius:var(--space-1)}.chat-bubble--ai{background:var(--color-white);color:var(--color-ink);border:var(--stroke);border-bottom-left-radius:var(--space-1)}.chat-ai-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;display:grid}.chat-ai-row .chat-bubble{width:100%;max-width:none}.chat-bubble__header{align-items:center;gap:var(--space-2);display:flex}.chat-bubble__provider-logo{width:auto;height:18px}.chat-bubble__model{font-size:var(--fs-small);letter-spacing:.02em;color:var(--color-gray-800);text-transform:uppercase;font-weight:700}.chat-bubble__text{white-space:pre-wrap;line-height:1.5;font-size:var(--fs-body);margin:0}.chat-bubble--user .chat-bubble__text{white-space:pre-wrap}.chat-bubble__text--error{color:var(--color-danger)}.chat-bubble__markdown{line-height:1.55}.chat-bubble__markdown p{margin:0 0 var(--space-2)}.chat-bubble__markdown p:last-child{margin-bottom:0}.chat-bubble__markdown ul,.chat-bubble__markdown ol{margin:0 0 var(--space-2);padding-left:1.25em}.chat-bubble__markdown code{background:var(--color-gray-100);border-radius:4px;padding:.1em .35em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em}.chat-bubble__markdown pre{background:var(--color-gray-100);border-radius:var(--radius-sm);padding:var(--space-3);margin:0 0 var(--space-2);overflow-x:auto}.chat-bubble__markdown pre code{background:0 0;padding:0}.chat-bubble__markdown a{color:inherit;text-decoration:underline}.chat-bubble__markdown strong{font-weight:700}.chat-bubble__images{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-bubble__image{object-fit:cover;border-radius:var(--radius-sm);border:1.5px solid #fff6;width:96px;height:96px}.chat-bubble--ai .chat-bubble__image{border:var(--stroke)}.chat-bubble__toolbar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--stroke);flex-wrap:wrap;display:flex}.chat-bubble__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.chat-bubble__timestamp{font-size:var(--fs-small);color:var(--color-gray-800);font-weight:500}.chat-bubble--user .chat-bubble__timestamp{font-size:var(--fs-micro);color:#ffffffa6}.chat-bubble__usage{font-size:var(--fs-small);color:var(--color-gray-800);white-space:nowrap;font-weight:600}.chat-bubble__actions{gap:var(--space-2);flex-shrink:0;display:flex}.chat-bubble__actions button{background:var(--color-gray-100);width:36px;height:36px;color:var(--color-gray-800);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s var(--ease-standard), color .15s var(--ease-standard);border:none;justify-content:center;align-items:center;display:flex}.chat-bubble__actions button:hover,.chat-bubble__actions button:focus-visible{background:var(--color-ink);color:var(--color-white)}.chat-bubble__actions svg{width:18px;height:18px}@media (width<=720px){.chat-bubble{max-width:92%}}.chat-shimmer{gap:var(--space-2);padding:var(--space-1) 0;flex-direction:column;display:flex}.chat-shimmer__bar{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 37%, var(--color-gray-200) 63%);background-size:400% 100%;height:10px;animation:1.4s ease-in-out infinite chat-shimmer-sweep}.chat-shimmer__bar--w80{width:80%}.chat-shimmer__bar--w60{width:60%}.chat-shimmer__bar--w40{width:40%}@keyframes chat-shimmer-sweep{0%{background-position:100%}to{background-position:0}}.attach-menu{flex:none;position:relative}.attach-menu__trigger{border:var(--stroke);background:var(--color-white);width:48px;height:48px;color:var(--color-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.attach-menu__trigger:hover{background:var(--color-gray-100)}.attach-menu__trigger svg{width:20px;height:20px}.attach-menu__sheet{left:0;bottom:calc(100% + var(--space-2));background:var(--color-white);border:var(--stroke-thick);border-radius:var(--radius-md);width:300px;padding:var(--space-3);z-index:20;position:absolute}.attach-menu__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.attach-menu__option{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);border:var(--stroke);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;text-align:center;flex-direction:column;display:flex;position:relative}.attach-menu__option:hover:not(:disabled){background:var(--color-gray-100)}.attach-menu__option:disabled{cursor:default;opacity:.45}.attach-menu__option-icon{color:var(--color-ink);justify-content:center;align-items:center;display:flex}.attach-menu__option-icon svg{width:20px;height:20px}.attach-menu__option-label{font-size:var(--fs-micro);color:var(--color-ink);line-height:1.2}.attach-menu__badge{text-transform:uppercase;letter-spacing:.03em;color:var(--color-white);background:var(--color-gray-600);border-radius:var(--radius-pill);padding:1px 5px;font-size:.5625rem;font-weight:700;position:absolute;top:4px;right:4px}@media (width<=720px){.attach-menu__sheet{left:calc(-1 * var(--space-3));width:280px}}.subject-picker,.subject-workspace,.chapter-detail{height:100%;padding:var(--space-5);background-color:var(--color-paper);overflow-y:auto}.subject-picker__header,.chapter-detail__header{max-width:1080px;margin:0 auto var(--space-5)}.subject-workspace__header{max-width:1400px;margin:0 auto var(--space-5)}.subject-picker__eyebrow,.subject-workspace__eyebrow{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-600)}.subject-picker__title,.subject-workspace__title{font-family:var(--font-display);font-size:var(--fs-title);margin:var(--space-1) 0 0}.subject-picker__body{color:var(--color-gray-600);margin:var(--space-2) 0 0}.subject-picker__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:1080px;margin:0 auto;display:grid}.subject-picker__card{gap:var(--space-2);padding:var(--space-3);background:var(--color-white);border:var(--stroke);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-body);text-align:left;cursor:pointer;transition:transform .15s var(--ease-standard);flex-direction:column;font-weight:600;display:flex}.subject-picker__card:hover{transform:translateY(-2px)}.subject-picker__thumb{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-gray-100);border:1px solid var(--color-gray-200);width:100%;color:var(--color-gray-400);justify-content:center;align-items:center;display:flex;overflow:hidden}.subject-picker__thumb img{object-fit:cover;width:100%;height:100%;display:block}.subject-picker__thumb svg{width:28px;height:28px}.subject-picker__name{font-weight:600;font-size:var(--fs-body)}.chapters-grid-wrap{max-width:1080px;margin:0 auto}.chapters-grid__error{color:var(--color-danger);margin-bottom:var(--space-4)}.chapters-grid__empty{color:var(--color-gray-600);margin-top:var(--space-5);max-width:520px}.chapters-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.chapter-card{gap:var(--space-2);padding:var(--space-3);background:var(--color-white);border:var(--stroke);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-body);flex-direction:column;display:flex}.chapter-card__thumb{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-gray-100);border:1px solid var(--color-gray-200);width:100%;overflow:hidden}.chapter-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.chapter-card__thumb-empty{width:100%;height:100%;display:block}.chapter-card__name{font-weight:600;font-size:var(--fs-body)}.chapter-card__count{font-size:var(--fs-small);color:var(--color-gray-600)}.chapter-card--add{color:var(--color-gray-600);border-style:dashed;justify-content:center;align-items:center;min-height:160px}.chapter-card--add svg{width:24px;height:24px}.chapter-card--form{justify-content:center;gap:var(--space-3);min-height:160px}.chapter-card__name-input{padding:var(--space-2) var(--space-3);border:var(--stroke);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-body)}.chapter-card__pick-btn,.chapter-card__cancel-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer;font-weight:600}.chapter-card__pick-btn{background:var(--color-ink);color:var(--color-white);border:none}.chapter-card__pick-btn:disabled{opacity:.5;cursor:not-allowed}.chapter-card__cancel-btn{border:var(--stroke);background:0 0}.chapter-detail__back{color:var(--color-gray-600);font-size:var(--fs-small);margin-bottom:var(--space-2);text-decoration:none;display:inline-block}.chapter-detail__back:hover{text-decoration:underline}.chapter-detail__title{font-family:var(--font-display);font-size:var(--fs-title);margin:0}.chapter-detail__status{color:var(--color-gray-600);max-width:1080px;margin:0 auto}.chapter-detail__tab-content{max-width:1080px;margin:0 auto}.chapter-detail__pages{max-width:1080px;margin:0 auto var(--space-5);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.chapter-detail__page{border:var(--stroke);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-white);padding:0;overflow:hidden}.chapter-detail__page img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.chapter-lightbox{z-index:100;padding:var(--space-6);background:#0d0d0ce6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chapter-lightbox img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%}.chapter-lightbox__close{top:var(--space-4);right:var(--space-4);background:var(--color-white);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-family:var(--font-body);cursor:pointer;border:none;font-weight:600;position:absolute}.subject-workspace__body{gap:var(--space-4);flex-direction:column;max-width:1400px;height:calc(100% - 96px);margin:0 auto;display:flex}.subject-workspace__body--wide{flex-direction:row;align-items:stretch}.subject-workspace__left{flex:50%;min-width:0;overflow-y:auto}.subject-workspace__right{border-left:var(--stroke);min-width:0;padding-left:var(--space-5);flex:50%;display:flex}.subject-workspace__left-tabs,.chapter-detail__tabs{gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);display:flex}.subject-workspace__left-tab,.chapter-detail__tab,.subject-workspace__mobile-tab{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.subject-workspace__left-tab--active,.chapter-detail__tab--active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.subject-workspace__mobile-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-gray-200);width:100%;max-width:1080px;margin:0 auto;display:flex}.subject-workspace__mobile-tab--active{color:var(--color-ink);border-bottom:2px solid var(--color-ink)}.classwork-chat{flex-direction:column;width:100%;height:100%;min-height:420px;display:flex}.classwork-chat__scroll{padding:var(--space-4);flex:auto;overflow-y:auto}.classwork-chat__messages{gap:var(--space-3);flex-direction:column;display:flex}.classwork-chat__composer{align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:var(--stroke);display:flex}.classwork-chat__input{padding:var(--space-2) var(--space-3);border:var(--stroke);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-body);flex:auto}.classwork-chat__send{background:var(--color-ink);width:40px;height:40px;color:var(--color-white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.classwork-chat__send:disabled{opacity:.4;cursor:not-allowed}.notes-list{gap:var(--space-3);flex-direction:column;max-width:1080px;margin:0 auto;display:flex}.notes-list__status{color:var(--color-gray-600)}.notes-list__status--error{color:var(--color-danger)}.note-card{background:var(--color-white);border:var(--stroke);border-radius:var(--radius-md);padding:var(--space-4)}.note-card__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.note-card__title{font-weight:600}.note-card__date{font-size:var(--fs-small);color:var(--color-gray-600);white-space:nowrap}.note-card__body{font-size:var(--fs-body);line-height:1.5}.note-card__actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.note-card__actions button{border:var(--stroke);border-radius:var(--radius-pill);cursor:pointer;width:32px;height:32px;color:var(--color-gray-800);background:0 0;justify-content:center;align-items:center;display:flex}.note-card__actions svg{width:16px;height:16px}.practice-generator{max-width:1080px;margin:0 auto}.practice-generator__description{color:var(--color-gray-600);margin-bottom:var(--space-3)}.practice-generator__button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font-family:var(--font-body);cursor:pointer;margin-bottom:var(--space-3);border:none;font-weight:600}.practice-generator__button:disabled{opacity:.5;cursor:not-allowed}.practice-generator__status{color:var(--color-gray-600);margin-bottom:var(--space-4)}.drive-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-gray-100);border:var(--stroke);border-radius:var(--radius-md);display:flex}.drive-banner__text{font-size:var(--fs-small);color:var(--color-gray-800)}.drive-banner__button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font-family:var(--font-body);font-weight:600;font-size:var(--fs-small);cursor:pointer;border:none;flex-shrink:0}.coming-soon{justify-content:center;align-items:center;gap:var(--space-6);min-height:100%;padding:var(--space-7) var(--space-6);text-align:center;flex-direction:column;display:flex}.coming-soon__text{align-items:center;gap:var(--space-3);flex-direction:column;max-width:520px;display:flex}.coming-soon__illustration{width:min(340px,80vw);height:auto}.coming-soon__eyebrow{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-600);font-weight:600}.coming-soon__title{font-family:var(--font-display);font-size:1.75rem}.coming-soon__body{color:var(--color-gray-600);line-height:1.5}.info-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--stroke);border-radius:var(--radius-md);background:var(--color-gray-100);display:flex}.info-row__label{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-600);font-weight:600}.info-row__value{color:var(--color-ink);word-break:break-all;text-align:right;font-family:Space Grotesk,monospace;font-size:.875rem}.field{flex-direction:column;padding-top:14px;display:flex;position:relative}.field__chip{top:0;left:var(--space-4);background:var(--color-ink);color:var(--color-white);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;padding:5px var(--space-3);border-radius:var(--radius-sm);z-index:1;font-weight:600;position:absolute}.field__frame{background:var(--color-white);border:var(--stroke-thick);border-radius:var(--radius-md);height:60px;padding:0 var(--space-4);align-items:center;display:flex}.field__frame--error{border-color:var(--color-danger)}.field__error{margin-top:var(--space-2);font-size:var(--fs-small);color:var(--color-danger)}.field__frame input{color:var(--color-ink);background:0 0;border:none;outline:none;font-size:1.0625rem;font-weight:500}.field__frame input::placeholder{color:var(--color-gray-400);font-weight:400}.select-field__frame{padding-right:var(--space-3);position:relative}.select-field__select{height:100%;color:var(--color-ink);font-size:1.0625rem;font-weight:500;font-family:var(--font-body);appearance:none;padding-right:var(--space-6);cursor:pointer;background:0 0;border:none;outline:none;flex:1}.select-field__chevron{right:var(--space-4);width:16px;height:16px;color:var(--color-gray-600);pointer-events:none;position:absolute}.tag-list{gap:var(--space-3);flex-direction:column;display:flex}.tag-list__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-list__chip{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-2) 0 var(--space-3);border:var(--stroke);border-radius:var(--radius-pill);background:var(--color-white);font-size:.8125rem;font-weight:500;display:inline-flex}.tag-list__remove{background:var(--color-gray-100);width:20px;height:20px;color:var(--color-gray-600);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.tag-list__remove svg{width:11px;height:11px}.tag-list__remove:hover{background:var(--color-ink);color:var(--color-white)}.tag-list__add{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4) 0 var(--space-3);border:1.5px dashed var(--color-gray-400);border-radius:var(--radius-pill);color:var(--color-gray-600);font-family:var(--font-body);cursor:pointer;background:0 0;align-self:flex-start;font-size:.8125rem;font-weight:600;display:inline-flex}.tag-list__add svg{width:14px;height:14px}.tag-list__add:hover{border-color:var(--color-ink);color:var(--color-ink)}.tag-list__form{gap:var(--space-2);display:flex}.tag-list__input{height:36px;padding:0 var(--space-3);border:var(--stroke);border-radius:var(--radius-pill);font-family:var(--font-body);outline:none;min-width:160px;font-size:.8125rem}.tag-list__submit{height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--stroke-thick);background:var(--color-ink);color:var(--color-white);font-family:var(--font-body);cursor:pointer;font-size:.8125rem;font-weight:600}.toggle-field{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;cursor:pointer;display:flex}.toggle-field__text{flex-direction:column;gap:2px;display:flex}.toggle-field__label{font-size:.9375rem;font-weight:500}.toggle-field__description{font-size:var(--fs-small);color:var(--color-gray-600)}.toggle-field__track{border-radius:var(--radius-pill);border:var(--stroke);background:var(--color-white);width:44px;height:26px;transition:background-color .15s var(--ease-standard);flex-shrink:0;position:relative}.toggle-field__track--on{background:var(--color-ink)}.toggle-field__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle-field__knob{background:var(--color-ink);width:20px;height:20px;transition:transform .15s var(--ease-standard), background-color .15s var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-field__track--on .toggle-field__knob{background:var(--color-white);transform:translate(18px)}.ai-test{gap:var(--space-3);padding:var(--space-4);border:1.5px dashed var(--color-gray-400);border-radius:var(--radius-md);flex-direction:column;display:flex}.ai-test__title{font-size:.9375rem;font-weight:700}.ai-test__hint{font-size:var(--fs-small);color:var(--color-gray-600);margin-top:-6px}.ai-test__input{width:100%;padding:var(--space-3);border:var(--stroke);border-radius:var(--radius-sm);font-family:var(--font-body);resize:vertical;font-size:.875rem}.ai-test .btn{height:40px;padding:0 var(--space-4);align-self:flex-start}.ai-test__result{padding:var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-sm)}.ai-test__response{white-space:pre-wrap;font-size:.875rem}.ai-test__meta{margin-top:var(--space-2);font-size:var(--fs-micro);color:var(--color-gray-600)}.ai-test__error{font-size:var(--fs-small);color:var(--color-danger)}.prompt-studio{gap:var(--space-3);flex-direction:column;display:flex}.prompt-studio__status{margin:calc(var(--space-2) * -1) 0 0;font-size:var(--fs-small);color:var(--color-gray-600)}.prompt-studio__textarea{width:100%;min-height:220px;padding:var(--space-3);border:var(--stroke);border-radius:var(--radius-sm);resize:vertical;font-family:DM Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}.prompt-studio__actions{gap:var(--space-3);display:flex}.prompt-studio__actions .btn{height:40px;padding:0 var(--space-4)}.prompt-studio__hint{font-size:var(--fs-small);color:var(--color-gray-600);margin:0}.model-picker-field{gap:var(--space-2);flex-direction:column;display:flex}.model-picker-field__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.model-picker-field__label{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-600);font-weight:700}.model-picker-field__browse{height:34px;padding:0 var(--space-3);font-size:var(--fs-small)}.model-picker-field__select,.model-picker-field__input{width:100%;height:52px;padding:0 var(--space-4);border:var(--stroke-thick);border-radius:var(--radius-md);background:var(--color-white);font-family:var(--font-body);color:var(--color-ink);font-size:.9375rem}.model-picker-field__error{font-size:var(--fs-small);color:var(--color-danger);margin:0}.settings-section{gap:var(--space-5);flex-direction:column;display:flex}.settings-section__hint{margin:calc(var(--space-3) * -1) 0 0;font-size:var(--fs-small);color:var(--color-gray-600)}.settings-section__profile{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--stroke);display:flex}.settings-section__avatar{background:var(--color-ink);width:52px;height:52px;color:var(--color-white);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.375rem;display:flex}.settings-section__profile-name{font-size:1.0625rem;font-weight:700}.settings-section__profile-meta{color:var(--color-gray-600);font-size:var(--fs-small);margin-top:2px}.settings-section__row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-section__row-title{font-size:.9375rem;font-weight:600}.settings-section__row-meta{color:var(--color-gray-600);font-size:var(--fs-small);margin-top:2px}.settings-section__row .btn{height:40px;padding:0 var(--space-4);flex-shrink:0}.settings-section__danger{border-color:var(--color-danger);color:var(--color-danger)}.provider-picker{gap:var(--space-3);flex-wrap:wrap;display:flex}.provider-picker__option{padding:var(--space-3) var(--space-5);border:var(--stroke);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;transition:transform .15s var(--ease-standard), border-color .15s var(--ease-standard);align-items:center;display:flex;position:relative}.provider-picker__badge{background:var(--color-ink);width:20px;height:20px;color:var(--color-white);border:2px solid var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-7px;right:-7px}.provider-picker__badge svg{stroke-width:2.6px;width:12px;height:12px}.provider-picker__option--active{border:var(--stroke-thick);background:var(--color-gray-100)}.provider-picker__option:active{transform:scale(.97)}.provider-picker__logo{object-fit:contain;width:auto;height:26px}.settings-page{max-width:920px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}.settings-page__title{font-family:var(--font-display);margin-bottom:var(--space-5);font-size:1.75rem}.settings-layout{gap:var(--space-6);grid-template-columns:220px 1fr;align-items:start;display:grid}.settings-layout__nav{top:var(--space-5);flex-direction:column;gap:2px;display:flex;position:sticky}.settings-layout__nav-item{text-align:left;height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-gray-600);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:.9375rem;font-weight:500}.settings-layout__nav-item:hover{background:var(--color-gray-100);color:var(--color-ink)}.settings-layout__nav-item--active{background:var(--color-ink);color:var(--color-white)}.settings-layout__panel{border:var(--stroke);border-radius:var(--radius-md);background:var(--color-white);padding:var(--space-5) var(--space-6)}.settings-layout__panel-title{font-family:var(--font-display);margin-bottom:var(--space-4);font-size:1.25rem}.settings-layout__accordion{display:none}.settings-accordion-item{border:var(--stroke);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden}.settings-accordion-item+.settings-accordion-item{margin-top:var(--space-3)}.settings-accordion-item__summary{padding:var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.settings-accordion-item__summary::-webkit-details-marker{display:none}.settings-accordion-item__chevron{width:18px;height:18px;color:var(--color-gray-600);transition:transform .15s var(--ease-standard)}.settings-accordion-item[open] .settings-accordion-item__chevron{transform:rotate(180deg)}.settings-accordion-item__body{padding:0 var(--space-4) var(--space-4);border-top:var(--stroke);padding-top:var(--space-4)}@media (width<=899px){.settings-page{padding:var(--space-5) var(--space-4) var(--space-8)}.settings-layout{display:block}.settings-layout__nav,.settings-layout__panel{display:none}.settings-layout__accordion{display:block}}.usage-page{--series-gemini:#2a78d6;--series-openai:#eb6834;--series-claude:#1baf7a;max-width:1040px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}.usage-page__header{margin-bottom:var(--space-5)}.usage-page__eyebrow{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-600);font-weight:600}.usage-page__title{font-family:var(--font-display);font-size:1.75rem}.usage-page__error{color:var(--color-danger);margin-bottom:var(--space-4)}.usage-stat-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=720px){.usage-stat-grid{grid-template-columns:1fr}}.usage-stat-card{border:var(--stroke);border-radius:var(--radius-md);background:var(--color-white);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.usage-stat-card__logo{width:auto;height:22px;margin-bottom:var(--space-1);align-self:flex-start}.usage-stat-card__row{justify-content:space-between;align-items:baseline;display:flex}.usage-stat-card__label{font-size:var(--fs-small);color:var(--color-gray-600)}.usage-stat-card__value{font-family:var(--font-display);font-size:1.125rem}.usage-stat-card__queries{font-size:var(--fs-micro);color:var(--color-gray-600);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-gray-200)}.usage-chart-card{border:var(--stroke);border-radius:var(--radius-md);background:var(--color-white);padding:var(--space-5);margin-bottom:var(--space-4)}.usage-chart-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.usage-chart-card__title{font-family:var(--font-display);font-size:1.125rem}.usage-chart-card__meta{font-size:var(--fs-small);color:var(--color-gray-600);margin-top:2px;margin-bottom:var(--space-4)}.usage-chart-card__range{border:var(--stroke);border-radius:var(--radius-pill);gap:2px;padding:3px;display:flex}.usage-chart-card__range-btn{height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-micro);color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;font-weight:600}.usage-chart-card__range-btn--active{background:var(--color-ink);color:var(--color-white)}.usage-chart-card__empty{color:var(--color-gray-600);padding:var(--space-6) 0;text-align:center}.usage-legend{gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.usage-legend--tokens{margin-bottom:var(--space-4)}.usage-legend__item{align-items:center;gap:var(--space-2);font-size:var(--fs-small);color:var(--color-gray-600);display:inline-flex}.usage-legend__swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.usage-legend__swatch--ink{background:var(--color-ink)}.usage-legend__swatch--gray{background:var(--color-gray-400)}.usage-chart{height:180px;padding-top:var(--space-2);align-items:flex-end;gap:6px;display:flex;overflow-x:auto}.usage-chart__bar-wrap{justify-content:flex-end;align-items:center;gap:var(--space-2);cursor:default;flex-direction:column;flex:1 0 auto;min-width:18px;height:100%;display:flex}.usage-chart__stack{border-radius:4px 4px 0 0;flex-direction:column-reverse;width:100%;max-width:22px;display:flex;overflow:hidden}.usage-chart__segment{border-bottom:2px solid var(--color-white);width:100%}.usage-chart__segment:first-child{border-bottom:none}.usage-chart__bar-label{color:var(--color-gray-600);white-space:nowrap;font-size:9px}.usage-chart-detail{align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200);font-size:var(--fs-small);flex-wrap:wrap;display:flex}.usage-chart-detail__date{color:var(--color-ink);font-weight:700}.usage-chart-detail__item{align-items:center;gap:var(--space-2);color:var(--color-gray-600);display:inline-flex}.usage-chart-detail__total{color:var(--color-ink);margin-left:auto;font-weight:700}.usage-secondary-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=780px){.usage-secondary-grid{grid-template-columns:1fr}}.usage-secondary-grid .usage-chart-card{margin-bottom:0}.usage-hbar-list{gap:var(--space-3);flex-direction:column;display:flex}.usage-hbar-row{align-items:center;gap:var(--space-3);display:flex}.usage-hbar-row__logo{flex-shrink:0;width:auto;height:16px}.usage-hbar-row__track{background:var(--color-gray-100);border-radius:4px;flex:1;height:14px;overflow:hidden}.usage-hbar-row__track--stacked{display:flex}.usage-hbar-row__fill{height:100%;transition:width .2s var(--ease-standard);border-radius:4px}.usage-hbar-row__fill--ink{background:var(--color-ink);border-radius:4px 0 0 4px;margin-right:2px}.usage-hbar-row__fill--gray{background:var(--color-gray-400);border-radius:0 4px 4px 0}.usage-hbar-row__value{text-align:right;min-width:56px;font-size:var(--fs-small);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}