:root{--psyber-primary: #ff6bb3;--psyber-primary-light: #ff8ec9;--psyber-primary-dark: #e84d95;--psyber-primary-glow: rgba(255, 107, 179, .15);--psyber-primary-soft: rgba(255, 107, 179, .05);--psyber-accent: #8a7bff;--psyber-accent-light: #a79cff;--psyber-accent-dark: #6a59f7;--psyber-bg: #ffffff;--psyber-bg-gradient: linear-gradient(135deg, #ffffff 0%, #ffeef8 100%);--psyber-surface: #ffffff;--psyber-surface-hover: #ffffff;--psyber-surface-soft: rgba(255, 255, 255, .95);--psyber-text: #2c2c2e;--psyber-text-secondary: rgba(44, 44, 46, .8);--psyber-text-tertiary: rgba(44, 44, 46, .6);--psyber-text-light: #ffffff;--psyber-text-muted: rgba(44, 44, 46, .4);--psyber-success: #10b981;--psyber-success-bg: rgba(16, 185, 129, .1);--psyber-warning: #f59e0b;--psyber-warning-bg: rgba(245, 158, 11, .1);--psyber-error: #ef4444;--psyber-error-bg: rgba(239, 68, 68, .1);--psyber-info: #3b82f6;--psyber-info-bg: rgba(59, 130, 246, .1);--psyber-card-bg: #ffffff;--psyber-card-border: rgba(255, 107, 179, .2);--psyber-card-shadow: 0 8px 32px rgba(255, 142, 201, .12);--psyber-card-shadow-hover: 0 12px 40px rgba(255, 107, 179, .2);--psyber-space-xs: .5rem;--psyber-space-sm: 1rem;--psyber-space-md: 1.5rem;--psyber-space-lg: 2rem;--psyber-space-xl: 3rem;--psyber-radius-sm: 8px;--psyber-radius-md: 16px;--psyber-radius-lg: 24px;--psyber-radius-full: 9999px;--psyber-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--psyber-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--psyber-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--psyber-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--psyber-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--psyber-transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--psyber-transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--psyber-transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--psyber-font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--psyber-font-size-xs: .75rem;--psyber-font-size-sm: .875rem;--psyber-font-size-base: 1rem;--psyber-font-size-lg: 1.125rem;--psyber-font-size-xl: 1.25rem;--psyber-font-size-2xl: 1.5rem;--psyber-font-size-3xl: 1.875rem;--psyber-font-size-4xl: 2.25rem;--psyber-z-base: 1;--psyber-z-dropdown: 100;--psyber-z-sticky: 200;--psyber-z-fixed: 300;--psyber-z-modal-backdrop: 400;--psyber-z-modal: 500;--psyber-z-popover: 600;--psyber-z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--psyber-font-family);font-size:var(--psyber-font-size-base);color:var(--psyber-text);background:var(--psyber-bg-gradient);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em;color:var(--psyber-text)}h1{font-size:var(--psyber-font-size-4xl)}h2{font-size:var(--psyber-font-size-3xl)}h3{font-size:var(--psyber-font-size-2xl)}h4{font-size:var(--psyber-font-size-xl)}h5{font-size:var(--psyber-font-size-lg)}h6{font-size:var(--psyber-font-size-base)}p{margin-bottom:1em}a{color:var(--psyber-primary);text-decoration:none;transition:var(--psyber-transition-fast)}a:hover{color:var(--psyber-primary-dark)}strong{font-weight:600}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.6}.psyber-text-center{text-align:center}.psyber-text-left{text-align:left}.psyber-text-right{text-align:right}.psyber-text-primary{color:var(--psyber-primary)}.psyber-text-secondary{color:var(--psyber-text-secondary)}.psyber-text-muted{color:var(--psyber-text-muted)}.psyber-mb-xs{margin-bottom:var(--psyber-space-xs)}.psyber-mb-sm{margin-bottom:var(--psyber-space-sm)}.psyber-mb-md{margin-bottom:var(--psyber-space-md)}.psyber-mb-lg{margin-bottom:var(--psyber-space-lg)}.psyber-mb-xl{margin-bottom:var(--psyber-space-xl)}.psyber-hidden{display:none!important}.psyber-visible{display:block!important}.psyber-bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.psyber-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:psyberFloat 10s ease-in-out infinite}.psyber-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--psyber-primary-light) 0%,transparent 70%);top:-250px;right:-250px}.psyber-orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--psyber-accent-light) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-5s}.psyber-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,107,179,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,179,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.3}@keyframes psyberFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.psyber-container{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:var(--psyber-space-lg);z-index:1}.psyber-portal-container{min-height:100vh;padding-top:var(--psyber-space-xl)}@media (max-width: 768px){html{font-size:14px}.psyber-container{padding:var(--psyber-space-sm)}.psyber-portal-container{padding-top:var(--psyber-space-lg)}.psyber-orb-1{width:300px;height:300px}.psyber-orb-2{width:250px;height:250px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--psyber-bg)}::-webkit-scrollbar-thumb{background:var(--psyber-primary-soft);border-radius:var(--psyber-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--psyber-primary-glow)}.psyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:var(--psyber-font-size-base);font-weight:600;border-radius:var(--psyber-radius-md);transition:var(--psyber-transition-base);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.psyber-btn:disabled{opacity:.6;cursor:not-allowed}.psyber-btn-primary{background:linear-gradient(135deg,var(--psyber-primary) 0%,var(--psyber-primary-dark) 100%);color:var(--psyber-text-light);box-shadow:var(--psyber-shadow-md)}.psyber-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--psyber-shadow-lg)}.psyber-btn-secondary{background:var(--psyber-surface);color:var(--psyber-text);border:2px solid var(--psyber-card-border)}.psyber-btn-secondary:hover:not(:disabled){background:var(--psyber-surface-hover);border-color:var(--psyber-primary)}.psyber-btn-ghost{background:transparent;color:var(--psyber-primary)}.psyber-btn-ghost:hover:not(:disabled){background:var(--psyber-primary-soft)}.psyber-btn-sm{padding:.5rem 1rem;font-size:var(--psyber-font-size-sm)}.psyber-btn-lg{padding:1rem 2rem;font-size:var(--psyber-font-size-lg)}.psyber-card{background:var(--psyber-card-bg);border:1px solid var(--psyber-card-border);border-radius:var(--psyber-radius-lg);box-shadow:var(--psyber-card-shadow);padding:var(--psyber-space-lg);position:relative;z-index:auto;transition:var(--psyber-transition-smooth);pointer-events:auto}.psyber-card-interactive{cursor:pointer}.psyber-card-interactive:hover{transform:translateY(-4px);box-shadow:var(--psyber-card-shadow-hover);border-color:var(--psyber-primary)}.psyber-card-interactive:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:linear-gradient(180deg,var(--psyber-primary) 0%,var(--psyber-accent) 100%);border-radius:var(--psyber-radius-sm) 0 0 var(--psyber-radius-sm);transition:var(--psyber-transition-smooth)}.psyber-card-interactive:hover:before{height:100%}.coming-soon-card{cursor:not-allowed}.coming-soon-card:hover{transform:none;box-shadow:var(--psyber-card-shadow)}.psyber-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:var(--psyber-font-size-xs);font-weight:600;border-radius:var(--psyber-radius-full);white-space:nowrap}.psyber-badge-success{background:var(--psyber-success-bg);color:var(--psyber-success)}.psyber-badge-warning{background:var(--psyber-warning-bg);color:var(--psyber-warning)}.psyber-badge-error{background:var(--psyber-error-bg);color:var(--psyber-error)}.psyber-badge-info{background:var(--psyber-info-bg);color:var(--psyber-info)}.psyber-avatar{position:relative;display:inline-block}.psyber-avatar img{width:48px;height:48px;border-radius:var(--psyber-radius-full);border:2px solid var(--psyber-primary-light);object-fit:cover}.psyber-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--psyber-success);border:2px solid var(--psyber-bg);border-radius:var(--psyber-radius-full)}.psyber-header{display:flex;align-items:center;justify-content:space-between;padding:var(--psyber-space-lg);background:var(--psyber-card-bg);border-radius:var(--psyber-radius-lg);border:1px solid var(--psyber-card-border);box-shadow:var(--psyber-card-shadow);margin-bottom:var(--psyber-space-lg);position:relative;z-index:auto}.psyber-logo-section{display:flex;align-items:center;gap:var(--psyber-space-sm)}.psyber-title-gradient{font-size:var(--psyber-font-size-2xl);font-weight:800;background:linear-gradient(135deg,var(--psyber-primary) 0%,var(--psyber-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.psyber-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--psyber-radius-md);background:var(--psyber-primary-soft);color:var(--psyber-primary);transition:var(--psyber-transition-base)}.psyber-back-btn:hover{background:var(--psyber-primary-glow);transform:translate(-4px)}.psyber-user-profile{display:flex;align-items:center;gap:var(--psyber-space-sm)}.user-welcome{text-align:right}.user-welcome p{margin:0;line-height:1.4}.psyber-input,.psyber-textarea{width:100%;padding:.75rem 1rem;font-size:var(--psyber-font-size-base);color:var(--psyber-text);background:var(--psyber-surface);border:2px solid var(--psyber-card-border);border-radius:var(--psyber-radius-md);transition:var(--psyber-transition-base)}.psyber-input:focus,.psyber-textarea:focus{outline:none;border-color:var(--psyber-primary);box-shadow:0 0 0 3px var(--psyber-primary-glow)}.psyber-input::placeholder,.psyber-textarea::placeholder{color:var(--psyber-text-muted)}.psyber-input-wrapper{position:relative;display:flex;align-items:center}.psyber-input-wrapper .psyber-input{padding-right:3rem}.psyber-input-action{position:absolute;right:.75rem;display:inline-flex;align-items:center;justify-content:center;color:var(--psyber-text-secondary);background:none;border:none;cursor:pointer;font-size:var(--psyber-font-size-base);transition:var(--psyber-transition-fast)}.psyber-input-action:hover,.psyber-input-action:focus-visible{color:var(--psyber-primary)}.psyber-textarea{resize:vertical;min-height:100px}.psyber-grid{display:grid;gap:var(--psyber-space-lg)}.psyber-grid-2{grid-template-columns:repeat(2,1fr)}.psyber-grid-3{grid-template-columns:repeat(3,1fr)}.psyber-grid-4{grid-template-columns:repeat(4,1fr)}.psyber-grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.psyber-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--psyber-space-lg);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.psyber-modal-content{background:var(--psyber-card-bg);border:1px solid var(--psyber-card-border);border-radius:var(--psyber-radius-lg);box-shadow:var(--psyber-shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:var(--psyber-space-xl);animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.psyber-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--psyber-space-lg);padding-bottom:var(--psyber-space-md);border-bottom:2px solid var(--psyber-card-border)}@media (max-width: 768px){.psyber-modal-overlay{padding:var(--psyber-space-md)}.psyber-modal-content{max-width:100%;padding:var(--psyber-space-lg)}}@media (max-width: 768px){.psyber-header{flex-direction:column;gap:var(--psyber-space-md);text-align:center}.psyber-user-profile{flex-direction:column-reverse}.user-welcome{text-align:center}.psyber-grid-2,.psyber-grid-3,.psyber-grid-4{grid-template-columns:1fr}.psyber-btn{width:100%}}