.mx-app{--mx-safe-top:var(--sa-top);--mx-safe-bottom:var(--sa-bottom);--mx-tab-h:64px;--mx-radius:16px;--mx-card:var(--surface);--mx-line:var(--border);background:var(--bg);min-height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;font-size:15px}.mx-app button{font:inherit;color:inherit}.mx-app input,.mx-app select,.mx-app textarea{font-size:16px}.mx-flex{flex-direction:column;flex:1;min-width:0;display:flex}span.mx-flex{display:block}.mx-muted{color:var(--muted);margin:0;font-size:14px}.mx-pad{padding:4px 4px 0}.mx-boot{padding:80px 16px}.mx-screen{min-height:100dvh;padding-bottom:calc(var(--mx-tab-h) + var(--mx-safe-bottom) + 88px)}.mx-header{z-index:30;min-height:calc(56px + var(--mx-safe-top));padding:var(--mx-safe-top) 6px 0 8px;background:var(--bg);align-items:center;gap:2px;transition:background .2s,box-shadow .2s;display:flex;position:sticky;top:0}.mx-header.solid{background:var(--surface);box-shadow:0 1px 0 var(--mx-line)}.mx-header-title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 6px;font-size:18px;font-weight:700;transition:opacity .15s;overflow:hidden}.mx-header-title.big{letter-spacing:-.5px;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-left:12px;padding:8px 0;font-size:clamp(22px,6.4vw,28px);font-weight:800;line-height:1.15;display:-webkit-box}.mx-icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.mx-icon-btn:active{background:var(--surface-2)}.mx-bell{display:grid;position:relative}.mx-dot{background:var(--bad);color:#fff;border:2px solid var(--surface);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:-5px;right:-8px}.mx-large-title{padding:0 20px 14px}.mx-large-title h1{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800;line-height:1.15}.mx-large-sub{color:var(--muted);font-size:14px}.mx-toolbar{top:calc(56px + var(--mx-safe-top));z-index:25;background:var(--bg);flex-direction:column;gap:10px;padding:4px 16px 10px;display:flex;position:sticky}.mx-header.solid+.mx-toolbar,.mx-large-title+.mx-toolbar{box-shadow:none}.mx-content{flex-direction:column;gap:18px;padding:4px 16px 0;display:flex}.mx-link{white-space:nowrap;cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 10px;font-weight:600;color:var(--accent)!important}.mx-ptr{place-items:center;transition:height .2s;display:grid;overflow:hidden}.mx-ptr-spin{border:2.5px solid var(--mx-line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px}.mx-ptr-spin.busy{animation:.7s linear infinite mx-spin}@keyframes mx-spin{to{transform:rotate(360deg)}}.mx-tabbar{z-index:40;height:calc(var(--mx-tab-h) + var(--mx-safe-bottom));padding-bottom:var(--mx-safe-bottom);background:var(--surface);border-top:1px solid var(--mx-line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.mx-tab{color:var(--muted);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex}.mx-tab-pill{border-radius:16px;place-items:center;width:60px;height:32px;transition:background .2s;display:grid;position:relative}.mx-tab.active{color:var(--accent)}.mx-tab.active .mx-tab-pill{background:var(--accent-soft)}.mx-tab .mx-dot{top:-2px;right:10px}.mx-section{flex-direction:column;gap:8px;display:flex}.mx-section-head{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.mx-section-head h2{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0;font-size:13px;font-weight:700}.mx-list{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--mx-radius);overflow:hidden}.mx-row{border:0;border-bottom:1px solid var(--mx-line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 14px;display:flex}.mx-row:last-child{border-bottom:0}.mx-row>svg:last-child{color:var(--muted);flex-shrink:0}.tappable{cursor:pointer;transition:background .12s,transform .12s}.mx-row.tappable:active,.mx-notif:active{background:var(--surface-2)}.mx-row.danger,.mx-row.danger .mx-row-icon{color:var(--bad)}.mx-row.danger .mx-row-icon{background:var(--bad-soft)}.mx-row-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mx-row-icon.bad{background:var(--bad-soft);color:var(--bad)}.mx-row-icon.warn{background:var(--warn-soft);color:var(--warn)}.mx-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mx-row-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:15.5px;font-weight:600;display:flex}.mx-row-sub{color:var(--muted);text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.mx-row-meta{color:var(--muted);font-size:12.5px}.mx-count{background:var(--warn-soft);min-width:24px;height:24px;color:var(--warn);border-radius:12px;place-items:center;padding:0 7px;font-size:12.5px;font-weight:700;display:grid}.mx-picked{border:1px solid var(--accent);background:var(--accent-soft);border-radius:14px}.mx-cards{flex-direction:column;gap:12px;display:flex}.mx-card{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--mx-radius);text-align:left;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.mx-card.warn{background:var(--warn-soft);border-color:#0000}.mx-card-head{align-items:center;gap:12px;display:flex}.mx-card-head small{display:block}.mx-card-text{color:var(--text-2);margin:0;line-height:1.5}.mx-card-note{background:var(--surface-2);border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.mx-card-actions{gap:10px;display:flex}.mx-card-actions .mx-btn{flex:1}.mx-kv{grid-template-columns:auto 1fr;gap:6px 16px;font-size:14.5px;display:grid}.mx-kv span{color:var(--muted)}.mx-kv strong{font-weight:600}.mx-hero{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d28d9);border-radius:22px;flex-direction:column;gap:4px;padding:20px;display:flex}.mx-hero-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mx-hero-label{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.mx-hero-value{letter-spacing:-.5px;margin-top:2px;font-size:30px;font-weight:800;line-height:1.15}.mx-hero-sub{opacity:.9;font-size:14px}.mx-hero-actions{gap:10px;margin-top:14px;display:flex}.mx-hero-actions .mx-btn{white-space:nowrap;flex:1;padding:0 12px;font-size:14.5px}.mx-ring{--p:0;background:conic-gradient(#fff calc(var(--p) * 1%), #ffffff38 0);border-radius:50%;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid}.mx-ring span{background:#5b3fe0;border-radius:50%;place-items:center;width:60px;height:60px;font-size:16px;font-weight:800;display:grid}.mx-quick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mx-quick.three{grid-template-columns:repeat(3,1fr)}.mx-quick-btn{background:var(--mx-card);cursor:pointer;box-shadow:0 0 0 1px var(--mx-line) inset;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:12.5px;font-weight:600;display:flex}.mx-quick-btn:active{transform:scale(.96)}.mx-quick-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:15px;place-items:center;display:grid;position:relative}.mx-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mx-stat{background:var(--mx-card);border:1px solid var(--mx-line);text-align:left;border-radius:16px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.mx-stat-value{letter-spacing:-.5px;font-size:26px;font-weight:800}.mx-stat-label{color:var(--muted);font-size:13px;font-weight:600}.mx-stat-hint{color:var(--muted);font-size:12px}.mx-stat.good .mx-stat-value{color:var(--good)}.mx-stat.warn .mx-stat-value{color:var(--warn)}.mx-stat.bad .mx-stat-value{color:var(--bad)}.mx-chip{white-space:nowrap;background:var(--surface-2);height:24px;color:var(--text-2);border-radius:12px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.mx-chip.good{background:var(--good-soft);color:var(--good)}.mx-chip.warn{background:var(--warn-soft);color:var(--warn)}.mx-chip.bad{background:var(--bad-soft);color:var(--bad)}.mx-chip.accent{background:var(--accent-soft);color:var(--accent)}.mx-avatar{color:#fff;letter-spacing:.3px;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.mx-avatar.img{object-fit:cover;background:var(--surface-2)}.mx-avatars{flex-wrap:wrap;gap:8px;display:flex}.mx-avatar-chip{background:var(--surface-2);border-radius:16px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13.5px;font-weight:600;display:inline-flex}.mx-time-badge{background:var(--surface-2);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;width:66px;padding:6px 0;display:flex}.mx-time-badge strong{font-size:14px}.mx-time-badge small{color:var(--muted);font-size:11px}.mx-profile{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.mx-profile strong{font-size:17px}.mx-profile small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.mx-profile.center{text-align:center;flex-direction:column;gap:6px;padding:22px 16px}.mx-contact-actions{gap:14px;margin-top:8px;display:flex}.mx-round{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.mx-timeline{flex-direction:column;gap:8px;display:flex}.mx-slot{text-align:left;background:var(--mx-card);border:1px solid var(--mx-line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.mx-slot:active:not(.static){transform:scale(.985)}.mx-slot.static{cursor:default}.mx-slot>svg:last-child{color:var(--muted)}.mx-slot.alert{border-color:var(--bad);box-shadow:inset 4px 0 0 var(--bad)}.mx-slot.muted,.mx-slot.kind-break{background:0 0;border-style:dashed}.mx-slot.kind-free .mx-slot-title{color:var(--muted);font-weight:500}.mx-slot.kind-proxy{border-color:var(--accent);background:var(--accent-soft)}.mx-slot.live{box-shadow:0 0 0 2px var(--good)}.mx-slot.past{opacity:.55}.mx-slot.away .mx-slot-title{color:var(--muted);text-decoration:line-through}.mx-slot-time{flex-direction:column;flex-shrink:0;width:78px;display:flex}.mx-slot-time strong{font-size:15px}.mx-slot-time small{color:var(--muted);font-size:12px}.mx-slot-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mx-slot-title{font-size:15.5px;font-weight:700}.mx-slot-sub{color:var(--muted);font-size:13.5px}.mx-slot-proxy{align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;display:flex}.mx-datestrip{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.mx-datestrip::-webkit-scrollbar{display:none}.mx-datestrip button{border:1px solid var(--mx-line);background:var(--mx-card);scroll-snap-align:center;cursor:pointer;border-radius:16px;flex-direction:column;flex:0 0 52px;justify-content:center;align-items:center;gap:2px;height:62px;display:flex}.mx-datestrip span{color:var(--muted);text-transform:uppercase;font-size:11.5px;font-weight:600}.mx-datestrip strong{font-size:18px}.mx-datestrip .off{opacity:.45}.mx-datestrip .today strong{color:var(--accent)}.mx-datestrip .on{background:var(--accent);border-color:var(--accent)}.mx-datestrip .on span,.mx-datestrip .on strong{color:var(--accent-ink)}.mx-seg{background:var(--surface-2);border-radius:14px;gap:4px;padding:4px;display:flex}.mx-seg button{height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.mx-seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.mx-seg-badge{background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);border-radius:10px;place-items:center;padding:0 6px;font-size:11px;display:grid}.mx-search{background:var(--surface-2);height:46px;color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.mx-search input{height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;align-self:stretch;min-width:0;padding:0}.mx-pick-list{max-height:34vh;overflow-y:auto}.mx-btn{border:1px solid var(--mx-line);background:var(--mx-card);min-height:48px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .1s;display:inline-flex}.mx-btn:active:not(:disabled){transform:scale(.97)}.mx-btn:disabled{opacity:.55}.mx-btn.block{width:100%}.mx-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mx-btn.danger{background:var(--bad-soft);color:var(--bad);border-color:#0000}.mx-btn.outline{background:0 0}.mx-btn.light{color:#3730a3;background:#fff;border-color:#fff}.mx-btn.ghost-light{color:#fff;background:#ffffff24;border-color:#ffffff47}.mx-fab{right:calc(16px + var(--sa-right));bottom:calc(var(--mx-tab-h) + var(--mx-safe-bottom) + 16px);z-index:35;background:var(--accent);cursor:pointer;border:0;border-radius:18px;align-items:center;gap:8px;height:56px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 8px 22px #4f46e559;color:var(--accent-ink)!important}.mx-fab:active:not(:disabled){transform:scale(.96)}.mx-fab:disabled{opacity:.7}.mx-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.mx-empty strong{color:var(--text);font-size:16px}.mx-empty p{max-width:280px;margin:0;font-size:14px}.mx-empty-icon{background:var(--surface-2);width:60px;height:60px;color:var(--muted);border-radius:20px;place-items:center;margin-bottom:4px;display:grid}.mx-skeleton{flex-direction:column;gap:10px;display:flex}.mx-skel-row{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:16px;height:62px;animation:1.2s infinite mx-shimmer}@keyframes mx-shimmer{to{background-position:-200% 0}}.mx-crash{text-align:center;min-height:70vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.mx-crash h2{color:var(--text);margin:0;font-size:18px}.mx-crash p{word-break:break-word;margin:0 0 8px;font-size:14px}.mx-foot{text-align:center;color:var(--muted);margin:0;font-size:12px}.mx-notif{border:0;border-bottom:1px solid var(--mx-line);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:12px;width:100%;padding:14px;display:flex}.mx-notif:last-child{border-bottom:0}.mx-notif-dot{background:0 0;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px}.mx-notif.unread .mx-notif-dot{background:var(--accent)}.mx-notif.unread .mx-row-title{color:var(--text)}.mx-notif>svg{color:var(--muted);margin-top:2px}.mx-bars{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--mx-radius);flex-direction:column;gap:12px;padding:16px;display:flex}.mx-bar-row{grid-template-columns:96px 1fr 28px;align-items:center;gap:10px;font-size:14px;display:grid}.mx-bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mx-bar-track{background:var(--surface-2);border-radius:5px;height:10px;position:relative}.mx-bar-fill{background:var(--accent);border-radius:5px;position:absolute;inset:0 auto 0 0}.mx-bar-fill.warn{background:var(--warn)}.mx-bar-avg{background:var(--text);opacity:.5;width:2px;position:absolute;top:-4px;bottom:-4px}.mx-bar-n{text-align:right;font-weight:700}.mx-thread-head{align-items:center;gap:10px;display:flex}.mx-chat{flex-direction:column;gap:10px;padding-bottom:80px;display:flex}.mx-bubble{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:18px 18px 18px 6px;align-self:flex-start;max-width:82%;padding:10px 14px}.mx-bubble.mine{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-radius:18px 18px 6px;align-self:flex-end}.mx-bubble p{white-space:pre-wrap;margin:0;line-height:1.45}.mx-bubble time{opacity:.7;margin-top:4px;font-size:11px;display:block}.mx-bubble-who{color:var(--accent);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.mx-composer{left:0;right:0;bottom:calc(var(--mx-tab-h) + var(--mx-safe-bottom));z-index:36;background:var(--surface);border-top:1px solid var(--mx-line);align-items:flex-end;gap:8px;padding:10px 12px;display:flex;position:fixed}.mx-composer textarea{resize:none;border:1px solid var(--mx-line);background:var(--bg);min-height:44px;max-height:120px;color:var(--text);border-radius:22px;flex:1;padding:11px 14px}.mx-send{background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;color:var(--accent-ink)!important}.mx-send:disabled{opacity:.45}.mx-form{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--mx-radius);flex-direction:column;gap:14px;padding:16px;display:flex}.mx-field{flex-direction:column;gap:6px;min-width:0;display:flex}.mx-field-label{color:var(--text-2);font-size:13px;font-weight:600}.mx-field-hint{color:var(--muted);font-size:12.5px}.mx-field input,.mx-field select,.mx-field textarea{border:1px solid var(--mx-line);background:var(--bg);width:100%;min-width:0;min-height:48px;color:var(--text);border-radius:12px;padding:12px 14px}.mx-field input:focus,.mx-field textarea:focus,.mx-composer textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.mx-field input:disabled{opacity:.6}.mx-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=359px){.mx-two{grid-template-columns:minmax(0,1fr)}}.mx-chips-select{flex-wrap:wrap;gap:8px;display:flex}.mx-chips-select button{border:1px solid var(--mx-line);background:var(--mx-card);cursor:pointer;border-radius:20px;height:40px;padding:0 14px;font-size:14px;font-weight:600}.mx-chips-select button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mx-chips-select.small button{height:34px;padding:0 12px}.mx-chips-select button:disabled{opacity:.5}.mx-switch{background:var(--border);border-radius:15px;flex-shrink:0;width:50px;height:30px;transition:background .2s;position:relative}.mx-switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.mx-switch.on{background:var(--accent)}.mx-switch.on span{transform:translate(20px)}.mx-detail{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mx-detail>div{justify-content:space-between;gap:16px;display:flex}.mx-detail span{color:var(--muted)}.mx-detail strong{text-align:right}body.mx-noscroll{overflow:hidden}.mx-sheet-back{z-index:60;background:var(--overlay);align-items:flex-end;animation:.18s mx-fade;display:flex;position:fixed;inset:0}.mx-sheet{background:var(--surface);border-radius:22px 22px 0 0;flex-direction:column;width:100%;min-width:0;max-width:100vw;max-height:92dvh;animation:.24s cubic-bezier(.2,.8,.2,1) mx-rise;display:flex}.mx-sheet-grab{touch-action:none;padding:10px 20px 6px}.mx-sheet-grab>span{background:var(--border);border-radius:3px;width:40px;height:5px;margin:0 auto 12px;display:block}.mx-sheet-grab h2{margin:0;font-size:18px}.mx-sheet-body{overscroll-behavior:contain;flex-direction:column;gap:14px;padding:10px 20px 20px;display:flex;overflow-y:auto}.mx-sheet-foot{padding:12px 20px calc(12px + var(--mx-safe-bottom,0px));border-top:1px solid var(--mx-line)}.mx-sheet-h3{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:700}@keyframes mx-fade{0%{background:0 0}}@keyframes mx-rise{0%{transform:translateY(32px)}}.mx-toast{left:16px;right:16px;bottom:calc(var(--mx-tab-h,64px) + var(--sa-bottom) + 84px);z-index:80;background:var(--text);color:var(--bg);border-radius:14px;padding:14px 16px;font-size:14.5px;font-weight:600;animation:.2s mx-rise;position:fixed;box-shadow:0 10px 30px #00000040}.mx-app,.mx-tabbar{padding-left:var(--sa-left);padding-right:var(--sa-right)}@media (width>=600px){.mx-header{padding-left:max(8px,50% - 328px);padding-right:max(6px,50% - 328px)}.mx-fab{right:max(16px,50% - 320px)}.mx-tabbar{padding-left:max(var(--sa-left), calc((100% - 640px) / 2));padding-right:max(var(--sa-right), calc((100% - 640px) / 2))}.mx-content,.mx-large-title,.mx-toolbar{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.mx-sheet{max-width:560px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.mx-sheet,.mx-sheet-back,.mx-toast,.mx-skel-row{animation:none}}.mx-photo{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.mx-photo-badge{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border:3px solid var(--surface);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px}.mx-sec{text-transform:uppercase;letter-spacing:.2px;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:78px;font-size:11px;font-style:normal;font-weight:700;display:block;overflow:hidden}.mx-row.muted .mx-row-title{color:var(--muted);font-weight:500}.mx-changes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mx-changes li{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.mx-change-when{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700}.mx-change-what{flex-wrap:wrap;align-items:center;gap:6px;font-size:14.5px;display:flex}.mx-change-what s{color:var(--muted)}.mx-change-what b{color:var(--accent)}.mx-change-what b.free{color:var(--bad)}.mx-change-note{color:var(--muted);font-size:12.5px}.mx-change-note.warn{color:var(--warn);font-weight:600}.mx-req{flex-direction:column;gap:12px;padding:14px;display:flex}.mx-req-head{align-items:center;gap:10px;display:flex}.mx-req-head>span{flex-direction:column;flex:1;min-width:0;display:flex}.mx-req-head small{color:var(--muted);font-size:12.5px}.mx-req-reason{color:var(--text-2);margin:0;font-size:14px}.mx-req-actions{gap:10px;display:flex}.mx-req-actions .mx-btn{flex:1}.mx-draft-bar{left:12px;right:12px;bottom:calc(var(--mx-tab-h) + var(--mx-safe-bottom) + 12px);z-index:35;background:var(--text);color:var(--bg);border-radius:16px;align-items:center;gap:10px;padding:10px 10px 10px 16px;animation:.2s mx-rise;display:flex;position:fixed;box-shadow:0 10px 30px #00000040}.mx-draft-bar span{flex:1;font-size:14.5px;font-weight:600}.mx-draft-bar button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700}.mx-draft-bar .ghost{color:inherit;opacity:.75;background:0 0}.mx-draft-bar .go{background:var(--accent);color:var(--accent-ink)}.mx-banner{background:var(--accent-soft);color:var(--text);border-radius:14px;align-items:center;gap:10px;margin:0 16px 12px;padding:12px 14px;font-size:14px;display:flex}.mx-banner.warn{background:var(--warn-soft)}.mx-banner>span{flex:1}.mx-banner button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;min-height:40px;margin:-8px -4px;padding:10px 8px;font-weight:700}.mx-logo-thumb{object-fit:contain;border:1px solid var(--mx-line);background:#fff;border-radius:10px;flex-shrink:0;width:40px;height:40px}.mx-logo-preview{background:var(--surface-2);border-radius:16px;place-items:center;min-height:120px;padding:16px;display:grid}.mx-logo-preview img{object-fit:contain;max-width:100%;max-height:120px}.mx-time-badge.break{background:var(--warn-soft)}label.mx-btn.disabled{opacity:.6;pointer-events:none}.mx-sheet-head{align-items:flex-start;gap:12px;display:flex}.mx-sheet-head>div{flex:1;min-width:0}.mx-sheet-head p{color:var(--muted);margin:4px 0 0;font-size:13.5px}.mx-sheet-close{background:var(--surface-2);width:40px;height:40px;color:var(--text-2);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-top:-6px;display:grid}.mx-sheet-close:active{transform:scale(.94)}.mx-sheet-grab h2{letter-spacing:-.01em;line-height:1.3}.mx-field input,.mx-field select,.mx-field textarea{background:var(--surface-2);border-color:#0000;font-size:16px;transition:background .15s,box-shadow .15s}.mx-field input:focus,.mx-field select:focus,.mx-field textarea:focus{background:var(--bg)}.mx-field textarea{resize:vertical;min-height:96px;line-height:1.45}.mx-field-label{letter-spacing:.01em}.mx-sheet-foot{gap:10px;display:flex}.mx-sheet-foot>.mx-btn{flex:1}.mx-embed{--mx-line:var(--border);--mx-card:var(--surface);--mx-radius:16px;max-width:760px}.bill-hero{background:linear-gradient(150deg, var(--surface), var(--accent-soft));border:1px solid var(--mx-line);border-radius:22px;flex-direction:column;gap:8px;margin:0 16px 8px;padding:20px;display:flex}.bill-hero.pro{color:#fff;background:linear-gradient(150deg,#4f46e5,#7c3aed);border-color:#0000}.bill-hero.pro .bill-sub{color:#ffffffd9}.bill-hero.pro .mx-btn.primary{background:#fff;color:#4f46e5!important}.bill-hero.over{background:linear-gradient(150deg, var(--surface), var(--bad-soft))}.bill-hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.bill-plan{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:13px;font-weight:800}.bill-big{letter-spacing:-.02em;font-size:28px;line-height:1.15}.bill-big small{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:600}.bill-sub{color:var(--text-2);font-size:14px}.bill-bar{background:var(--surface-2);border-radius:6px;height:10px;overflow:hidden}.bill-bar span{background:var(--accent);border-radius:6px;height:100%;transition:width .4s;display:block}.bill-hero.over .bill-bar span{background:var(--bad)}.bill-hero .mx-btn{margin-top:8px}.bill-note{background:var(--warn-soft);color:var(--text);border-radius:12px;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;font-size:14px;display:flex}.bill-perks{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--mx-radius);flex-direction:column;gap:10px;margin:0 16px;padding:14px 16px;list-style:none;display:flex}.bill-perks li{align-items:center;gap:10px;font-size:14.5px;display:flex}.bill-perks svg{color:var(--good);flex:none}.bill-months{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:var(--mx-radius);align-items:flex-end;gap:6px;height:150px;margin:0 16px;padding:16px 12px 10px;display:flex}.bill-month{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bill-month-bar{flex:1;align-items:flex-end;width:100%;max-width:28px;display:flex}.bill-month-bar span{background:var(--accent);opacity:.85;border-radius:6px 6px 3px 3px;width:100%}.bill-month b{font-size:12px}.bill-month small{color:var(--muted);font-size:11px}.plan-usage{background:linear-gradient(150deg, var(--surface), var(--accent-soft));border:1.5px solid var(--accent);--lvl:var(--accent);border-radius:20px;flex-direction:column;gap:8px;margin:0 16px 14px;padding:16px;display:flex;box-shadow:0 8px 24px #4f46e524}.plan-usage.mid{--lvl:var(--warn)}.plan-usage.high,.plan-usage.out{--lvl:var(--bad);border-color:var(--bad);background:linear-gradient(150deg, var(--surface), var(--bad-soft));box-shadow:0 8px 24px #dc262624}.plan-usage-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-usage-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.plan-usage-left{color:var(--lvl);font-size:13px;font-weight:700}.plan-usage-count{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plan-usage-count b{color:var(--lvl);font-size:34px;font-weight:800;line-height:1}.plan-usage-count span{color:var(--text-2,var(--muted));font-weight:600}.plan-usage-bar{background:var(--surface-2);border-radius:7px;height:12px;overflow:hidden}.plan-usage-bar span{background:var(--lvl);border-radius:7px;height:100%;transition:width .5s;display:block}.plan-usage-note{color:var(--text-2,var(--muted));margin:0;font-size:13px}.plan-usage-cta{background:var(--accent);width:100%;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px 14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 6px 18px #4f46e54d}.plan-usage.high .plan-usage-cta,.plan-usage.out .plan-usage-cta{animation:2.4s ease-in-out infinite plan-pulse}@keyframes plan-pulse{0%,to{box-shadow:0 6px 18px #4f46e54d}50%{box-shadow:0 6px 26px #4f46e599}}@media (prefers-reduced-motion:reduce){.plan-usage-cta{animation:none!important}}.plan-usage button.plan-usage-cta{color:var(--accent-ink)}@media (width>=900px){.web-bill-banner .plan-usage{grid-template-columns:1fr 320px;align-items:center;column-gap:28px;display:grid}.web-bill-banner .plan-usage>:not(.plan-usage-cta):not(.plan-usage-save){grid-column:1}.web-bill-banner .plan-usage-cta{grid-area:1/2/span 3;align-self:end}.web-bill-banner .plan-usage-save{grid-area:4/2}}.plan-usage-save{text-align:center;color:var(--muted);font-size:12px}.plan-strip{color:#fff;width:calc(100% - 32px);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(120deg,#4f46e5,#7c3aed);border:0;border-radius:14px;align-items:center;gap:10px;margin:0 16px 12px;padding:11px 14px;font-size:14px;display:flex}.plan-strip span{flex:1}.plan-strip em{opacity:.9;white-space:nowrap;font-style:normal;font-weight:700}.plan-strip.warn{background:var(--warn-soft);color:var(--text)}.plan-strip.bad{background:var(--bad-soft);color:var(--text)}.plan-strip.warn em,.plan-strip.bad em{color:var(--accent)}.web-bill-banner .plan-usage,.web-bill-banner .plan-strip{width:100%;margin:0 0 16px}.bill-banner{background:var(--warn-soft);width:calc(100% - 32px);color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:10px;margin:0 16px 12px;padding:12px 14px;font-size:14px;display:flex}.bill-banner.bad{background:var(--bad-soft)}.bill-banner span{flex:1}.bill-banner b{color:var(--accent);white-space:nowrap}.bill-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 16px 8px;display:grid}.bill-stats>div{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:14px;flex-direction:column;padding:14px;display:flex}.bill-stats b{font-size:20px}.bill-stats small{color:var(--muted)}.web-panel .bill-hero,.web-panel .bill-perks,.web-panel .bill-months,.web-panel .bill-stats,.web-panel .bill-banner{margin-left:0;margin-right:0}.web-panel .mx-pad{padding-left:0;padding-right:0}.web-bill-banner{max-width:none}.web-bill-banner .bill-banner{width:100%;margin:0 0 16px}.web-panel .mx-section{margin-top:22px}.web-panel .mx-section-head{padding-left:2px;padding-right:2px}.plan-cards{grid-template-columns:1fr 1fr;gap:10px;margin:0 16px;display:grid}.mx-sheet .plan-cards{margin:0}.plan-card{border:1.5px solid var(--mx-line);background:var(--mx-card,var(--surface));color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 14px;transition:transform .1s,border-color .15s;display:flex;position:relative}.plan-card:active{transform:scale(.98)}.plan-card.best{border-color:var(--accent);background:linear-gradient(160deg, var(--accent-soft), var(--mx-card,var(--surface)) 70%)}.plan-badge{background:var(--good);color:#fff;letter-spacing:.02em;border-radius:10px;padding:3px 9px;font-size:11.5px;font-weight:800;position:absolute;top:-10px;right:12px}.plan-name{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:13px;font-weight:800}.plan-price{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.plan-price small{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:600}.plan-per{color:var(--text-2);font-size:13px}.plan-save{background:var(--good-soft);color:var(--text);border-radius:10px;margin-top:4px;padding:7px 9px;font-size:12.5px;line-height:1.35}.plan-save b{color:var(--good)}.plan-save.muted{background:var(--surface-2);color:var(--muted)}.plan-cta{text-align:center;background:var(--surface-2);border-radius:12px;align-self:stretch;margin-top:8px;padding:9px 10px;font-size:13.5px;font-weight:700}.plan-card.best .plan-cta{background:var(--accent);color:var(--accent-ink)}.plan-card.current{outline:2px solid var(--accent);outline-offset:2px}.plan-nudge{border:1px dashed var(--good);background:var(--good-soft);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;padding:12px 14px;font-size:14px}.plan-nudge b{color:var(--good)}@media (width<=340px){.plan-cards{grid-template-columns:1fr}}html.native,html.native *{scrollbar-width:none;-ms-overflow-style:none}html.native ::-webkit-scrollbar{width:0;height:0;display:none}html.native ::-webkit-scrollbar{width:0;height:0;display:none}.pay-options{flex-direction:column;gap:12px;display:flex}.pay-error{background:var(--accent-soft);color:var(--text);border-radius:12px;margin:0;padding:10px 12px;font-size:13px}.mx-content :is(.plan-usage,.plan-strip,.bill-banner,.mx-banner,.bill-hero,.bill-stats,.bill-perks,.bill-months,.plan-cards){width:auto;margin-left:0;margin-right:0}.mx-content>:is(.plan-usage,.plan-strip,.bill-banner,.mx-banner,.bill-hero,.bill-stats,.bill-perks,.bill-months,.plan-cards){margin-top:0;margin-bottom:0}.mx-screen.sub>.mx-content{padding-top:16px}.mx-screen.sub>.mx-toolbar{padding-top:12px}.mx-screen.sub>.mx-toolbar~.mx-content{padding-top:6px}.plan-cards.one{grid-template-columns:1fr}.plan-gst{color:var(--muted);margin-top:-4px;font-size:12.5px;font-weight:600}.pay-country{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.pay-country select{border:1px solid var(--mx-line);background:var(--surface);min-width:0;min-height:44px;color:var(--text);font:inherit;border-radius:12px;flex:1;padding:8px 12px;font-size:15px}.pay-summary{background:var(--surface-2);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.pay-summary>div{justify-content:space-between;gap:12px;font-size:15px;display:flex}.pay-summary>div.muted{color:var(--muted)}.pay-summary>div.total{border-top:1px dashed var(--mx-line);padding-top:10px;font-size:17px}.pay-summary>div.total b{color:var(--accent);font-size:19px}.pay-trust{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.pay-trust-logos{gap:8px;display:flex}.pay-trust-logos img{border:1px solid var(--mx-line);background:#fff;border-radius:6px;width:auto;height:24px;padding:3px 6px}.pay-trust small{color:var(--muted);font-size:13px;line-height:1.45}.bill-perks.rich{gap:14px}.bill-perks.rich li{align-items:flex-start}.bill-perks.rich li>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.bill-perks.rich b{color:var(--text);font-size:15px;font-weight:600}.bill-perks.rich small{color:var(--mx-muted,var(--muted));font-size:13px;line-height:1.4}.bill-perk-icon{background:var(--good-soft);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.bill-perk-icon svg{color:var(--good)}.bill-perk-icon.ai{background:linear-gradient(135deg,#6366f1,#a855f7)}.bill-perk-icon.ai svg{color:#fff}@media (width>=1100px){.web-panel.cols{columns:2;column-gap:28px;max-width:1280px}.web-panel.cols>*{break-inside:avoid}.web-panel.cols>.mx-section:first-child,.web-panel.cols>.bill-hero{margin-top:0}}:root{--sa-top:env(safe-area-inset-top,0px);--sa-right:env(safe-area-inset-right,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px)}html.cap-android{--sa-top:var(--safe-area-inset-top,0px);--sa-right:var(--safe-area-inset-right,0px);--sa-bottom:var(--safe-area-inset-bottom,0px);--sa-left:var(--safe-area-inset-left,0px)}:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f1f3f8;--border:#e3e6ee;--text:#1b1f2a;--text-2:#4b5365;--muted:#657084;--accent:#4f46e5;--accent-ink:#fff;--accent-soft:#eceafe;--good:#15803d;--good-soft:#e3f5e9;--warn:#b45309;--warn-soft:#fdf1dc;--bad:#b91c1c;--bad-soft:#fde6e6;--bar:#4f46e5;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018280f;--radius:10px;--overlay:#0a0c1473;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1117;--surface:#171a23;--surface-2:#1f2330;--border:#2b3040;--text:#e8eaf0;--text-2:#b6bccb;--muted:#8a92a6;--accent:#8b85ff;--accent-ink:#0f1117;--accent-soft:#25234a;--good:#4ade80;--good-soft:#13291c;--warn:#fbbf24;--warn-soft:#2e2410;--bad:#f87171;--bad-soft:#321616;--bar:#8b85ff;--shadow:none;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1117;--surface:#171a23;--surface-2:#1f2330;--border:#2b3040;--text:#e8eaf0;--text-2:#b6bccb;--muted:#8a92a6;--accent:#8b85ff;--accent-ink:#0f1117;--accent-soft:#25234a;--good:#4ade80;--good-soft:#13291c;--warn:#fbbf24;--warn-soft:#2e2410;--bad:#f87171;--bad-soft:#321616;--bar:#8b85ff;--shadow:none;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;transition:background-color .2s,color .2s}a{color:var(--accent);text-decoration:none}h1{margin:0;font-size:22px}h2{margin:0 0 12px;font-size:16px}h3{margin:0 0 8px;font-size:14px}p{margin:0 0 8px}.app{min-height:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:700;display:flex}.brand-sidebar{padding:4px 8px 16px}.brand-login{text-align:center;flex-direction:column}.brand-print{margin-bottom:12px;font-size:18px}.brand-logo{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:8px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.brand-text{overflow-wrap:anywhere;min-width:0;line-height:1.25}.brand-text small,.brand-caption{color:var(--muted);font-size:11px;font-weight:500;display:block}.brand-landscape{flex-direction:column;align-items:flex-start;gap:6px}.brand-login.brand-landscape{align-items:center}.brand-login .brand-logo{width:44px;height:44px;font-size:20px}.logo-img{object-fit:contain;flex-shrink:0;display:block}.logo-square{border-radius:8px}.logo-square.logo-sidebar{width:44px;height:44px}.logo-square.logo-login{width:72px;height:72px}.logo-square.logo-mobile{width:30px;height:30px}.logo-square.logo-print{width:56px;height:56px}.logo-landscape{object-position:left center;width:100%;height:auto}.logo-landscape.logo-sidebar{max-height:64px}.logo-landscape.logo-login{object-position:center;max-width:300px;max-height:110px}.logo-landscape.logo-mobile{width:auto;max-width:180px;height:32px}.logo-landscape.logo-print{width:auto;max-width:360px;height:64px}:root[data-theme=dark] .logo-img{background:#fff;border-radius:8px;padding:4px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-img{background:#fff;border-radius:8px;padding:4px}}.logo-preview{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.logo-preview>div{border:1px dashed var(--border);background:var(--surface);border-radius:10px;padding:12px}.logo-preview .label{color:var(--muted);margin-bottom:8px;font-size:11px}.nav a{color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.nav a:hover{background:var(--surface-2)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar>*{flex-shrink:0}.sidebar .spacer{flex:1}.sidebar .user{color:var(--muted);word-break:break-all;padding:8px;font-size:12px}.main{flex:1;min-width:0;padding:24px 28px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head .sub{color:var(--muted);margin-top:4px}.mobile-bar{display:none}@media (width<=860px){.app{flex-direction:column}.sidebar{z-index:30;display:none;position:fixed;inset:0 auto 0 0;box-shadow:0 0 40px #0000004d}.sidebar.open{display:flex}.mobile-bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.main{padding:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:16px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.tile .label{color:var(--muted);font-size:12px;font-weight:500}.tile .value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:700}.tile .hint{color:var(--muted);margin-top:2px;font-size:12px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad)}.btn.sm{padding:4px 8px;font-size:12px}.btn.ghost{background:0 0;border-color:#0000}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.stack{flex-direction:column;gap:12px;display:flex}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:7px 10px}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}label.field{color:var(--text-2);flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}label.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;display:grid}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}th{color:var(--muted);background:var(--surface-2);white-space:nowrap;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.muted{color:var(--muted)}.small{font-size:12px}.empty{text-align:center;color:var(--muted);padding:32px 16px}.error{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:10px 12px}.notice{background:var(--accent-soft);color:var(--text);border-radius:8px;padding:10px 12px}.toast{background:var(--text);color:var(--bg);z-index:100;border-radius:8px;max-width:calc(100vw - 40px);padding:10px 16px;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #0003}.tt{table-layout:fixed;min-width:720px}.tt th:first-child,.tt td:first-child{width:96px}.tt td{border-left:1px solid var(--border);height:58px;padding:4px}.tt .slot-head{color:var(--text);font-size:12px;font-weight:600}.tt .slot-time{color:var(--muted);font-size:11px;font-weight:400}.tt tr.break td{background:var(--surface-2);height:36px}.cell-btn{cursor:pointer;text-align:left;width:100%;height:100%;min-height:48px;font:inherit;color:var(--text);background:0 0;border:1px dashed #0000;border-radius:6px;padding:4px 6px}.cell-btn:hover{border-color:var(--border);background:var(--surface-2)}.cell-btn.filled{background:var(--accent-soft);border:1px solid #0000}.cell-btn.duty{background:var(--warn-soft)}.cell-btn.extra_class{background:var(--good-soft)}.cell-btn .c1{font-size:12px;font-weight:600}.cell-btn .c2{color:var(--text-2);font-size:11px}.modal-back{background:var(--overlay);z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:20px;overflow:auto;box-shadow:0 20px 50px #00000040}.modal h2{letter-spacing:-.01em;margin:0;font-size:19px}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-close{background:var(--surface-2);width:36px;height:36px;color:var(--text-2);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.modal-close:hover{color:var(--text)}.modal-back{animation:.16s dlg-fade}.modal{animation:.2s dlg-pop}.dlg-cred{background:var(--surface-2);text-align:left;border-radius:12px;grid-template-columns:auto 1fr;gap:6px 12px;margin:4px 0 12px;padding:12px 14px;display:grid}.dlg-cred span{color:var(--muted);font-size:13px}.dlg-cred b{word-break:break-all}.mono{-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bars{flex-direction:column;gap:6px;display:flex}.bar-row{grid-template-columns:140px 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-row .name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.bar-track{height:18px;position:relative}.bar-fill{background:var(--bar);border-radius:0 4px 4px 0;min-width:2px;position:absolute;top:2px;bottom:2px;left:0}.bar-avg{border-left:2px dashed var(--muted);width:0;position:absolute;top:-2px;bottom:-2px}.bar-row .val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.bar-row:hover .bar-fill{filter:brightness(1.15)}.auth{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100%;padding:16px;display:flex}.auth .card{width:min(400px,100%);padding:28px}.print-only{display:none}@media print{:root,:root[data-theme]{--bg:#fff;--surface:#fff;--surface-2:#f3f4f6;--border:#ccc;--text:#000;--text-2:#222;--muted:#555;--accent:#3730a3;--accent-soft:#eef;--good:#166534;--good-soft:#eaf7ee;--warn:#92400e;--warn-soft:#fdf3e1;--bad:#991b1b;--bad-soft:#fdecec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sidebar,.mobile-bar,.mx-header,.mx-tabbar,.no-print{display:none!important}.print-only{display:block!important}.logo-img{background:0 0;padding:0}.main{padding:0}.card,.table-wrap{box-shadow:none;border-color:#ccc}body{color:#000;background:#fff}}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:500;display:inline-flex}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow), 0 0 0 1px var(--border)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidebar .seg{margin:0 4px 8px;display:flex}.theme-cycle{width:34px;height:34px;padding:0}.theme-cycle svg{width:17px;height:17px}.nowrap{white-space:nowrap}.auth-theme{position:fixed;top:12px;right:12px}.sidebar-close{display:none}.mobile-bar .spacer{flex:1}.day-tabs{display:none}@media (width<=860px){.sidebar{width:min(280px,85vw);overflow-y:auto}.sidebar-close{display:inline-flex;position:absolute;top:12px;right:12px}h1{font-size:20px}.page-head{margin-bottom:14px}.page-head>.row{width:100%}}@media (width<=700px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{padding:10px 12px}.tile .value{font-size:22px}.bar-row{grid-template-columns:minmax(70px,30%) 1fr 32px;gap:8px}.card{padding:14px}.modal-back{align-items:end;padding:0}.modal{width:100%;max-height:88vh;padding:18px 16px calc(18px + var(--sa-bottom));border-radius:16px 16px 0 0}.toast{max-width:none;bottom:16px;left:16px;right:16px}.page-head>.row>input,.page-head>.row>select{flex:140px}.table-wrap.stack-sm{background:0 0;border:0;overflow:visible}.stack-sm table,.stack-sm tbody,.stack-sm tr,.stack-sm td{display:block;width:100%!important}.stack-sm thead{display:none}.stack-sm tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;padding:4px 14px}.stack-sm td{text-align:right;overflow-wrap:anywhere;border:0;min-height:34px;padding:8px 0}.stack-sm td:after{content:"";clear:both;display:block}.stack-sm td+td{border-top:1px dashed var(--border)}.stack-sm td:before{content:attr(data-label);float:left;color:var(--muted);text-align:left;margin-right:12px;font-size:12px;font-weight:600;line-height:20px}.stack-sm td:not([data-label]):before{content:none}.stack-sm td.num{text-align:right}.stack-sm td.cell-title{text-align:left;font-size:15px}.stack-sm td.cell-title:before{content:none}.stack-sm td.empty{text-align:center;display:block}.stack-sm td.cell-block{text-align:left;display:block}.stack-sm td.cell-block:before{float:none;margin-bottom:2px;display:block}.stack-sm td .row{justify-content:flex-end}.stack-sm td.no-print[style]{max-width:none!important}.stack-sm td .row.end{flex-wrap:wrap}.day-tabs{scrollbar-width:none;gap:6px;margin-bottom:10px;display:flex;overflow-x:auto}.day-tabs button{flex:1 0 auto}.tt{min-width:0}.tt th:first-child,.tt td:first-child{width:84px}}@media (width<=380px){.main{padding:12px}.tiles{grid-template-columns:1fr 1fr}.tile .value{font-size:20px}}.nav-btn{color:var(--text-2);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-weight:500;display:flex}.nav-btn:hover{background:var(--surface-2)}.bell-icon{justify-content:center;width:16px;display:inline-flex;position:relative}.bell .bell-icon{width:auto}.bell-dot{background:var(--bad);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-7px;right:-9px}.drawer-back{z-index:60;place-items:stretch end;padding:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:min(400px,100vw);height:100%;padding:16px;overflow-y:auto;box-shadow:-10px 0 30px #00000026}.notif{text-align:left;width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 12px;display:block}.notif:hover{background:var(--surface-2)}.notif.unread{border-left:3px solid var(--accent);background:var(--accent-soft)}.notif-title{font-size:13px;font-weight:600}.notif-body{color:var(--text-2);white-space:pre-line;margin-top:2px;font-size:12px}.notif-time{color:var(--muted);margin-top:4px;font-size:11px}@media (width<=700px){.drawer-back{place-items:stretch stretch}.drawer{border-left:0;width:100vw}}.thread{flex-direction:column;gap:8px;display:flex}.msg{background:var(--surface-2);white-space:pre-line;overflow-wrap:anywhere;border-radius:12px;max-width:85%;padding:8px 12px}.msg.mine{background:var(--accent-soft);align-self:flex-end}.msg .meta{color:var(--muted);margin-top:4px;font-size:11px}.list-item{text-align:left;width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:12px 14px;display:block}.list-item:hover{background:var(--surface-2)}.list-item+.list-item{margin-top:8px}.pw-box{background:var(--surface-2);border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.meter{background:var(--surface-2);border-radius:999px;height:10px;position:relative;overflow:hidden}.meter>span{background:var(--bar);border-radius:999px;position:absolute;inset:0 auto 0 0}.timeline-row{border-bottom:1px dashed var(--border);grid-template-columns:74px 1fr;align-items:center;gap:10px;padding:8px 0;display:grid}.timeline-row:last-child{border-bottom:0}.timeline-row.proxy{background:var(--accent-soft);border-bottom:0;border-radius:8px;margin:0 -10px;padding:8px 10px}.login-box{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:10px 12px 12px}.login-box legend{color:var(--text-2);padding:0 4px;font-size:12px;font-weight:600}.product-brand{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.product-brand img{border-radius:15px;width:64px;height:64px;margin-bottom:6px;box-shadow:0 6px 18px #4f46e54d}.product-name{letter-spacing:-.3px;font-size:22px;font-weight:800}.product-tagline{color:var(--muted);font-size:12px}.managed-by{text-align:center;color:var(--muted);margin-top:14px;font-size:12px}.public-page{min-height:100%;padding:16px}.download-btn{border-radius:12px;padding:14px 18px;font-size:16px;font-weight:700}.legal h3{margin:12px 0 0}.legal p,.legal li{line-height:1.6}.auth-screen{background:var(--bg);grid-template-columns:minmax(0,1.1fr) minmax(380px,1fr);min-height:100%;display:grid}.auth-photo{background:#1e1b4b url(/img/auth-classroom.webp) 50%/cover no-repeat;min-height:100%;position:relative}.auth-photo:after{content:"";background:linear-gradient(#0f11230d 30%,#0f1123c7);position:absolute;inset:0}.auth-photo-caption{z-index:1;color:#fff;max-width:460px;position:absolute;bottom:40px;left:40px;right:40px}.auth-photo-caption img{border-radius:10px}.auth-photo-title{letter-spacing:-.4px;margin:14px 0 6px;font-size:28px;font-weight:700;line-height:1.2}.auth-photo-sub{color:#ffffffd1;margin:0;font-size:15px;line-height:1.5}.auth-panel{flex-direction:column;min-height:100dvh;padding:16px 24px 20px;display:flex}.auth-panel-top{justify-content:flex-end;display:flex}.auth-panel-body{flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex}.auth-panel-body>*{width:min(380px,100%)}.auth-panel-foot{flex-direction:column;align-items:center;gap:8px;display:flex}.auth-form .product-brand{text-align:left;align-items:flex-start}.auth-form .product-brand img{border-radius:12px;width:48px;height:48px}.auth-title{letter-spacing:-.3px;margin:0;font-size:24px}.auth-switch{text-align:center;color:var(--muted);font-size:13px}.auth-links{gap:16px;font-size:13px;display:flex}.auth-links a{color:var(--text-2);text-decoration:none}.auth-links a:hover{color:var(--accent)}.field-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.btn.lg{padding:11px 16px;font-size:15px}@media (width<=860px){.auth-screen{display:block;position:relative}.auth-photo{background-image:url(/img/auth-classroom-portrait.webp);position:fixed;inset:0}.auth-photo:after{background:linear-gradient(#0f112359,#0f1123b3)}.auth-photo-caption{display:none}.auth-panel{z-index:1;padding:12px 16px calc(16px + var(--sa-bottom));padding-top:calc(12px + var(--sa-top));position:relative}.auth-panel-body>*{background:var(--surface);border-radius:18px;padding:24px 20px;box-shadow:0 20px 50px #0000004d}.auth-panel-foot .managed-by,.auth-links a{color:#ffffffd9}}.password-input{display:block;position:relative}.password-input input{width:100%;padding-right:46px}.password-toggle{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:var(--surface-2)}.tiny-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.form-avatar{object-fit:cover;background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:inline-grid}.boot{color:#111827;z-index:1000;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}:root[data-theme=dark] .boot{color:#e8eaf0;background:#0f1117}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .boot{color:#e8eaf0;background:#0f1117}}.boot img{border-radius:20px}.boot strong{letter-spacing:-.01em;font-size:22px}.boot-dots{opacity:0;gap:6px;height:8px;animation:.3s 1.2s forwards boot-in;display:flex}.boot-dots i{background:#6d4ae6;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite boot-dot}.boot-dots i:nth-child(2){animation-delay:.15s}.boot-dots i:nth-child(3){animation-delay:.3s}@keyframes boot-in{to{opacity:1}}@keyframes boot-dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.upd{z-index:900;left:12px;right:12px;top:calc(var(--sa-top) + 10px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;align-items:center;gap:10px;padding:12px 12px 12px 14px;animation:.28s upd-in;display:flex;position:fixed;box-shadow:0 12px 32px #0f111738}.upd-icon{color:#fff;background:#6d4ae6;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.upd-text{flex-direction:column;flex:1;min-width:0;display:flex}.upd-text strong{font-size:14.5px}.upd-progress{background:var(--surface-2);border-radius:3px;height:4px;margin-top:6px;display:block;overflow:hidden}.upd-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.upd-text small{color:var(--muted);font-size:12.5px}.upd button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.upd-later{color:var(--muted);background:0 0}.upd-go{color:#fff;background:#6d4ae6}.upd-go:disabled{opacity:.7}@keyframes upd-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.req-grid{--mx-line:var(--border);--mx-card:var(--surface);--mx-radius:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}@media (width<=420px){.req-grid{grid-template-columns:1fr}}.tt-edit-cell{text-align:left;width:100%}.tt-edit-cell.changed{outline:2px dashed var(--accent);outline-offset:-2px}.tt-edit-cell.empty-cell{min-height:44px;color:var(--muted);border:1px dashed var(--border);background:0 0;border-radius:8px}.tt-draft-bar{z-index:20;background:var(--text);color:var(--bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:10px 12px 10px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 30px #0003}.tt-draft-bar strong{flex:1}.tt-draft-bar .btn:not(.primary){color:inherit;background:0 0;border-color:#0000}.tt-banner{background:var(--accent-soft);border-radius:12px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.tt-banner.warn{background:var(--warn-soft)}.play-btn{background:#000;border:1px solid #3c4043;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:6px 18px;text-decoration:none;display:inline-flex;color:#fff!important}.play-btn span{text-align:left;flex-direction:column;line-height:1.1;display:flex}.play-btn small{letter-spacing:.06em;opacity:.85;font-size:10.5px}.play-btn strong{letter-spacing:-.01em;font-size:19px;font-weight:600}.play-btn.soon{opacity:.6;cursor:default}.store-btns{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.store-btns>*{flex:200px}.dlg-back{z-index:2000;-webkit-backdrop-filter:blur(3px);background:#0f11178c;place-items:center;padding:20px;animation:.16s dlg-fade;display:grid;position:fixed;inset:0}.dlg{border:1px solid var(--border);background:var(--surface);width:min(400px,100%);color:var(--text);text-align:center;border-radius:22px;padding:24px 22px 18px;animation:.2s cubic-bezier(.2,.9,.3,1.2) dlg-pop;box-shadow:0 24px 60px #0f111759}.dlg-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:16px;place-items:center;margin-bottom:12px;display:inline-grid}.dlg.danger .dlg-icon{background:var(--bad-soft);color:var(--bad)}.dlg.success .dlg-icon{background:var(--good-soft);color:var(--good)}.dlg.warn .dlg-icon{background:var(--warn-soft);color:var(--warn)}.dlg h2{letter-spacing:-.01em;margin:0;font-size:19px;line-height:1.3}.dlg-msg{color:var(--text-2);white-space:pre-line;margin-top:8px;font-size:14.5px;line-height:1.5}.dlg-field{text-align:left;flex-direction:column;gap:6px;margin-top:16px;display:flex}.dlg-field label{color:var(--text-2);font-size:13px;font-weight:600}.dlg-field input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:48px;color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px}.dlg-field input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.dlg-field input[aria-invalid=true]{border-color:var(--bad)}.dlg-error{color:var(--bad);font-size:12.5px}.dlg-actions{gap:10px;margin-top:20px;display:flex}.dlg-btn{min-height:48px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:14px;flex:1;font-size:15px;font-weight:700;transition:transform .1s}.dlg-btn:active{transform:scale(.97)}.dlg-btn.ghost{background:var(--surface-2);color:var(--text)}.dlg-btn.primary{background:var(--accent);color:var(--accent-ink,#fff)}.dlg-btn.danger{background:var(--bad);color:#fff}.dlg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes dlg-fade{0%{opacity:0}}@keyframes dlg-pop{0%{opacity:0;transform:scale(.94)translateY(8px)}}@media (prefers-reduced-motion:reduce){.dlg,.dlg-back{animation:none}}.site-announce{background:var(--accent-soft);color:var(--text);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:14px;line-height:1.4;display:flex}.site-announce.tone-warn{background:var(--warn-soft)}.site-announce.tone-success{background:var(--good-soft)}.site-announce>span{flex:220px;min-width:0}.site-announce a{color:var(--accent);white-space:nowrap;font-weight:700}.site-announce button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}.site-announce button:hover{background:var(--surface-2);color:var(--text)}.main>.site-announce{border-radius:12px;margin:-4px 0 16px}.mx-content>.site-announce{border-radius:14px}.auth-screen label.field{color:var(--text);gap:6px;font-size:15px;font-weight:600}.auth-screen label.field input,.auth-screen label.field select{min-height:46px;font-size:16px}.auth-switch,.auth-links{font-size:14px}.sidebar{padding-top:calc(16px + var(--sa-top));padding-bottom:calc(16px + var(--sa-bottom));padding-left:calc(12px + var(--sa-left))}.main{padding-bottom:calc(48px + var(--sa-bottom));padding-right:calc(28px + var(--sa-right))}@media (width<=860px){.mobile-bar{padding-top:calc(12px + var(--sa-top));padding-left:calc(16px + var(--sa-left));padding-right:calc(16px + var(--sa-right))}.sidebar-close{top:calc(12px + var(--sa-top))}.main{padding:16px calc(16px + var(--sa-right)) calc(16px + var(--sa-bottom)) calc(16px + var(--sa-left))}}@media print{.main{padding:0}}.good-text{color:var(--good)}.error-text{color:var(--bad)}.offline-banner{left:50%;bottom:calc(16px + var(--sa-bottom));z-index:60;background:var(--text);max-width:calc(100% - 32px);color:var(--bg);text-align:center;border-radius:999px;padding:8px 14px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000002e}.mx-app~.offline-banner,.offline-banner.in-app{bottom:calc(var(--mx-tab-h,64px) + 10px + var(--sa-bottom))}.sidebar .seg{margin:0 0 8px;overflow:hidden}.sidebar .seg button{gap:4px;min-width:0;padding:6px 4px;font-size:12px}.sidebar .seg button svg{flex:none}.skel{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:12px;animation:1.2s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-wrap{flex-direction:column;gap:10px;padding:4px 0;display:flex}.skel-rows .skel{height:56px}.skel-lines .skel{border-radius:6px;height:14px}.skel-lines .skel:last-child{width:60%}.skel-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.skel-cards .skel{border-radius:14px;height:120px}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.lang-trigger{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.lang-trigger:hover{border-color:var(--accent)}.lang-trigger .lang-trigger-text{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.lang-trigger .lang-trigger-text>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lang-trigger svg:last-child{color:var(--muted);flex:none}.lang-trigger.row{border-radius:14px;width:100%;min-height:56px;padding:10px 14px;font-size:15px}.lang-trigger.row small{color:var(--muted);font-size:12px}.lang-trigger.link{color:inherit;background:0 0;border:0;min-height:32px;padding:4px 6px}.sidebar .lang-trigger{width:calc(100% - 8px);margin:0 4px 8px}.lang-dlg{border:1px solid var(--border);background:var(--surface);width:min(460px,100%);max-height:min(720px,100dvh - 40px);color:var(--text);border-radius:22px;flex-direction:column;gap:10px;padding:18px 18px 12px;animation:.2s dlg-pop;display:flex;box-shadow:0 24px 60px #0f111759}.lang-dlg header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lang-dlg h2{margin:0;font-size:19px}.lang-close{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.lang-close:hover{background:var(--surface-2)}.lang-sub{color:var(--muted);margin:0;font-size:14px}.lang-search{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-size:16px}.lang-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:120px;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.lang-list h3{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:10px 4px 4px;font-size:12px}.lang-item{min-height:48px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lang-item:hover{background:var(--surface-2)}.lang-item.on{background:var(--accent-soft);color:var(--accent)}.lang-native{font-size:16px;font-weight:600}.lang-name{color:var(--muted);flex:1;font-size:13.5px}.lang-none{text-align:center;color:var(--muted);padding:20px}.lang-foot{color:var(--muted);text-align:center;margin:0;font-size:12px}.ai-privacy{background:var(--good-soft);color:var(--text);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.ai-privacy>svg{color:var(--good);flex:none;margin-top:2px}.ai-privacy strong{font-size:14px}.ai-privacy p{color:var(--text-2);margin:2px 0 0;font-size:13px;line-height:1.45}.ai-privacy.compact{border-radius:12px;padding:8px 12px;font-size:12.5px;line-height:1.4}.ai-privacy.compact strong{font-size:12.5px}.ai-privacy.compact span{color:var(--text-2)}.att-picker{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.att-add{border:1px dashed var(--border);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.att-add:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.att-add:disabled{color:var(--muted);cursor:default}.att-items{flex-wrap:wrap;gap:8px;width:100%;display:flex}.att-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:8px;max-width:240px;min-height:52px;padding:6px 30px 6px 6px;display:flex;position:relative;overflow:hidden}.att-item>svg{color:var(--muted);flex:none;margin:0 6px}.att-item img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.att-item.bad{border-color:var(--bad);color:var(--bad)}.att-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.att-bar{background:var(--surface-2);border-radius:3px;height:3px;position:absolute;bottom:3px;left:6px;right:6px;overflow:hidden}.att-bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.att-x{background:var(--surface-2);width:24px;height:24px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.att-picker.compact{flex:none;align-self:flex-end}.att-picker.compact .att-add{background:var(--surface-2);border:0;border-radius:50%;justify-content:center;width:44px;height:44px;min-height:0;padding:0}.att-picker.compact .att-items{background:var(--surface);border-top:1px solid var(--border);padding:8px 12px;position:absolute;bottom:100%;left:0;right:0}.att-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.att-thumbs{flex-wrap:wrap;gap:6px;display:flex}.att-thumb{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:120px;height:90px;display:block;overflow:hidden}.att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.att-file{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:8px;max-width:320px;padding:8px 10px;text-decoration:none;display:flex;color:var(--text)!important}.att-file[aria-disabled=true]{opacity:.6}.att-file>svg{color:var(--accent);flex:none}.att-file small{color:var(--muted);flex:none;margin-left:auto}.att-err{color:var(--bad)}.mx-app .att-item{padding-right:44px}.mx-app .att-x{width:36px;height:36px;right:4px}.tr-progress{z-index:3000;left:50%;top:calc(12px + var(--sa-top,0px));background:var(--surface);width:min(420px,100% - 24px);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:12px 14px 10px;font-size:14px;animation:.2s tr-in;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #0f111738}.tr-progress .tr-head{align-items:center;gap:10px;display:flex}.tr-progress strong{flex:1;min-width:0;font-size:14px}.tr-progress .tr-pct{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.tr-progress button{background:var(--surface-2);width:28px;height:28px;color:var(--text);cursor:pointer;border:0;border-radius:50%;font-size:18px;line-height:1}.tr-progress .tr-bar{background:var(--surface-2);border-radius:6px;height:6px;margin:8px 0 6px;overflow:hidden}.tr-progress .tr-bar i{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:6px;width:0;height:100%;transition:width .4s;display:block}.tr-progress small{color:var(--muted);font-size:12.5px;display:block}.tr-progress.done .tr-bar i{background:var(--good)}@keyframes tr-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}