@charset "UTF-8";:root{--kolin-primary: #6a11cb;--kolin-primary-light: #8b5cf6;--kolin-primary-dark: #4c1d95;--kolin-accent: #ec4899;--kolin-accent-light: #f472b6;--kolin-accent-dark: #be185d;--kolin-glass-bg: rgba(255, 255, 255, .08);--kolin-glass-bg-hover: rgba(255, 255, 255, .12);--kolin-glass-bg-active: rgba(255, 255, 255, .18);--kolin-glass-border: rgba(255, 255, 255, .15);--kolin-glass-border-hover: rgba(255, 255, 255, .25);--kolin-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--kolin-shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--kolin-shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--kolin-shadow-xl: 0 24px 64px rgba(0, 0, 0, .6);--kolin-blur-sm: 10px;--kolin-blur-md: 20px;--kolin-blur-lg: 30px;--kolin-space-xs: 4px;--kolin-space-sm: 8px;--kolin-space-md: 16px;--kolin-space-lg: 24px;--kolin-space-xl: 32px;--kolin-radius-sm: 8px;--kolin-radius-md: 16px;--kolin-radius-lg: 24px;--kolin-radius-xl: 32px;--kolin-radius-xxl: 64px;--kolin-font-family: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--kolin-font-size-xs: .75rem;--kolin-font-size-sm: .875rem;--kolin-font-size-md: 1rem;--kolin-font-size-lg: 1.125rem;--kolin-font-size-xl: 1.25rem;--kolin-font-size-2xl: 1.5rem;--kolin-font-size-3xl: 1.875rem;--kolin-transition-fast: .15s ease-out;--kolin-transition-normal: .3s ease-out;--kolin-transition-slow: .5s ease-out}html,body{height:100%;font-family:var(--kolin-font-family);background:radial-gradient(ellipse at center,#6a11cb1a,#121212cc,#000000f2);color:#fffffff2;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.kolin-panel{background:#ffffff14;backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);box-shadow:var(--kolin-shadow-md);position:relative;border-radius:var(--kolin-radius-xxl);transition:all var(--kolin-transition-normal)}.kolin-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none;z-index:-1}.kolin-panel:hover{background:var(--kolin-glass-bg-hover);border-color:var(--kolin-glass-border-hover);box-shadow:var(--kolin-shadow-lg);backdrop-filter:blur(30px) saturate(180%) brightness(1.15);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.15);transform:translateY(-2px) scale(1.02)}.kolin-panel:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(255,255,255,.08) 100%)}.kolin-panel--sm{background:#ffffff0f;backdrop-filter:blur(15px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(15px) saturate(180%) brightness(1.1);box-shadow:var(--kolin-shadow-md);position:relative;border-radius:var(--kolin-radius-md)}.kolin-panel--sm:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none;z-index:-1}.kolin-panel--lg{background:#ffffff1f;backdrop-filter:blur(35px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(35px) saturate(180%) brightness(1.1);box-shadow:var(--kolin-shadow-md);position:relative;border-radius:var(--kolin-radius-xxl);box-shadow:var(--kolin-shadow-xl)}.kolin-panel--lg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none;z-index:-1}.kolin-panel--transparent{background:#ffffff08;backdrop-filter:blur(15px) saturate(150%) brightness(1.05);-webkit-backdrop-filter:blur(15px) saturate(150%) brightness(1.05);border:1px solid rgba(255,255,255,.08)}.kolin-button{background:#ffffff1a;backdrop-filter:blur(15px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(15px) saturate(180%) brightness(1.1);box-shadow:var(--kolin-shadow-md);border-radius:var(--kolin-radius-xxl);padding:var(--kolin-space-sm) var(--kolin-space-lg);font-family:var(--kolin-font-family);font-size:var(--kolin-font-size-md);font-weight:500;color:#fffffff2;border:none;cursor:pointer;transition:all var(--kolin-transition-normal);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:var(--kolin-space-sm)}.kolin-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none;z-index:-1}.kolin-button:hover:not(:disabled){background:var(--kolin-glass-bg-hover);border-color:var(--kolin-glass-border-hover);box-shadow:var(--kolin-shadow-lg);backdrop-filter:blur(30px) saturate(180%) brightness(1.15);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.15);transform:translateY(-2px) scale(1.02)}.kolin-button:hover:not(:disabled):before{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(255,255,255,.08) 100%)}.kolin-button:active:not(:disabled){transform:translateY(0) scale(1);background:var(--kolin-glass-bg-active)}.kolin-button:disabled{opacity:.5;cursor:not-allowed}.kolin-button--primary{background:#6a11cb40;border-color:#6a11cb66;color:#fffffffa}.kolin-button--primary:hover:not(:disabled){background:#6a11cb59;border-color:#6a11cb80}.kolin-button--accent{background:#ec489940;border-color:#ec489966;color:#fffffffa}.kolin-button--accent:hover:not(:disabled){background:#ec489959;border-color:#ec489980}.kolin-button--outline{background:transparent;border:2px solid var(--kolin-glass-border);color:#ffffffe6}.kolin-button--outline:hover:not(:disabled){background:var(--kolin-glass-bg);border-color:var(--kolin-glass-border-hover)}.kolin-button--sm{padding:var(--kolin-space-xs) var(--kolin-space-md);font-size:var(--kolin-font-size-sm);border-radius:var(--kolin-radius-sm)}.kolin-button--lg{padding:var(--kolin-space-md) var(--kolin-space-xl);font-size:var(--kolin-font-size-lg);border-radius:var(--kolin-radius-lg)}.kolin-card{background:#ffffff14;backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);box-shadow:var(--kolin-shadow-md);position:relative;border-radius:var(--kolin-radius-lg);padding:var(--kolin-space-lg);transition:all var(--kolin-transition-normal)}.kolin-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none;z-index:-1}.kolin-card:hover{background:var(--kolin-glass-bg-hover);border-color:var(--kolin-glass-border-hover);box-shadow:var(--kolin-shadow-lg);backdrop-filter:blur(30px) saturate(180%) brightness(1.15);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.15);transform:translateY(-2px) scale(1.02)}.kolin-card:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(255,255,255,.08) 100%)}.kolin-card__header{margin-bottom:var(--kolin-space-md);padding-bottom:var(--kolin-space-md);border-bottom:1px solid var(--kolin-glass-border)}.kolin-card__title{font-size:var(--kolin-font-size-xl);font-weight:600;color:#fffffffa;margin-bottom:var(--kolin-space-xs)}.kolin-card__subtitle{font-size:var(--kolin-font-size-sm);color:#ffffffb3}.kolin-card__content{margin-bottom:var(--kolin-space-md)}.kolin-card__actions{display:flex;gap:var(--kolin-space-sm);justify-content:flex-end}.kolin-chip{background:#ffffff1f;backdrop-filter:blur(15px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(15px) saturate(180%) brightness(1.1);box-shadow:var(--kolin-shadow-md);position:relative;border-radius:var(--kolin-radius-xl);padding:var(--kolin-space-xs) var(--kolin-space-md);font-size:var(--kolin-font-size-sm);font-weight:500;color:#fffffff2;display:inline-flex;align-items:center;gap:var(--kolin-space-xs);transition:all var(--kolin-transition-normal)}.kolin-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none;z-index:-1}.kolin-chip:hover{background:var(--kolin-glass-bg-hover);border-color:var(--kolin-glass-border-hover);box-shadow:var(--kolin-shadow-lg);backdrop-filter:blur(30px) saturate(180%) brightness(1.15);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.15);transform:translateY(-2px) scale(1.02)}.kolin-chip:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(255,255,255,.08) 100%)}.kolin-chip--primary{background:#6a11cb40;border-color:#6a11cb4d}.kolin-chip--accent{background:#ec489940;border-color:#ec48994d}.kolin-chip__icon{font-size:var(--kolin-font-size-sm);opacity:.8}.kolin-icon{font-size:var(--kolin-font-size-lg);color:#ffffffe6;transition:all var(--kolin-transition-normal)}.kolin-icon--sm{font-size:var(--kolin-font-size-sm)}.kolin-icon--lg{font-size:var(--kolin-font-size-xl)}.kolin-icon--xl{font-size:var(--kolin-font-size-2xl)}.kolin-icon--gradient{background:linear-gradient(135deg,var(--kolin-primary),var(--kolin-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(106,17,203,.3))}.kolin-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--kolin-primary);border-radius:50%;animation:kolin-spin 1s linear infinite}.kolin-spinner--lg{width:80px;height:80px;border-width:4px}.kolin-spinner--sm{width:20px;height:20px;border-width:2px}@keyframes kolin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kolin-float{0%,to{transform:translateY(0) rotate(0) scale(1);filter:brightness(1)}25%{transform:translateY(-8px) rotate(.5deg) scale(1.01);filter:brightness(1.05)}50%{transform:translateY(-12px) rotate(0) scale(1.02);filter:brightness(1.1)}75%{transform:translateY(-6px) rotate(-.5deg) scale(1.01);filter:brightness(1.05)}}@keyframes kolin-pulse{0%,to{box-shadow:var(--kolin-shadow-md),0 0 20px #ffffff1a,0 0 40px #6a11cb1a;filter:brightness(1)}50%{box-shadow:var(--kolin-shadow-lg),0 0 30px #fff3,0 0 60px #6a11cb33;filter:brightness(1.1)}}.kolin-animate-float{animation:kolin-float 8s ease-in-out infinite}.kolin-animate-pulse{animation:kolin-pulse 3s ease-in-out infinite}.kolin-text-gradient{background:linear-gradient(135deg,var(--kolin-primary),var(--kolin-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kolin-text-center{text-align:center}.kolin-text-sm{font-size:var(--kolin-font-size-sm)}.kolin-text-lg{font-size:var(--kolin-font-size-lg)}.kolin-text-xl{font-size:var(--kolin-font-size-xl)}.kolin-flex{display:flex}.kolin-flex-col{flex-direction:column}.kolin-items-center{align-items:center}.kolin-justify-center{justify-content:center}.kolin-justify-between{justify-content:space-between}.kolin-gap-sm{gap:var(--kolin-space-sm)}.kolin-gap-md{gap:var(--kolin-space-md)}.kolin-gap-lg{gap:var(--kolin-space-lg)}.kolin-p-sm{padding:var(--kolin-space-sm)}.kolin-p-md{padding:var(--kolin-space-md)}.kolin-p-lg{padding:var(--kolin-space-lg)}.kolin-m-sm{margin:var(--kolin-space-sm)}.kolin-m-md{margin:var(--kolin-space-md)}.kolin-m-lg{margin:var(--kolin-space-lg)}@media (max-width: 768px){.kolin-panel{border-radius:var(--kolin-radius-md)}.kolin-button{padding:var(--kolin-space-sm) var(--kolin-space-md);font-size:var(--kolin-font-size-sm)}.kolin-card{padding:var(--kolin-space-md)}}@media (max-width: 480px){.kolin-panel{border-radius:var(--kolin-radius-sm)}.kolin-button{padding:var(--kolin-space-xs) var(--kolin-space-sm);font-size:var(--kolin-font-size-xs)}.kolin-card{padding:var(--kolin-space-sm)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at center,#6a11cb1a,#121212cc,#000000f2);color:#fffffff2;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;height:100vh;width:100vw}.space-container{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:100}.nav-card{position:absolute;top:24px;left:24px;right:24px;pointer-events:auto}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:var(--kolin-space-md) var(--kolin-space-lg)}.logo-section{display:flex;align-items:center;gap:var(--kolin-space-md)}.logo-icon{font-size:2.2rem;width:2.2rem;height:2.2rem;background:linear-gradient(135deg,var(--kolin-primary),var(--kolin-accent),#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(106,17,203,.3));transition:all var(--kolin-transition-normal)}.logo-icon:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 16px rgba(106,17,203,.5))}.logo-text{margin:0;font-size:1.6rem;font-weight:400;background:linear-gradient(135deg,var(--kolin-primary),var(--kolin-accent),#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(106,17,203,.2));transition:all var(--kolin-transition-normal)}.logo-text:hover{transform:scale(1.05);filter:drop-shadow(0 4px 16px rgba(106,17,203,.4))}.user-section{display:flex;align-items:center;gap:var(--kolin-space-lg)}.user-info{display:flex;align-items:center;gap:var(--kolin-space-md)}.user-details{display:flex;flex-direction:column;align-items:flex-start;gap:var(--kolin-space-xs)}.welcome-text{color:#ffffffe6;font-size:var(--kolin-font-size-sm)}.token-info{font-size:var(--kolin-font-size-xs);color:#fff9;display:flex;align-items:center;gap:var(--kolin-space-xs)}.token-info:before{content:"\1f512"}.auth-buttons{display:flex;align-items:center;gap:var(--kolin-space-md)}.world-info-card{position:absolute;bottom:24px;left:24px;width:320px;pointer-events:auto}.access-denied{display:flex;align-items:center;gap:var(--kolin-space-sm);color:#f44336;margin-top:var(--kolin-space-sm)}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#ffffffe6;pointer-events:auto;padding:var(--kolin-space-lg)}.notification-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;padding:var(--kolin-space-md);min-width:300px;max-width:500px;z-index:1000}.notification-overlay.notification-success{background:#4caf5033;border-color:#4caf5066}.notification-overlay.notification-error{background:#f4433633;border-color:#f4433666}.notification-overlay.notification-warning{background:#ff980033;border-color:#ff980066}.notification-overlay.notification-info{background:#2196f333;border-color:#2196f366}@media (max-width: 768px){.nav-card{top:16px;left:16px;right:16px}.world-info-card{bottom:16px;left:16px;right:16px;width:auto}.nav-content{flex-direction:column;gap:var(--kolin-space-md);padding:var(--kolin-space-sm) var(--kolin-space-md)}.user-info{flex-direction:column;text-align:center;gap:var(--kolin-space-sm)}.logo-icon{font-size:1.8rem;width:1.8rem;height:1.8rem}.logo-text{font-size:1.3rem;padding:8px 0}.auth-buttons{flex-direction:column;width:100%;gap:var(--kolin-space-sm)}.auth-buttons .kolin-button{width:100%;min-height:44px}.user-section{width:100%;justify-content:center}}@media (max-width: 480px){.nav-card{top:12px;left:12px;right:12px}.world-info-card{bottom:12px;left:12px;right:12px}.logo-icon{font-size:1.6rem;width:1.6rem;height:1.6rem}.logo-text{font-size:1.2rem}}