:root{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#262924;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid #53665b;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;height:100dvh;min-height:420px;overflow:hidden}.sidebar{width:272px;flex:none;background:#f3f2ed;border-right:1px solid #e8e7df;display:flex;flex-direction:column;padding:25px 14px 18px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 27px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:720;letter-spacing:-.045em;color:#20291f}.brand-mark{width:26px;height:26px;display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;align-content:center;justify-content:center;transform:rotate(-12deg)}.brand-mark span{display:block;background:#667f6f;border-radius:2px}.brand-mark span:nth-child(2){opacity:.54}.brand-mark span:nth-child(3){opacity:.72}.brand-mark span:nth-child(4){opacity:.34}.icon-button{width:36px;height:36px;border:0;background:transparent;color:#586158;display:grid;place-items:center;border-radius:9px}.icon-button:hover{background:#e8e9e2}.mobile-close,.menu-button{display:none}.new-chat{height:43px;display:flex;align-items:center;gap:10px;width:100%;padding:0 13px;border:1px solid #dcded7;border-radius:11px;background:#fdfdfa;color:#2b382e;text-align:left;font-size:13px;font-weight:650;box-shadow:0 2px 6px #35423307;transition:background .2s,border-color .2s,transform .2s}.new-chat:hover{background:#fff;border-color:#bfc8be;transform:translateY(-1px)}.new-chat svg{width:17px;height:17px}.new-chat-hint{margin-left:auto;color:#9b9e95;font-weight:450;font-size:11px}.sidebar-section-label{font-size:11px;color:#93968d;font-weight:680;letter-spacing:.06em;margin:32px 11px 12px}.conversation-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.conversation-item{display:flex;align-items:center;min-height:39px;margin:1px 0;padding:0 8px 0 12px;border-radius:9px;color:#62685f}.conversation-item.active{background:#e9ebe4;color:#253329}.conversation-open{min-width:0;flex:1;border:0;background:none;color:inherit;text-align:left;padding:9px 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item:not(.active):hover{background:#ebebe5}.delete-chat{flex:none;border:0;background:none;color:#9ba098;width:27px;height:27px;display:grid;place-items:center;border-radius:6px;opacity:0}.delete-chat svg{width:15px;height:15px}.conversation-item:hover .delete-chat,.delete-chat:focus-visible{opacity:1}.delete-chat:hover{background:#dfe2db;color:#8c4343}.sidebar-empty{margin:5px 11px;color:#999d95;font-size:12px;line-height:1.6}.sidebar-footer{border-top:1px solid #e2e3dc;padding:18px 10px 0}.footer-line{display:flex;align-items:center;gap:9px;color:#59655a;font-size:12px;font-weight:590}.status-dot{width:7px;height:7px;background:#a9aaa2;border-radius:50%;box-shadow:0 0 0 3px #a9aaa222}.status-dot.ready{background:#688d6e;box-shadow:0 0 0 3px #688d6e22}.status-dot.unready{background:#c18862;box-shadow:0 0 0 3px #c1886222}.sidebar-footer p{font-size:11px;color:#aaa9a1;margin:9px 0 0;line-height:1.5}.main-panel{min-width:0;flex:1;display:flex;flex-direction:column;background:#faf9f6}.topbar{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #ecebe5}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.current-title{font-size:14px;font-weight:640;color:#444c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-label{display:flex;align-items:center;gap:7px;color:#737e72;font-size:12px;font-weight:580;white-space:nowrap}.model-sparkle{color:#769178;font-size:17px}.chat-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-content{width:min(100%,850px);min-height:100%;margin:0 auto;padding:30px 34px 42px}.empty-state{min-height:calc(100dvh - 280px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0 72px;animation:appear .4s ease both}.empty-symbol{width:54px;height:54px;border:1px solid #d9ded7;border-radius:17px;display:grid;place-items:center;color:#69836f;background:#f5f6f1;font-size:27px;box-shadow:0 8px 26px #42614810}.empty-state h1{font-size:30px;letter-spacing:-.06em;font-weight:690;line-height:1.25;margin:25px 0 8px;color:#2b332b}.empty-state p{margin:0;color:#8b9188;font-size:14px}.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,460px);margin-top:42px}.suggestion{min-height:48px;padding:11px 16px;background:transparent;border:1px solid #e6e7df;border-radius:11px;color:#626a61;font-size:12px;text-align:left;transition:border-color .18s,background .18s,transform .18s}.suggestion:hover{background:#f4f5ef;border-color:#c9d1c7;transform:translateY(-2px)}.message{display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:18px;margin:24px 0 35px;animation:appear .25s ease both}.message-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:690}.message.user .message-avatar{background:#e9ece6;color:#5e705f}.message.assistant .message-avatar{background:#dfe9df;color:#45634c;font-size:18px}.message-main{min-width:0;padding-top:2px}.message-author{font-size:12px;font-weight:700;color:#384139;margin-bottom:10px}.message-body{font-size:14px;line-height:1.85;color:#343b34;overflow-wrap:anywhere;white-space:pre-wrap}.message.user .message-body{color:#4d574d}.message-body p{margin:0 0 12px}.message-body p:last-child{margin-bottom:0}.message-body pre{margin:12px 0;padding:16px;overflow:auto;border-radius:10px;background:#e9ece6;color:#27342b;font-size:12px;line-height:1.6;white-space:pre}.message-body code{font-family:"SFMono-Regular",Consolas,monospace}.message-body .inline-code{padding:2px 5px;background:#e9ece6;border-radius:4px;font-size:.9em}.message-body h2,.message-body h3{font-size:15px;line-height:1.5;margin:17px 0 8px}.message-body ul,.message-body ol{padding-left:22px;margin:7px 0 14px;white-space:normal}.message-body li{padding-left:2px;margin:3px 0}.message-actions{display:flex;gap:7px;margin-top:11px}.text-action{border:0;background:transparent;padding:3px 0;color:#919990;font-size:11px}.text-action:hover{color:#45634c}.typing{display:flex;gap:5px;align-items:center;height:25px}.typing span{width:5px;height:5px;background:#9aac9a;border-radius:50%;animation:pulse 1.25s infinite}.typing span:nth-child(2){animation-delay:.16s}.typing span:nth-child(3){animation-delay:.32s}.composer-area{flex:none;padding:0 28px;background:linear-gradient(to bottom,#faf9f600,#faf9f6 16px)}.composer-wrap{width:min(100%,782px);margin:0 auto}.composer{border:1px solid #dfe3db;background:#fff;border-radius:16px;box-shadow:0 7px 27px #32432f0b;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#a6b6a7;box-shadow:0 7px 28px #32432f13}.composer textarea{display:block;width:100%;resize:none;max-height:190px;min-height:54px;padding:18px 19px 5px;background:transparent;border:0;outline:none;color:#2c352c;font-size:14px;line-height:1.55}.composer textarea::placeholder{color:#a3aaa0}.composer-bottom{height:45px;padding:0 10px 9px 19px;display:flex;align-items:center;justify-content:space-between}.composer-tip{font-size:11px;color:#afb4aa}.send-button{width:31px;height:31px;border:0;border-radius:9px;background:#597361;color:#fff;display:grid;place-items:center;transition:background .2s,transform .2s}.send-button:hover{background:#455d4e;transform:translateY(-1px)}.send-button:disabled{background:#bbc7bc;cursor:not-allowed;transform:none}.send-button svg{width:17px;height:17px;stroke-width:2.1}.stop-button{background:#4f5f52}.disclaimer{text-align:center;color:#b0b4ab;font-size:10px;margin:12px 0 16px}.error-banner{color:#8f4540;background:#fff0ed;border:1px solid #efd6d2;border-radius:10px;padding:10px 14px;margin-bottom:11px;font-size:12px;line-height:1.5}.sidebar-scrim{display:none}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media(max-width:760px){.app-shell{min-height:0}.sidebar{position:fixed;z-index:12;left:0;top:0;bottom:0;width:min(82vw,300px);transform:translateX(-101%);transition:transform .25s ease;box-shadow:15px 0 45px #1e302413}.sidebar.open{transform:translateX(0)}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:11;background:#17231855}.mobile-close,.menu-button{display:grid}.topbar{height:62px;padding:0 17px}.current-title{max-width:calc(100vw - 185px)}.chat-content{padding:16px 20px 30px}.empty-state{min-height:calc(100dvh - 260px);padding:20px 0 32px}.empty-state h1{font-size:25px}.suggestions{margin-top:32px}.composer-area{padding:0 12px}.composer textarea{font-size:16px}.composer-tip{display:none}.message{grid-template-columns:28px minmax(0,1fr);column-gap:13px;margin:20px 0 30px}.message-avatar{width:28px;height:28px}.message-body{font-size:14px}.disclaimer{margin-bottom:11px}}@media(max-width:390px){.suggestions{grid-template-columns:1fr}.suggestion{min-height:43px}.empty-state{justify-content:center}.model-label{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}
.topbar-actions{display:flex;align-items:center;gap:20px}.mode-button{border:1px solid #dce4da;border-radius:9px;background:#f2f5ef;color:#44614b;padding:8px 13px;font-size:12px;font-weight:650;transition:background .18s,border-color .18s}.mode-button:hover{background:#e9efe7;border-color:#bdcbbd}
.practice-panel{flex:1;min-height:0;overflow:auto;padding:36px clamp(22px,5vw,70px) 48px;background:#faf9f6}.practice-heading-row{width:min(100%,1000px);margin:0 auto 25px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.practice-kicker{margin:0 0 10px;color:#788a79;font-size:11px;font-weight:700;letter-spacing:.07em}.practice-heading-row h1{margin:0;color:#27352b;font-size:27px;line-height:1.3;letter-spacing:-.045em;font-weight:680}.practice-intro{margin:8px 0 0;color:#868d83;font-size:12px;line-height:1.65}.practice-exit{flex:none;margin-top:3px;padding:8px 11px;border:0;border-radius:8px;background:transparent;color:#68746a;font-size:12px}.practice-exit:hover{background:#edeee8;color:#354c39}.practice-tabs{width:min(100%,1000px);margin:0 auto;display:flex;gap:23px;border-bottom:1px solid #e5e8e0}.practice-tab{position:relative;padding:13px 2px 12px;border:0;background:transparent;color:#8b9289;font-size:12px;font-weight:620}.practice-tab::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#67816c;transform:scaleX(0);transition:transform .2s}.practice-tab.active{color:#3c5843}.practice-tab.active::after{transform:scaleX(1)}.practice-layout{width:min(100%,1000px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:clamp(28px,5vw,72px);padding-top:36px}.exercise-content{min-width:0}.exercise-meta{display:flex;justify-content:space-between;align-items:center;color:#9a9e94;font-size:10px;font-weight:700;letter-spacing:.09em}.exercise-prompt{padding:24px 0 27px;border-bottom:1px solid #e8e9e3}.exercise-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.exercise-title-row h2{margin:0;color:#29392e;font-size:clamp(32px,5vw,48px);font-weight:630;letter-spacing:-.055em;line-height:1.2;overflow-wrap:anywhere}.listen-button{flex:none;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce3d9;border-radius:9px;background:#fff;color:#526d58;font-size:11px;font-weight:630}.listen-button svg{width:17px;height:17px}.listen-button:hover{border-color:#b9c9b8;background:#f8faf6}.exercise-translation{margin:9px 0 0;color:#788178;font-size:14px}.exercise-example{margin-top:26px;padding-left:13px;border-left:2px solid #cdd9cb}.exercise-example p{margin:0;color:#48564a;font-size:14px;line-height:1.65}.exercise-example .example-translation{margin-top:5px;color:#969b91;font-size:11px}.rate-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:20px 0 10px}.rate-control label{display:block;color:#526052;font-size:12px;font-weight:630}.rate-note{display:block;margin-top:3px;color:#9b9e96;font-size:10px}.rate-control output{color:#4d6853;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.rate-control input{grid-column:1/-1;width:100%;height:18px;margin:6px 0 0;accent-color:#66816b}.practice-status{min-height:21px;margin:9px 0 0;color:#788578;font-size:11px;line-height:1.6}.recording-tools{padding-top:18px}.recording-row{display:flex;gap:9px;align-items:center}.record-button{display:flex;align-items:center;gap:9px;min-height:39px;padding:0 14px;border:0;border-radius:9px;background:#587460;color:#fff;font-size:12px;font-weight:620;transition:background .18s,transform .18s}.record-button:hover{background:#455d4b;transform:translateY(-1px)}.record-button:disabled{opacity:.6;cursor:wait;transform:none}.record-dot{width:9px;height:9px;border-radius:50%;background:#e69a8c;box-shadow:0 0 0 4px #ffffff24}.stop-record-button{background:#775b55}.stop-record-button:hover{background:#664b45}.recording-note{max-width:540px;margin:10px 0 0;color:#9a9e96;font-size:10px;line-height:1.65}.recording-playback{display:block;width:min(100%,460px);height:39px;margin-top:15px}.self-feedback{margin-top:18px}.self-feedback>p{margin:0 0 9px;color:#556355;font-size:11px;font-weight:650}.feedback-actions{display:flex;flex-wrap:wrap;gap:8px}.feedback-actions button,.word-feedback button{min-height:34px;padding:0 11px;border:1px solid #dfe4dc;border-radius:8px;background:#fff;color:#687469;font-size:10px}.feedback-actions button:hover,.word-feedback button:hover{border-color:#b6c6b5;color:#3f5c45}.feedback-actions button.selected{border-color:#8fa992;background:#eef4ec;color:#3e5943}.word-feedback{display:flex;align-items:center;gap:9px;padding-top:20px}.word-feedback span{margin-right:auto;color:#92978d;font-size:10px}.word-feedback button{background:transparent}.permission-help{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin-top:18px;padding:13px 14px;border-left:2px solid #bf8c70;background:#f5f0ea}.permission-help p{margin:0;color:#765d4e;font-size:11px;line-height:1.6}.permission-help button{flex:none;border:0;background:transparent;color:#506d56;font-size:11px;font-weight:650}.practice-aside{border-left:1px solid #e5e8e0;padding:2px 0 0 22px}.aside-label{margin:0 0 18px;color:#5a6d5d;font-size:11px;font-weight:700;letter-spacing:.04em}.practice-aside ol{list-style:none;padding:0;margin:0}.practice-aside li{display:flex;align-items:center;gap:11px;margin:13px 0;color:#5d675d;font-size:11px}.practice-aside li span{color:#a0a69c;font-size:9px;font-variant-numeric:tabular-nums}.aside-note{margin:23px 0 0;color:#999e94;font-size:10px;line-height:1.75}.next-exercise{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px;padding:12px 0;border:0;border-top:1px solid #e5e8e0;border-bottom:1px solid #e5e8e0;background:transparent;color:#4e6954;font-size:11px;font-weight:660;text-align:left}.next-exercise span{font-size:16px;transition:transform .18s}.next-exercise:hover span{transform:translateX(3px)}
@media(max-width:760px){.topbar-actions{gap:12px}.practice-panel{padding:25px 21px 35px}.practice-heading-row{margin-bottom:19px}.practice-heading-row h1{font-size:23px}.practice-intro{max-width:270px}.practice-layout{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:26px}.practice-aside{border-left:0;border-top:1px solid #e5e8e0;padding:19px 0 0}.practice-aside ol{display:grid;grid-template-columns:1fr;gap:2px}.practice-aside li{margin:8px 0}.aside-note{margin-top:15px}.next-exercise{margin-top:16px}.exercise-title-row h2{font-size:37px}}
@media(max-width:390px){.topbar-actions{gap:7px}.mode-button{padding:7px 9px;font-size:11px}.topbar{padding:0 12px}.practice-panel{padding:22px 16px 29px}.practice-heading-row h1{font-size:21px}.practice-exit{padding:7px 6px;font-size:11px}.exercise-title-row{align-items:flex-start;flex-direction:column}.exercise-title-row h2{font-size:34px}.listen-button{align-self:flex-start}.word-feedback{gap:6px}.word-feedback button{padding:0 8px}}
.wallet-open{width:100%;margin:0 0 16px;padding:9px 11px;border:1px solid #dce1d9;border-radius:9px;background:#fafbf8;color:#4b6651;text-align:left;font-size:12px;font-weight:620;transition:background .18s,border-color .18s}.wallet-open:hover{background:#fff;border-color:#bfcdbf}.wallet-view{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.wallet-content{width:min(100%,760px);margin:0 auto;padding:30px 34px 48px}.wallet-back{border:0;background:transparent;padding:5px 0;color:#718071;font-size:12px}.wallet-back:hover{color:#3e6146}.wallet-heading{margin:23px 0 24px}.wallet-eyebrow{display:block;color:#849184;font-size:10px;font-weight:700;letter-spacing:.08em}.wallet-heading h1{margin:8px 0;font-size:27px;letter-spacing:-.05em;color:#2c392e}.wallet-heading p{margin:0;color:#828a80;font-size:13px;line-height:1.7}.quota-card{padding:23px 24px 19px;border:1px solid #dfe7dd;border-radius:16px;background:linear-gradient(135deg,#f7faf5,#fff);box-shadow:0 8px 28px #30442f08}.quota-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quota-card h2,.wallet-unavailable h2{margin:6px 0 0;color:#344337;font-size:15px;letter-spacing:-.02em}.quota-badge{flex:none;padding:6px 9px;border:1px solid #e0e8de;border-radius:999px;color:#718674;background:#fff;font-size:10px}.quota-total{display:flex;align-items:baseline;gap:8px;margin:21px 0 15px;color:#718071;font-size:12px}.quota-total strong{color:#3e6045;font-size:38px;letter-spacing:-.06em;line-height:1}.quota-progress{height:7px;overflow:hidden;border-radius:99px;background:#e9eee7}.quota-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#6e9274;transition:width .25s ease}.quota-detail{margin:11px 0 0;color:#5d6b5d;font-size:12px}.quota-footnote{margin:17px 0 0;padding-top:14px;border-top:1px solid #edf0ea;color:#9a9f97;font-size:11px;line-height:1.6}.wallet-unavailable{display:flex;gap:15px;margin-top:16px;padding:20px 22px;border:1px solid #e8e8e1;border-radius:15px;background:#f8f8f4}.wallet-unavailable-mark{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eeefe9;color:#90958c;font-weight:700;letter-spacing:2px}.wallet-unavailable p{max-width:560px;margin:8px 0 0;color:#7f867c;font-size:12px;line-height:1.75}.wallet-error{margin:13px 0 0;padding:10px 13px;border:1px solid #efd6d2;border-radius:9px;background:#fff0ed;color:#8f4540;font-size:12px;line-height:1.5}
.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 48% 0%,#e7ece4 0,#faf9f6 43%)}
.auth-card{width:min(100%,430px);padding:35px;background:#fff;border:1px solid #e4e8df;border-radius:20px;box-shadow:0 22px 70px #233b2612}
.auth-brand{display:flex;align-items:center;gap:11px;color:#263629;font-size:17px;font-weight:720;letter-spacing:-.045em}
.auth-card h1{font-size:29px;letter-spacing:-.055em;line-height:1.25;margin:34px 0 9px}
.auth-intro{font-size:13px;line-height:1.75;color:#768076;margin:0 0 27px}
.auth-loading{font-size:13px;color:#778276;margin-top:34px}
.auth-tabs{display:flex;gap:20px;border-bottom:1px solid #e7eae4;margin-bottom:24px}
.auth-tab{border:0;border-bottom:2px solid transparent;padding:0 4px 11px;background:transparent;color:#8a9389;font-size:13px;font-weight:650}
.auth-tab.active{border-color:#55745e;color:#304c36}
.auth-form{display:flex;flex-direction:column}
.auth-form label{font-size:12px;font-weight:650;color:#485548;margin-bottom:8px}
.auth-form input{height:43px;padding:0 12px;margin-bottom:19px;border:1px solid #dce3d9;border-radius:10px;background:#fdfefd;color:#26362a;font:inherit;font-size:14px}
.auth-form input:focus-visible{outline:2px solid #849e8a;outline-offset:1px}
.auth-form input::placeholder{color:#a7afa5}
.auth-hint{font-size:11px;line-height:1.6;color:#839083;margin:-5px 0 17px}
.auth-error{font-size:12px;line-height:1.5;color:#904640;background:#fff0ed;border-radius:8px;padding:9px 11px;margin:0 0 13px}
.auth-submit{height:44px;border:0;border-radius:10px;background:#597361;color:white;font-size:13px;font-weight:650;margin-top:2px}
.auth-submit:hover{background:#455f4d}
.auth-submit:disabled{opacity:.6;cursor:wait}
.account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:#344536}
.account-row button{flex:none;padding:5px 0;border:0;background:transparent;color:#788778;font-size:11px}
.account-row button:hover{color:#314f38}
.quota-line{font-size:12px;color:#65806a;text-align:right;padding:0 3px 9px}
.quota-line.empty{color:#a15f50}
.auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:-9px 0 19px;border:1px solid #e8ebe5;border-radius:11px;background:#f6f7f4}
.auth-method-tab{min-height:37px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#788177;font-size:12px;font-weight:620}
.auth-method-tab.active{background:#fff;color:#304c36;box-shadow:0 1px 4px #263a2814}
.auth-method-tab:focus-visible,.send-code-button:focus-visible,.auth-demo-details summary:focus-visible{outline:2px solid #849e8a;outline-offset:2px}
.auth-demo-notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 17px;padding:10px 11px;border:1px solid #e5e8de;border-radius:9px;background:#f7f8f3;color:#687366;font-size:11px;line-height:1.55}
.demo-indicator{width:7px;height:7px;flex:none;margin-top:4px;border-radius:50%;background:#bd8a53;box-shadow:0 0 0 3px #bd8a5320}
.code-input-row{display:flex;gap:9px;align-items:stretch;margin-bottom:3px}
.code-input-row input{min-width:0;flex:1;margin-bottom:0;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.send-code-button{flex:none;min-width:112px;padding:0 10px;border:1px solid #dce3d9;border-radius:10px;background:#f7f9f5;color:#47624d;font-size:11px;font-weight:640}
.send-code-button:hover:not(:disabled){background:#eef2eb;border-color:#c7d1c5}
.send-code-button:disabled{color:#9aa398;cursor:not-allowed}
.auth-result{padding:9px 11px;margin:0 0 13px;border:1px solid #d8e7d9;border-radius:8px;background:#f2f8f1;color:#47664d;font-size:12px;line-height:1.55}
.auth-demo-details{margin-top:15px;color:#879084;font-size:11px;line-height:1.7}
.auth-demo-details summary{width:fit-content;cursor:pointer;color:#6b7a6b}
.auth-demo-details p{margin:8px 0 0}
.auth-demo-details code{padding:1px 4px;border-radius:4px;background:#f0f2ed;color:#536454;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:480px){.auth-screen{padding:18px;align-items:center}.auth-card{padding:28px 24px}.auth-card h1{font-size:26px}.quota-line{font-size:11px}}
.topbar-actions{display:flex;align-items:center;gap:22px}.image-tool-button{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e1e5dc;border-radius:9px;background:#fff;color:#536a57;font-size:12px;font-weight:650;transition:background .18s,border-color .18s}.image-tool-button:hover{background:#f3f6f0;border-color:#c5d1c3}.image-tool-button svg{width:16px;height:16px}.workbench-open{overflow:hidden}.image-workbench{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:28px}.image-workbench-backdrop{position:absolute;inset:0;background:#18251cc7;backdrop-filter:blur(5px)}.image-workbench-card{position:relative;z-index:1;width:min(100%,1040px);max-height:min(850px,calc(100dvh - 56px));overflow:auto;padding:28px 32px 32px;border:1px solid #e5e9e1;border-radius:19px;background:#fafbf8;box-shadow:0 28px 90px #101a1450;animation:appear .2s ease both}.image-workbench-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e7eae3}.image-workbench-header h2{font-size:25px;letter-spacing:-.045em;margin:3px 0 0;color:#263329}.eyebrow{margin:0;color:#879389;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.workbench-notice{margin:17px 0 23px;padding:11px 14px;border:1px solid #e7dfc9;border-radius:10px;background:#f7f3e8;color:#786b4b;font-size:12px;line-height:1.6}.workbench-notice strong{color:#615332}.image-workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);gap:18px;align-items:start}.image-workbench-column{display:grid;gap:16px;min-width:0}.workbench-section{min-width:0;padding:20px;border:1px solid #e5e9e1;border-radius:14px;background:#fff}.workbench-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.workbench-section-heading h3{font-size:15px;letter-spacing:-.02em;margin:4px 0 0;color:#303b32}.preview-tag{flex:none;display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f1f3ef;color:#788579;font-size:10px;font-weight:650}.workbench-section textarea{display:block;width:100%;min-height:136px;resize:vertical;padding:13px 14px;border:1px solid #e0e5dd;border-radius:10px;background:#fdfefc;color:#303a32;font:inherit;font-size:13px;line-height:1.65}.workbench-section textarea::placeholder{color:#a8afa6}.workbench-section textarea:focus-visible{outline:2px solid #879e88;outline-offset:1px}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.prompt-footer>span{color:#9ba39a;font-size:10px}.generate-image-button{min-height:37px;padding:0 13px;border:0;border-radius:9px;background:#b8c1b8;color:#fff;font-size:11px;font-weight:650;cursor:not-allowed}.workbench-inline-note{margin:12px 0 0;color:#929b91;font-size:11px;line-height:1.6}.quota-placeholder p{margin:0;color:#727d72;font-size:12px;line-height:1.7}.image-result-card{overflow:hidden;border:1px solid #e7eae4;border-radius:12px;background:#fcfdfa}.sample-art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;width:100%;aspect-ratio:1.48;background:linear-gradient(157deg,#d9e8e1 0%,#e8ecde 48%,#f4e5cc 100%)}.sample-sun{position:absolute;z-index:-1;width:24%;aspect-ratio:1;top:13%;right:17%;border-radius:50%;background:#f7dca5;box-shadow:0 0 40px #f7dca555}.sample-mountain{position:absolute;z-index:-1;bottom:15%;width:0;height:0;border-left:180px solid transparent;border-right:180px solid transparent}.sample-mountain-back{left:1%;border-bottom:130px solid #9caf9f;transform:scale(1.25)}.sample-mountain-front{right:-10%;bottom:6%;border-left-width:220px;border-right-width:220px;border-bottom:155px solid #667f70;transform:rotate(-4deg)}.sample-water{position:absolute;z-index:-1;inset:auto 0 0;height:25%;background:linear-gradient(180deg,#91aca0,#6e8e83)}.sample-caption{position:absolute;left:16px;bottom:13px;color:#fbfcf7;font-size:9px;font-weight:700;letter-spacing:.18em;text-shadow:0 1px 7px #20332977}.image-result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 8px}.image-result-meta>div{display:grid;gap:4px;min-width:0}.image-result-meta strong{font-size:12px;color:#465347}.image-result-meta span:not(.preview-tag){color:#9ba298;font-size:10px}.image-result-actions{display:flex;gap:8px;padding:4px 14px 13px}.result-action{padding:6px 0;border:0;background:transparent;color:#54715a;font-size:11px;font-weight:650}.result-action:hover{text-decoration:underline}.result-action.danger{color:#9d645b}.image-workbench .icon-button{border:1px solid #e5e9e1;background:#fff}.image-workbench .icon-button:hover{background:#f1f3ef}
@media(max-width:760px){.topbar-actions{gap:10px}.image-tool-button{padding:7px 9px}.image-workbench{display:block;padding:0}.image-workbench-backdrop{background:#18251cd9}.image-workbench-card{width:100%;height:100dvh;max-height:none;padding:17px 16px 28px;border:0;border-radius:0;box-shadow:none}.image-workbench-header{padding-bottom:14px}.image-workbench-header h2{font-size:22px}.workbench-notice{margin:13px 0 16px;padding:9px 11px;font-size:11px}.image-workbench-grid{grid-template-columns:minmax(0,1fr);gap:12px}.image-workbench-column{gap:12px}.workbench-section{padding:16px}.workbench-section textarea{min-height:112px}.sample-art{aspect-ratio:1.7}}
@media(max-width:390px){.topbar-actions{gap:6px}.image-tool-button{gap:5px;padding:7px;font-size:11px}.topbar{padding:0 12px}.image-workbench-card{padding-right:12px;padding-left:12px}.prompt-footer{align-items:flex-start;flex-direction:column}.generate-image-button{width:100%}.sample-art{aspect-ratio:1.35}}
/* Growth assessment preview: local-only UI, intentionally separate from chat APIs. */
.assessment-entry{width:100%;min-height:43px;margin-top:9px;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid #dfe2d9;border-radius:10px;background:#eef1ea;color:#38483a;text-align:left;font-size:12px;font-weight:620}.assessment-entry:hover{background:#e8ece4;border-color:#c8d1c6}.assessment-entry-icon{font-size:17px;color:#65816b}.demo-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf0e9;color:#5e725f;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.assessment-entry .demo-tag{margin-left:auto}.assessment-screen{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.assessment-wrap{width:min(100%,900px);margin:0 auto;padding:30px 38px 48px}.assessment-notice{display:flex;align-items:center;gap:10px;color:#858b81;font-size:11px;margin:0 0 34px}.eyebrow{margin:0 0 12px;color:#718475;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.assessment-home h1,.assessment-flow h1{max-width:670px;margin:0;color:#29342a;font-size:clamp(27px,4vw,39px);line-height:1.25;letter-spacing:-.055em;font-weight:680}.assessment-lead{max-width:650px;margin:14px 0 0;color:#737c71;font-size:14px;line-height:1.8}.assessment-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:31px}.assessment-card{min-height:145px;padding:20px 19px;border:1px solid #e6e8e0;border-radius:14px;background:#fdfdfa}.assessment-card h2{margin:19px 0 7px;font-size:14px;color:#39463a}.assessment-card p,.report-section p,.report-section li{margin:0;color:#767d73;font-size:12px;line-height:1.8}.step-number{color:#8ca08d;font-size:11px;font-weight:720;letter-spacing:.08em}.assessment-boundary,.assessment-privacy,.inline-note,.report-boundary{margin-top:16px;padding:16px 18px;border-radius:12px;background:#f0f2ec;color:#606a5f;font-size:12px;line-height:1.75}.assessment-boundary strong,.assessment-privacy strong,.report-boundary strong{font-size:12px;color:#465746}.assessment-boundary p,.assessment-privacy p,.report-boundary p{margin:6px 0 0}.assessment-privacy{background:#f5f1e9}.assessment-privacy strong{color:#746a4f}.primary-action,.secondary-action{min-height:43px;margin-top:22px;padding:0 18px;border:1px solid #58705d;border-radius:10px;background:#58705d;color:white;font-size:12px;font-weight:650;transition:background .18s,transform .18s}.primary-action:hover{background:#465e4b;transform:translateY(-1px)}.secondary-action{margin-top:14px;background:#fff;color:#4d634f;border-color:#d4ddd2}.secondary-action:hover{background:#f3f6f0}.back-action{padding:5px 0;border:0;background:none;color:#798579;font-size:12px}.assessment-flow .eyebrow{margin-top:28px}.question-card{margin:22px 0 0;padding:18px;border:1px solid #e4e7de;border-radius:13px;background:#fdfdfa}.question-card legend{padding:0 5px;color:#39453a;font-size:13px;font-weight:650}.choice-row{display:flex;align-items:flex-start;gap:11px;padding:12px 8px;border-bottom:1px solid #f0f1ec;color:#626b60;font-size:12px;line-height:1.6;cursor:pointer}.choice-row:last-child{border-bottom:0}.choice-row input,.consent-demo input{accent-color:#58705d}.consent-demo{margin-top:19px;padding:14px;border-radius:10px;background:#f5f1e9}.consent-demo label{display:flex;align-items:flex-start;gap:10px;color:#756c56;font-size:11px;line-height:1.7;cursor:pointer}.consent-demo input{margin:3px 0 0}.inline-feedback{color:#984c43;font-size:12px}.progress-list{list-style:none;margin:27px 0 0;padding:0}.progress-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:80px;padding:13px 15px;border-bottom:1px solid #e9ebe4}.progress-list li:first-child{border-top:1px solid #e9ebe4}.progress-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eeefea;color:#858d82;font-size:11px;font-weight:700}.progress-list .complete .progress-mark{background:#e4ece2;color:#557159}.progress-list .current .progress-mark{background:#e9efe6;color:#527456}.progress-list strong{color:#414c41;font-size:12px}.progress-list p{margin:4px 0 0;color:#969c92;font-size:11px;line-height:1.6}.state-pill{padding:5px 8px;border-radius:999px;background:#f0f1ed;color:#848a81;font-size:10px}.complete .state-pill,.current .state-pill{background:#edf2ea;color:#647c64}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.report-heading p{margin:8px 0 0;color:#959a91;font-size:11px}.report-badge{padding:6px 10px;border-radius:999px;background:#f2eee3;color:#887a56;font-size:10px;font-weight:650;white-space:nowrap}.report-boundary{background:#f4efe4}.report-boundary strong{color:#766a4d}.report-section{padding:20px 1px 17px;border-bottom:1px solid #e9ebe4}.report-section h2,.share-card h2{margin:0 0 8px;color:#404b40;font-size:13px}.report-section ul{padding-left:19px;margin:0}.report-section li+li{margin-top:5px}.share-card{margin-top:19px;padding:19px;border:1px solid #e4e7df;border-radius:13px;background:#fdfdfa}.share-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.share-card-heading h2{margin-bottom:5px}.share-card-heading p,.share-explainer{margin:0;color:#90968c;font-size:11px;line-height:1.7}.share-status{padding:5px 9px;border-radius:999px;background:#f1f1ed;color:#82877f;font-size:10px;white-space:nowrap}.share-status.enabled{background:#e8f0e6;color:#4f7553}.share-explainer{margin-top:13px}.report-footer-note{margin-top:16px;color:#969b92;font-size:10px;line-height:1.7}.restart-demo{display:inline-block;margin-top:16px}.assessment-screen[hidden]{display:none}.assessment-screen~.chat-scroll[hidden],.composer-area[hidden]{display:none}
@media(max-width:760px){.assessment-wrap{padding:22px 20px 35px}.assessment-notice{margin-bottom:27px}.assessment-cards{grid-template-columns:1fr;gap:9px;margin-top:24px}.assessment-card{min-height:0;padding:15px 16px}.assessment-card h2{margin:8px 0 4px}.progress-list li{grid-template-columns:30px 1fr;gap:10px}.progress-list .state-pill{grid-column:2;justify-self:start;margin-top:-3px}.report-heading{align-items:flex-start}}
@media(max-width:480px){.auth-screen{min-height:100dvh;align-items:start;overflow-y:auto;padding:clamp(12px,4vh,28px) 15px}.auth-card{margin:auto;padding:24px 21px}.auth-card h1{margin-top:27px}.auth-method-tabs{margin-top:-7px}.auth-form input{font-size:16px}.send-code-button{min-width:103px;padding:0 7px;font-size:10px}}
.study-toolbar{display:flex;align-items:center;margin:0 0 9px}
.study-toggle{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid #e2e7df;border-radius:10px;background:#f5f7f2;color:#48624d;font-size:12px;font-weight:650}
.study-toggle:hover,.study-toggle[aria-expanded=true]{border-color:#bdcbbd;background:#eef2eb}
.study-toggle>span:first-child{font-size:15px;color:#68866e}
.study-mode-summary{padding-left:8px;border-left:1px solid #d8ded5;color:#828d82;font-size:11px;font-weight:500}
.study-panel{margin:0 0 10px;padding:15px;border:1px solid #e2e7df;border-radius:13px;background:#fff;box-shadow:0 5px 20px #32432f08}
.study-mode-note{margin:0;padding:0 0 11px;color:#737e72;font-size:12px;line-height:1.6}
.study-image-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0eb}
.study-image-row strong{color:#4b584c;font-size:12px}
.study-image-row p,.study-contract-note{margin:4px 0 0;color:#90988f;font-size:11px;line-height:1.55}
.study-image-button{flex:none;padding:8px 12px;border:1px solid #dce4da;border-radius:8px;color:#49634e;background:#f7f9f5;font-size:11px;font-weight:620;cursor:pointer}
.study-image-button:hover{border-color:#a9bca9;background:#eff4ed}
.study-preview{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:9px;border:1px solid #e8ece6;border-radius:10px;background:#fafbf9}
.study-preview img{width:64px;height:64px;flex:none;border-radius:7px;object-fit:cover;background:#eef1ec}
.study-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex:1;color:#727d72;font-size:11px}
.study-preview figcaption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.study-preview figcaption button{flex:none;padding:5px 0;border:0;background:none;color:#8b625b;font-size:11px}
.study-image-status{margin:8px 0 0;color:#748274;font-size:11px;line-height:1.5}
.study-contract-note{margin-top:7px;color:#a07854}
@media(max-width:480px){.study-panel{padding:12px}.study-image-row{align-items:flex-start}.study-image-button{padding:8px 10px}.study-preview img{width:56px;height:56px}.study-toggle{min-height:36px}}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:22px 0 0}
.workspace-link{min-width:0;min-height:39px;padding:5px 3px;border:1px solid transparent;border-radius:9px;background:transparent;color:#667066;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.workspace-link span{font-size:15px;line-height:1;color:#718a75}
.workspace-link:hover,.workspace-link.selected{background:#e8ebe4;color:#344b38}
.sidebar-section-label{margin-top:21px}
.favorite-chat{flex:none;width:24px;height:27px;padding:0;border:0;border-radius:6px;background:transparent;color:#a28a4c;font-size:15px;opacity:.68}
.favorite-chat:hover,.favorite-chat:focus-visible{opacity:1;background:#e0e2d9}
.conversation-item:hover .favorite-chat,.favorite-chat:focus-visible{opacity:1}
.settings-trigger{display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;padding:3px 0;color:#344536}
.settings-trigger span:last-child{color:#829080;font-size:13px}
.settings-trigger:hover span:last-child{color:#344f39}
.mode-context{padding:0 3px 8px;color:#718574;font-size:11px}
.workspace-dialog{width:min(620px,calc(100vw - 32px));max-height:min(82dvh,760px);padding:0;border:1px solid #e3e7df;border-radius:18px;background:#fbfbf8;color:#2a332b;box-shadow:0 24px 90px #18271938}
.workspace-dialog::backdrop{background:#1e2b2080;backdrop-filter:blur(2px)}
.workspace-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px 15px;background:#fbfbf8;border-bottom:1px solid #e9ebe5}
.workspace-dialog-head .eyebrow{font-size:10px;letter-spacing:.08em;color:#829080}
.workspace-dialog-head h2{margin:4px 0 0;font-size:22px;letter-spacing:-.04em}
.workspace-dialog-body{padding:21px 25px 26px;max-height:calc(82dvh - 143px);overflow:auto}
.mock-notice{margin:0;padding:12px 25px;background:#f1f4ee;color:#68776a;font-size:12px;line-height:1.65;border-bottom:1px solid #e9ebe5}
.mock-notice.has-error{background:#fff0ed;color:#8f4540}
.workspace-create-form{display:grid;grid-template-columns:1fr auto;gap:9px 10px;align-items:end}
.workspace-create-form label{grid-column:1/-1;font-size:12px;font-weight:650;color:#526052}
.workspace-create-form input,.settings-form input,.settings-form textarea{width:100%;min-width:0;border:1px solid #dce2d9;border-radius:9px;background:white;padding:11px 12px;color:#2b362d;font:inherit;font-size:13px}
.workspace-create-form input:focus-visible,.settings-form input:focus-visible,.settings-form textarea:focus-visible{outline:2px solid #849e8a;outline-offset:1px}
.primary-button,.quiet-button{min-height:39px;padding:0 14px;border:0;border-radius:9px;font-size:12px;font-weight:620}
.primary-button{background:#587360;color:#fff}.primary-button:hover{background:#445c4b}
.primary-button:disabled,.quiet-button:disabled{opacity:.52;cursor:not-allowed}
.panel-subheading{margin:26px 0 10px;font-size:13px;color:#465348}
.panel-empty{padding:17px 14px;border:1px dashed #d9dfd6;border-radius:11px;color:#879087;font-size:12px;line-height:1.6}
.project-list,.mode-list{display:grid;gap:9px}
.project-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #e4e8e1;border-radius:11px;background:#fff}
.project-card strong{display:block;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.project-count{display:block;margin-top:5px;color:#8b948b;font-size:11px}
.project-actions{display:flex;flex:none;align-items:center;gap:5px}
.quiet-button{min-height:33px;padding:0 9px;background:#f0f2ed;color:#58675a;font-size:11px}
.quiet-button:hover{background:#e7ebe4}.danger-button{color:#98645d}
.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:15px;border:1px solid #e2e7df;border-radius:11px;background:#fff;color:#344236;text-align:left}
.mode-card:hover{border-color:#b9c7b9;background:#f7f9f5}
.mode-card strong{font-size:13px}.mode-card span{color:#899288;font-size:11px}
.mode-context{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mode-context[hidden]{display:none}
.mode-context .quiet-button{min-height:27px;white-space:nowrap}
.study-workflow-button{margin:0 0 13px;padding:9px 13px;border:1px solid #b9c9ba;border-radius:9px;background:#f5f8f3;color:#3d5c43;font-size:12px;font-weight:650}
.study-workflow-button:hover{background:#eaf1e8}
.settings-form{display:grid;gap:8px}
.settings-form label{margin-top:8px;font-size:12px;font-weight:650;color:#526052}
.settings-form input:disabled{background:#f2f3ef;color:#828a82}
.settings-form textarea{resize:vertical;min-height:115px;line-height:1.6}
.settings-form .save-status{margin:2px 0;color:#7a877a;font-size:11px;line-height:1.5}
.settings-form .primary-button{justify-self:start;margin-top:5px}
@media(max-width:480px){
  .workspace-dialog{width:calc(100vw - 20px);max-height:88dvh;border-radius:15px}
  .workspace-dialog-head{padding:18px 18px 13px}
  .workspace-dialog-body{padding:17px 18px 21px;max-height:calc(88dvh - 140px)}
  .mock-notice{padding:10px 18px}
  .project-card{align-items:flex-start;flex-direction:column}
  .project-actions{width:100%}.project-actions button{flex:1}
}
@media(max-width:760px){.wallet-content{padding:18px 20px 32px}.wallet-heading{margin-top:20px}.wallet-heading h1{font-size:24px}.quota-card{padding:20px 18px 17px}.wallet-unavailable{padding:18px 16px;gap:12px}}

.topbar-actions .settings-trigger{flex:none;max-width:190px;padding:4px 0 4px 8px;border-radius:10px;color:#344536}
.topbar-actions .settings-trigger:hover{background:#eef0e9}
.topbar-actions .settings-trigger #account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344536;font-size:12px;font-weight:650}
.user-avatar{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d9e2d7;border-radius:50%;background:#e8eee5;color:#46614c;font-size:13px;font-weight:700}
.sidebar-logout{display:block;margin:0 0 14px;padding:5px 0;border:0;background:transparent;color:#788778;font-size:11px;text-align:left}
.sidebar-logout:hover{color:#314f38}
@media(max-width:480px){.topbar-actions .settings-trigger{padding-left:2px}.topbar-actions .settings-trigger #account-name{display:none}.user-avatar{width:32px;height:32px}}
@media(max-width:350px){.topbar-actions .model-label{display:none}}