.status-row{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}.status-chip{display:inline-flex;align-items:center;gap:6px;background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-radius:var(--radius-full);padding:3px 10px 3px 7px;font-size:var(--text-xs);color:var(--success);font-weight:500;cursor:default;will-change:transform;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.status-chip:hover{transform:scale(1.04);box-shadow:0 0 14px #34d39938}.ping-chip{background:#8b5cf61a;border:1px solid rgba(139,92,246,.22);color:var(--accent-soft);padding:3px 11px;gap:0;font-feature-settings:"tnum";letter-spacing:.03em;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur-slow) var(--ease),border-color var(--dur-slow) var(--ease),color var(--dur-slow) var(--ease)}.ping-chip:hover{transform:scale(1.04);box-shadow:0 0 14px #8b5cf647}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #34d39973}50%{opacity:.8;box-shadow:0 0 0 5px #34d39900}}.ping-chip.ping-good{background:#34d3991a;border-color:#34d3993d;color:var(--success)}.ping-chip.ping-good:hover{box-shadow:0 0 14px #34d39938}.ping-chip.ping-warn{background:#f59e0b1a;border-color:#f59e0b3d;color:var(--warning)}.ping-chip.ping-warn:hover{box-shadow:0 0 14px #f59e0b38}.ping-chip.ping-bad{background:#ef44441a;border-color:#ef44443d;color:var(--danger)}.ping-chip.ping-bad:hover{box-shadow:0 0 14px #ef444438}.ping-chip.ping-unknown{background:#6b72801a;border-color:#6b728038;color:#94a3b8cc}.tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface-1);border-radius:var(--radius-md);padding:4px;margin-bottom:24px;border:1px solid var(--border-subtle)}.tab-pill{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--surface-3);border-radius:var(--radius-sm);box-shadow:0 1px 4px #0000004d,inset 0 0 0 1px #ffffff14;transition:transform var(--dur) var(--ease);will-change:transform;pointer-events:none}.tab-pill.at-signup{transform:translate(100%)}.tab{position:relative;z-index:1;padding:9px;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:center;border:none;background:transparent;font-family:inherit;-webkit-user-select:none;user-select:none;transition:color var(--dur) var(--ease),transform var(--dur-fast) var(--ease);will-change:transform}.tab.active{color:var(--text-primary)}.tab:hover:not(.active){color:#ffffffb3;transform:scale(1.01)}.tab:active{transform:scale(.97)}.tab:focus-visible{outline:none;box-shadow:var(--ring-accent);border-radius:var(--radius-sm)}.form-body{overflow:visible;transition:opacity .18s var(--ease)}.field{margin-bottom:13px}.field label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);margin-bottom:7px;letter-spacing:.03em;transition:color var(--dur) var(--ease)}.input-wrap{position:relative;width:100%}.field input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:12px 15px;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);outline:none;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input::placeholder{color:var(--text-muted);transition:color var(--dur) var(--ease)}.field input:focus::placeholder{color:var(--text-faint)}.field input:hover:not(:focus){border-color:var(--border-strong);background:var(--surface-3)}.field input:focus{border-color:#8b5cf6a6;background:#8b5cf60f;box-shadow:var(--ring-accent)}.field input:focus+.field label,.field:focus-within label{color:var(--accent-soft)}.input-wrap input{padding-right:44px}.eye-btn{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);opacity:.6;will-change:transform;z-index:3;transition:color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.eye-btn:hover{color:var(--text-secondary);opacity:1;background:var(--surface-2);transform:translateY(-50%) scale(1.16)}.eye-btn:active{transform:translateY(-50%) scale(.92)}.eye-btn:focus{outline:none}.eye-btn:focus-visible{box-shadow:var(--ring-accent)}.eye-icon{width:15px;height:15px;flex-shrink:0}.eye-slash,.eye-btn.active .eye-open{display:none}.eye-btn.active .eye-slash{display:block}.login-only{max-height:120px;overflow:visible;opacity:1;transition:max-height var(--dur-slow) var(--ease),opacity var(--dur) var(--ease)}.login-only.hidden{max-height:0;overflow:hidden;opacity:0}.signup-only{max-height:0;overflow:hidden;opacity:0;transition:max-height var(--dur-slow) var(--ease),opacity var(--dur) var(--ease)}.signup-only.visible{max-height:340px;overflow:visible;opacity:1}.criteria-wrap{max-height:0;overflow:hidden;opacity:0;transition:max-height var(--dur) var(--ease),opacity var(--dur) var(--ease),margin-top var(--dur) var(--ease);margin-top:0}.criteria-wrap.criteria-open{max-height:140px;opacity:1;margin-top:9px}.pw-criteria{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:3px}.pw-criteria li{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);color:#f87171d9;transition:color .22s var(--ease);line-height:1.3}.pw-criteria li.met{color:#34d399e6}.crit-icon{font-size:9px;width:13px;text-align:center;flex-shrink:0}.btn-primary{width:100%;margin-top:6px;padding:13px;border-radius:var(--radius-md);border:none;background:var(--gradient-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;cursor:pointer;letter-spacing:.01em;position:relative;overflow:hidden;will-change:transform;transition:box-shadow var(--dur) var(--ease),transform .18s var(--ease),filter .18s var(--ease);box-shadow:0 6px 22px #7c3aed6b}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:#ffffff1f;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:opacity var(--dur) var(--ease);pointer-events:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 12px 34px #7c3aed8c,0 0 24px #22d3ee2e;filter:brightness(1.08)}.btn-primary:active:not(:disabled){transform:scale(.98);box-shadow:0 4px 14px #7c3aed61;filter:brightness(.97);transition-duration:.1s}.btn-primary:focus-visible{outline:none;box-shadow:var(--ring-accent),0 6px 22px #7c3aed6b}.btn-primary:disabled{background:var(--surface-2);box-shadow:none;cursor:not-allowed;color:var(--text-faint);filter:none}.btn-primary:disabled:before{opacity:0}.btn-primary.btn-loading{pointer-events:none}.btn-primary.btn-loading .btn-text{opacity:0}.btn-primary.btn-loading .spinner{display:block}.spinner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.footer{margin-top:18px;text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.footer a{color:var(--accent-soft);text-decoration:none;cursor:pointer;display:inline-block;will-change:transform;transition:color var(--dur) var(--ease),text-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.footer a:hover{color:var(--accent);text-shadow:0 0 14px rgba(139,92,246,.5);transform:scale(1.04)}.footer a:active{transform:scale(.97)}.error-msg{font-size:var(--text-xs);color:#f87171eb;margin-top:6px;display:none;animation:shake .3s var(--ease)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.input-wrapper{position:relative;border-radius:var(--radius-md);box-sizing:border-box;padding:2px;margin-bottom:4px;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff1a}.input-wrapper input,.input-wrapper textarea{position:relative;z-index:2;background:var(--input-bg)!important;border:none!important;outline:none!important;width:100%;box-sizing:border-box;border-radius:calc(var(--radius-md) - 2px)}.input-wrapper input:hover:not(:focus){background:var(--surface-3)!important;box-shadow:none!important}.input-wrapper input:focus{background:#8b5cf60f!important;box-shadow:none!important}.iw-border{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);pointer-events:none;overflow:visible;z-index:3;opacity:0;transition:opacity .3s ease}.input-wrapper.input-error{box-shadow:inset 0 0 0 1px #ef4444cc,0 0 0 3px #ef444433!important}.input-wrapper.input-error .iw-border{opacity:0!important;transition:none!important}.login-info-bar{background:var(--info-dim);border:1px solid rgba(96,165,250,.4);border-radius:var(--radius-sm);padding:9px 12px;display:flex;align-items:flex-start;gap:8px;color:#93c5fd;font-size:var(--text-sm);margin-bottom:12px;animation:fadeIn .2s ease;line-height:1.5}.login-info-icon{font-size:13px;flex-shrink:0;margin-top:1px}.login-error-bar{background:var(--danger-dim);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);padding:9px 12px;display:flex;align-items:center;gap:8px;color:var(--danger);font-size:var(--text-base);margin-bottom:12px;animation:fadeIn .2s ease}.login-error-icon{font-size:11px;background:#ef44444d;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.88);opacity:0;pointer-events:none;z-index:9999;display:flex;align-items:flex-start;gap:11px;background:#0c0816eb;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border:1px solid var(--border);border-radius:var(--radius-lg);padding:15px 20px;max-width:380px;width:calc(100vw - 48px);box-shadow:var(--shadow-lg),inset 0 0 0 1px #ffffff0a;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-spring);will-change:transform,opacity}.toast.toast-visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.toast-error{border-color:#ef444466;box-shadow:var(--shadow-lg),0 0 28px #ef44441f}.toast-success{border-color:#34d39966;box-shadow:var(--shadow-lg),0 0 28px #34d3991f}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:600;margin-top:1px}.toast-error .toast-icon{background:#ef44442e;color:#fca5a5f2}.toast-success .toast-icon{background:#34d3992e;color:#86efacf2}.toast-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:400;line-height:1.5}.card-stack{display:flex;flex-direction:column;align-items:stretch;width:420px;max-width:calc(100vw - 32px)}#notify-success{margin-bottom:10px}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}#notification-area{width:100%;margin-top:12px}.notify-pill{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:var(--text-base);font-weight:500}.notify-success{background:var(--success-dim);border:1px solid rgba(52,211,153,.35);color:var(--success)}.notify-error{background:var(--danger-dim);border:1px solid rgba(239,68,68,.35);color:var(--danger)}.notify-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.notify-success .notify-icon{background:#34d39933}.notify-error .notify-icon{background:#ef444433}@keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}#page-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .2s ease}#page-transition.active{opacity:1;pointer-events:all}.page-spinner{width:44px;height:44px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.ping-panel{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-10px);opacity:0;pointer-events:none;z-index:500;width:420px;max-width:calc(100vw - 32px);background:#0a0616e6;backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:16px 18px 14px;box-shadow:var(--shadow-lg),inset 0 0 0 .5px #8b5cf62e;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-out);will-change:transform,opacity}.ping-panel.ping-panel-open{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.ping-panel-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ping-panel-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.ping-panel-close{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);font-size:11px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ping-panel-close:hover{background:var(--surface-3);color:var(--text-primary)}#ping-canvas{width:100%;height:110px;display:block;border-radius:var(--radius-sm)}.ping-panel-stats{display:flex;justify-content:space-around;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.ping-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ping-stat-lbl{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ping-stat-val{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);font-feature-settings:"tnum"}