:root{--tea-page:#edf2f7;--tea-surface:#fff;--tea-soft:#f8fafc;--tea-text:#0f172a;--tea-muted:#64748b;--tea-border:#e2e8f0;--tea-accent:#ec4899;--bg-primary:var(--tea-page);--bg-surface:var(--tea-surface);--bg-elevated:var(--tea-soft);--text-main:var(--tea-text);--text-muted:var(--tea-muted);--border-color:var(--tea-border);--accent:var(--tea-accent);--panel:var(--tea-surface);--text:var(--tea-text);--muted:var(--tea-muted);--border:var(--tea-border)}
*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:76px}body{margin:0;min-height:100dvh;background:var(--tea-page);color:var(--tea-text);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--tea-accent);text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in srgb,var(--tea-accent) 55%,transparent);outline-offset:3px}
.tea-header{height:66px;position:sticky;top:0;z-index:80;padding:0 max(16px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--tea-surface);border-bottom:1px solid var(--tea-border);box-shadow:0 5px 20px #0f172a09}.tea-brand{color:var(--tea-text);display:flex;align-items:center;gap:9px;flex-shrink:0;font-weight:900;font-size:16px;line-height:1.2}.tea-brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tea-accent);font-size:23px}.tea-brand small{display:block;font-size:10px;font-weight:600;color:var(--tea-muted);margin-top:4px}.tea-header nav{display:flex;gap:6px;padding:4px;border:1px solid var(--tea-border);border-radius:14px;background:var(--tea-soft)}.tea-header nav a{padding:8px 17px;border-radius:10px;color:var(--tea-muted);font-weight:800;font-size:12px}.tea-header nav a[aria-current]{background:var(--tea-accent);color:white;box-shadow:0 3px 10px color-mix(in srgb,var(--tea-accent) 25%,transparent)}.tea-header-actions{display:flex;align-items:center;gap:7px}.tea-header-actions>button,.tea-header-actions>a:not(.tea-account):not(.tea-login){width:34px;height:34px;padding:0;border:1px solid var(--tea-border);border-radius:50%;background:var(--tea-soft);color:var(--tea-muted);display:grid;place-items:center;font-size:18px}.tea-account{display:flex;align-items:center;gap:7px;padding:4px 9px 4px 4px;border-radius:12px;background:var(--tea-soft);border:1px solid var(--tea-border);color:var(--tea-text);font-size:12px;max-width:150px}.tea-account>span{height:28px;width:28px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--tea-accent) 16%,var(--tea-surface));font-size:19px;flex-shrink:0}.tea-account img{width:100%;height:100%;object-fit:cover}.tea-account strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tea-login{padding:8px 12px;background:var(--tea-accent);border-radius:12px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.tea-main{max-width:760px;margin:16px auto 0;min-height:calc(100dvh - 82px);background:var(--tea-surface);border:1px solid var(--tea-border);border-bottom:0;border-radius:18px 18px 0 0;overflow:clip;box-shadow:0 8px 28px #0f172a0a}.mt-root{font-family:inherit;background:var(--tea-surface);color:var(--tea-text);border-radius:0;max-width:none;margin:0}.mt-root button,.mt-root input,.mt-root select,.mt-root textarea{font-family:inherit}.mt-root .mt-hub{border:0;border-radius:0;margin:0;background:var(--tea-surface);color:var(--tea-text);box-shadow:none}.mt-hub-toolbar{border-bottom:1px solid var(--tea-border);background:var(--tea-surface);color:var(--tea-text)}.mt-root .mt-hub-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--tea-accent) 9%,var(--tea-surface)),var(--tea-surface));color:var(--tea-text);border-color:var(--tea-border);border-radius:16px}.mt-root .mt-play-button,.mt-root .mt-modal-action,.mt-root .mt-hub-tabs button.is-active,.mt-root .mt-tabs button.is-active{background:var(--tea-accent);color:#fff;border:0;border-radius:12px;box-shadow:0 4px 12px color-mix(in srgb,var(--tea-accent) 17%,transparent);font-weight:800}.mt-root .mt-play-button{min-height:44px}.mt-hub h1,.mt-hub h2,.mt-hub h3,.mt-modal-body h2,.mt-modal-body h3{color:var(--tea-text)}.mt-root .mt-hub-mine,.mt-root .mt-hub-rank,.mt-root .mt-rank-row,.mt-root .mt-shop-item,.mt-root .mt-stat-row,.mt-root .mt-bill-card,.mt-root .mt-mission-card,.mt-root .mt-chat-panel,.mt-root .mt-account-note,.mt-root .mt-account-shops{background:var(--tea-surface);color:var(--tea-text);border-color:var(--tea-border);border-radius:14px}.mt-root .mt-missions-entry{background:var(--tea-soft);color:var(--tea-text);border-color:var(--tea-border);border-radius:14px}.mt-root .mt-hub-mine{background:var(--tea-soft)}.mt-root .mt-hub-ranks{padding:0 14px 16px}.mt-root .mt-hub-tabs button:not(.is-active),.mt-root .mt-tabs button:not(.is-active){background:var(--tea-soft);color:var(--tea-muted);border-color:var(--tea-border);border-radius:10px}
.mt-root .mt-modal-box{background:var(--tea-surface);color:var(--tea-text);border:1px solid var(--tea-border);border-radius:18px;box-shadow:0 18px 70px #0006}.mt-root .mt-modal-box>header{background:var(--tea-surface);border-color:var(--tea-border);color:var(--tea-text)}.mt-root .mt-modal-body{color:var(--tea-text);background:var(--tea-surface)}.mt-root .mt-modal-box>header button{color:var(--tea-muted);background:var(--tea-soft);border-color:var(--tea-border)}.mt-root .mt-modal-body input:not([type=checkbox]):not([type=range]):not([type=color]),.mt-root .mt-modal-body select,.mt-root .mt-modal-body textarea{background:var(--tea-soft);color:var(--tea-text);border:1px solid var(--tea-border);border-radius:10px;min-height:38px}.mt-root .mt-form-footnote,.mt-root .mt-stat-note,.mt-root .mt-modal-box>header small{color:var(--tea-muted)}.mt-root .mt-account-note a{background:var(--tea-accent);color:#fff;border-color:transparent}.mt-root .mt-arena-toolbar{background:var(--tea-surface);color:var(--tea-text);border-color:var(--tea-border);min-height:48px}.mt-root .mt-arena-toolbar button{background:var(--tea-soft);color:var(--tea-text);border:1px solid var(--tea-border);border-radius:10px}.mt-root .mt-tools-panel{background:var(--tea-surface);color:var(--tea-text);border:1px solid var(--tea-border);border-radius:14px}.mt-root .mt-header-nickname{color:var(--tea-muted)}.mt-root .mt-boot-screen{background:var(--tea-surface);color:var(--tea-text)}.mt-root .mt-boot-screen small,.mt-root .mt-boot-screen p{color:var(--tea-muted)}.mt-root .mt-boot-track span{background:var(--tea-accent)}.mt-root .mt-arena{background:var(--tea-soft);border:0;border-radius:0;margin:0}.mt-root .mt-chat-panel header{background:var(--tea-surface);color:var(--tea-text);border-color:var(--tea-border)}.mt-root .mt-chat-form input{background:var(--tea-soft);color:var(--tea-text);border:1px solid var(--tea-border)}.mt-root .mt-chat-form button{background:var(--tea-accent);color:#fff}.mt-root .mt-chat-messages article{border-color:var(--tea-border)}.mt-root .mt-chat-messages p{color:var(--tea-text)}.mt-root .mt-chat-messages time{color:var(--tea-muted)}
.tea-admin{padding:22px}.tea-admin>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.tea-admin h1{font-size:20px;margin:0}.tea-setting{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--tea-soft);border:1px solid var(--tea-border);border-radius:12px;margin:12px 0 20px;font-weight:700}.tea-setting input{accent-color:var(--tea-accent);width:38px;height:22px}.tea-admin input{min-width:0;width:100%;padding:10px 12px;border:1px solid var(--tea-border);border-radius:10px;background:var(--tea-soft);color:var(--tea-text)}.tea-admin form{display:flex;gap:8px}.tea-admin button{border:0;background:var(--tea-accent);color:white;border-radius:10px;padding:10px 14px;font-weight:800;white-space:nowrap}.tea-admin-person{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--tea-border)}.tea-admin-person small,.tea-admin-person span{display:block;font-size:11px;color:var(--tea-muted);margin-top:4px}.tea-admin-person form{max-width:220px}.tea-auth-error{max-width:450px;margin:80px auto;background:var(--tea-surface);padding:25px;border:1px solid var(--tea-border);border-radius:18px}.tea-auth-error a{display:block;margin:14px 0}
@media(max-width:600px){.tea-header{height:58px;padding:0 10px;gap:8px}.tea-brand{font-size:13px;gap:7px}.tea-brand-icon{width:33px;height:33px;font-size:21px}.tea-brand small{font-size:9px}.tea-header nav{display:none}.tea-header-actions{gap:6px}.tea-account{max-width:120px}.tea-main{margin:0;border:0;border-radius:0;min-height:calc(100dvh - 58px);box-shadow:none}.mt-root .mt-modal-box{max-height:calc(100dvh - 24px);border-radius:16px}.mt-root .mt-modal-box>header{padding:13px 14px}.mt-root .mt-hub-hero{margin:12px}.mt-root .mt-hub-ranks{padding:0 12px 14px}.tea-admin{padding:16px}.tea-admin-person{align-items:flex-start;flex-direction:column}.tea-admin-person form{max-width:100%;width:100%}.mt-root .mt-counter-screen{box-shadow:none}.tea-auth-error{margin:30px 14px}.mt-root .mt-arena-toolbar{position:relative;z-index:15}.mt-root .mt-tools-panel{max-width:min(280px,92vw)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
.mt-root .mt-hub-welcome{background:linear-gradient(135deg,color-mix(in srgb,var(--tea-accent) 10%,var(--tea-surface)),var(--tea-surface));color:var(--tea-text);padding:24px 20px;border-bottom:1px solid var(--tea-border)}.mt-root .mt-hub-welcome h1{color:var(--tea-text)}.mt-root .mt-hub-welcome small{color:var(--tea-accent)}.mt-root .mt-hub-welcome p{color:var(--tea-muted)}.mt-root .mt-hub-toolbar a,.mt-root .mt-hub-toolbar button{background:var(--tea-soft);color:var(--tea-muted);border:1px solid var(--tea-border);border-radius:12px}.mt-root .mt-hub-ranking{background:var(--tea-surface);border:1px solid var(--tea-border);border-radius:14px;color:var(--tea-text);margin:16px}.mt-root .mt-hub-ranking>header{background:var(--tea-soft);color:var(--tea-text);border-bottom:1px solid var(--tea-border)}.mt-root .mt-hub-ranking>header small,.mt-root .mt-hub-mine>span,.mt-root .mt-hub-note,.mt-root .mt-hub-ranks>p{color:var(--tea-muted)}
