:root{font-family:'Segoe UI','Microsoft YaHei UI','PingFang SC',sans-serif;color:#243747;background:#f3f7fb;font-size:14px;line-height:1.6;font-synthesis:none;--navy:#16324f;--blue:#1863c6;--teal:#087e82;--muted:#66798c;--line:#dfe7ef;--cloud:#f3f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid #d6e0ea;border-radius:7px;background:#fff;color:#284761;white-space:nowrap}button:hover{background:#eaf2fc;border-color:#afc7e3}button:disabled{opacity:.5;cursor:wait}input,select,textarea{min-width:0;max-width:100%;border:1px solid #cedae6;border-radius:6px;padding:9px 10px;background:#fff;color:#243747}input,textarea{width:100%}textarea{resize:vertical;line-height:1.65}select{padding-right:23px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #71b3ee;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:23px;line-height:1.35;color:var(--navy);margin-bottom:8px}h2{font-size:18px;color:var(--navy);margin-bottom:12px}h3{font-size:14px;color:var(--navy);margin-bottom:10px}p{margin-bottom:12px}.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.primary:hover{background:#0c4f9e;color:#fff}.quiet{border-color:transparent;background:transparent}.text-button{background:transparent;border:0;color:var(--blue);padding:3px 6px;min-height:30px;font-size:12px}.icon{font-size:21px;width:34px;height:34px;min-height:0;padding:0;border:0;background:transparent}.compact{min-height:32px;padding:4px 10px;font-size:13px}.danger{color:#b33737}.danger-button{background:#a83131;color:#fff;border-color:#a83131}.danger-button:hover{background:#8d2424}.muted{color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;max-width:100%;padding:2px 7px;font-size:11px;line-height:1.6;background:#edf2f8;color:#5d7187;border-radius:4px;overflow-wrap:anywhere}.badge.warning{color:#865008;background:#fff1d6}.badge.teal{color:#076d70;background:#e0f4ef}.tags{display:flex;gap:5px;flex-wrap:wrap}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;font-size:13px}.field>span{font-weight:600;color:#41566b}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center}.boot strong{font-size:32px;color:var(--navy)}.notifications{position:fixed;z-index:100;right:20px;bottom:20px;width:min(480px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.notice{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:#16324f;color:white;border-radius:8px;box-shadow:0 6px 24px #16324f26;font-size:13px}.notice .icon{color:inherit;flex-shrink:0;width:22px;height:25px}.notice.error{background:#8a3036}.notice.warning{background:#80601c}.form-error{background:#fff0ef;color:#993333;padding:12px;border-left:3px solid #bb4f4f;white-space:pre-wrap;margin-bottom:16px;font-size:13px}.mobile-only,.context-close{display:none}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr}.auth-intro{background:#16324f;color:#d3e2f1;padding:70px clamp(35px,6vw,110px);display:flex;flex-direction:column;justify-content:center}.brand-mark{width:58px;height:58px;border:1px solid #6d91b6;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:600;margin-bottom:40px}.auth-intro h2{font-size:35px;line-height:1.6;color:#fff;white-space:pre-line;font-weight:600;letter-spacing:1px}.auth-intro>p{color:#adc4dd}.auth-languages{margin:50px 0;font-size:25px;line-height:2;color:#e7f5fb;font-weight:300}.auth-languages span{font-size:19px;color:#68c3c2;margin:0 20px}.auth-footnote{white-space:pre-line;font-size:13px}.auth-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px;background:#fff}.auth-form{width:100%;max-width:380px}.auth-form h1{font-size:26px}.auth-form>.muted{font-size:14px;margin-bottom:32px}.auth-logo{color:var(--blue);font-size:18px;font-weight:700;margin-bottom:25px}.auth-form .field{margin-bottom:20px}.auth-form input{padding:12px}.auth-form>.primary{width:100%;margin-top:10px;height:45px}.auth-note{max-width:380px;margin-top:30px}
.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:240px}.brand-mark.small{margin:0;background:var(--navy);width:38px;height:40px;border:0;border-radius:9px;font-size:22px}.brand strong{display:block;color:var(--navy);font-size:19px;line-height:1.25}.brand span:not(.brand-mark){display:block;font-size:11px;color:var(--muted)}.connection{font-size:12px;color:var(--teal);display:flex;align-items:center;gap:6px}.connection:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal)}.top-actions{display:flex;gap:10px;margin-left:auto}.top-actions button{font-size:13px}.workspace{display:grid;grid-template-columns:280px minmax(400px,1fr) 268px;height:calc(100vh - 72px);height:calc(100dvh - 72px)}.sidebar{display:flex;flex-direction:column;background:#f8fafc;border-right:1px solid var(--line);overflow:hidden}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 18px 16px}.sidebar-heading h2{margin:0;font-size:18px}.sidebar-filters{padding:0 18px;display:flex;flex-direction:column;gap:9px}.sidebar-filters input,.sidebar-filters select{font-size:12px;padding:8px 9px}.sidebar-filters .two-fields{gap:8px;grid-template-columns:1.2fr 1fr}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 18px 7px;font-size:11px;color:var(--muted)}.conversation-list{overflow:auto;flex:1;padding:0 10px 15px}.conversation-item{width:100%;display:flex;align-items:stretch;flex-direction:column;text-align:left;padding:13px 12px;margin-bottom:5px;border:1px solid transparent;background:transparent;white-space:normal;border-radius:7px;gap:4px}.conversation-item.selected{background:#e8f0fb;border-color:#c4d8f0;border-left:3px solid var(--blue);padding-left:10px}.conversation-title{font-size:14px;font-weight:600;line-height:1.5;color:#274360;overflow-wrap:anywhere}.priority{font-size:8px;color:#b57a0c;margin-right:6px}.conversation-sub{font-size:12px;color:#657b92}.conversation-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7b8c9d;margin:3px 0}.conversation-item .tags{margin-top:1px}.sidebar-footer{border-top:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#607487}.list-empty{padding:20px 12px;font-size:13px;color:#788a9b}.conversation-main{min-width:0;display:flex;flex-direction:column;background:#f3f7fb}.conversation-heading{padding:22px 26px 17px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.heading-meta{display:flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;margin-bottom:9px}.conversation-heading h1{font-size:22px;overflow-wrap:anywhere}.conversation-heading p{margin:0}.heading-actions{display:flex;gap:6px;flex-wrap:wrap}.heading-actions button{min-height:30px;font-size:12px;padding:4px 8px}.context-toggle{display:none}.timeline{flex:1;overflow:auto;padding:25px 26px 20px;scroll-behavior:smooth}.message{margin:0 0 22px;border:1px solid #d8e3ee;border-radius:10px;background:white;box-shadow:0 2px 3px #16324f03}.message.outgoing{border-color:#bcdedb;background:#fcfffe;margin-left:24px}.message.incoming{margin-right:24px}.message-header{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#f8fbfe;border-bottom:1px solid #e5edf5;border-radius:10px 10px 0 0;flex-wrap:wrap}.outgoing .message-header{background:#f1faf7;border-color:#e0f0eb}.message-header>strong{font-size:12px;color:#345b7d}.outgoing .message-header>strong{color:#087e72}.message-header time{font-size:10px;color:#8594a4}.message-selectors{display:flex;gap:5px;margin-left:auto;max-width:100%}.message-selectors select{padding:3px 19px 3px 6px;font-size:11px;max-width:160px;border-color:#dbe5ef;min-height:26px}.message-body{display:grid;grid-template-columns:1fr}.message-body.dual{grid-template-columns:1fr 1fr}.version{padding:15px 16px;min-width:0}.dual .version+.version{border-left:1px solid #e5edf5;background:#fbfdff}.version-heading{display:flex;align-items:center;gap:7px;font-size:11px;color:#74899d;margin-bottom:9px;flex-wrap:wrap}.version-heading .warning{font-size:10px}.message-text{font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;max-width:80ch;margin:0}.provenance{font-size:10px;color:#8594a4;margin-top:12px;overflow-wrap:anywhere}.version-actions{display:flex;gap:4px;margin-top:9px}.version-actions button{font-size:11px;padding:1px 5px;min-height:24px}.missing-translation{padding:25px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#8293a5;background:#f9fbfe}.missing-translation strong{font-weight:400}.message-footer{display:flex;align-items:center;gap:10px;padding:6px 12px;border-top:1px solid #edf1f6;flex-wrap:wrap}.message-footer>div{display:flex;gap:4px}.message-footer select{border:0;background:transparent;padding:3px 18px 3px 4px;font-size:11px}.version-count{margin-left:auto;font-size:10px;color:#8d9aaa}.quality-checks{margin-top:12px;font-size:11px;color:#9a5b08;background:#fffaef;padding:5px 8px;border-radius:4px}.quality-checks summary{cursor:pointer}.check{margin:6px 0;padding-top:5px;border-top:1px solid #f0e3c7}.check strong{font-weight:500}.check p{margin:4px 0;color:#756951;font-size:11px;overflow-wrap:anywhere}
.conversation-empty{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7d91a5;text-align:center}.empty-line{display:flex;align-items:center;gap:14px;font-size:13px;margin-bottom:12px}.empty-line:before,.empty-line:after{content:'';height:1px;width:50px;background:#cfdeec}.conversation-empty p{font-size:13px;white-space:pre-line;line-height:1.9}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:35px}.welcome-symbol{color:#92adcb;font-size:60px;font-weight:300;line-height:1;margin-bottom:30px}.welcome h1{font-size:25px}.welcome p{color:#698097;white-space:pre-line;line-height:1.9;margin:9px 0 25px}.welcome-note{font-size:12px;color:#8495a7;white-space:pre-line;margin-top:35px;line-height:1.9}
.composer{padding:14px 24px 12px;background:#fff;border-top:1px solid #d9e5f0;flex-shrink:0}.composer-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:9px;flex-wrap:wrap}.composer-toolbar select{font-size:12px;padding:5px 20px 5px 8px;border-color:#dae4ee}.language-pair{display:flex;align-items:center;gap:7px;color:#9aabba}.composer-format{margin-left:auto;color:#8a9bab;font-size:11px}.composer textarea{min-height:85px;max-height:220px;font-size:14px;border-color:#d6e2ee;background:#fcfdff;display:block}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}.voice-controls,.submit-controls{display:flex;gap:8px;align-items:center}.record-button{color:var(--teal);border-color:#b4d9d7;background:#f0faf9;min-height:32px;font-size:12px}.record-button.recording{color:#a63333;border-color:#e9bbbb;background:#fff0ef}.voice-controls .muted{font-size:10px;max-width:180px}.submit-controls button{font-size:12px;min-height:32px}.composer-note{display:flex;justify-content:space-between;gap:12px;color:#8b9bac;font-size:10px;margin-top:8px}.voice-disclosure{font-size:10px;color:#8b9bac;margin-top:5px}.voice-disclosure summary{cursor:pointer}.voice-disclosure p{font-size:11px;line-height:1.7;margin:7px 0 0;color:#708396}.context-panel{padding:26px 20px;background:#fff;border-left:1px solid var(--line);overflow:auto}.context-heading{display:flex;align-items:center;justify-content:space-between}.context-heading h2{font-size:15px;margin:0 0 22px}.context-facts{display:grid;grid-template-columns:60px 1fr;gap:10px 8px;font-size:12px;margin:0 0 25px}.context-facts dt{color:#8a99a8}.context-facts dd{margin:0;overflow-wrap:anywhere}.context-section{border-top:1px solid #e9eef4;padding-top:19px;margin-top:20px}.context-section h3{font-size:12px;letter-spacing:.4px}.background-text{font-size:12px;line-height:1.8;color:#60788f;white-space:pre-wrap;overflow-wrap:anywhere}.context-section .text-button{padding-left:0}.quiet-note{font-size:11px;color:#9aa7b4;line-height:1.8}.check-list{padding-left:17px;margin:0;font-size:11px;color:#856021}.check-list li{margin-bottom:9px}.candidate{padding:12px 10px;background:#fffbef;border-left:2px solid #dbb55c;margin-bottom:10px}.candidate .message-text{font-size:12px;margin-bottom:6px}.candidate .muted{font-size:10px}.candidate-actions{display:flex;gap:7px}.pending-section h3{color:#94691e}
dialog{border:1px solid #d5e1ed;border-radius:12px;padding:0;width:min(560px,calc(100vw - 28px));max-height:90vh;max-height:90dvh;color:#243747;box-shadow:0 22px 90px #142d4b40}dialog.wide{width:min(850px,calc(100vw - 28px))}dialog::backdrop{background:#16324f60;backdrop-filter:blur(2px)}.dialog-heading{padding:20px 24px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebf2;position:sticky;top:0;background:#fff;z-index:2}.dialog-heading h2{margin:0;font-size:19px}.dialog-form{padding:22px 24px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:21px;padding-top:15px;border-top:1px solid #e6ecf3}.dialog-form>details{margin-top:12px}.dialog-form>details summary{cursor:pointer;color:var(--blue);font-size:13px;margin-bottom:14px}.dialog-form>textarea{margin-top:12px}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.settings-columns>section{min-width:0}.settings-columns select{font-size:12px}.usage-summary{border-top:1px solid #e2eaf2;margin-top:22px;padding-top:18px}.usage-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.usage-facts dt{color:#788c9f}.usage-facts dd{margin:0;text-align:right;color:#345672}.usage-records{max-height:260px;overflow:auto}.usage-record{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid #e5edf3;font-size:11px}.usage-record strong{color:#3e5f7d;overflow-wrap:anywhere}.usage-record span{color:#7c90a2}.usage-record code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#758b9f}.category-manager{max-height:350px;overflow:auto;margin-bottom:18px}.category-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e9eef3;padding:8px 0}.category-row strong{flex:1;font-size:13px;font-weight:500;overflow-wrap:anywhere}.term-toolbar{display:flex;gap:12px;margin-bottom:18px}.term-toolbar input{flex:1}.terms-list{max-height:55vh;overflow:auto}.term{padding:15px 0;border-bottom:1px solid #e2eaf2}.term-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.term-main strong{overflow-wrap:anywhere}.term-main button:first-of-type{margin-left:auto}.term-arrow{color:#91a6b9}.term-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.term>p{font-size:12px;margin:8px 0 0;color:#6c8196}
@media(min-width:1550px){.workspace{grid-template-columns:300px minmax(400px,1fr) 300px}.timeline{padding-left:45px;padding-right:45px}.message.incoming{margin-right:60px}.message.outgoing{margin-left:60px}}
@media(max-width:1200px){.workspace{grid-template-columns:260px minmax(360px,1fr)}.context-panel{display:none}.context-toggle{display:inline-flex}.show-context .context-panel{display:block;position:fixed;right:0;top:72px;bottom:0;width:300px;z-index:30;box-shadow:-10px 0 40px #16324f20}.context-close{display:inline-flex}.brand{min-width:220px}.message.incoming{margin-right:0}.message.outgoing{margin-left:12px}.conversation-heading{padding:18px 20px}.timeline{padding:20px}.composer{padding:13px 20px}.composer-format{display:none}}
@media(max-width:800px){.topbar{height:62px;padding:0 14px;gap:10px}.brand{min-width:0}.brand>div>span{display:none}.brand strong{font-size:17px}.brand-mark.small{width:30px;height:34px;font-size:19px}.connection{display:none}.top-actions{gap:3px}.top-actions button{font-size:11px;padding:5px 7px;min-height:30px}.top-actions button:last-child{display:none}.topbar>.badge{font-size:9px;padding:2px 5px}.workspace{grid-template-columns:1fr;height:calc(100vh - 62px);height:calc(100dvh - 62px)}.sidebar{display:none}.mobile-only{display:inline-flex}.show-sidebar .sidebar{display:flex;position:fixed;left:0;top:62px;bottom:0;width:min(320px,90vw);z-index:40;box-shadow:10px 0 60px #16324f45}.show-context .context-panel{top:62px;width:min(320px,90vw)}.conversation-heading{padding:15px 17px 12px;gap:10px}.conversation-heading h1{font-size:18px}.heading-meta{font-size:10px;margin-bottom:6px}.heading-actions{gap:3px}.heading-actions button{font-size:11px;padding:2px 6px;min-height:26px}.conversation-heading p{font-size:10px}.timeline{padding:16px 14px}.message{margin-bottom:16px}.message.outgoing{margin-left:8px}.message-body.dual{grid-template-columns:1fr}.dual .version+.version{border-left:0;border-top:1px dashed #d6e3f0}.version{padding:12px 14px}.message-text{font-size:14px;line-height:1.75}.message-header{padding:8px 10px;gap:7px}.message-selectors{gap:4px}.message-selectors select{max-width:110px;font-size:10px}.message-header>strong{font-size:11px}.message-header time{font-size:9px}.composer{padding:10px 13px calc(10px + env(safe-area-inset-bottom))}.composer-toolbar{gap:8px}.composer-toolbar select{font-size:11px;padding:4px 18px 4px 6px}.composer textarea{min-height:75px;max-height:140px;font-size:14px}.composer-actions{gap:8px}.voice-controls .muted{display:none}.voice-controls,.submit-controls{gap:4px}.composer-note{font-size:9px}.voice-disclosure{font-size:9px}.record-button{font-size:11px}.submit-controls button{font-size:11px;padding:5px 9px}.auth-layout{grid-template-columns:1fr}.auth-intro{display:none}.auth-panel{padding:45px 27px;min-height:100vh}.dialog-heading{padding:16px 18px 12px}.dialog-form{padding:18px}.settings-columns{grid-template-columns:1fr;gap:20px}.two-fields{gap:10px}.notifications{bottom:12px;right:12px;width:calc(100vw - 24px)}.notice{font-size:12px}.welcome h1{font-size:23px}.welcome p{font-size:13px}.dialog-actions{position:sticky;bottom:-18px;background:#fff;padding-bottom:10px}.category-row{flex-wrap:wrap}.category-row strong{min-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the composer in view while the message timeline scrolls. */
.workspace,.conversation-main,.timeline{min-height:0}.timeline{overscroll-behavior:contain}.topbar{flex-shrink:0}

[hidden]{display:none!important}

.message-error{margin:0 12px 8px;padding:8px 10px;border-left:3px solid #bb5555;background:#fff3f1;color:#9b3d3d;font-size:11px;overflow-wrap:anywhere}
.hold-record-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 7px}.hold-record{flex-direction:column;gap:0;padding:8px 14px;min-height:54px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-width:1px;font-size:14px}.hold-record strong{font-size:14px;font-weight:600}.hold-record small{font-size:11px;opacity:.8}.voice-a{color:#066b4c;background:#e9f8ef;border-color:#addac3}.voice-a:hover{background:#dcf2e5;border-color:#87c5a5}.voice-b{color:#155cab;background:#edf4ff;border-color:#b1caec}.voice-b:hover{background:#e0edff;border-color:#91b5e4}.voice-a.recording{color:#fff;background:#087e53;border-color:#087e53}.voice-b.recording{color:#fff;background:#1863c6;border-color:#1863c6}.composer .voice-controls>.muted{font-size:10px;max-width:none;display:inline}.check p{white-space:pre-wrap}.composer .composer-note{margin-top:0}@media(max-width:800px){.hold-record-row{gap:9px;margin-top:10px}.hold-record{min-height:51px;padding:6px 9px}.hold-record strong{font-size:13px}.hold-record small{font-size:10px}.composer .voice-controls>.muted{font-size:9px;display:inline}.composer .voice-controls{flex-wrap:wrap}.composer textarea{min-height:60px;max-height:110px}}
@media(max-width:800px) and (max-height:700px){.topbar{height:50px;padding:0 10px;gap:8px}.workspace{height:calc(100vh - 50px);height:calc(100dvh - 50px)}.show-sidebar .sidebar,.show-context .context-panel{top:50px}.topbar .brand>div>span{display:none}.brand-mark.small{height:30px;width:28px}.conversation-heading{padding:9px 12px 7px;gap:5px}.conversation-heading h1{font-size:16px;margin-bottom:3px}.conversation-heading p{display:none}.heading-meta{margin-bottom:3px;font-size:9px}.heading-actions button{min-height:23px;font-size:10px}.timeline{padding:10px}.composer{padding:7px 10px}.composer-toolbar{gap:6px;margin-bottom:5px}.composer-toolbar select{font-size:10px;padding:3px 17px 3px 5px}.composer textarea{height:58px;min-height:58px;max-height:95px;padding:7px 9px}.composer-actions{margin-top:6px;gap:5px}.composer-note{font-size:9px}.submit-controls button{min-height:27px;padding:3px 7px;font-size:10px}.hold-record-row{margin:7px 0 4px;gap:8px}.hold-record{min-height:46px;padding:4px 8px}.hold-record strong{font-size:12px}.hold-record small{font-size:9px}.composer .voice-controls>.muted{font-size:8px}.voice-disclosure{margin-top:2px;font-size:8px}.composer .voice-controls .text-button{font-size:9px;padding:0 3px;min-height:20px}}
@media(max-width:360px){.brand-mark.small{display:none}.topbar{padding-left:8px;padding-right:8px;gap:7px}.topbar .brand>div>span{display:none}.brand strong{font-size:16px}.top-actions button{font-size:10px;padding:4px 6px}.topbar>.badge{font-size:8px}}