:root{--bg: #eef1f5;--surface: #ffffff;--surface-2: #f4f6f9;--surface-3: #e9edf2;--border: #e3e7ed;--text: #1a2330;--text-2: #5c6773;--text-3: #9aa4b0;--brand: #2f6bff;--brand-2: #5b8cff;--brand-deep: #1d4fdb;--brand-soft: #eaf1ff;--green: #22c55e;--green-deep: #16a34a;--amber: #f59e0b;--amber-deep: #d97706;--red: #e5484d;--red-deep: #d13438;--red-soft: #fdecec;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 8px 28px rgba(16, 24, 40, .12);--shadow-lg: 0 24px 64px rgba(9, 30, 80, .35);--ease: cubic-bezier(.2, .8, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.muted{color:var(--text-2);font-size:13px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:4px 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.checkbox-label span{color:var(--text)}.app{height:100%}.mm-code{font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;letter-spacing:.5px}.chat-messages::-webkit-scrollbar,.panel-body::-webkit-scrollbar,.my-meeting-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb,.panel-body::-webkit-scrollbar-thumb,.my-meeting-list::-webkit-scrollbar-thumb{background:#cdd4de;border-radius:3px}.chat-messages,.panel-body,.my-meeting-list{scrollbar-width:thin;scrollbar-color:#cdd4de transparent;overscroll-behavior:contain}.join{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(1000px 520px at 18% -10%,rgba(255,255,255,.14),transparent 60%),radial-gradient(820px 420px at 92% 108%,rgba(93,140,255,.38),transparent 55%),linear-gradient(150deg,#1b3faa,#2563eb 52%,#3f7df7)}.card{width:100%;max-width:432px;background:var(--surface);border-radius:20px;padding:30px 28px 26px;box-shadow:var(--shadow-lg)}.card-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;border-radius:15px;flex-shrink:0;background:linear-gradient(135deg,var(--brand-2),var(--brand-deep));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #2f6bff59}.brand-mark svg{width:24px;height:24px}.brand-text h1{font-size:18px;font-weight:700;line-height:1.3;word-break:break-all}.brand-text p{font-size:12px;color:var(--text-3);margin-top:2px}.online-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);margin-top:14px}.tabs{display:flex;gap:4px;margin:18px 0 4px;padding:4px;background:var(--surface-2);border-radius:12px}.tab{flex:1;padding:9px 6px;font-size:13.5px;font-weight:500;color:var(--text-2);border-radius:9px;transition:all .18s var(--ease)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.form input,.form select{width:100%;height:46px;padding:0 14px;font-size:15px;outline:none;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,box-shadow .15s}.form input:focus{border-color:var(--brand);box-shadow:0 0 0 3.5px var(--brand-soft)}.form input::placeholder{color:var(--text-3)}.nick-row{display:flex;gap:10px;align-items:stretch}.nick-row input{flex:1;min-width:0}.nick-reroll{flex-shrink:0;width:48px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease),transform .15s var(--ease)}.nick-reroll:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.nick-reroll:active{transform:scale(.94)}.nick-reroll svg{width:17px;height:17px}.form .primary{height:46px;border-radius:var(--radius);font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand-2),var(--brand-deep));box-shadow:0 6px 18px #2563eb52;transition:all .15s var(--ease)}.form .primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #2563eb66}.form .primary:active:not(:disabled){transform:translateY(0)}.form .primary:disabled{opacity:.6;box-shadow:none}.primary.sm{height:40px;font-size:13.5px;flex:1}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;height:40px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:500;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:all .15s}.btn-secondary svg{width:15px;height:15px}.btn-secondary:hover{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft)}button.link{align-self:center;color:var(--text-2);padding:6px 10px;font-size:13.5px;border-radius:8px;transition:all .15s}button.link:hover{color:var(--text);background:var(--surface-2)}.err{color:var(--red-deep);background:var(--red-soft);border:1px solid #f6c9ca;font-size:13px;padding:10px 13px;border-radius:10px;margin-top:12px;line-height:1.5}.invite-actions{display:flex;gap:10px}.invite-actions .primary{flex:1.2}.invite-box{background:linear-gradient(160deg,#f2f7ff,#eaf1ff);border:1px solid #d4e3ff;border-radius:14px;padding:16px}.invite-title{display:flex;align-items:center;gap:7px;font-weight:600;font-size:15px;margin-bottom:8px;color:var(--brand-deep)}.invite-title svg{width:17px;height:17px;color:var(--green-deep);flex-shrink:0}.invite-info{display:flex;align-items:baseline;gap:10px;margin:7px 0;font-size:14px;word-break:break-all}.invite-info span{color:var(--text-2);flex-shrink:0}.invite-info b{color:var(--text);font-weight:600}.invite-link{color:var(--brand);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px}.my-meeting-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:2px}.my-meeting-card{border:1px solid var(--border);border-radius:14px;padding:14px 15px;background:var(--surface);transition:all .18s var(--ease)}.my-meeting-card:hover{border-color:var(--brand-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.my-meeting-header{display:flex;align-items:center;gap:9px;margin-bottom:9px}.meeting-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;padding:3px 9px;border-radius:999px;font-weight:600}.meeting-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.meeting-status.active{background:#e7f8ef;color:var(--green-deep)}.meeting-status.waiting{background:#fdf3dc;color:var(--amber-deep)}.my-meeting-title{font-weight:600;font-size:14.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-meeting-info{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--text-2);margin-bottom:12px;gap:8px}.mm-count{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.mm-count svg{width:13px;height:13px}.my-meeting-actions{display:flex;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:26px 20px}.empty-state p{font-size:14px;font-weight:600}.empty-icon{width:52px;height:52px;border-radius:16px;background:var(--surface-2);color:var(--text-3);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-icon svg{width:24px;height:24px}.join-notice{position:fixed;top:68px;left:0;right:0;display:flex;justify-content:center;z-index:100;pointer-events:none}.join-notice-inner{display:flex;align-items:center;gap:8px;max-width:86vw;background:#1a2330e0;color:#fff;padding:9px 18px;border-radius:22px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-md);backdrop-filter:blur(10px)}.join-notice-inner svg{width:15px;height:15px;color:var(--green);flex-shrink:0}.notice-enter-active,.notice-leave-active{transition:all .3s var(--ease)}.notice-enter-from,.notice-leave-to{opacity:0;transform:translateY(-14px)}.reconnect-banner{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#f7b955,var(--amber));color:#fff;padding:9px 16px;font-size:13.5px;font-weight:600;box-shadow:0 4px 16px #f59e0b59}.reconnect-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{50%{opacity:.45}}.room{height:100%;display:flex;flex-direction:column;background:var(--bg)}.qdot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--text-tertiary)}.qdot.q-excellent{background:#22c55e}.qdot.q-good{background:#84cc16}.qdot.q-poor{background:#f59e0b;animation:qdot-blink 1s infinite}.qdot.q-lost{background:#ef4444;animation:qdot-blink .6s infinite}.qdot.q-unknown{background:var(--text-tertiary)}@keyframes qdot-blink{50%{opacity:.35}}.audio-diag{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -12px 32px #00000059;max-height:58dvh;overflow-y:auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.audio-diag-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;color:var(--text);margin-bottom:10px}.audio-diag-actions{display:flex;gap:8px}.audio-diag-actions .btn-secondary{height:32px;padding:0 14px;font-size:13px}.audio-diag-body{display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--text-2);white-space:pre-wrap;word-break:break-all}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);height:56px;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:9px;min-width:0}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #22c55e29;flex-shrink:0}.online-dot.offline{background:var(--amber);box-shadow:0 0 0 3px #f59e0b33;animation:pulse 1.5s infinite}.room-title{font-weight:650;font-size:15.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:22px;padding:0 9px;border-radius:11px;background:#fdf3dc;color:#b45309;font-size:11px;font-weight:600;border:1px solid #f5deb0}.host-badge svg{width:11px;height:11px}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:550;transition:all .15s}button.topbar-chip:hover{background:var(--surface-3);color:var(--text)}.topbar-chip svg{width:14px;height:14px}.timer{font-variant-numeric:tabular-nums;cursor:default}.timer.warn{background:#fdf3dc;color:var(--amber-deep);animation:blink 1.2s infinite}.chat-area{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:18px 20px 26px;display:flex;flex-direction:column;gap:14px}.chat-empty{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:72px 20px}.chat-empty-icon{width:64px;height:64px;border-radius:20px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.chat-empty-icon svg{width:28px;height:28px}.chat-empty p{font-size:15px;font-weight:650;color:var(--text)}.chat-msg{display:flex;gap:10px;max-width:82%;align-items:flex-start}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:34px;height:34px;border-radius:11px;color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.msg-body{display:flex;flex-direction:column;gap:3px;min-width:0}.chat-msg.mine .msg-body{align-items:flex-end}.chat-from{font-size:11px;color:var(--text-3);display:flex;align-items:baseline;gap:5px}.chat-from i{font-style:normal;opacity:.7}.chat-text{font-size:15px;line-height:1.55;padding:9px 13px;word-break:break-word;white-space:pre-wrap;border-radius:4px 16px 16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.chat-msg.mine .chat-text{border-radius:16px 4px 16px 16px;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#fff}.chat-time-mine{font-size:10.5px;color:var(--text-3);padding:0 3px}.chat-img{max-width:240px;max-height:260px;border-radius:14px;cursor:zoom-in;margin-top:2px;object-fit:cover;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.chat-img:hover{transform:translateY(-2px)}.lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0a0e16ed;backdrop-filter:blur(6px);cursor:zoom-out}.lightbox img{max-width:92vw;max-height:80vh;border-radius:10px;object-fit:contain;box-shadow:0 24px 80px #0009}.lightbox-close{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:40px;height:40px;border-radius:50%;cursor:pointer;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close:hover{background:#ffffff42}.lightbox-close svg{width:18px;height:18px}.lightbox-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#ffffff8c;font-size:12px;pointer-events:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.auto-join-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:58px 28px;text-align:center}.auto-join-spinner{width:40px;height:40px;border-radius:50%;border:3.5px solid var(--brand-soft);border-top-color:var(--brand);animation:spin .8s linear infinite}.auto-join-title{font-size:17px;font-weight:650;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-join-sub{font-size:13.5px;color:var(--text-2)}.participant-panel{position:absolute;top:10px;right:10px;bottom:10px;width:min(300px,86vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:50;box-shadow:var(--shadow-md);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:13px 10px 13px 16px;border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14.5px;color:var(--text)}.panel-title svg{width:16px;height:16px;color:var(--text-2)}.panel-title b{color:var(--brand)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;color:var(--text-2);transition:all .15s}.close-btn:hover{background:var(--surface-2);color:var(--text)}.close-btn svg{width:16px;height:16px}.panel-body{flex:1;overflow-y:auto;padding:8px}.p-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius);transition:background .15s}.p-item:hover{background:var(--surface-2)}.p-avatar{width:38px;height:38px;border-radius:12px;color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;transition:box-shadow .2s}.p-avatar.speaking{box-shadow:0 0 0 2.5px var(--surface),0 0 0 4.5px var(--green);animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 2.5px var(--surface),0 0 0 7px #22c55e80}}.p-name{flex:1;font-size:14px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-name em{font-style:normal;color:var(--text-3);font-weight:400}.p-badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;background:#fdf3dc;color:#b45309;font-size:10.5px;font-weight:600;border:1px solid #f5deb0;flex-shrink:0}.p-mic-state{display:flex;color:var(--brand);flex-shrink:0}.p-mic-state.off{color:var(--red)}.p-mic-state svg{width:15px;height:15px}.panel-footer{display:flex;align-items:center;gap:7px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);font-size:11.5px;color:var(--text-3)}.legend-ring{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--green);flex-shrink:0}.slide-enter-active,.slide-leave-active{transition:transform .25s var(--ease)}.slide-enter-from,.slide-leave-to{transform:translate(calc(100% + 12px))}.bar{display:flex;flex-direction:column;gap:10px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.bar-main{display:flex;align-items:center;gap:9px}.bar-actions{display:flex;align-items:center;gap:9px;justify-content:flex-end}.bar-divider{width:1px;height:24px;background:var(--border);margin:0 3px}.bar-icon-btn{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-2);transition:all .15s}.bar-icon-btn:hover{background:var(--surface-3);color:var(--text)}.bar-icon-btn svg{width:19px;height:19px}.bar-input-wrap{flex:1;min-width:0}.bar-input{width:100%;height:42px;padding:0 16px;font-size:15px;outline:none;border:1.5px solid transparent;border-radius:21px;background:var(--surface-2);transition:all .15s}.bar-input::placeholder{color:var(--text-3)}.bar-input:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3.5px var(--brand-soft)}.bar-send{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px 0 14px;flex-shrink:0;border-radius:21px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand-2),var(--brand-deep));box-shadow:0 2px 10px #2f6bff4d;transition:all .15s var(--ease)}.bar-send svg{width:15px;height:15px}.bar-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #2f6bff66}.bar-send:active:not(:disabled){transform:scale(.96)}.bar-send:disabled{opacity:.45;box-shadow:none;cursor:default}.bar-mic{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--text-2);transition:all .18s var(--ease)}.bar-mic svg{width:19px;height:19px}.bar-mic:hover{background:#dde2e9;color:var(--text)}.bar-mic.off{background:var(--red-soft);color:var(--red-deep)}.bar-mic.off:hover{background:#fbdcdc}.bar-mic.speaking{background:var(--brand-soft);color:var(--brand-deep);box-shadow:0 0 0 3px #2f6bff47}.bar-end{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 15px;flex-shrink:0;border-radius:22px;background:var(--red-soft);color:var(--red-deep);border:1px solid #f3c4c6;font-size:13.5px;font-weight:600;transition:all .15s var(--ease)}.bar-end svg{width:13px;height:13px}.bar-end:hover{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 4px 14px #e5484d59}.bar-end:active{transform:scale(.96)}.bar-leave{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#f0565b,var(--red-deep));box-shadow:0 4px 14px #e5484d66;transition:all .15s var(--ease)}.bar-leave svg{width:20px;height:20px}.bar-leave:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e5484d80}.bar-leave:active{transform:scale(.94)}@media(min-width:521px){.bar{flex-direction:row;align-items:center}.bar-main{flex:1;min-width:0}}@media(max-width:520px){html,body,#app{height:100dvh}.join{align-items:flex-start;padding:max(24px,env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.card{padding:24px 20px 22px;border-radius:18px}.brand-text h1{font-size:17px}.form input{font-size:16px;height:48px}.tabs{margin-top:14px}.tab{font-size:13px;padding:8px 4px}.topbar{height:52px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.room-title{max-width:38vw;font-size:14.5px}.topbar-chip{height:30px;padding:0 10px;font-size:12.5px;gap:5px}.topbar-chip svg{width:13px;height:13px}.chat-messages{padding:14px 12px 20px;gap:12px}.chat-msg{max-width:90%}.chat-img{max-width:min(220px,64vw)}.chat-empty{padding:44px 16px}.participant-panel{top:8px;right:8px;bottom:8px;width:min(330px,calc(100vw - 16px))}.join-notice{top:calc(60px + env(safe-area-inset-top))}.reconnect-banner{padding:calc(9px + env(safe-area-inset-top)) 16px 9px}.bar{gap:8px;padding-top:8px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.bar-main{gap:8px}.bar-actions{justify-content:space-between}.bar-divider{display:none}.bar-input{height:44px;font-size:16px}.bar-icon-btn{width:44px;height:44px}.bar-send{height:44px}.bar-mic{width:46px;height:46px}.bar-end{height:46px;padding:0 14px}.bar-leave{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}