@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.p.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.C8nk0a_className{font-family:Inter,Inter Fallback;font-style:normal}
app-icon{flex-shrink:0;width:18px;height:18px}.mod-head{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.mod-head__body{flex:1;min-width:200px}.mod-head__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.mod-title{font-size:var(--font-2xl);letter-spacing:-.3px;color:var(--text-primary);font-weight:700}.mod-lead{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}.mod-grid{align-items:start;gap:16px;display:grid}.card,.panel{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-card)}.panel{padding:18px}.panel__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel__title{font-size:var(--font-md);color:var(--text-primary);font-weight:700}.panel__link{font-family:inherit;font-size:var(--font-sm);color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.panel__link svg,.panel__link app-icon{width:15px;height:15px}.section-title{font-size:var(--font-md);color:var(--text-primary);margin-bottom:10px;font-weight:700}.tone-violet{background:var(--primary-light);color:var(--primary)}.tone-green{color:var(--tone-green);background:#34c7591f}.tone-blue{color:var(--tone-blue);background:#007aff1f}.tone-orange{color:var(--tone-orange);background:#ff950024}.tone-pink{color:var(--tone-pink);background:#f2557b1f}.tone-grey{background:var(--bg-input);color:var(--text-secondary)}.btn{border-radius:var(--radius-md);min-height:38px;font-family:inherit;font-size:var(--font-sm);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-weight:600;line-height:1.3;display:inline-flex}.btn svg,.btn app-icon{width:16px;height:16px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-primary)}.btn--ghost{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.btn--soft{background:var(--primary-light);color:var(--primary)}.btn--soft:hover:not(:disabled){background:var(--primary-light-hover)}.btn--danger{color:var(--color-error);background:#ff3b301a}.btn--danger:hover:not(:disabled){background:#ff3b302e}.btn--danger-solid{background:var(--color-error);color:#fff}.btn--danger-solid:hover:not(:disabled){filter:brightness(.92)}.btn--link{min-height:0;color:var(--primary);background:0 0;padding:2px 4px}.btn--link:hover:not(:disabled){opacity:.85}.btn--warning{color:#b45309;background:#f59e0b1f;border-color:#f59e0b59}.btn--warning:hover:not(:disabled){color:#92400e;background:#f59e0b38;border-color:#f59e0b99;box-shadow:0 4px 12px #f59e0b2e}.btn--block{width:100%}.btn--lg{min-height:44px;font-size:var(--font-base);padding:10px 20px}.btn--sm{min-height:32px;font-size:var(--font-xs);padding:5px 11px}.icon-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0;place-items:center;padding:0;display:grid}.icon-btn:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-btn svg,.icon-btn app-icon{width:18px;height:18px}.icon-btn--plain{background:0 0;border-color:#0000}.icon-btn--sm{width:30px;height:30px}.icon-btn--sm svg,.icon-btn--sm app-icon{width:16px;height:16px}.loader{opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite mod-spin;display:inline-block}.loader--lg{width:26px;height:26px;color:var(--primary);border-width:3px}.loading-area{font-size:var(--font-sm);color:var(--text-secondary);place-items:center;gap:10px;padding:40px 20px;display:grid}@keyframes mod-spin{to{transform:rotate(360deg)}}.avatar{background:var(--primary-gradient);color:#fff;width:44px;height:44px;font-size:var(--font-base);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.avatar--sm{width:34px;height:34px;font-size:var(--font-sm)}.avatar--lg{width:60px;height:60px;font-size:var(--font-xl)}.avatar--xl{width:88px;height:88px;font-size:28px}.avatar__dot{border:2px solid var(--bg-card);background:var(--color-success);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar__flag{font-size:14px;line-height:1;position:absolute;bottom:-2px;right:-2px}.chip{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);font-family:inherit;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);align-items:center;gap:6px;padding:5px 12px;font-weight:500;display:inline-flex}.chip:hover{background:var(--bg-input)}.chip.is-active{background:var(--primary-light);border-color:rgba(var(--primary-rgb), .35);color:var(--primary);font-weight:600}.chip--static{cursor:default}.chip--filter{background:var(--primary-light);color:var(--primary);font-size:var(--font-xs);cursor:default;border-color:#0000;padding:3px 4px 3px 11px;font-weight:600}.chip--filter:hover{background:var(--primary-light)}.chip--filter button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.chip--filter button:hover{background:rgba(var(--primary-rgb), .15)}.chip--filter button app-icon{width:12px;height:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:var(--radius-full);font-size:var(--font-xs);align-items:center;gap:5px;padding:3px 10px;font-weight:600;display:inline-flex}.pill--success{color:var(--tone-green);background:#34c75924}.pill--warning{color:var(--tone-orange);background:#ff950024}.pill--danger{color:var(--color-error);background:#ff3b301f}.pill--primary{background:var(--primary-light);color:var(--primary)}.pill--muted{background:var(--bg-input);color:var(--text-secondary)}.count-badge{border-radius:var(--radius-full);background:var(--primary);color:#fff;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;font-weight:700;display:grid}.trend{font-size:var(--font-xs);color:var(--color-success);align-items:center;gap:2px;font-weight:600;display:inline-flex}.trend--down{color:var(--color-error)}.trend svg,.trend app-icon{width:12px;height:12px}.field{margin-bottom:16px;display:block}.field__label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:7px;font-weight:600;display:block}.field__hint{font-size:var(--font-xs);color:var(--text-muted);margin-top:6px}.field__static{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);min-height:40px;font-size:var(--font-base);color:var(--text-primary);align-items:center;gap:8px;padding:8px 12px;display:flex}.field__static app-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.field__static--muted{color:var(--text-muted)}.input,.textarea,.select__input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-field);width:100%;min-height:40px;font-family:inherit;font-size:var(--font-base);color:var(--text-primary);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:8px 12px}.input::placeholder,.textarea::placeholder,.select__input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled):not(:focus),.textarea:hover:not(:disabled):not(:focus),.select__input:hover:not(:disabled):not(:focus){border-color:var(--text-muted)}.input:focus,.textarea:focus,.select__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.input:disabled,.input[readonly],.textarea:disabled,.textarea[readonly],.select__input:disabled,.select__input[readonly]{border-color:var(--border-color);background:var(--bg-field-disabled);color:var(--text-muted);cursor:not-allowed}.textarea{resize:vertical;min-height:96px;line-height:1.5}.select{display:block;position:relative}.select__input{appearance:none;cursor:pointer;padding-right:36px}.select__caret{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.select--sm .select__input{border-radius:var(--radius-md);font-size:var(--font-sm);padding:9px 32px 9px 12px}.select--sm .select__caret{width:15px;height:15px;right:11px}.search-box{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);height:38px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}.search-box svg,.search-box app-icon{width:17px;height:17px;color:var(--text-muted);flex-shrink:0}.search-box input{min-width:0;font-family:inherit;font-size:var(--font-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.search-box input::placeholder{color:var(--text-muted)}.range{width:100%;accent-color:var(--primary);cursor:pointer}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.switch+.switch{border-top:1px solid var(--border-color)}.switch__text{font-size:var(--font-base);color:var(--text-primary);flex:1;font-weight:500}.switch input[type=checkbox]{appearance:none;background:var(--border-strong);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border-radius:999px;outline:none;flex-shrink:0;margin:0;position:relative}.switch input[type=checkbox]:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast),background-color var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040,0 1px 1px #0000001a}.switch input[type=checkbox]:checked{background:var(--primary)}.switch input[type=checkbox]:checked:after{transform:translate(20px)}.switch input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--primary)}.switch input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.list{flex-direction:column;list-style:none;display:flex}.list__item{align-items:center;gap:12px;padding:10px 0;display:flex}.list__item+.list__item{border-top:1px solid var(--border-color)}.list__body{flex:1;min-width:0}.list__title{font-size:var(--font-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list__sub{font-size:var(--font-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.list__meta{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.alert{border-radius:var(--radius-lg);font-size:var(--font-sm);align-items:center;gap:9px;margin-bottom:14px;padding:11px 14px;line-height:1.45;display:flex}.alert svg,.alert app-icon{flex-shrink:0;width:17px;height:17px}.alert--error{color:var(--color-error);background:#ff3b3014}.alert--warning{color:var(--tone-orange);background:#ff95001f}.alert--info{background:var(--primary-light);color:var(--primary)}.alert--success{color:var(--tone-green);background:#34c7591f}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty__icon{background:var(--bg-input);width:52px;height:52px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:24px;display:grid}.empty__icon svg,.empty__icon app-icon{width:24px;height:24px}.empty__title{font-size:var(--font-md);color:var(--text-primary);font-weight:700}.empty__text{max-width:380px;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.empty__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.empty--compact{padding:24px 16px}.skeleton{border-radius:var(--radius-xl);background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);background-size:200% 100%;animation:1.3s ease-in-out infinite mod-shimmer}.skeleton--line{border-radius:var(--radius-sm);height:14px}.skeleton--row{border-radius:var(--radius-md);height:52px}.skeleton--tile{height:96px}.skeleton--block{height:260px}@keyframes mod-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bar{border-radius:var(--radius-full);background:var(--primary-light);height:8px;overflow:hidden}.bar__fill{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width var(--transition-base)}.overlay{z-index:60;background:#1a1a2e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{border-radius:var(--radius-2xl);background:var(--bg-card);width:100%;max-width:480px;max-height:86vh;box-shadow:var(--shadow-card);padding:20px;overflow-y:auto}.sheet--sm{max-width:400px}.sheet--wide{max-width:620px}.sheet__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.sheet__title{font-size:var(--font-lg);color:var(--text-primary);font-weight:700}.sheet__sub{font-size:var(--font-sm);color:var(--text-secondary);margin-top:4px}.sheet__foot{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast{z-index:70;border-radius:var(--radius-full);background:var(--surface-invert);color:var(--surface-invert-fg);font-size:var(--font-sm);box-shadow:var(--shadow-card);align-items:center;gap:9px;padding:12px 18px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast--error{background:var(--color-error);color:#fff}.toast--success{background:var(--color-success);color:#fff}.toast--top{top:28px;bottom:auto}.chat{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat__head{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:14px 18px;display:flex}.chat__body{background:var(--bg-page);flex:1;padding:18px;overflow-y:auto}.chat__foot{border-top:1px solid var(--border-color);background:var(--bg-card);align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.bubble-row{margin-bottom:12px;display:flex}.bubble-row--me{justify-content:flex-end}.bubble-row--system{justify-content:center}.bubble{background:var(--bg-card);border:1px solid var(--border-color);max-width:min(76%,520px);font-size:var(--font-base);color:var(--text-primary);word-break:break-word;border-radius:18px 18px 18px 6px;padding:10px 14px;line-height:1.45}.bubble--me{background:var(--primary);border-color:var(--primary);color:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:18px}.bubble--system{border-radius:var(--radius-full);background:var(--primary-light);max-width:100%;font-size:var(--font-sm);color:var(--primary);text-align:center;border-color:#0000;padding:7px 14px}.bubble__time{opacity:.7;margin-top:4px;font-size:10px;display:block}app-user-shell .field{margin-bottom:14px}app-user-shell .panel{padding:16px 18px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password){--primary:#e03838;--primary-dark:#c22b2b;--primary-light:#fee;--primary-light-hover:#ffe0e0;--primary-gradient:linear-gradient(135deg, #ec4b4b 0%, #e03838 100%);--primary-rgb:224, 56, 56;--shadow-primary:0 8px 24px #e038384d;--shadow-primary-lg:0 12px 40px #e0383866;--color-error:#a81b1b}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-head{margin-bottom:clamp(14px,2vh,20px)}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-title{letter-spacing:-.4px;color:var(--text-primary);font-size:clamp(22px,2.2vw,26px);font-weight:800;line-height:1.2}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin-top:4px;line-height:1.4}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .field{margin-bottom:clamp(10px,1.4vh,14px)}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .field-label{font-size:var(--font-xs);color:var(--text-primary);margin-bottom:5px;font-weight:600;display:block}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .input-wrap{border-radius:var(--radius-md);border-width:1px;height:44px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .input-wrap:focus-within{box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-input::-ms-reveal{display:none}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-input::-ms-clear{display:none}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .btn-primary{width:100%;height:44px;font-size:var(--font-base);border-radius:var(--radius-md);box-shadow:none;justify-content:center;align-items:center;font-weight:600;display:flex}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--primary-rgb), .28);transform:translateY(-1px)}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) app-auth-layout .btn-primary{height:44px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .btn-social{height:40px;font-size:var(--font-sm);border-width:1px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .divider{margin:12px 0}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-foot{font-size:var(--font-sm);text-align:center;color:var(--text-secondary);margin-top:14px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .field-error{font-size:var(--font-xs);margin-top:4px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .verify-info-box{border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-card) 85%, var(--primary-light));border:1px solid rgba(var(--primary-rgb), .1);align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .verify-icon{width:36px;height:36px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 12px;display:flex}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .checkbox-row{align-items:center;gap:8px;display:inline-flex}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .checkbox-label{font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-height:850px){:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-head{margin-bottom:12px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-title{font-size:clamp(20px,2vw,24px)}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .field{margin-bottom:9px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .field-label{margin-bottom:3px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .input-wrap,:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .btn-primary,:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) app-auth-layout .btn-primary{height:42px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .row-between{margin-bottom:10px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .form-foot{margin-top:10px}:is(app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password) .verify-info-box{margin-bottom:12px;padding:10px 12px}}.auth-fade-up{animation:.45s cubic-bezier(.16,1,.3,1) both auth-fade-up}.auth-fade-up--d1{animation-delay:80ms}.auth-fade-up--d2{animation-delay:.16s}.auth-fade-up--d3{animation-delay:.24s}.auth-fade-up--d4{animation-delay:.32s}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-fade-up{animation:10ms linear both auth-fade-up-reduced}}@keyframes auth-fade-up-reduced{0%{opacity:1}to{opacity:1}}.form-head{margin-bottom:clamp(20px,3vh,28px)}.form-title{letter-spacing:-.6px;color:var(--text-primary);font-size:clamp(26px,2.6vw,32px);font-weight:800}.form-subtitle{font-size:var(--font-base);color:var(--text-secondary);margin-top:6px}.field{margin-bottom:clamp(16px,2vh,20px)}.field-label{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:6px;font-weight:600;display:block}.input-wrap{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-field);height:50px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);align-items:center;gap:10px;padding:0 14px;display:flex}.input-wrap:hover:not(:focus-within){border-color:var(--text-secondary)}.input-wrap:focus-within{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .14)}.input-wrap:has(.form-input:not(:placeholder-shown)){border-color:rgba(var(--primary-rgb), .28);background:color-mix(in srgb, var(--bg-card) 94%, var(--primary-light))}.input-wrap:has(.form-input:disabled){border-color:var(--border-color);background:var(--bg-field-disabled);opacity:.75}.input-wrap--error{border-color:var(--color-error)}.input-wrap--error:focus-within{box-shadow:0 0 0 4px #ff3b3024}.input-icon{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0;place-items:center;display:grid}.input-icon svg{width:18px;height:18px}.input-wrap:focus-within .input-icon{color:var(--primary)}.input-wrap .form-input{min-width:0;height:100%;font-family:inherit;font-size:var(--font-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.input-wrap .form-input::placeholder{color:var(--text-muted)}.input-wrap .form-input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 100px var(--bg-card) inset;transition:background-color 9999s}.input-wrap .form-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 100px var(--bg-card) inset;transition:background-color 9999s}.input-wrap .form-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 100px var(--bg-card) inset;transition:background-color 9999s}.otp-input{text-align:center;font-size:var(--font-xl);letter-spacing:8px;font-weight:700}.eye-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;place-items:center;margin:-13px;padding:13px;display:grid}.eye-btn:hover{color:var(--text-secondary)}.eye-btn svg{width:18px;height:18px;animation:.2s eye-toggle}@keyframes eye-toggle{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.eye-btn:focus-visible,.btn-social:focus-visible,.text-link:focus-visible,.btn-link:focus-visible,.checkbox:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.field-error{font-size:var(--font-sm);color:var(--color-error);align-items:center;gap:5px;margin-top:6px;font-weight:500;animation:.2s both field-message-in;display:flex}@keyframes field-message-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.checkbox-row{align-items:flex-start;gap:10px;display:flex}.checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;transition:transform var(--transition-fast);flex-shrink:0;margin-top:2px}.checkbox:active{transform:scale(.88)}.checkbox-label{font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;line-height:1.55}.btn-primary{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;font-family:inherit;font-size:var(--font-md);letter-spacing:.1px;cursor:pointer;box-shadow:0 10px 24px rgba(var(--primary-rgb), .32);transition:box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;position:relative}.btn-primary:hover:not(:disabled){box-shadow:0 12px 30px rgba(var(--primary-rgb), .42);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 6px 16px rgba(var(--primary-rgb), .32);transform:translateY(0)}.btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary.is-success{background:var(--color-success);box-shadow:0 10px 24px #34c75959}.btn-check{width:18px;height:18px;animation:.3s cubic-bezier(.34,1.56,.64,1) both btn-check-in}@keyframes btn-check-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}app-auth-layout .btn-primary,.btn-block,.btn-full{width:100%;height:52px;margin-top:8px}.btn-social{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-card);height:48px;font-family:inherit;font-size:var(--font-base);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.btn-social:hover:not(:disabled){background:var(--bg-input);border-color:var(--text-secondary)}.btn-social:active:not(:disabled){transform:translateY(1px)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.btn-social svg{width:17px;height:17px}.text-link{font-size:var(--font-sm);color:var(--primary);cursor:pointer;transition:color var(--transition-fast);font-weight:600;text-decoration:none}.text-link:hover{color:var(--primary-dark)}.field-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.form-foot{text-align:center;font-size:var(--font-base);color:var(--text-secondary);margin-top:clamp(16px,2.2vh,20px)}.divider{font-size:var(--font-sm);color:var(--text-muted);align-items:center;gap:12px;margin:clamp(16px,2vh,20px) 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border-color);flex:1;height:1px}.social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite user-spin}@keyframes user-spin{to{transform:rotate(360deg)}}.btn-link{cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;line-height:inherit;background:0 0;border:none;padding:0}.btn-link:disabled{opacity:.5;cursor:not-allowed}.verify-info-box{text-align:center;border-radius:var(--radius-lg);background:var(--primary-light);border:1px solid rgba(var(--primary-rgb), .12);transition:all var(--transition-base);flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding:20px;display:flex}.verify-icon{background:var(--bg-card);width:48px;height:48px;color:var(--primary);box-shadow:0 4px 10px rgba(var(--primary-rgb), .08);border-radius:50%;justify-content:center;align-items:center;display:flex}.verify-icon svg{width:24px;height:24px}.verify-desc{font-size:var(--font-sm);color:var(--text-primary);line-height:1.6;margin:0!important}.email-badge{color:var(--primary);background:var(--bg-card);border-radius:var(--radius-full);border:1px solid rgba(var(--primary-rgb), .1);word-break:break-all;margin-top:6px;padding:4px 12px;font-weight:700;display:inline-block}.expiry-timer{font-size:var(--font-sm);color:var(--text-secondary);margin-top:4px;display:inline-block}.expiry-timer strong{color:var(--primary);font-weight:700}.expiry-timer--critical{color:var(--color-error);animation:1s infinite alternate pulse-red}.expiry-timer--critical strong,.text-error{color:var(--color-error)}.font-semibold{font-weight:600}@keyframes pulse-red{0%{opacity:.8}to{opacity:1}}@media (prefers-reduced-motion:reduce){.expiry-timer--critical{animation:none}}.resend-wait{font-size:var(--font-sm);color:var(--text-muted)}.field-hint{font-size:var(--font-xs);color:var(--text-secondary);margin-top:6px}.field-hint--warning{color:var(--color-warning);font-weight:600}.form-foot--tight{margin-top:8px}@media (max-height:850px){.form-head{margin-bottom:18px}.form-title{font-size:clamp(24px,2.4vw,28px)}.form-subtitle{font-size:var(--font-sm);margin-top:4px}.field{margin-bottom:14px}.input-wrap,app-auth-layout .btn-primary,.btn-block,.btn-full{height:46px}.divider{margin:14px 0}.form-foot{margin-top:14px}.verify-info-box{gap:8px;margin-bottom:16px;padding:14px}}.guide{flex-direction:column;gap:18px;width:92vw;max-width:900px;max-height:90vh;padding-bottom:0;display:flex}.guide__head{margin-bottom:0}.guide__x:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px rgba(var(--primary-rgb), .18)}.guide__tabs{flex-wrap:wrap;gap:8px;display:flex}.guide__tab{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);min-height:40px;font-family:inherit;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:flex}.guide__tab:hover{background:var(--bg-input);color:var(--text-primary)}.guide__tab:active{transform:scale(.97)}.guide__tab:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px rgba(var(--primary-rgb), .18)}.guide__tab.is-active{border-color:rgba(var(--primary-rgb), .45);background:var(--primary-light);color:var(--primary)}.guide__tabicon{border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.guide__tabicon app-icon{width:13px;height:13px}.guide__panel{flex-direction:column;gap:22px;display:flex}.guide__h{font-size:var(--font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;margin:0 0 10px;font-weight:700;display:flex}.guide__h app-icon{width:15px;height:15px}.guide__intro{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:14px;display:grid}.guide__goal{border:1px solid rgba(var(--primary-rgb), .28);border-left:4px solid var(--primary);background:var(--primary-light);border-radius:16px;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;animation:.4s both guide-rise;display:flex}.guide__eyebrow{font-size:var(--font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--primary);align-items:center;gap:6px;font-weight:700;display:inline-flex}.guide__eyebrow app-icon{width:14px;height:14px}.guide__goal-text{font-size:var(--font-base);color:var(--text-primary);margin:0;font-weight:700;line-height:1.45}.guide__host{font-size:var(--font-xs);color:var(--text-secondary);align-items:flex-start;gap:6px;margin:2px 0 0;line-height:1.5;display:flex}.guide__host app-icon{flex-shrink:0;width:14px;height:14px;margin-top:2px}.guide__foot{z-index:1;border-top:1px solid var(--border-color);background:var(--bg-card);justify-content:flex-end;gap:10px;margin:0 -20px;padding:12px 20px 16px;display:flex;position:sticky;bottom:0}.guide__btn{min-height:44px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.guide__btn:active:not(:disabled){transform:scale(.97)}.guide__btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px rgba(var(--primary-rgb), .18)}.guide__btn--start{box-shadow:var(--shadow-primary);padding-inline:24px}.guide__btn--start:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.guide__btn--start:active:not(:disabled){transform:scale(.97)}.guide__btn--start app-icon{animation:2.4s ease-in-out infinite guide-nudge}.guide-timeline{margin:0;padding:0;list-style:none}.guide-step{animation:.4s both guide-rise;animation-delay:calc(var(--i,0)*70ms + 80ms);grid-template-columns:34px 1fr;gap:12px;padding-bottom:12px;display:grid;position:relative}.guide-step:not(:last-child):before{content:"";background:var(--border-color);transform-origin:top;width:2px;animation:.4s both guide-draw;animation-delay:calc(var(--i,0)*70ms + .24s);border-radius:2px;position:absolute;top:34px;bottom:0;left:16px}.guide-step__rail{justify-content:center;display:flex}.guide-step__num{background:var(--primary);color:#fff;width:34px;height:34px;font-size:var(--font-sm);box-shadow:0 0 0 4px var(--bg-card);border-radius:50%;place-items:center;font-weight:800;display:grid}.guide-step__card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.guide-step__icon{background:var(--primary-light);width:30px;height:30px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.guide-step__icon app-icon{width:16px;height:16px}.guide-step__title{font-size:var(--font-sm);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.guide-step__text{font-size:var(--font-xs);color:var(--text-secondary);margin:2px 0 0;line-height:1.5}.guide-step.is-key .guide-step__card{border-color:rgba(var(--primary-rgb), .45);background:linear-gradient(135deg, var(--primary-light) 0%, var(--bg-card) 70%);box-shadow:var(--shadow-primary)}.guide-step.is-key .guide-step__icon{animation:2.4s ease-out infinite guide-pulse}.guide-step.is-key .guide-step__text{color:var(--text-primary)}.guide-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.guide-badge--key{background:var(--primary);color:#fff}.guide-outcomes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide-outcome{--tone:var(--text-secondary);--tone-bg:var(--bg-input);border:1px solid var(--border-color);border-top:4px solid var(--tone);background:var(--tone-bg);animation:.4s both guide-rise;animation-delay:calc(var(--i,0)*90ms + .3s);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.guide-outcome--win{--tone:var(--tone-green);--tone-bg:#34c7591a}.guide-outcome--lose{--tone:var(--color-error);--tone-bg:#ff3b3014}.guide-outcome--draw{--tone:var(--tone-orange);--tone-bg:#ff95001a}.guide-outcome--win{box-shadow:0 8px 24px #34c7592e}.guide-outcome__head{align-items:center;gap:8px;display:flex}.guide-outcome__head h4{font-size:var(--font-base);color:var(--tone);margin:0;font-weight:800}.guide-outcome__icon{background:var(--tone);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.guide-outcome__icon app-icon{width:16px;height:16px}.guide-outcome--win .guide-outcome__icon{animation:2.8s ease-in-out infinite guide-bounce}.guide-outcome__when{font-size:var(--font-xs);color:var(--text-secondary);margin:0;line-height:1.5}.guide-outcome__next{border-left:3px solid var(--tone);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:4px;margin:auto 0 0;padding:10px 12px;display:flex}.guide-outcome__next-label{letter-spacing:.06em;text-transform:uppercase;color:var(--tone);font-size:11px;font-weight:800}.guide-outcome__next-text{font-size:var(--font-sm);color:var(--text-primary);align-items:flex-start;gap:6px;font-weight:700;line-height:1.45;display:flex}.guide-outcome__next-text app-icon{width:15px;height:15px;color:var(--tone);flex-shrink:0;margin-top:3px;animation:2.4s ease-in-out infinite guide-nudge}.guide-flow{background:var(--bg-input);border-radius:14px;padding:14px 16px}.guide-flow__list{flex-wrap:wrap;align-items:center;gap:6px 4px;margin:0;padding:0;list-style:none;display:flex}.guide-flow__item{align-items:center;gap:4px;display:flex}.guide-flow__item:not(:first-child):before{content:"→";color:var(--text-muted);font-weight:700}.guide-flow__chip{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);font-size:var(--font-xs);color:var(--text-primary);animation:5s ease-in-out infinite guide-flow-lit;animation-delay:calc(var(--i,0)*1s);padding:6px 12px;font-weight:700;display:inline-block}.guide-flow__item--start .guide-flow__chip{border-color:rgba(var(--primary-rgb), .45);color:var(--primary)}.guide-flow__item--result .guide-flow__chip{background:linear-gradient(90deg,#34c7591a 0 50%,#ff3b3014 50% 100%)}.guide-demo{background:var(--bg-input);border-radius:16px;justify-content:center;align-items:center;gap:18px;min-height:150px;padding:16px 12px;display:flex;overflow:hidden}.tap-pad{place-items:center;width:96px;height:96px;display:grid;position:relative}.tap-pad__ring{border:2px solid var(--primary);opacity:0;border-radius:50%;animation:1.2s ease-out infinite guide-ripple;position:absolute;inset:12px}.tap-pad__ring--2{animation-delay:.6s}.tap-pad__btn{background:var(--primary-gradient);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-primary);border-radius:50%;place-items:center;animation:.6s ease-in-out infinite guide-press;display:grid;position:relative}.tap-pad__btn app-icon{width:28px;height:28px}.tap-pad__plus{font-size:var(--font-sm);color:var(--primary);font-weight:800;animation:.6s ease-out infinite guide-float;position:absolute;top:-2px;right:-6px}.tap-combo{flex-direction:column;gap:6px;display:flex}.tap-combo__x{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);font-size:var(--font-sm);color:var(--text-secondary);text-align:center;padding:4px 10px;font-weight:800;animation:3.6s ease-in-out infinite guide-combo}.tap-combo__x:nth-child(2){animation-delay:1.2s}.tap-combo__x:nth-child(3){animation-delay:2.4s}.rps-triangle{width:220px;height:190px;position:relative}.rps-node{background:var(--bg-card);border:1px solid var(--border-color);width:76px;font-size:var(--font-xs);color:var(--text-primary);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-weight:700;animation:3.6s ease-in-out infinite guide-node-lit;display:flex;position:absolute}.rps-node__icon{width:30px;height:30px;color:var(--tone-orange);background:#ff950024;border-radius:50%;place-items:center;display:grid}.rps-node__icon app-icon{width:16px;height:16px}.rps-node--rock{margin-left:-38px;top:0;left:50%}.rps-node--scissors{animation-delay:1.2s;bottom:0;right:0}.rps-node--paper{animation-delay:2.4s;bottom:0;left:0}.rps-beats{width:20px;height:20px;color:var(--tone-orange);place-items:center;animation:3.6s ease-in-out infinite guide-arrow-lit;display:grid;position:absolute}.rps-beats app-icon{width:16px;height:16px}.rps-beats--1{top:62px;right:42px;transform:rotate(125deg)}.rps-beats--2{animation-delay:1.2s;bottom:24px;left:90px;transform:rotate(180deg)}.rps-beats--3{animation-delay:2.4s;top:62px;left:42px;transform:rotate(-125deg)scaleX(-1)}.caro-board{grid-template-rows:repeat(5,28px);grid-template-columns:repeat(5,28px);gap:3px;display:grid}.caro-cell{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:6px;place-items:center;display:grid}.caro-cell app-icon{width:14px;height:14px}.caro-cell.is-o{color:var(--text-secondary)}.caro-cell.is-x{color:var(--primary);background:var(--primary-light)}.caro-cell.is-x app-icon{animation:4s infinite both guide-mark-in;animation-delay:calc(var(--i,0)*.25s)}.caro-cell.is-win{border-color:rgba(var(--primary-rgb), .5);animation:4s ease-in-out infinite guide-win-line}@keyframes guide-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes guide-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes guide-pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb), .45)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb), 0)}}@keyframes guide-bounce{0%,70%,to{transform:none}80%{transform:translateY(-4px)rotate(-6deg)}90%{transform:translateY(0)rotate(4deg)}}@keyframes guide-nudge{0%,80%,to{transform:none}90%{transform:translate(3px)}}@keyframes guide-flow-lit{0%,22%,to{background-color:var(--bg-card);box-shadow:none;transform:none}6%,16%{background-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .25);transform:translateY(-2px)}}@keyframes guide-ripple{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes guide-press{0%,to{transform:scale(1)}40%{transform:scale(.9)}}@keyframes guide-float{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes guide-combo{0%,30%,to{color:var(--text-secondary);background:var(--bg-card);transform:none}8%,24%{color:#fff;background:var(--primary);border-color:var(--primary);transform:scale(1.12)}}@keyframes guide-node-lit{0%,30%,to{border-color:var(--border-color);box-shadow:none}8%,24%{border-color:var(--tone-orange);box-shadow:0 0 0 3px #ff950040}}@keyframes guide-arrow-lit{0%,30%,to{opacity:.35}8%,24%{opacity:1}}@keyframes guide-mark-in{0%{opacity:0;transform:scale(.3)}8%{opacity:1;transform:scale(1.2)}12%{transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes guide-win-line{0%,40%,90%,to{box-shadow:none}50%,80%{box-shadow:0 0 0 2px rgba(var(--primary-rgb), .55),0 0 12px rgba(var(--primary-rgb), .35)}}@media (max-width:720px){.guide{width:100%;max-height:92vh}.guide__intro,.guide-outcomes{grid-template-columns:1fr}}@media (max-width:560px){.guide{gap:14px}.guide__tab{flex:auto;justify-content:center}.guide__foot{flex-direction:column-reverse}.guide__foot .guide__btn{width:100%}.guide-step{grid-template-columns:28px 1fr;gap:10px}.guide-step__num{width:28px;height:28px;font-size:var(--font-xs)}.guide-step:not(:last-child):before{top:28px;left:13px}.guide-demo{min-height:0}}@media (prefers-reduced-motion:reduce){.guide,.guide *,.guide :before,.guide :after{transition:none!important;animation:none!important}}.game-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:22px;padding:20px 24px 24px}.game-head-host{flex-shrink:0;min-width:0;display:block}.game-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.game-head__title-wrap{align-items:center;gap:10px;display:flex}.game-head__icon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.game-head__icon app-icon{width:20px;height:20px}.game-head__title{font-size:var(--font-xl);white-space:nowrap;color:var(--text-primary);margin:0;font-weight:700;line-height:1}.game-head__id{border-radius:var(--radius-full);background:var(--bg-input);height:32px;font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;box-sizing:border-box;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.game-head__id app-icon{flex-shrink:0;width:15px;height:15px}.game-head__count{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);height:32px;font-size:var(--font-xs);color:var(--text-primary);white-space:nowrap;box-sizing:border-box;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.game-head__count app-icon{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.game-head__count span{font-size:var(--font-xs);color:var(--text-muted);font-weight:500}.game-head__expiry{border-radius:var(--radius-full);height:32px;font-size:var(--font-xs);color:#92400e;white-space:nowrap;cursor:help;box-sizing:border-box;background:#fef3c7;border:1px solid #f59e0b;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.game-head__expiry app-icon{flex-shrink:0;width:15px;height:15px}.game-head__expiry.is-urgent{color:#991b1b;background:#fee2e2;border-color:#ef4444;animation:2s ease-in-out infinite urgentPulse}.game-head__actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.7}}.game-spinner{vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.6s linear infinite gameSpin;display:inline-block}@keyframes gameSpin{to{transform:rotate(360deg)}}.duel{justify-content:center;align-items:flex-start;gap:32px;padding:12px 0 8px;display:flex}.duel__player{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:130px;display:flex}.duel__name{font-size:var(--font-sm);color:var(--text-primary);font-weight:700}.duel__status{font-size:var(--font-xs);color:var(--text-muted)}.duel__status.is-active{color:var(--primary);font-weight:700}.duel__score{font-size:var(--font-2xl);color:var(--text-primary);margin-top:2px;font-weight:700}.duel__center{flex-direction:column;flex:1;align-items:center;gap:12px;min-width:0;max-width:420px;display:flex}.duel__note{max-width:320px;font-size:var(--font-xs);color:var(--text-muted);text-align:center}.avatar--violet{background:linear-gradient(140deg,#b79bff 0%,#7c5cff 100%)}@keyframes game-pop{0%{transform:scale(.85)}to{transform:scale(1)}}.result{flex-direction:column;align-items:center;gap:10px;padding:20px 0;display:flex}.result__title{font-size:var(--font-lg);font-weight:700}.result__title--win{color:var(--tone-green)}.result__title--lose{color:var(--color-error)}.result__title--warn{color:var(--tone-orange)}.result__times{font-size:var(--font-sm);color:var(--text-secondary);gap:16px;display:flex}.result-trophy-wrap{place-items:center;width:76px;height:76px;margin:0 auto 6px;display:grid;position:relative}.result-trophy-icon{z-index:2;filter:drop-shadow(0 4px 14px #f59e0b8c);font-size:52px;line-height:1;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards trophy-bounce;position:relative}.result-trophy-glow{background:radial-gradient(circle,#ffd86bbf 0%,#f0246a40 55%,#0000 75%);border-radius:50%;animation:2s ease-in-out infinite breathe-fade;position:absolute;inset:-14px}.result-trophy-sunburst{pointer-events:none;background:conic-gradient(#ffd70040 0deg 30deg,#0000 30deg 60deg,#ffd70040 60deg 90deg,#0000 90deg 120deg,#ffd70040 120deg 150deg,#0000 150deg 180deg,#ffd70040 180deg 210deg,#0000 210deg 240deg,#ffd70040 240deg 270deg,#0000 270deg 300deg,#ffd70040 300deg 330deg,#0000 330deg 360deg);border-radius:50%;animation:12s linear infinite sunburst-spin;position:absolute;inset:-24px}@keyframes trophy-bounce{0%{opacity:0;transform:scale(.2)rotate(-20deg)}60%{opacity:1;transform:scale(1.25)rotate(10deg)}85%{transform:scale(.95)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sunburst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe-fade{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes radar-wave{0%{opacity:.85;transform:scale(.92)}to{opacity:0;transform:scale(1.32)}}@keyframes shimmer-swipe{0%{left:-120%}25%{left:140%}to{left:140%}}.history{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;padding-top:16px;display:flex}.history__cell{border-radius:var(--radius-full);background:var(--bg-input);font-size:var(--font-xs);color:var(--text-secondary);padding:4px 10px;font-weight:600}.history__cell.is-win{color:var(--tone-green);background:#34c75924}@media (max-width:640px){.duel{flex-direction:column;align-items:center;gap:18px}.duel__player{flex-direction:row;justify-content:center;width:100%}.signal-btn{width:168px;height:168px}}app-mc-game-chat-panel{flex-direction:column;flex:var(--chat-flex,1 1 0);min-width:0;min-height:0;max-height:var(--chat-max-h,none);display:flex}.room-chat{box-sizing:border-box;border:1px solid var(--chat-border,var(--border-color));border-radius:var(--chat-radius,16px);background:var(--chat-bg,var(--bg-card));min-height:0;-webkit-backdrop-filter:var(--chat-blur,none);box-shadow:var(--chat-shadow,var(--shadow-card));padding:var(--chat-padding,14px 16px);flex-direction:column;flex:1 1 0;display:flex}.room-chat .panel__head{margin-bottom:var(--chat-title-mb,12px);flex-shrink:0}.room-chat .panel__title{font-size:var(--chat-title-size,13px);color:var(--chat-title-color,var(--text-primary));margin:0;font-weight:800}.room-chat__body{min-height:var(--chat-body-min-h,240px);max-height:var(--chat-body-max-h,none);flex-direction:column;flex:1 1 0;gap:8px;margin-bottom:12px;padding-right:2px;display:flex;overflow-y:auto}.room-chat__body::-webkit-scrollbar{width:4px}.room-chat__body::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.room-chat__empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:auto 0;padding:24px 12px;display:flex}.room-chat__empty app-icon{opacity:.45;width:32px;height:32px;color:var(--text-muted)}.room-chat__empty p{font-size:var(--font-xs);color:var(--text-muted);margin:0;font-weight:500}.room-chat__system{border-radius:var(--radius-full);background:var(--bg-input);font-size:var(--font-xs);color:var(--text-muted);align-self:center;padding:5px 12px}.room-chat__msg{align-items:flex-start;gap:8px;max-width:76%;margin-bottom:4px;display:flex}.room-chat__msg.is-me{flex-direction:row-reverse;align-self:flex-end}.room-chat__msg-body{flex-direction:column;align-items:flex-start;display:flex}.room-chat__msg.is-me .room-chat__msg-body{align-items:flex-end}.room-chat__author{color:var(--text-secondary);margin-bottom:2px;font-size:11px;font-weight:600}.room-chat__bubble{background:var(--bg-input);font-size:var(--font-sm);color:var(--text-primary);border-radius:14px 14px 14px 4px;padding:8px 12px}.room-chat__msg.is-me .room-chat__bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:14px}.room-chat__composer-row{gap:8px;display:flex}.room-chat__composer-row .btn{flex-shrink:0;padding:10px 14px}app-mc-game-viewers-panel{flex-direction:column;flex:var(--viewers-flex,1 1 0);min-width:0;min-height:0;max-height:var(--viewers-max-h,none);display:flex}.spectators-panel{box-sizing:border-box;border:1px solid var(--viewers-border,var(--border-color));border-radius:var(--viewers-radius,16px);background:var(--viewers-bg,var(--bg-card));min-height:0;-webkit-backdrop-filter:var(--viewers-blur,none);box-shadow:var(--viewers-shadow,var(--shadow-card));padding:var(--viewers-padding,14px 16px);flex-direction:column;flex:1 1 0;display:flex}.spectators-panel .panel-title{align-items:center;gap:var(--viewers-title-gap,6px);margin:0 0 var(--viewers-title-mb,12px);font-size:var(--viewers-title-size,13px);color:var(--viewers-title-color,var(--text-primary));flex-shrink:0;font-weight:800;display:flex}.spectators-panel .panel-title:after{content:"";width:var(--viewers-dot,6px);height:var(--viewers-dot,6px);background:var(--viewers-dot-color,#34c984);border-radius:50%;display:inline-block}.spectators-grid{grid-template-columns:repeat(var(--viewers-cols,3), 1fr);align-content:start;gap:var(--viewers-gap,12px 8px);min-height:0;max-height:var(--viewers-grid-max-h,none);flex:1 1 0;padding-right:4px;display:grid;overflow-y:auto}.spectators-grid::-webkit-scrollbar{width:4px}.spectators-grid::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.spectator-card{align-items:center;gap:var(--viewers-card-gap,4px);text-align:center;flex-direction:column;min-width:0;display:flex}.spectator-name{max-width:100%;font-size:var(--viewers-name-size,11px);color:var(--viewers-name-color,var(--text-primary));white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.spectator-meta{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--viewers-meta-size,9px);font-weight:var(--viewers-meta-weight,700);color:var(--viewers-meta-color,var(--text-secondary));overflow:hidden}.spectators-empty{width:100%;height:100%;min-height:var(--viewers-empty-min-h,120px);color:var(--text-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;margin:auto 0;padding:20px 8px;display:flex}.spectators-empty app-icon{opacity:.45;width:28px;height:28px;color:var(--text-muted)}.spectators-empty p{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.spectators-more{color:var(--primary);text-align:center;grid-column:1/-1;padding:2px 0;font-size:11px;font-weight:700}.spectators-grid--row{grid-template-columns:repeat(auto-fit, minmax(var(--viewers-row-col-min,116px), 1fr));grid-auto-rows:var(--viewers-row-h,34px);align-content:start;gap:var(--viewers-row-gap,6px 10px);padding-right:0;display:grid;overflow:hidden auto}.spectators-grid--row::-webkit-scrollbar{width:4px}.spectators-grid--row::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.spectators-grid--row .spectator-card{text-align:left;flex-direction:row;align-items:center;gap:8px;min-width:0}.spectators-grid--row .spectator-name{flex:auto;min-width:0;font-weight:700}.spectators-grid--row .spectators-empty{flex-direction:row;grid-column:1/-1;gap:8px;height:auto;min-height:0;margin:0;padding:4px 8px}.spectators-grid--row .spectators-empty app-icon{width:18px;height:18px}.spectators-grid--row .spectators-more{text-align:left;grid-column:auto;align-self:center;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--primary-light-hover:#dbeafe;--primary-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--primary-rgb:37, 99, 235;--bg-page:#f7f8fc;--bg-input:#f8f9fd;--bg-card:#fff;--bg-field:#fff;--bg-field-disabled:#f1f2f6;--border-color:#ebebeb;--border-strong:#e0e0e8;--text-primary:#1a1a2e;--text-secondary:#8e8e9a;--text-muted:#bbb;--color-error:#ff3b30;--color-success:#34c759;--color-warning:#ff9500;--tone-green:#1e9e45;--tone-blue:#007aff;--tone-orange:#c86a00;--tone-pink:#e8517a;--surface-invert:#1a1a2e;--surface-invert-fg:#fff;--skeleton-base:#efeff5;--skeleton-shine:#f7f7fb;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-card:0 4px 24px #00000014;--shadow-primary:0 8px 24px #2563eb4d;--shadow-primary-lg:0 12px 40px #2563eb66;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:13px;--font-sm:15px;--font-base:16px;--font-md:18px;--font-lg:20px;--font-xl:22px;--font-2xl:26px;--font-3xl:32px;--transition-fast:.15s ease;--transition-base:.25s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#1e2a47;--primary-light-hover:#24314f;--primary-gradient:linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--bg-page:#0e0f16;--bg-input:#191b26;--bg-card:#14161f;--bg-field:#1d2030;--bg-field-disabled:#101219;--border-color:#282b38;--border-strong:#363a4a;--text-primary:#ececf2;--text-secondary:#9a9aa8;--text-muted:#6c6c7a;--color-error:#ff6b61;--color-success:#46d26b;--color-warning:#ffab2e;--tone-green:#4fd97d;--tone-blue:#4fa8ff;--tone-orange:#ffb74d;--tone-pink:#ff7d9e;--surface-invert:#ececf2;--surface-invert-fg:#14161f;--skeleton-base:#1e2029;--skeleton-shine:#262933;--shadow-card:0 4px 24px #00000073;--shadow-primary:0 8px 24px #3b82f673;--shadow-primary-lg:0 12px 40px #3b82f68c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#1e2a47;--primary-light-hover:#24314f;--primary-gradient:linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--bg-page:#0e0f16;--bg-input:#191b26;--bg-card:#14161f;--bg-field:#1d2030;--bg-field-disabled:#101219;--border-color:#282b38;--border-strong:#363a4a;--text-primary:#ececf2;--text-secondary:#9a9aa8;--text-muted:#6c6c7a;--color-error:#ff6b61;--color-success:#46d26b;--color-warning:#ffab2e;--tone-green:#4fd97d;--tone-blue:#4fa8ff;--tone-orange:#ffb74d;--tone-pink:#ff7d9e;--surface-invert:#ececf2;--surface-invert-fg:#14161f;--skeleton-base:#1e2029;--skeleton-shine:#262933;--shadow-card:0 4px 24px #00000073;--shadow-primary:0 8px 24px #3b82f673;--shadow-primary-lg:0 12px 40px #3b82f68c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}app-user-shell,app-user-login,app-user-register,app-user-forgot-password,app-user-reset-password,app-footer-page{--font-sm:14px;--font-base:15px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:22px;--font-3xl:28px;font-size:var(--font-base)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{height:100%}body{min-height:100%;font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a,a:hover{text-decoration:none}.alert{border-radius:var(--radius-md);font-size:var(--font-sm);margin-bottom:var(--space-md);align-items:center;gap:8px;padding:12px 14px;font-weight:500;display:flex}.alert svg{flex-shrink:0;width:18px;height:18px}.alert--error{color:var(--color-error);background:#ff3b3014;border:1px solid #ff3b3026}.alert--success{color:var(--color-success);background:#34c75914;border:1px solid #34c7592e}.alert--warning{color:var(--color-warning);background:#ff950014;border:1px solid #ff95002e}