body{margin:0}:root{--bg: #000000;--bg-card: #1c1c1e;--bg-sidebar: #1c1c1e;--bg-hover: #2c2c2e;--text: #f5f5f7;--text-dim: #98989d;--accent: #007aff;--accent-hover: #0062cc;--accent-dim: rgba(0,122,255,.15);--danger: #ff3b30;--danger-hover: #cc2f26;--danger-dim: rgba(255,59,48,.15);--success: #34c759;--success-dim: rgba(52,199,89,.15);--warning: #ff9500;--warning-dim: rgba(255,149,0,.15);--border: #38383a;--border-light: rgba(255,255,255,.08);--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 22px;--tab-height: 56px;--topbar-height: 48px;--spring: cubic-bezier(.25,.1,.25,1);--ease-out: cubic-bezier(0,0,.58,1);--ease-in-out: cubic-bezier(.42,0,.58,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mobile-app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;position:relative;background:var(--bg)}.mobile-topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#1c1c1e99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-light);flex-shrink:0}.mobile-logo{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.topbar-logout-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;border-radius:var(--radius-sm);font-size:.78rem;cursor:pointer;transition:all .15s}.topbar-logout-btn:hover{color:var(--text);border-color:var(--text-dim)}.mobile-content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(var(--tab-height) + 1rem)}.mobile-content.fullscreen{padding:0;position:relative;overflow:hidden}.mobile-tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--tab-height);background:#1c1c1e99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 20px;color:var(--text-dim);text-decoration:none;font-size:.68rem;font-weight:500;transition:color .2s var(--spring);-webkit-tap-highlight-color:transparent;position:relative;letter-spacing:.01em}.mobile-tab.active{color:var(--accent)}.mobile-tab.active:after{content:"";position:absolute;top:-1px;width:20px;height:2.5px;background:var(--accent);border-radius:0 0 3px 3px}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-label{font-size:.65rem}h2{font-size:1.25rem;margin-bottom:.75rem}h3{font-size:1.05rem;margin-bottom:.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-title{margin-bottom:0}button{background:#ffffff0f;color:var(--text);border:none;padding:10px 18px;border-radius:12px;cursor:pointer;font-size:.88rem;font-weight:500;font-family:inherit;letter-spacing:-.01em;transition:background .2s var(--spring),transform .2s var(--spring);touch-action:manipulation}button:hover{background:#ffffff1a}button:active{transform:scale(.96)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger-fill{background:var(--danger);color:#fff}.btn-danger-fill:hover{background:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);background:var(--bg-hover)}.btn-sm{padding:7px 14px;font-size:.8rem;border-radius:10px}input,select{background:#ffffff0d;color:var(--text);border:1px solid var(--border);padding:12px 16px;border-radius:12px;font-size:.9rem;font-family:inherit;letter-spacing:-.01em;outline:none;width:100%;transition:border-color .2s var(--spring),background .2s var(--spring)}input:focus,select:focus{border-color:var(--accent);background:#007aff0f}input::placeholder{color:var(--text-dim);opacity:.5}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.instance-list{display:flex;flex-direction:column;gap:.625rem}.instance-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:border-color .2s var(--spring),background .2s var(--spring),transform .2s var(--spring);text-decoration:none;color:inherit;animation:card-in .4s var(--spring) both}.instance-card:hover{border-color:#ffffff1a;background:var(--bg-hover)}.instance-card:active{transform:scale(.98)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.instance-card-icon{width:46px;height:46px;border-radius:var(--radius-sm);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.instance-card-info{flex:1;min-width:0}.instance-card-name{font-weight:600;font-size:.92rem;margin-bottom:4px}.instance-card-meta{font-size:.78rem;color:var(--text-dim);display:flex;gap:6px;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-running .status-dot{background:var(--success)}.status-stopped .status-dot{background:var(--text-dim)}.status-creating .status-dot{background:var(--warning);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.meta-tag{background:var(--bg);padding:1px 8px;border-radius:4px;font-size:.72rem;border:1px solid var(--border)}.instance-delete-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:all .15s;flex-shrink:0;z-index:1}.instance-delete-btn:hover{color:var(--danger);background:var(--danger-dim);border-color:#e0556a59}.instance-delete-btn:disabled{opacity:.4}.mini-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--danger);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.instances-loading{display:flex;flex-direction:column;gap:.625rem}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#333850 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-icon{width:46px;height:46px;border-radius:var(--radius-sm);flex-shrink:0}.skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line-short{width:60%;height:14px}.skeleton-line-long{width:85%;height:12px}.toast-error{display:flex;align-items:center;justify-content:space-between;background:var(--danger-dim);border:1px solid rgba(255,59,48,.15);color:var(--danger);padding:12px 16px;border-radius:14px;margin-bottom:12px;font-size:.84rem;font-weight:500;animation:slide-down .35s var(--spring)}.toast-close{background:none;border:none;color:var(--danger);font-size:1.1rem;cursor:pointer;padding:0 0 0 12px;opacity:.7}.toast-close:hover{opacity:1}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;padding:1.5rem;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog-panel{background:#2c2c2ef2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem 1.75rem;width:100%;max-width:340px;text-align:center;animation:scale-in .35s var(--spring)}@keyframes scale-in{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-icon{font-size:2.5rem;margin-bottom:.5rem}.dialog-title{font-size:1.05rem;font-weight:600;margin-bottom:.4rem;letter-spacing:-.01em}.dialog-message{color:var(--text-dim);font-size:.85rem;font-weight:400;line-height:1.55;margin-bottom:1.5rem}.dialog-actions{display:flex;gap:.75rem;justify-content:center}.dialog-actions button{flex:1;padding:12px 16px;border-radius:12px;font-size:.88rem;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fade-in .2s ease-out}.modal-content{background:#2c2c2ef2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1.5rem;width:100%;max-width:360px;animation:scale-in .35s var(--spring)}.modal-content h3{margin-bottom:1rem}.modal-content input,.modal-content select{margin-bottom:.75rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.modal-actions button{padding:8px 16px;font-size:.88rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;color:var(--text-dim);text-align:center;animation:fade-in .5s var(--spring)}.empty-state-illustration{color:var(--text-dim);margin-bottom:1rem}.empty-state-text{font-size:1rem;font-weight:500;margin-bottom:.35rem;color:var(--text)}.empty-state-hint{font-size:.85rem;margin-bottom:1.25rem}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--bg);padding:1.5rem}.login-card{background:#2c2c2ecc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem;animation:scale-in .4s var(--spring)}.login-brand{text-align:center;margin-bottom:.5rem}.login-brand-icon{font-size:2.8rem;margin-bottom:.4rem}.login-brand-name{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.login-brand-desc{font-size:.82rem;color:var(--text-dim);margin-top:2px}.login-card input{width:100%;text-align:center}.login-card button{width:100%;padding:13px;font-weight:600;border-radius:14px;font-size:.92rem}.login-card .btn-primary{background:var(--accent)}.login-error{color:var(--danger);background:var(--danger-dim);padding:10px 14px;border-radius:var(--radius-sm);font-size:.84rem;text-align:center;animation:fade-in .2s ease-out}.login-tabs{display:flex;gap:0;margin-bottom:1rem;background:var(--bg-card);border-radius:12px;padding:3px;width:100%;max-width:380px}.login-tab{flex:1;padding:9px 0;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-tab.active{background:#ffffff1a;color:var(--text);font-weight:600}.login-tab:disabled{opacity:.5;cursor:not-allowed}.login-switch-hint{text-align:center;font-size:.82rem;color:var(--text-dim)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.link-btn:hover{opacity:.8}.link-btn:disabled{opacity:.5;cursor:not-allowed}.billing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:1rem}.billing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem .5rem;text-align:center}.billing-card-value{font-size:1.4rem;font-weight:700;color:var(--accent);font-family:SF Mono,Fira Code,monospace}.billing-card-label{font-size:.7rem;color:var(--text-dim);margin-top:2px}.redeem-records{display:flex;flex-direction:column;gap:.5rem}.redeem-record{display:flex;justify-content:space-between;background:var(--bg);padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.85rem}.redeem-code{font-family:monospace;color:var(--accent)}.redeem-plan{color:var(--text-dim)}.profile-header{text-align:center;padding:1.75rem 0 1.25rem}.profile-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#007aff26,#007aff0d);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto .75rem;border:2px solid var(--border-light)}.profile-name{font-size:1.15rem;font-weight:600}.profile-phone{color:var(--text-dim);font-size:.9rem;margin-top:2px}.profile-section{margin-bottom:1.5rem}.profile-section h3{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.625rem;padding-left:.25rem}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.profile-item:last-child{border-bottom:none}.profile-item-label{color:var(--text);font-size:.92rem}.profile-item-value{color:var(--text-dim);font-size:.9rem;font-weight:500}.btn-logout{width:100%;background:none;border:1px solid var(--danger);color:var(--danger);padding:10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-family:inherit;margin-top:.5rem;transition:all .15s}.btn-logout:hover{background:var(--danger-dim)}.success-badge{display:flex;align-items:center;gap:6px;color:var(--success);background:var(--success-dim);padding:12px 16px;border-radius:14px;font-size:.84rem;font-weight:500;margin-bottom:.75rem;animation:fade-in .3s var(--spring)}.group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.625rem;animation:card-in .35s var(--ease-out) both}.group-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.group-card-name{font-weight:600;font-size:.92rem}.group-card-meta{font-size:.8rem;color:var(--text-dim)}.group-card-members{display:flex;gap:4px;flex-wrap:wrap;margin-top:.5rem}.member-tag{background:var(--bg);padding:3px 10px;border-radius:6px;font-size:.75rem;color:var(--text-dim);border:1px solid var(--border)}.cloudphone-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;padding:12px}.cloudphone-fullscreen.is-fullscreen{padding:0}.cloudphone-topbar{position:absolute;top:0;left:0;right:0;height:44px;padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top));background:#1c1c1ed1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);display:flex;align-items:center;gap:10px;z-index:30;transition:opacity .3s,transform .3s;pointer-events:none}.cloudphone-topbar>*{pointer-events:auto}.cloudphone-topbar.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.topbar-back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;flex-shrink:0;letter-spacing:-.01em;transition:background .2s var(--spring)}.topbar-back-btn:hover{background:#ffffff1f}.topbar-back-btn:active{transform:scale(.96)}.topbar-device-name{font-size:.82rem;font-weight:600;color:var(--text);flex:1;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-stats{display:flex;gap:12px;font-size:.68rem;font-weight:600;font-family:SF Mono,SF Mono Text,Menlo,monospace;color:var(--text-dim);flex-shrink:0;letter-spacing:.02em}.stat-fps{color:var(--success)}.stat-latency{color:var(--accent)}.topbar-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}.topbar-status-text{font-size:.75rem;flex-shrink:0}.topbar-icon-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:var(--text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:.9rem;transition:background .2s var(--spring),transform .15s var(--spring)}.topbar-icon-btn:hover{background:#ffffff1a}.topbar-icon-btn:active{transform:scale(.92)}.cloudphone-video-area{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;touch-action:none;border-radius:16px;overflow:hidden}.cloudphone-fullscreen.is-fullscreen .cloudphone-video-area{border-radius:0}.cloudphone-video-area video{width:100%;height:100%;object-fit:contain;pointer-events:none}.cloudphone-video-area canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden}.cloudphone-sidebar{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:64px;background:#1c1c1ec7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:32px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 5px;z-index:35;max-height:70vh;overflow-y:auto;transition:opacity .35s var(--spring),transform .35s var(--spring)}.cloudphone-sidebar.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(20px)}.cloudphone-sidebar button{width:52px;min-height:50px;background:transparent;border:none;border-radius:16px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 2px;transition:background .2s var(--spring),transform .2s var(--spring);flex-shrink:0}.cloudphone-sidebar button:hover{background:#ffffff14}.cloudphone-sidebar button:active{transform:scale(.93)}.cloudphone-sidebar button:disabled{opacity:.35;cursor:not-allowed;transform:none}.sidebar-icon{font-size:1.2rem}.sidebar-label{font-size:.52rem;font-weight:500;color:var(--text-dim);white-space:nowrap;letter-spacing:.01em}.sidebar-divider{width:28px;height:1px;background:#ffffff0f;margin:4px 0}.cloudphone-bottombar{position:absolute;bottom:0;left:0;right:0;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:16px;justify-content:center;z-index:30;transition:opacity .35s var(--spring),transform .35s var(--spring)}.cloudphone-bottombar.hidden{opacity:0;transform:translateY(100%);pointer-events:none}.cloudphone-bottombar button{width:44px;height:44px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--text);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:background .2s var(--spring),transform .2s var(--spring)}.cloudphone-bottombar button:hover{background:#ffffff29}.cloudphone-bottombar button:active{transform:scale(.9)}.cloudphone-fab{position:absolute;width:48px;height:48px;border-radius:50%;background:#1c1c1ecc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:50;bottom:20px;right:20px;transition:background .25s var(--spring),border-color .25s var(--spring),box-shadow .25s var(--spring);box-shadow:0 4px 20px #0006;touch-action:none;user-select:none;-webkit-user-select:none}.cloudphone-fab:hover{background:#1c1c1eeb;border-color:#ffffff29;box-shadow:0 6px 28px #00000080}.cloudphone-fab:active{cursor:grabbing;transform:scale(.94)}.cloudphone-fab.toolbar-open{background:#007aff40;border-color:#007aff66;box-shadow:0 4px 20px #007aff33}.touch-indicator{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.35);transform:translate(-50%,-50%);pointer-events:none;z-index:20;opacity:0;transition:opacity .06s}.touch-indicator.active{opacity:1}.touch-indicator:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:touch-ripple .35s var(--spring) forwards}@keyframes touch-ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.stream-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#000;color:var(--text-dim);z-index:5}.stream-placeholder.error{color:var(--danger)}.stream-placeholder .error-msg{font-size:.85rem;max-width:80%;text-align:center}.stream-placeholder button{margin-top:.5rem}.spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.cloudphone-toast{position:absolute;top:56px;left:50%;transform:translate(-50%);background:#2c2c2ee6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:10px 24px;font-size:.82rem;font-weight:500;color:var(--text);z-index:50;pointer-events:none;letter-spacing:-.01em;box-shadow:0 4px 24px #00000080;animation:toast-in .35s var(--spring)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--text-dim);font-size:1rem}.mobile-content>div{animation:page-in .3s var(--spring)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.error{color:var(--danger);background:var(--danger-dim);padding:12px 16px;border-radius:14px;margin-bottom:1rem;cursor:pointer;font-size:.85rem;font-weight:500;border:1px solid rgba(255,59,48,.15)}.flex-row{display:flex;gap:.5rem;align-items:center}.section{margin-top:1.5rem}.success{color:var(--success);font-size:.85rem;margin-bottom:.5rem}