:root{--bg-primary: #065f46;--bg-secondary: #047857;--bg-modal: #066d56;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent-primary: #eab308;--accent-secondary: #10b981;--border-primary: rgba(255, 255, 255, .1);--card-bg: #ffffff;--card-text: #000000;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--motion-fast: .12s;--motion-base: .22s;--motion-slow: .36s;--ease-out: cubic-bezier(.2, 0, 0, 1)}.theme-light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-modal: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-primary: #d97706;--accent-secondary: #059669;--border-primary: #e2e8f0}.theme-dark{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-modal: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #f59e0b;--accent-secondary: #10b981;--border-primary: #334155}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;touch-action:none;height:100vh;width:100vw;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}#root{height:100%}.bg-theme-primary{background-color:var(--bg-primary)}.bg-theme-secondary{background-color:var(--bg-secondary)}.bg-theme-modal{background-color:var(--bg-modal)}.text-theme-primary{color:var(--text-primary)}.text-theme-secondary{color:var(--text-secondary)}.text-theme-accent{color:var(--accent-primary)}.border-theme{border-color:var(--border-primary)}.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary)}[data-theme=light] .glass{background:#00000005;border-color:#0000000d}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-subtle{animation:bounce-subtle 2s infinite ease-in-out}@media(min-width:1024px){.pc-redesign-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr 320px;gap:1.5rem;height:100vh;padding:1rem}}.safe-pb{padding-bottom:calc(1.5rem + var(--sab))}.safe-pt{padding-top:calc(2.5rem + var(--sat))}.avatar-card{aspect-ratio:2/3;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000040;transition:transform .2s ease,box-shadow .2s ease}.avatar-card:hover{transform:translateY(-5px) rotateY(5deg);box-shadow:0 15px 30px #00000059}.theme-light .text-white,.theme-light .text-white\/90,.theme-light .text-white\/80{color:var(--text-primary)!important}.theme-light .text-white\/70,.theme-light .text-white\/60,.theme-light .text-white\/50{color:var(--text-secondary)!important}.theme-light .text-white\/40{color:#94a3b8!important}.theme-light .bg-white\/5{background-color:#0000000d!important}.theme-light .bg-white\/10{background-color:#00000014!important}.theme-light .bg-white\/20{background-color:#0000001f!important}.theme-light .bg-emerald-900{background-color:var(--bg-secondary)!important}.theme-light .bg-emerald-950{background-color:var(--bg-primary)!important}.theme-light .bg-emerald-950\/98{background-color:#fffffffa!important}.theme-light .border-white\/10,.theme-light .border-white\/20{border-color:var(--border-primary)!important}.theme-light .border-white\/5{border-color:var(--bg-primary)!important}.theme-light .bg-theme-secondary{background-color:var(--bg-secondary)!important}.theme-light .bg-theme-primary{background-color:var(--bg-primary)!important}.theme-light .border-theme{border-color:var(--border-primary)!important}.ui-btn{transition:transform var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background-color var(--motion-base) var(--ease-out);transform-origin:center}.ui-btn:active{transform:scale(.97)}button:disabled,button[disabled]{opacity:.65;filter:saturate(.8);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.ui-btn{transition:none}.ui-btn:active{transform:none}}.ui-btn{border:0;border-radius:var(--radius-lg);font-weight:800;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.ui-btn-sm{padding:8px 14px;font-size:12px}.ui-btn-md{padding:12px 18px;font-size:14px}.ui-btn-lg{padding:16px 22px;font-size:16px}.ui-btn-primary{background:linear-gradient(135deg,#facc15,#f59e0b);color:#052e1f;box-shadow:0 10px 30px #eab30859}.ui-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.ui-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15)}.ui-btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff5f5}.ui-input-wrap{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-primary)}.ui-input-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.ui-input{border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--text-primary);border-radius:var(--radius-md);padding:12px 14px;font-size:14px;width:100%}.ui-input-shell{position:relative;display:flex;align-items:center;width:100%}.ui-input-icon{position:absolute;display:inline-flex;align-items:center;justify-content:center;color:#fff9}.ui-input-icon-start{left:12px}.ui-input-icon-end{right:12px}.ui-input-has-start{padding-left:38px}.ui-input-has-end{padding-right:38px}.ui-input:focus{outline:none;border-color:#eab30899;box-shadow:0 0 0 3px #eab30826}.ui-input-error{border-color:#ef444499}.ui-input-helper{font-size:12px;color:#ffffff80}.ui-input-helper-error{color:#f87171e6}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ui-badge-default{background:#ffffff1f;color:#ffffffe6}.ui-badge-success{background:#10b98133;color:#a7f3d0}.ui-badge-warning{background:#eab30833;color:#fde68a}.ui-badge-danger{background:#ef444433;color:#fecaca}.ui-toast{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);padding:12px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #00000059}.ui-toast-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.ui-toast-message{font-size:14px;font-weight:600}.ui-toast-info{background:#065f46e6;color:#fef3c7;border-color:#eab30866}.ui-toast-success{background:#064e3be6;color:#d1fae5;border-color:#10b98180}.ui-toast-error{background:#450a0ae6;color:#fee2e2;border-color:#f8717180}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.ui-modal{width:min(520px,92vw);background:#06402eeb;border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 30px 60px #00000073;padding:20px}.ui-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ui-modal-title{font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.ui-modal-close{background:#ffffff14;border:0;color:#fffc;border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.ui-modal-body{color:#fffc}