@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-color: #F7F5F0;--bg-card: #FFFFFF;--text-primary: #0A0A0A;--text-secondary: #4A4A4A;--primary: #CC4B2C;--primary-rgb: 204, 75, 44;--primary-hover: #A8361B;--accent: #2E5C50;--accent-rgb: 46, 92, 80;--border: #E5E0D5;--ink: #000000;--bg-card-rgb: 255, 255, 255;--success: #2E5C50;--warning: #D98C00;--danger: #CC4B2C;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 9999px;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .03);--shadow-lift: 0 10px 40px rgba(0, 0, 0, .06);--shadow-sharp: 4px 4px 0px rgba(26, 26, 26, 1);--transition-fast: .2s cubic-bezier(.25, 1, .5, 1);--transition-normal: .4s cubic-bezier(.25, 1, .5, 1)}[data-theme=dark]{--bg-color: #141210;--bg-card: #1E1B18;--bg-card-rgb: 30, 27, 24;--text-primary: #FFFFFF;--text-secondary: #D1CDCC;--primary: #E05A35;--primary-rgb: 224, 90, 53;--primary-hover: #CC4B2C;--accent: #3D7A6A;--accent-rgb: 61, 122, 106;--border: #2A2724;--ink: #FFFFFF;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lift: 0 10px 40px rgba(0, 0, 0, .5);--shadow-sharp: 4px 4px 0px rgba(232, 228, 220, .15)}[data-theme=midnight]{--bg-color: #0F1729;--bg-card: #162040;--bg-card-rgb: 22, 32, 64;--text-primary: #FFFFFF;--text-secondary: #B8C8E8;--primary: #5B8DEF;--primary-rgb: 91, 141, 239;--primary-hover: #4A7ADB;--accent: #36D399;--accent-rgb: 54, 211, 153;--border: #1E2D52;--ink: #FFFFFF;--warning: #F5B942;--success: #36D399;--danger: #EF5B5B;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lift: 0 10px 40px rgba(0, 0, 0, .6);--shadow-sharp: 4px 4px 0px rgba(91, 141, 239, .2)}[data-theme=forest]{--bg-color: #0D1B0F;--bg-card: #142418;--bg-card-rgb: 20, 36, 24;--text-primary: #FFFFFF;--text-secondary: #C2E2BF;--primary: #4CAF50;--primary-rgb: 76, 175, 80;--primary-hover: #388E3C;--accent: #A5D6A7;--accent-rgb: 165, 214, 167;--border: #1E3320;--ink: #FFFFFF;--warning: #E6B422;--success: #66BB6A;--danger: #E57373;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lift: 0 10px 40px rgba(0, 0, 0, .5);--shadow-sharp: 4px 4px 0px rgba(76, 175, 80, .2)}[data-theme=rosewood]{--bg-color: #1C1018;--bg-card: #281620;--bg-card-rgb: 40, 22, 32;--text-primary: #FFFFFF;--text-secondary: #DEC0CF;--primary: #E8578A;--primary-rgb: 232, 87, 138;--primary-hover: #D14478;--accent: #C792EA;--accent-rgb: 199, 146, 234;--border: #3A1E30;--ink: #FFFFFF;--warning: #FFB74D;--success: #81C784;--danger: #E8578A;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lift: 0 10px 40px rgba(0, 0, 0, .5);--shadow-sharp: 4px 4px 0px rgba(232, 87, 138, .2)}[data-theme=sepia]{--bg-color: #F5ECD7;--bg-card: #FFF8E8;--bg-card-rgb: 255, 248, 232;--text-primary: #1F150D;--text-secondary: #6B553C;--primary: #B85C38;--primary-rgb: 184, 92, 56;--primary-hover: #9E4A2A;--accent: #5C7A5E;--accent-rgb: 92, 122, 94;--border: #D9CCAE;--ink: #000000;--warning: #C4941A;--success: #5C7A5E;--danger: #B85C38;--shadow-subtle: 0 4px 20px rgba(62, 44, 28, .06);--shadow-lift: 0 10px 40px rgba(62, 44, 28, .1);--shadow-sharp: 4px 4px 0px rgba(62, 44, 28, .8)}[data-theme=dark] body,[data-theme=midnight] body,[data-theme=forest] body,[data-theme=rosewood] body,[data-theme=sepia] body{background-color:var(--bg-color);color:var(--text-primary)}body,.card,.canvas-layout,.canvas-header,.library-directory,header,main,aside,section,footer,.ledger-container,.ledger-row,.timer-widget,.badge-card,.goal-row,.topic-row,.note-row,.auth-card,.editor-section-block,.resume-doc,.resume-editor{transition:background-color .25s ease,border-color .25s ease!important}.theme-toggle{position:fixed;bottom:2rem;left:2rem;z-index:99999;width:40px;height:40px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--text-primary);cursor:pointer;border-radius:0;transition:box-shadow .15s ease,transform .15s ease,background-color .25s ease!important}.theme-toggle:hover{box-shadow:3px 3px 0 var(--primary);border-color:var(--primary);transform:translate(-1px,-1px)}.theme-picker-wrap{position:fixed;bottom:2rem;left:2rem;z-index:99999;display:flex;flex-direction:column-reverse;align-items:center;gap:.35rem}.theme-picker-wrap .theme-toggle{position:static}.theme-expand-btn{width:40px;height:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.55rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.theme-expand-btn:hover{border-color:var(--primary);color:var(--primary)}.theme-panel{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lift);animation:theme-panel-in .2s ease both}@keyframes theme-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-swatch{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border:1px solid transparent;background:transparent;cursor:pointer;font-family:var(--font-sans);transition:all .12s ease;min-width:120px}.theme-swatch:hover{background:var(--bg-color);border-color:var(--border)}.theme-swatch--active{border-color:var(--primary);background:var(--bg-color)}.theme-swatch-icon{font-size:.9rem;width:22px;text-align:center}.theme-swatch-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-primary)}.lang-picker-wrap{position:fixed;bottom:2rem;left:5.5rem;z-index:99999;display:flex;flex-direction:column-reverse;align-items:center;gap:.35rem}.lang-toggle{width:40px;height:40px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--text-primary);cursor:pointer;border-radius:0;transition:box-shadow .15s ease,transform .15s ease,background-color .25s ease!important}.lang-toggle:hover{box-shadow:3px 3px 0 var(--primary);border-color:var(--primary);transform:translate(-1px,-1px)}.lang-panel{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lift);animation:theme-panel-in .2s ease both}.lang-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border:1px solid transparent;background:transparent;cursor:pointer;font-family:var(--font-sans);transition:all .12s ease;min-width:120px}.lang-option:hover{background:var(--bg-color);border-color:var(--border)}.lang-option--active{border-color:var(--primary);background:var(--bg-color)}.lang-flag{font-size:.9rem;width:22px;text-align:center}.lang-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-primary)}@media(max-width:900px){.theme-picker-wrap{bottom:5rem;left:1rem}.lang-picker-wrap{bottom:5rem;left:4rem}.lang-toggle{width:34px;height:34px;font-size:.9rem}.theme-toggle{width:34px!important;height:34px!important;font-size:.9rem!important}.theme-expand-btn{width:34px}}.pro-lock-badge{display:inline-block;background:transparent;color:var(--primary);font-size:.5rem;font-weight:800;letter-spacing:.1em;padding:.1rem .35rem;border:1px solid var(--primary);border-radius:2px;text-transform:uppercase;margin-left:.4rem;vertical-align:middle;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0;cursor:none}input,textarea,select{font-family:inherit;color:var(--text-primary);background-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}::selection{background-color:var(--primary);color:var(--bg-color)}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.custom-cursor{width:14px;height:22px;background-color:var(--primary);clip-path:polygon(0% 0%,100% 70%,40% 70%,40% 100%);position:fixed;top:0;left:0;pointer-events:none!important;z-index:2147483647!important;transition:background-color .2s,width .2s,height .2s;will-change:transform;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.4))}.custom-cursor.hovering{width:18px;height:28px;background-color:var(--accent);filter:drop-shadow(3px 3px 0px rgba(0,0,0,.6))}.google-sign-in-btn{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:18px 24px;background-color:var(--ink);border:1px solid var(--ink)!important;font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bg-color);cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.google-sign-in-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .6s ease}.google-sign-in-btn:hover:after{left:120%}.google-sign-in-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;letter-spacing:.22em}.google-sign-in-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.google-sign-in-btn:disabled{opacity:.5;pointer-events:none}.google-sign-in-btn svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.auth-divider{display:flex;align-items:center;margin:24px 0;gap:16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--ink);opacity:.2}.auth-divider span{font-family:var(--font-sans);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);white-space:nowrap}a,button{color:inherit;text-decoration:none}button{cursor:none;border:none;background:none;font-family:var(--font-sans);transition:all var(--transition-fast)}.container{max-width:1200px;margin:0 auto;padding:0 5%}@media(max-width:768px){.container{padding:0 1.25rem}*{cursor:auto!important}.custom-cursor{display:none!important}}@media(max-width:480px){.container{padding:0 1rem}}.font-serif{font-family:var(--font-serif);font-weight:400}.editorial-line{height:1px;width:100%;background-color:var(--text-primary);margin:2rem 0}.aura-glass{background:rgba(var(--bg-card-rgb),.6)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 40px #00000026!important;position:relative;overflow:hidden}.aura-warp-entry{animation:aura-warp-in .8s cubic-bezier(.19,1,.22,1) both;transform-origin:center center}@keyframes aura-warp-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .aura-glass,[data-theme=midnight] .aura-glass,[data-theme=forest] .aura-glass,[data-theme=rosewood] .aura-glass{border:1px solid rgba(255,255,255,.05)!important;background:rgba(var(--bg-card-rgb),.4)!important}.aura-edge-glow:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,transparent,rgba(var(--primary-rgb),.2),transparent);border-radius:inherit;z-index:-1;pointer-events:none}.holographic-foil{position:relative;overflow:hidden}.holographic-foil:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.03) 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.1) 55%,rgba(255,255,255,.03) 70%,transparent 100%);transform:rotate(-15deg);pointer-events:none;z-index:10;transition:transform .8s cubic-bezier(.19,1,.22,1)}.holographic-foil:hover:before{transform:translate(30%,30%) rotate(-15deg)}.magnetic-item{transform-style:preserve-3d;will-change:transform}.card{background:var(--bg-card);border:1px solid var(--border);padding:2rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-subtle);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.btn-primary{background-color:var(--text-primary);color:var(--bg-card);padding:.875rem 2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;border-radius:var(--radius-pill);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .4s cubic-bezier(.19,1,.22,1);border:1px solid var(--text-primary);z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.19,1,.22,1);z-index:-1;border-radius:var(--radius-pill)}.btn-primary:hover{color:var(--bg-color);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-primary:hover:before{transform:scaleX(1);transform-origin:left}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--text-primary);padding:1rem 2.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500;border-radius:var(--radius-pill);border:1px solid var(--text-primary)}.btn-secondary:hover{background-color:var(--text-primary);color:var(--bg-card)}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.04em}.tracking-wide{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.w-full{width:100%}.h-full{height:100%}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.5rem;line-height:1.1}.text-6xl{font-size:4rem;line-height:1}.text-8xl{font-size:clamp(5rem,12vw,8rem);line-height:.9}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-muted{color:var(--text-secondary)}.italic{font-style:italic}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--text-primary)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.p-16{padding:4rem}.max-w-lg{max-width:32rem;margin:0 auto}.max-w-4xl{max-width:56rem;margin:0 auto}.max-w-5xl{max-width:64rem;margin:0 auto}@media(max-width:768px){.p-16{padding:1.5rem}.max-w-lg,.max-w-4xl,.max-w-5xl{max-width:100%}}button:active:not(:disabled){transform:scale(.97)}.card{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease!important}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--border) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm);border:1px solid var(--border)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-text{height:1.2rem;margin-bottom:.5rem;width:100%;border-radius:var(--radius-sm);border:none}.skeleton-title{height:2rem;margin-bottom:1rem;width:60%;border:none}.skeleton-card{height:120px;width:100%;border-radius:var(--radius-md)}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:100000;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast-item{position:relative;overflow:hidden;display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border:1px solid var(--text-primary);background:var(--bg-color);font-family:var(--font-sans);font-size:.8rem;font-weight:500;letter-spacing:.04em;box-shadow:3px 3px 0 var(--text-primary);pointer-events:all;cursor:pointer;min-width:220px;max-width:340px;animation:toast-in .28s cubic-bezier(.25,1,.5,1) both}.toast-item:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:currentColor;width:100%;animation:toast-progress 3s linear forwards;opacity:.3}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast-icon{font-family:var(--font-serif);font-size:.95rem;font-weight:700;flex-shrink:0;width:18px;text-align:center}.toast-message{line-height:1.35}.toast-success{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}.toast-success .toast-icon{color:var(--accent)}.toast-error{border-color:var(--primary);box-shadow:3px 3px 0 var(--primary)}.toast-error .toast-icon{color:var(--primary)}.toast-info{border-color:var(--text-primary);box-shadow:3px 3px 0 var(--text-primary)}.toast-warning{border-color:var(--warning);box-shadow:3px 3px 0 var(--warning)}.toast-warning .toast-icon{color:var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter .35s cubic-bezier(.25,1,.5,1) both}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100001}.streak-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border:1px solid var(--primary);padding:.2rem .6rem;margin-left:.75rem;animation:streak-pop .4s cubic-bezier(.25,1,.5,1) both}@keyframes streak-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.welcome-greeting{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2}.welcome-date{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-weight:500}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:before,[data-tooltip]:after{position:absolute;visibility:hidden;opacity:0;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;z-index:99999}[data-tooltip]:before{content:attr(data-tooltip);background-color:var(--ink);color:var(--cream);font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.5rem .75rem;border-radius:4px;white-space:nowrap;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);box-shadow:0 4px 12px #00000026;letter-spacing:.05em;text-transform:none}[data-tooltip]:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--ink);bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.editorial-nav{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:var(--bg-color);transition:all .4s cubic-bezier(.16,1,.3,1);padding:1.5rem 0;border-bottom:1px solid transparent}.nav-borders{padding:.75rem 0;border-bottom:1px solid var(--border);background-color:rgba(var(--bg-card-rgb),.8)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 30px #00000008}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:opacity .2s ease}.nav-brand:hover{opacity:.8}.logo-mark{font-size:1.75rem;line-height:1;color:var(--primary);font-weight:800}.logo-type{margin-top:.15rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.25em;font-weight:800;color:var(--text-secondary)}.nav-menu{display:flex;gap:3.5rem}@media(max-width:1024px){.nav-menu{gap:2rem}}.nav-item{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);position:relative;transition:color .3s ease}.nav-item:hover{color:var(--text-primary)}.nav-item:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:1px;background-color:var(--primary);transition:width .3s ease}.nav-item:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1.5rem}.mobile-nav-hamburger{display:none;font-size:1.75rem;background:none;border:none;color:var(--text-primary);cursor:pointer;line-height:1}.mobile-dropdown-menu{display:none}@media(max-width:900px){.nav-menu,.logo-type{display:none}.mobile-nav-hamburger{display:block}.nav-actions .btn-primary{font-size:.65rem;padding:.6rem 1.25rem;letter-spacing:.1em}.mobile-dropdown-menu{display:flex;flex-direction:column;padding:2.5rem;background-color:rgba(var(--bg-card-rgb),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:absolute;top:100%;left:0;width:100%;gap:1.5rem;box-shadow:0 20px 40px #0000001a;animation:fade-down .4s cubic-bezier(.16,1,.3,1) forwards}.mobile-dropdown-menu .nav-item{font-size:.95rem;text-align:left;width:100%;padding:.75rem 0;border-bottom:1px solid rgba(var(--border-rgb),.1)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.editorial-nav{padding:1.25rem 0}.nav-actions{gap:1rem}.logo-mark{font-size:1.5rem}}.editorial-footer{width:100%;background:var(--bg-color);color:var(--text-primary);padding:6rem 0 0;margin-top:5rem;font-family:var(--font-sans);border-top:1px solid var(--ink);position:relative;z-index:10}.editorial-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--ink),transparent);opacity:.5}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:4rem}.footer-brand{flex:1;min-width:280px}.footer-links-container{display:flex;gap:5rem;flex-wrap:wrap}.footer-column{min-width:140px}.footer-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-block;position:relative}.footer-links button{background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer!important;pointer-events:auto;padding:0;text-align:left;transition:all .3s cubic-bezier(.25,1,.5,1)}.footer-links button:hover{color:var(--primary);transform:translate(4px)}.footer-mail-link{color:var(--primary)!important;font-weight:600}.footer-bottom{border-color:var(--border)}.hover-text-primary:hover{color:var(--primary)}.transition-colors{transition:color .3s ease}@media(max-width:768px){.footer-top{flex-direction:column;gap:3rem}.footer-links-container{gap:3rem;flex-direction:column;width:100%}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}.hero-section{position:relative;overflow:hidden}.hero-spotlight{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;transition:opacity .3s ease;mix-blend-mode:screen}.hero-3d-text{transform-style:preserve-3d;backface-visibility:hidden}@media(hover:none){.hero-spotlight{display:none}.hero-3d-text{transform:none!important}}.hero-bg{position:absolute;inset:-20%;z-index:0;pointer-events:none;overflow:visible}.hero-bg>div{position:absolute;inset:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;will-change:transform}.hero-orb--1{width:500px;height:500px;background:var(--primary);top:-10%;right:-5%;animation:orb-drift-1 12s ease-in-out infinite alternate}.hero-orb--2{width:400px;height:400px;background:var(--accent);bottom:-15%;left:-5%;animation:orb-drift-2 15s ease-in-out infinite alternate;animation-delay:-3s}.hero-orb--3{width:300px;height:300px;background:var(--primary);top:30%;left:40%;opacity:.08;animation:orb-drift-3 18s ease-in-out infinite alternate;animation-delay:-7s}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(var(--text-primary) .5px,transparent .5px);background-size:24px 24px;opacity:.04}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}50%{transform:translate(-60px,40px) scale(1.1)}to{transform:translate(30px,-20px) scale(.95)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,-30px) scale(1.15)}to{transform:translate(-40px,20px) scale(.9)}}@keyframes orb-drift-3{0%{transform:translate(0) scale(1)}50%{transform:translate(-30px,-50px) scale(1.2)}to{transform:translate(50px,30px) scale(.85)}}@media(max-width:768px){.hero-orb--1{width:280px;height:280px;filter:blur(60px)}.hero-orb--2{width:220px;height:220px;filter:blur(50px)}.hero-orb--3{width:150px;height:150px;filter:blur(40px)}.hero-grid{background-size:20px 20px}}.editorial-main{padding-top:4rem}.border-ink{border-color:var(--text-primary)}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-y{border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}.border-r{border-right-width:1px;border-right-style:solid}.pt-12{padding-top:3rem}.pt-20{padding-top:5rem}.pb-4{padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pr-8{padding-right:2rem}.pl-8{padding-left:2rem}.px-8{padding-left:2rem;padding-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-xs{max-width:20rem}.text-serif-italic{font-family:var(--font-serif);font-style:italic;font-weight:400}.editorial-lead{text-align:center;max-width:48rem;margin:0 auto}@media(max-width:768px){.hidden-mobile{display:none}.text-8xl{font-size:clamp(2.5rem,10vw,4rem)}.text-7xl{font-size:clamp(2rem,8vw,3.5rem)}.text-6xl{font-size:clamp(1.8rem,7vw,2.8rem)}.text-5xl{font-size:clamp(1.5rem,5vw,2.5rem)}.text-4xl{font-size:clamp(1.3rem,4vw,2rem)}.text-2xl{font-size:clamp(1.1rem,3vw,1.5rem)}.pt-20{padding-top:3rem}.py-20{padding-top:3rem;padding-bottom:3rem}.pr-8,.pl-8,.px-8{padding-right:0;padding-left:0}.editorial-lead{text-align:center;font-size:.95rem}.mt-20{margin-top:3rem}.hero-section{padding-top:2rem}.hero-section h1{margin-top:1rem!important;margin-bottom:1rem!important}.hero-section .mb-20{margin-bottom:2rem}.lp-pricing-header{flex-direction:column;gap:1rem;align-items:flex-start}.lp-pricing-header p{text-align:left}.lp-price-amount{font-size:2.5rem!important}.lp-price-card{padding:1.5rem 0}.lp-price-card--pro{padding-left:0}}@media(max-width:480px){.container{padding-left:1.25rem;padding-right:1.25rem}.max-w-2xl,.max-w-3xl{max-width:100%}.text-8xl{font-size:2.2rem}.text-6xl{font-size:1.6rem}.btn-primary{width:100%;text-align:center;justify-content:center;padding:.85rem 1rem}.editorial-lead{font-size:.85rem;line-height:1.6}.lp-feature-list li{font-size:.75rem}}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:400px}.ed-card{display:flex}@media(max-width:900px){.editorial-grid{grid-template-columns:1fr}.ed-card{border-right:none;border-bottom:1px solid var(--text-primary);padding:3rem 0}.ed-card:last-child{border-bottom:none}}.clock-svg{overflow:visible;transition:transform .3s ease}.clock-svg:hover{transform:scale(1.05)}.ledger-container{width:100%;display:flex;flex-direction:column;gap:0}.ledger-task{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border);transition:opacity .4s ease}.ledger-check-box{width:16px;height:16px;border-radius:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.6rem;color:#fff}.ledger-text{font-size:.75rem;letter-spacing:.04em;color:var(--text-secondary);font-family:var(--font-sans);transition:all .3s ease}.bookshelf-container{width:100%;height:100%;display:flex;align-items:flex-end;gap:6px;padding-bottom:1px;position:relative}.book-shelf-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--text-primary);opacity:.2}.book-item{border-bottom:none;border-radius:2px 2px 0 0;position:relative;transition:all .4s cubic-bezier(.19,1,.22,1);cursor:pointer}.book-spine{position:absolute;left:50%;top:15%;width:1px;height:70%;opacity:.3;transition:all .3s ease}.ed-sketch{width:100%;height:160px;position:relative;margin-top:2rem}.sketch-lines{width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 19px,var(--border) 20px);opacity:.7}.pricing-ticket{border:1px solid var(--text-primary);display:inline-flex;position:relative;width:400px;max-width:100%;background-color:var(--bg-color)}.ticket-body{padding:3rem 2rem;width:100%;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:10px 10px}.ticket-edge{width:20px;background-image:radial-gradient(circle at center,transparent 8px,var(--bg-color) 9px);background-size:20px 20px;background-position:center;border-right:1px dashed var(--text-primary)}.ticket-right{border-right:none;border-left:1px dashed var(--text-primary)}.lp-pricing-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem}.lp-pricing-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}.lp-price-card{position:relative;padding:3.5rem 0;display:flex;flex-direction:column;gap:2.5rem}.lp-price-card--pro{padding-left:4rem;border-left:1px solid var(--border)}.lp-popular-tag{position:absolute;top:3.5rem;right:0;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;background:var(--primary);color:#fff;padding:.3rem .8rem;z-index:5}.lp-price-top{display:flex;flex-direction:column;gap:.5rem}.lp-price-ed-no{font-size:2.5rem;line-height:1;opacity:.5}.lp-price-tier{font-size:.6rem;text-transform:uppercase;letter-spacing:.25em;font-weight:800;color:var(--text-secondary)}.lp-price-amount{font-size:clamp(3rem,6vw,4.5rem);line-height:1;margin-top:.25rem;color:var(--text-primary);letter-spacing:-.02em}.lp-price-period{font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-left:.5rem;font-weight:700}.lp-feature-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;flex:1}.lp-feature-list li{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:flex;align-items:baseline}.lp-feature-list li:before{content:"·";margin-right:.75rem;font-weight:900;color:var(--primary)}.lp-feature-locked{opacity:.3;text-decoration:line-through}.lp-feature-pro{color:var(--text-primary)!important;font-weight:600}.lp-price-divider{width:1px;background-color:var(--border);margin:3.5rem 4rem;min-height:100%}.lp-price-btn{display:block;width:100%;padding:1.1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-family:var(--font-sans);cursor:pointer;border:1px solid;transition:all .3s cubic-bezier(.19,1,.22,1)}.lp-price-btn--free{background:transparent;color:var(--text-primary);border-color:var(--text-primary)}.lp-price-btn--free:hover{background:var(--text-primary);color:var(--bg-card)}.lp-price-btn--pro{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}.lp-price-btn--pro:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2)}.lp-price-note{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);opacity:.6;text-align:center;margin-top:-1.5rem}@media(max-width:900px){.lp-pricing-grid{grid-template-columns:1fr;gap:0}.lp-price-card--pro{padding-left:0;border-left:none;border-top:1px solid var(--border);padding-top:4rem;margin-top:1rem}.lp-price-divider{display:none}.lp-price-note{margin-top:-.5rem}}.title-line-wrapper{display:inline-block;vertical-align:top;perspective:1200px}.title-line{display:inline-block;opacity:0;transform-origin:center bottom;animation:cinematic-reveal 2.5s cubic-bezier(.16,1,.3,1) forwards}.title-line-delay-1{animation-delay:.6s}.cinematic-fade-in{opacity:0;animation:cinematic-fade 3s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.2s}@keyframes cinematic-reveal{0%{opacity:0;filter:blur(24px);transform:translateY(80px) scale(.85) rotateX(-25deg)}to{opacity:1;filter:blur(0px);transform:translateY(0) scale(1) rotateX(0)}}@keyframes cinematic-fade{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.proof-strip{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 0;margin-top:10rem;background:var(--bg-color);position:relative}@media(max-width:768px){.proof-strip{margin-top:5rem}}.proof-strip:before,.proof-strip:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.proof-strip:before{left:0;background:linear-gradient(90deg,var(--bg-color),transparent)}.proof-strip:after{right:0;background:linear-gradient(-90deg,var(--bg-color),transparent)}.proof-track{display:flex;gap:0;animation:marquee-scroll 30s linear infinite;width:max-content}.proof-item{display:flex;align-items:center;gap:.75rem;white-space:nowrap;flex-shrink:0}.proof-stat{font-family:var(--font-serif);font-size:1.75rem;color:var(--text-primary);font-weight:500;letter-spacing:-.02em}.proof-label{font-family:var(--font-sans);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:var(--text-secondary)}.proof-dot{font-size:2rem;color:var(--primary);margin:0 2.5rem;line-height:1;opacity:.5}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.proof-stat{font-size:1.3rem}.proof-dot{margin:0 1.5rem}.proof-strip:before,.proof-strip:after{width:60px}}.auth-page-main{animation:formFadeIn .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pro-gate-full{background-color:var(--bg-color);color:var(--text-color);width:100vw;padding:2rem}.pro-gate-card{border:1px solid var(--ink);padding:3rem;background-color:var(--cream);max-width:28rem;width:100%;text-align:center;position:relative;overflow:hidden}.pro-gate-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--primary)}.pro-gate-inline{border:1px dashed var(--ink);background-color:#cc4b2c0d;padding:1.5rem;text-align:center;margin:2rem 0}.pro-gate-inline .pro-lock-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.canvas-layout{min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(circle at 0% 0%,rgba(var(--primary-rgb),.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(var(--accent-rgb),.05) 0%,transparent 50%)}.canvas-header{padding:1rem 0}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}@media(max-width:1024px){.dash-grid{grid-template-columns:1fr;gap:2rem}}.dashboard-widgets-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:4rem 5rem}@media(max-width:1024px){.dashboard-widgets-grid{gap:3rem 3.5rem}}@media(max-width:900px){.dashboard-widgets-grid{grid-template-columns:1fr;gap:3.5rem}}.dashboard-widget-wrap{position:relative;min-width:0;transition:transform .4s cubic-bezier(.16,1,.3,1)}.dash-section{min-width:0;padding:1.5rem 2.5rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border)}.dash-section-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.25em;font-weight:800;color:var(--text-secondary);margin-bottom:2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);opacity:1}.dashboard-widget{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:24px;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative}.dashboard-widget.is-editing{border:2px dashed var(--primary);background:rgba(var(--primary-rgb, 234, 88, 12),.05)!important;animation:widget-float 3s infinite ease-in-out;z-index:10;cursor:grab}@keyframes widget-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}[data-theme=dark] .dashboard-widget,[data-theme=midnight] .dashboard-widget,[data-theme=forest] .dashboard-widget,[data-theme=rosewood] .dashboard-widget{background:rgba(var(--bg-card-rgb),.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--text-primary-rgb, 255, 255, 255),.1)}.dashboard-widget.is-editing:before{content:"DRAG TO REORDER";position:absolute;top:-10px;right:20px;background:var(--primary);color:#fff;font-size:.5rem;padding:2px 8px;font-weight:800;letter-spacing:.1em;border-radius:4px}.dash-nav-btn{font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:.5rem 0;font-family:var(--font-sans);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap}.dash-nav-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--primary);transition:width .3s ease}.dash-nav-btn:hover{color:var(--text-primary)}.dash-nav-btn:hover:after{width:100%}.dash-nav-btn--highlight{color:var(--primary)}.add-task-trigger{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 0;border-bottom:1px solid var(--text-primary);font-family:var(--font-serif);font-size:1.25rem;color:var(--text-primary);text-align:left;transition:all .3s ease;opacity:.75;cursor:pointer}.add-task-trigger:hover{opacity:1;padding-left:.5rem;color:var(--primary)}.add-task-plus{font-size:1.6rem;font-family:var(--font-sans);color:var(--primary);line-height:1}.ledger-row{display:flex;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border);transition:background .2s ease}.ledger-row:hover{background:rgba(var(--primary-rgb),.02)}.ledger-check{width:18px;height:18px;border:1px solid var(--text-primary);margin-right:1.5rem;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ledger-check.done{background:var(--text-primary)}.ledger-check.done:after{content:"✓";font-family:var(--font-sans);font-size:12px;color:var(--bg-card)}.ledger-title{font-family:var(--font-serif);font-size:1.65rem;line-height:1.2;color:var(--text-primary);flex-grow:1}.ledger-meta{font-size:.7rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-secondary);text-align:right;min-width:100px}.timer-huge{font-family:var(--font-serif);font-size:clamp(4.5rem,12vw,9rem);line-height:.85;letter-spacing:-.04em}.metric-number{font-family:var(--font-serif);font-size:3.5rem;line-height:1;letter-spacing:-.02em;color:var(--text-primary)}.metric-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--text-secondary);margin-top:.5rem}.metrics-container{display:flex;flex-direction:column;gap:2.5rem}.metrics-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--border);padding-bottom:2rem}.metric-block{flex:1;text-align:center}.metrics-progress-wrap{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:rgba(var(--primary-rgb),.03);border-radius:var(--radius-md)}.circular-progress{width:80px;height:80px;flex-shrink:0}.circular-progress svg{transform:rotate(-90deg)}.circular-progress .track{fill:none;stroke:var(--border);stroke-width:8}.circular-progress .fill{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.metrics-progress-info{flex-grow:1}.metrics-progress-label{font-family:var(--font-serif);font-size:1.25rem;color:var(--text-primary);margin-bottom:.25rem}.metrics-progress-sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.metrics-quote{text-align:center;padding:1rem 0;border-top:1px solid var(--border);margin-top:1rem}.mobile-nav-toggle{display:none}@media(min-width:1280px){.xl\:gap-6{gap:1.5rem}.xl\:gap-8{gap:2.25rem}}@media(max-width:900px){.desktop-nav-container{display:none}.mobile-nav-toggle{display:flex}.canvas-main{padding-bottom:6rem!important}}@media(max-width:768px){.ledger-title{font-size:1.25rem}.metric-number{font-size:2.75rem}.dashboard-widgets-grid{gap:3rem}.dash-section-title{margin-bottom:1.25rem}.canvas-header{padding-top:1.5rem}}@media(max-width:480px){.ledger-title{font-size:1.1rem}.metric-number{font-size:2.25rem}.timer-huge{font-size:4rem}.dashboard-widget-wrap{padding:0!important}}.drag-handle{position:absolute;top:-.5rem;right:0;font-size:1rem;color:var(--text-secondary);cursor:grab;opacity:.3;transition:opacity .2s;z-index:10}.drag-handle:hover{opacity:1;color:var(--primary)}.pro-lock-badge{font-size:.45rem;font-weight:900;color:var(--primary);border:1px solid var(--primary);padding:.1rem .4rem;margin-left:.5rem;letter-spacing:.1em}@keyframes widget-reveal{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.widget-reveal{animation:widget-reveal 1s cubic-bezier(.19,1,.22,1) forwards;opacity:0}.breathing-overlay{position:fixed;inset:0;z-index:999998;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:breatheOverlayIn .5s ease}@keyframes breatheOverlayIn{0%{opacity:0}to{opacity:1}}.breathing-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.breathing-circle{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#64c8ff26,#64c8ff0d);border:2px solid rgba(100,200,255,.3);display:flex;align-items:center;justify-content:center;transition:transform ease-in-out,box-shadow ease-in-out;box-shadow:0 0 40px #64c8ff1a}.breathing-inner-circle{width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(100,200,255,.3),transparent);transition:transform ease-in-out}.breathing-expand{animation:breatheExpand 4s ease-in-out forwards}.breathing-hold{animation:breatheHold 7s ease-in-out forwards}.breathing-shrink{animation:breatheShrink 8s ease-in-out forwards}@keyframes breatheExpand{0%{transform:scale(.6);box-shadow:0 0 20px #64c8ff1a}to{transform:scale(1.2);box-shadow:0 0 60px #64c8ff4d}}@keyframes breatheHold{0%,to{transform:scale(1.2);box-shadow:0 0 60px #64c8ff4d}50%{box-shadow:0 0 80px #64c8ff66}}@keyframes breatheShrink{0%{transform:scale(1.2);box-shadow:0 0 60px #64c8ff4d}to{transform:scale(.6);box-shadow:0 0 20px #64c8ff1a}}.breathing-label{font-family:var(--font-sans);font-size:1.5rem;font-weight:300;color:#ffffffe6;letter-spacing:.15em;text-transform:uppercase}.breathing-cycles{font-family:var(--font-sans);font-size:.75rem;color:#fff6;letter-spacing:.1em;text-transform:uppercase}.breathing-close{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);padding:.6rem 2rem;font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border-radius:100px;transition:all .2s ease;margin-top:1rem}.breathing-close:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.timer-widget{display:flex;flex-direction:column;gap:1.5rem}.timer-presets{display:flex;gap:.5rem}.timer-preset-btn{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-family:var(--font-sans);padding:.3rem .85rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.timer-preset-btn:hover:not(:disabled){border-color:var(--text-primary);color:var(--text-primary)}.timer-preset-btn.active{background:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.timer-preset-btn:disabled{opacity:.3;cursor:not-allowed}.timer-display{position:relative;display:flex;align-items:center;gap:1.5rem}.timer-arc-wrap{position:relative;flex-shrink:0;width:100px;height:100px}.timer-arc-svg{width:100px;height:100px;transform:rotate(-90deg)}.timer-arc-track{fill:none;stroke:var(--border);stroke-width:1.5}.timer-arc-fill{fill:none;stroke:var(--primary);stroke-width:1.5;stroke-linecap:butt;transition:stroke-dashoffset 1s linear,stroke .4s ease}.timer-arc-fill--done{stroke:var(--accent)}.timer-arc-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-family:var(--font-sans);font-weight:700;text-align:center}.timer-digits-block{flex:1}.timer-digits{font-family:var(--font-serif);font-size:clamp(3.5rem,7vw,5.5rem);line-height:1;color:var(--text-primary);letter-spacing:-.03em;transition:color .3s ease}.timer-digits--running{color:var(--primary)}.timer-digits--done{color:var(--accent)}.timer-colon{animation:blink 1s step-start infinite}.timer-colon--paused{opacity:.3;animation:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}.timer-session-info{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-top:.4rem;font-family:var(--font-sans)}.timer-bar-track{height:1px;background:var(--border);width:100%;position:relative;overflow:hidden}.timer-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width 1s linear}.timer-bar-fill--running:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-20px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}.timer-done-msg{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700;padding:.6rem 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);text-align:center}.timer-controls{display:flex;gap:.5rem;align-items:center}.timer-btn{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-family:var(--font-sans);padding:.55rem 1rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.timer-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.timer-btn-primary{position:relative;overflow:hidden;background:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary);padding:.55rem 1.75rem;letter-spacing:.15em}.timer-btn-primary:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 12px #cc4b2c59}.timer-btn-pause{border-color:var(--primary);color:var(--primary);padding:.55rem 1.75rem;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 #cc4b2c66}50%{box-shadow:0 0 0 5px #cc4b2c00}}.timer-btn-pause:hover{background:var(--primary);color:#fff;animation:none;box-shadow:none}.notification-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:.5rem}.bell-trigger{background:transparent;border:none;border-radius:50%;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .2s}.bell-trigger:hover{background-color:var(--bg-card)}.bell-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s,transform .2s}.bell-trigger:hover .bell-icon{color:var(--primary);transform:scale(1.05)}.bell-badge{position:absolute;top:-2px;right:-2px;background-color:var(--primary);color:var(--cream);font-size:.55rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-color);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background-color:var(--bg-color);border:1px solid var(--border);box-shadow:0 10px 30px #0000001a;z-index:1050;display:flex;flex-direction:column;animation:slideFade .2s cubic-bezier(.165,.84,.44,1);transform-origin:top right}@keyframes slideFade{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border);background-color:var(--bg-card)}.dropdown-header h3{font-family:var(--font-serif);font-size:1rem;margin:0;color:var(--text-primary)}.mark-all-read{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0}.mark-all-read:hover{text-decoration:underline;color:var(--primary)}.dropdown-body{max-height:400px;overflow-y:auto;display:flex;flex-direction:column}.dropdown-body::-webkit-scrollbar{width:6px}.dropdown-body::-webkit-scrollbar-track{background:transparent}.dropdown-body::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.empty-notifications{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}.empty-notifications p{font-family:var(--font-serif);font-size:1.1rem;margin-bottom:.25rem}.empty-notifications span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.notification-item{display:flex;padding:1rem;border-bottom:1px dashed var(--border);cursor:pointer;transition:background-color .15s;position:relative;gap:1rem}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-card)}.notification-item.unread{background-color:#cc4b2c08}.notification-item.read{opacity:.75}.notification-item.read:hover{opacity:1}.notification-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-family:var(--font-sans);flex-shrink:0}.type-success{color:#10b981;border-color:#10b981}.type-error{color:#ef4444;border-color:#ef4444}.type-warning{color:#f59e0b;border-color:#f59e0b}.type-info{color:var(--primary);border-color:var(--primary)}.notification-content{flex-grow:1;min-width:0}.notification-content h4{font-family:var(--font-serif);font-size:.95rem;margin:0 0 .25rem;color:var(--text-primary)}.notification-content p{font-size:.8rem;color:var(--text-secondary);margin:0 0 .4rem;line-height:1.4}.notification-time{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.7}.unread-dot{width:6px;height:6px;border-radius:50%;background-color:var(--primary);flex-shrink:0;align-self:center}@media(max-width:768px){.notification-dropdown{position:fixed;top:4rem;left:1rem;right:1rem;width:auto;max-height:calc(100vh - 5rem)}}.tour-overlay{position:fixed;inset:0;z-index:100005;background:#0009;animation:tour-fade-in .4s ease both}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}.tour-spotlight{position:absolute;z-index:100006;box-shadow:0 0 0 9999px #0009;border-radius:6px;border:2px solid var(--primary);pointer-events:none;transition:all .5s cubic-bezier(.25,1,.5,1)}.tour-spotlight:after{content:"";position:absolute;inset:-8px;border-radius:8px;border:2px solid var(--primary);opacity:.4;animation:tour-pulse 2s ease-in-out infinite}@keyframes tour-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.04);opacity:0}}.tour-tooltip{position:absolute;z-index:100010;animation:tour-tooltip-in .35s cubic-bezier(.19,1,.22,1) both}@keyframes tour-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tour-tooltip.pos-top{animation-name:tour-tooltip-up}@keyframes tour-tooltip-up{0%{opacity:0;transform:translate(-50%,-110%) translateY(-10px)}to{opacity:1;transform:translate(-50%,-100%)}}.tour-card{background:var(--bg-card);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:1.75rem;width:300px;font-family:var(--font-sans);position:relative;overflow:hidden}.tour-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform-origin:left;animation:tour-bar-in .5s cubic-bezier(.19,1,.22,1) .1s both;transform:scaleX(0)}@keyframes tour-bar-in{to{transform:scaleX(1)}}.tour-step-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-weight:700;margin-bottom:.75rem}.tour-progress-dots{display:flex;gap:.35rem;align-items:center}.tour-dot{width:5px;height:5px;border-radius:50%;background:var(--border);transition:all .3s ease}.tour-dot.active{background:var(--primary);width:14px;border-radius:3px}.tour-title{font-family:var(--font-serif);font-size:1.35rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.tour-desc{font-size:.8rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.25rem}.tour-actions{display:flex;justify-content:space-between;align-items:center}.tour-skip-btn{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-family:var(--font-sans);padding:.35rem 0;transition:color .2s ease}.tour-skip-btn:hover{color:var(--text-primary)}.tour-next-btn{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;background:var(--ink);color:var(--bg-card);border:none;padding:.6rem 1.4rem;cursor:pointer;font-family:var(--font-sans);transition:all .25s ease;position:relative;overflow:hidden}.tour-next-btn:after{content:"";position:absolute;inset:0;background:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:0}.tour-next-btn:hover:after{transform:scaleX(1);transform-origin:left}.tour-next-btn span{position:relative;z-index:1}@media(max-width:768px){.tour-tooltip{position:fixed!important;bottom:1.5rem!important;left:1rem!important;right:1rem!important;top:auto!important;transform:none!important;animation:tour-mobile-in .35s cubic-bezier(.19,1,.22,1) both}@keyframes tour-mobile-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip.pos-top{animation-name:tour-mobile-in}.tour-card{width:100%;box-shadow:4px 4px 0 var(--ink)}}.mobile-bottom-nav{display:none}@media(max-width:900px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:99998;height:60px;background:var(--bg-card);border-top:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);justify-content:space-around;align-items:center;padding:0 .5rem;box-shadow:0 -4px 20px #0000000f;transition:transform .3s cubic-bezier(.25,1,.5,1)}.mobile-bottom-nav--hidden{transform:translateY(100%)}}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;flex:1;padding:.35rem 0;background:none;border:none;cursor:pointer;position:relative;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-tab-icon{font-size:1.15rem;line-height:1;transition:transform .2s ease}.mobile-tab-label{font-family:var(--font-sans);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);transition:color .2s ease}.mobile-tab--active .mobile-tab-label{color:var(--primary)}.mobile-tab--active .mobile-tab-icon{transform:scale(1.15)}.mobile-tab--active:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:2px;background:var(--primary);border-radius:0 0 2px 2px}.mobile-more-overlay{display:none}@media(max-width:900px){.mobile-more-overlay{display:flex;position:fixed;inset:0;z-index:99997;background:#0006;align-items:flex-end;animation:overlay-fade-in .2s ease}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.mobile-more-sheet{width:100%;background:var(--bg-card);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:1rem 1.5rem 5rem;animation:sheet-slide-up .3s cubic-bezier(.25,1,.5,1)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-more-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 1.25rem}.mobile-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mobile-more-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mobile-more-item:active{background:var(--bg-color);transform:scale(.95)}.mobile-more-icon{font-size:1.5rem}.mobile-more-label{font-family:var(--font-sans);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.streak-flame{position:relative;display:inline-flex;align-items:center;gap:.25rem;cursor:default}.streak-flame-svg{width:24px;height:32px;transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(255,100,0,.3))}.streak-count{font-family:var(--font-sans);font-size:.85rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.flame-outer{animation:flameFlicker 1.5s ease-in-out infinite alternate;transform-origin:center bottom}.flame-inner{animation:flameFlicker 1.2s ease-in-out infinite alternate-reverse;transform-origin:center bottom}.flame-core{animation:coreGlow 2s ease-in-out infinite}@keyframes flameFlicker{0%{transform:scaleX(1) scaleY(1);opacity:.9}25%{transform:scaleX(.95) scaleY(1.03)}50%{transform:scaleX(1.03) scaleY(.97);opacity:1}75%{transform:scaleX(.97) scaleY(1.02)}to{transform:scaleX(1.02) scaleY(.98);opacity:.95}}@keyframes coreGlow{0%,to{opacity:.8}50%{opacity:1}}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fa3;pointer-events:none}.spark-1{top:2px;left:8px;animation:sparkFloat 2.5s ease-out infinite}.spark-2{top:4px;right:14px;animation:sparkFloat 3s ease-out .5s infinite}.spark-3{top:0;left:14px;animation:sparkFloat 2s ease-out 1s infinite}@keyframes sparkFloat{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-18px) translate(4px) scale(.3)}}.streak-flame--ember .streak-flame-svg{filter:drop-shadow(0 0 3px rgba(255,100,0,.2))}.streak-flame--warm .streak-flame-svg{filter:drop-shadow(0 0 5px rgba(255,100,0,.3))}.streak-flame--strong .streak-flame-svg{filter:drop-shadow(0 0 8px rgba(255,100,0,.4))}.streak-flame--blazing .streak-flame-svg{filter:drop-shadow(0 0 12px rgba(255,80,0,.5));animation:blazeGlow 2s ease-in-out infinite}.streak-flame--legendary .streak-flame-svg{filter:drop-shadow(0 0 18px rgba(255,50,0,.6)) drop-shadow(0 0 30px rgba(255,120,0,.3));animation:blazeGlow 1.5s ease-in-out infinite}@keyframes blazeGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,80,0,.4))}50%{filter:drop-shadow(0 0 16px rgba(255,60,0,.6))}}.streak-flame--legendary .streak-count{background:linear-gradient(135deg,#ff4500,#fa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.friend-feed-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;overflow:hidden;margin-top:2rem}.friend-feed-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem .9rem;border-bottom:1px solid var(--border)}.friend-feed-title{font-family:var(--font-serif);font-size:1rem;font-weight:700;color:var(--text-primary)}.friend-feed-count{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);padding:.2rem .6rem;border-radius:50px}.friend-feed-list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.feed-item{display:flex;align-items:center;gap:.85rem;padding:.8rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:background .15s}.feed-item:last-child{border-bottom:none}.feed-item:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}.feed-item-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#f59e0b));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;flex-shrink:0}.feed-item-body{flex:1;font-size:.78rem;color:var(--text-secondary);line-height:1.4;min-width:0}.feed-item-name{color:var(--text-primary);font-weight:700}.feed-item-detail{color:var(--primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.feed-item-emoji{font-size:1rem}.feed-item-time{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted, var(--text-secondary));opacity:.7}.friend-feed-empty{padding:2.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.feed-empty-icon{font-size:2.5rem}.friend-feed-empty p{font-size:.82rem;color:var(--text-primary);font-weight:600;margin:0}.feed-empty-sub{font-size:.7rem!important;color:var(--text-secondary)!important;font-weight:400!important}.friend-feed-loading{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.feed-skeleton{height:14px;background:linear-gradient(90deg,var(--border) 25%,color-mix(in srgb,var(--border) 60%,transparent) 50%,var(--border) 75%);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.5s infinite}.feed-skeleton.short{width:60%}.xp-bar-wrap{position:relative}.xp-bar-inner{display:flex;align-items:center;gap:.65rem;cursor:pointer}.xp-level-chip{display:flex;align-items:center;gap:.3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;padding:.25rem .6rem;flex-shrink:0;transition:all .2s ease;white-space:nowrap}.xp-level-chip:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-card))}.xp-level-icon{font-size:.9rem}.xp-level-name{font-family:var(--font-sans);font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary)}.xp-bar-track{flex:1;height:6px;background:var(--border);border-radius:6px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--primary),#ff8800,#ffcc02);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.xp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:xpShimmer 1.8s ease-in-out infinite}@keyframes xpShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.xp-label{font-family:var(--font-sans);font-size:.6rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;letter-spacing:.05em;flex-shrink:0}.xp-levelup-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(135deg,#7c3aed,#9d4edd,#c77dff);color:#fff;font-family:var(--font-sans);font-size:.85rem;font-weight:700;padding:.75rem 1.5rem;border-radius:50px;white-space:nowrap;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 30px #7c3aed80,0 0 80px #7c3aed33;animation:levelUpBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes levelUpBounce{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.xp-gained-toast{position:fixed;bottom:90px;right:1.5rem;z-index:9999;background:var(--bg-card);border:1px solid color-mix(in srgb,#fbbf24 50%,transparent);color:#fbbf24;font-family:var(--font-sans);font-size:.75rem;font-weight:800;padding:.4rem 1rem;border-radius:50px;white-space:nowrap;display:flex;align-items:center;gap:.35rem;box-shadow:0 4px 20px #fbbf2433;animation:xpGainedPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes xpGainedPop{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.badges-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInOverlay .25s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.badges-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:580px;max-height:85vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 30px 80px #00000080;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.badges-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:var(--bg-color);border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}.badges-modal-close:hover{border-color:var(--primary);color:var(--primary)}.badges-modal-title{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:.3rem;color:var(--text-primary)}.badges-modal-sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:700;margin-bottom:1.5rem}.badges-xp-row{display:flex;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.badges-xp-stat{flex:1;min-width:100px;background:var(--bg-color);border:1px solid var(--border);border-radius:14px;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.badges-xp-stat strong{font-family:var(--font-serif);font-size:1.3rem;color:var(--text-primary)}.badges-xp-stat span{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.badges-level-bar-row{margin-bottom:1.75rem}.badges-level-label{display:flex;justify-content:space-between;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.badges-level-track{height:8px;background:var(--border);border-radius:8px;overflow:hidden}.badges-level-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#c77dff,#fbbf24);border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1)}.badges-section-title{font-family:var(--font-serif);font-size:.9rem;color:var(--text-primary);margin-bottom:.75rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1.5rem}.badge-card{background:var(--bg-color);border:1px solid var(--border);border-radius:16px;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.badge-card.earned{border-color:color-mix(in srgb,#fbbf24 40%,transparent);background:color-mix(in srgb,#fbbf24 5%,var(--bg-color));box-shadow:0 4px 20px #fbbf2426}.badge-card.earned:hover{transform:translateY(-3px);box-shadow:0 8px 30px #fbbf2440;border-color:#fbbf24}.badge-card.locked{opacity:.45;filter:grayscale(.5)}.badge-card.earned:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.1),transparent 70%)}.badge-emoji{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.badge-card.locked .badge-emoji{filter:grayscale(1) opacity(.4)}.badge-name{font-family:var(--font-sans);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary)}.badge-desc{font-size:.58rem;color:var(--text-secondary);line-height:1.4}.badge-earned-mark{position:absolute;top:8px;right:8px;background:#fbbf24;color:#fff;width:14px;height:14px;border-radius:50%;font-size:.5rem;font-weight:900;display:flex;align-items:center;justify-content:center}.badge-lock-icon{position:absolute;top:8px;right:8px;font-size:.65rem;opacity:.4}@media(max-width:560px){.badges-modal{padding:1.25rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.daily-score{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:200px}.daily-score-ring{position:relative;width:48px;height:48px;flex-shrink:0}.daily-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-track{fill:none;stroke:var(--border, #e5e5e5);stroke-width:4}.score-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1),stroke .3s ease}.score-grade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:1.1rem;font-weight:900;letter-spacing:-.02em}.daily-score-info{display:flex;flex-direction:column;gap:.1rem}.score-title{font-family:var(--font-sans);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary, #888)}.score-value{font-family:var(--font-sans);font-size:1.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.score-max{font-size:.65rem;font-weight:600;color:var(--text-secondary, #aaa);margin-left:1px}.score-breakdown{display:flex;gap:.5rem;font-size:.6rem;font-weight:600;color:var(--text-secondary, #888)}.score-breakdown span{display:flex;align-items:center;gap:2px;cursor:default}.active-duel-banner{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid rgba(234,88,12,.3);border-radius:16px;padding:1rem 1.25rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.active-duel-banner:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 12px 40px #ea580c33}.adb-content{display:flex;justify-content:space-between;align-items:center;z-index:1}.adb-info{display:flex;align-items:center;gap:1rem}.adb-icon{font-size:1.5rem;animation:adb-pulse 2s infinite}.adb-text{display:flex;flex-direction:column}.adb-title{font-weight:700;color:#fff;font-size:.95rem;letter-spacing:.5px}.adb-sub{color:#fff9;font-size:.8rem}.adb-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s}.adb-btn:hover{background:var(--primary-hover, #f97316);transform:scale(1.05)}.adb-progress-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.adb-progress-bar{height:100%;background:var(--primary);transition:width 1s linear}@keyframes adb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.active-duel-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(234,88,12,.1),transparent);pointer-events:none}.setup-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);position:relative;overflow-x:hidden}.setup-bg-orb{position:absolute;width:40vw;height:40vw;filter:blur(80px);border-radius:50%;z-index:0;opacity:.15;pointer-events:none;animation:orb-float 20s infinite alternate ease-in-out}.orb-1{background:var(--primary);top:-10%;right:-5%}.orb-2{background:var(--accent);bottom:-5%;left:-5%;animation-delay:-5s}@keyframes orb-float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}.setup-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;margin-top:4rem;z-index:1}.setup-card{width:100%;max-width:600px;background:var(--bg-card);border:1px solid var(--ink);padding:3.5rem;position:relative;box-shadow:var(--shadow-sharp);animation:setup-fade-in .8s cubic-bezier(.19,1,.22,1) both}[data-theme=dark] .setup-card,[data-theme=midnight] .setup-card{background:#1e1b18b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0000004d}@keyframes setup-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setup-header{text-align:center;margin-bottom:3rem}.setup-title{font-size:clamp(2.5rem,8vw,3.5rem);line-height:1;margin-bottom:.75rem}.setup-subtitle{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2em;font-weight:700}.setup-form{display:flex;flex-direction:column;gap:2.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--ink);padding:.75rem 0;outline:none;font-family:var(--font-serif);font-size:1.5rem;color:var(--text-primary);border-radius:0;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-bottom-color:var(--primary)}.mt-4{margin-top:1rem}.exam-chips-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.exam-chip{padding:.8rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:2px 2px 0 var(--ink)}.exam-chip:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.exam-chip:hover:after{left:100%}.date-picker-wrapper{position:relative;display:flex;align-items:center}.date-input{cursor:pointer;position:relative}.date-input::-webkit-calendar-picker-indicator{filter:invert(var(--calendar-icon-invert, .5));cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s ease}.date-input::-webkit-calendar-picker-indicator:hover{background:#ffffff1a}.form-textarea{min-height:100px;resize:none}.form-select{appearance:none;cursor:pointer}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.persona-card{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);text-align:center;position:relative;overflow:hidden;box-shadow:2px 2px 0 var(--ink)}.persona-card:hover{transform:translateY(-5px) translate(-2px);box-shadow:6px 6px 0 var(--accent)}.persona-card.active{border-color:var(--accent);transform:translate(1px,1px);box-shadow:0 0 0 transparent}.persona-card.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent)}.persona-emoji{font-size:3rem;margin-bottom:1rem;z-index:1;transition:transform .3s ease}.persona-card:hover .persona-emoji{transform:scale(1.2) rotate(5deg)}.persona-name{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;z-index:1;color:var(--text-primary)}.persona-desc{font-size:.65rem;color:var(--text-secondary);line-height:1.5;z-index:1;font-style:italic}.setup-submit{margin-top:1rem;width:100%;padding:1.25rem;background:var(--ink);color:var(--bg-card);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;border:none;cursor:pointer;transition:all .3s ease}.setup-submit:hover:not(:disabled){background:var(--primary);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.setup-submit:disabled{opacity:.5;cursor:not-allowed}.setup-footer{padding:3rem 5%;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:700;border-top:1px solid var(--border);margin-top:auto;opacity:.6}@media(max-width:768px){.setup-card{padding:2rem;border:none;box-shadow:none;background:transparent}.setup-title{font-size:2.5rem}.persona-grid{grid-template-columns:repeat(2,1fr)}.setup-footer{flex-direction:column;align-items:center;gap:1rem;text-align:center}}@media(max-width:480px){.persona-grid{grid-template-columns:1fr}.form-input,.form-select,.form-textarea{font-size:1.25rem}}.library-container{display:flex;height:calc(100vh - 90px);border-top:1px solid var(--text-primary);overflow:hidden}@media(max-width:768px){.library-container{flex-direction:column;height:auto;min-height:calc(100vh - 90px);overflow:visible}.library-directory{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--text-primary);max-height:40vh;overflow-y:auto}.library-editor-pane{min-height:60vh}.note-editor-wrapper{padding:1.5rem 1.25rem 3rem}.editor-title-input{font-size:2rem}}.library-directory{width:320px;min-width:320px;border-right:1px solid var(--text-primary);display:flex;flex-direction:column;background-color:var(--bg-color);overflow-y:auto}.directory-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.btn-icon{width:30px;height:30px;border-radius:50%;border:1px solid var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--text-primary);color:var(--bg-card)}.directory-search{padding:1rem 1.5rem;border-bottom:1px dashed var(--border)}.search-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--text-primary);padding:.5rem 0;font-family:var(--font-sans);font-size:.875rem;outline:none}.directory-folders{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.folder-btn{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border:1px solid var(--border);border-radius:12px;color:var(--text-secondary)}.folder-btn:hover,.folder-btn.active{border-color:var(--text-primary);color:var(--text-primary)}.directory-list{flex-grow:1;padding:1rem 0}.note-row{display:flex;align-items:stretch;padding:.75rem 1.5rem;border-bottom:1px solid transparent;transition:background-color var(--transition-fast)}.note-row:hover{background-color:#00000005}.note-row.active{background-color:var(--bg-card);border-left:3px solid var(--primary);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.note-row-content{flex-grow:1}.note-row-title{font-family:var(--font-serif);font-size:1.1rem;margin-bottom:.2rem}.note-row-meta{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.note-delete-btn{opacity:0;padding:0 .5rem;font-size:1.2rem;color:var(--text-secondary);display:flex;align-items:center}.note-row:hover .note-delete-btn{opacity:1}.note-delete-btn:hover{color:var(--danger)}.library-editor-pane{flex-grow:1;background-color:var(--bg-card);display:flex;flex-direction:column;position:relative}.empty-editor-state{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.5}.note-editor-wrapper{flex-grow:1;display:flex;flex-direction:column;padding:3rem 10% 5rem;max-width:900px;margin:0 auto;width:100%}.editor-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--text-primary)}.editor-title-input{width:100%;font-family:var(--font-serif);font-size:3rem;line-height:1.1;color:var(--text-primary);background:transparent;border:none;outline:none;margin-bottom:1rem}.editor-meta-bar{display:flex;align-items:center;gap:2rem}.editor-folder-input{background:transparent;border:none;border-bottom:1px dashed var(--border);font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);outline:none;width:150px}.save-status{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.editor-textarea{flex-grow:1;width:100%;background:transparent;border:none;resize:none;outline:none;font-family:var(--font-serif);font-size:1.25rem;line-height:1.8;color:var(--text-primary)}.editor-textarea::placeholder{color:var(--text-secondary);font-style:italic;opacity:.5}.heatmap-card{position:relative;padding:1.5rem 0;border-top:1px solid var(--border);margin-top:2rem}.heatmap-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.heatmap-stats{display:flex;gap:1.5rem}.heatmap-stat{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.heatmap-stat strong{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-primary);margin-right:.2rem}.heatmap-scroll-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:.5rem}.heatmap-scroll-wrap::-webkit-scrollbar{height:4px}.heatmap-scroll-wrap::-webkit-scrollbar-track{background:transparent}.heatmap-scroll-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.heatmap-svg{display:block}.heatmap-month-label{font-family:var(--font-sans);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;fill:var(--text-secondary)}.heatmap-day-label{font-family:var(--font-sans);font-size:.5rem;font-weight:500;fill:var(--text-secondary);text-anchor:end;dominant-baseline:middle}.heatmap-cell{transition:all .15s ease;cursor:pointer;stroke:var(--bg-color);stroke-width:1}.heatmap-cell:hover{stroke:var(--text-primary);stroke-width:1.5}.heatmap-level-0{fill:var(--border);opacity:.4}.heatmap-level-1{fill:#39d353;opacity:.25}.heatmap-level-2{fill:#39d353;opacity:.5}.heatmap-level-3{fill:#39d353;opacity:.75}.heatmap-level-4{fill:#39d353;opacity:1}.heatmap-legend{display:flex;align-items:center;gap:.3rem;justify-content:flex-end;margin-top:.75rem}.heatmap-legend-text{font-family:var(--font-sans);font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 .25rem}.heatmap-legend-cell{width:12px;height:12px;border-radius:2px}.heatmap-tooltip{position:absolute;pointer-events:none;z-index:50;background:var(--text-primary);color:var(--bg-color);padding:.4rem .65rem;font-family:var(--font-sans);white-space:nowrap;box-shadow:0 4px 12px #00000040;transform:translate(-50%);animation:tooltip-pop .15s ease}.heatmap-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-primary)}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.heatmap-tooltip-hours{font-size:.75rem;font-weight:700;letter-spacing:.03em}.heatmap-tooltip-date{font-size:.6rem;opacity:.7;margin-top:.1rem}.heatmap-skeleton{padding:1rem 0}@media(max-width:768px){.heatmap-header{flex-direction:column;align-items:flex-start;gap:.5rem}.heatmap-stats{gap:1rem;flex-wrap:wrap}.heatmap-stat{font-size:.65rem}.heatmap-stat strong{font-size:.95rem}}@media(max-width:480px){.heatmap-card{padding:1rem 0}.heatmap-stats{gap:.75rem}}.analytics-main{padding-top:1rem;padding-bottom:5rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;background:transparent;border:none}.kpi-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.kpi-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 15%,transparent)}.kpi-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 5%,transparent),transparent);pointer-events:none}.kpi-value{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;line-height:1.1;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.kpi-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-weight:800}.charts-row{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;margin-bottom:3rem}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:28px;padding:2rem;box-shadow:0 4px 20px #0000001a}.chart-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--text-primary);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.chart-title:after{content:"⚡";font-size:.9rem;opacity:.5}.analytics-footer{text-align:center;margin-top:4rem;padding:3rem;border-radius:32px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--primary) 5%,transparent))}.analytics-footer p{line-height:1.6}.recharts-default-tooltip{background-color:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 8px 30px #0000004d!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media(max-width:600px){.kpi-row{gap:1rem}.kpi-card{padding:1.25rem;border-radius:20px}.kpi-value{font-size:2rem}.chart-card{padding:1.5rem;border-radius:20px}}.exam-main{padding-top:2rem;padding-bottom:5rem}.exam-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600;margin-bottom:1rem}.exam-setup{margin-bottom:2rem}.exam-chips-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;margin-bottom:2rem}.exam-chip{padding:.6rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:2px 2px 0 var(--ink)}.exam-chip:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary);border-color:var(--primary)}.exam-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(1px,1px);box-shadow:0 0 0 transparent}.date-picker-wrapper{position:relative;display:flex;align-items:center;margin-top:.5rem}.date-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--ink);padding:.75rem 0;outline:none;font-family:var(--font-serif);font-size:1.5rem;color:var(--text-primary);cursor:pointer}.date-input::-webkit-calendar-picker-indicator{filter:invert(var(--calendar-icon-invert, .5));cursor:pointer;padding:.5rem;border-radius:4px}.countdown-display{padding:2.5rem;background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:var(--shadow-sharp);margin-top:1rem}[data-theme=dark] .countdown-display,[data-theme=midnight] .countdown-display{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.countdown-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:2rem;font-weight:800;text-align:center}.countdown-numbers{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:nowrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:rgba(var(--primary-rgb, 234, 88, 12),.03);padding:1.25rem;min-width:80px;border:1px solid rgba(var(--primary-rgb, 234, 88, 12),.1);transition:all .3s ease}.countdown-unit:hover{transform:translateY(-5px);border-color:var(--primary);background:rgba(var(--primary-rgb, 234, 88, 12),.08)}.countdown-num{font-family:var(--font-serif);font-size:2.5rem;line-height:1;font-weight:400;color:var(--text-primary)}.countdown-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-top:.5rem;font-weight:700}.countdown-sep{font-family:var(--font-serif);font-size:1.5rem;color:var(--primary);opacity:.3;margin-top:-1.5rem}.syllabus-header{margin-bottom:1.5rem}.progress-bar-wrap{height:4px;background-color:var(--border);border-radius:2px;margin-top:.75rem;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent);transition:width .5s ease}.add-topic-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.subject-select{background:var(--bg-card);border:1px solid var(--border);padding:.6rem 1rem;font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .2s}.subject-select:focus{border-color:var(--primary)}.topic-input{flex-grow:1;background:var(--bg-card);border:1px solid var(--border);padding:.6rem 1rem;font-family:var(--font-serif);font-size:1rem;outline:none;transition:all .3s ease}.topic-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb, 234, 88, 12),.1)}.subject-group{margin-bottom:1.5rem}.subject-group-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-weight:700;margin-bottom:.5rem}.topic-row{display:flex;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border);gap:1rem}.topic-row.done .topic-title{text-decoration:line-through;color:var(--text-secondary)}.topic-title{flex-grow:1;font-family:var(--font-serif);font-size:1rem}@media(max-width:900px){.exam-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:600px){.countdown-display{padding:1.5rem 1rem}.countdown-numbers{gap:.4rem}.countdown-unit{min-width:60px;padding:.75rem .5rem}.countdown-num{font-size:1.75rem}.countdown-label{font-size:.45rem}.countdown-sep{display:none}.exam-main{padding-top:1rem;padding-bottom:3rem}.add-topic-row{flex-direction:column;align-items:stretch;gap:.5rem}}.goals-main{padding-top:2rem;padding-bottom:5rem}.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.add-goal-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.goal-input{flex-grow:1;background:transparent;border:none;border-bottom:1px solid var(--text-primary);padding:.4rem 0;font-family:var(--font-serif);font-size:1rem;outline:none}.goal-target-input{width:120px;background:transparent;border:none;border-bottom:1px dashed var(--border);padding:.4rem 0;font-family:var(--font-sans);font-size:.75rem;outline:none;color:var(--primary)}.goals-list{display:flex;flex-direction:column;gap:0}.goal-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .2s}.goal-row.done{opacity:.5}.goal-info{flex-grow:1}.goal-title{font-family:var(--font-serif);font-size:1.1rem}.goal-row.done .goal-title{text-decoration:line-through}.goal-target{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-top:.2rem}.progress-stats{display:flex;gap:2rem;margin-top:1rem}.progress-stat{display:flex;flex-direction:column;gap:.25rem}.stat-num{font-family:var(--font-serif);font-size:2.5rem;line-height:1}.stat-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.badge-card{border:1px solid var(--border);padding:1.25rem;text-align:center;transition:all .2s}.badge-card.unlocked{border-color:var(--accent);background-color:var(--bg-card)}.badge-card.locked{opacity:.35;filter:grayscale(1)}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-label{font-family:var(--font-serif);font-size:1rem;margin-bottom:.25rem}.badge-desc{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.badge-status{margin-top:.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}@media(max-width:900px){.goals-grid{grid-template-columns:1fr}}@media(max-width:600px){.badges-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.goals-main{padding-top:1.5rem;padding-bottom:4rem}.stat-num{font-size:2rem}.badge-icon{font-size:1.5rem}.badge-card{padding:.85rem}.badge-label{font-size:.85rem}.badge-desc{font-size:.6rem}.progress-stats{gap:1.5rem;flex-wrap:wrap}.add-goal-row{flex-wrap:wrap;gap:.5rem}.goal-input{font-size:.9rem;min-width:0}.goal-target-input{width:100%}.goal-title{font-size:.95rem}.goal-row{gap:.75rem}}@media(max-width:400px){.badges-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-num{font-size:1.75rem}.progress-stats{gap:1rem}}.resume-main{display:flex;height:calc(100vh - 90px);overflow:hidden}.resume-editor{width:320px;min-width:320px;border-right:1px solid var(--text-primary);overflow-y:auto;padding:1.5rem;background:var(--bg-color)}.editor-fields{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.editor-field-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:.4rem 0;font-family:var(--font-sans);font-size:.875rem;outline:none}.editor-divider{border:none;border-top:1px dashed var(--border);margin:1.5rem 0}.add-section-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.editor-section-block{border:1px solid var(--border);margin-bottom:.75rem;border-radius:var(--radius-sm);overflow:hidden}.editor-section-block.active{border-color:var(--text-primary)}.editor-section-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;cursor:pointer;background:var(--bg-card)}.section-type-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.entry-block{padding:.75rem;background:var(--bg-color);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.entry-field-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:.3rem 0;font-size:.8rem;font-family:var(--font-sans);outline:none}.resume-preview{flex-grow:1;overflow-y:auto;background:#e8e4dc;display:flex;justify-content:center;padding:2.5rem 1.5rem}.resume-doc{background:#fff;width:210mm;min-height:297mm;padding:15mm 18mm;box-shadow:0 4px 24px #0000001f;font-family:"Instrument Serif",Georgia,serif;font-size:11pt;line-height:1.5;color:#1a1a1a}.resume-header-block{text-align:center;margin-bottom:1rem}.resume-name{font-size:2.2rem;letter-spacing:-.01em;margin-bottom:.2rem}.resume-tagline{font-size:.9rem;color:#707070;font-style:italic;margin-bottom:.5rem}.resume-contact{font-family:Inter,sans-serif;font-size:.75rem;color:#555;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.resume-contact .sep{color:#aaa}.resume-divider{border:none;border-top:2px solid #1a1a1a;margin:.75rem 0 1.5rem}.resume-section{margin-bottom:1.25rem}.resume-section-title{font-family:Inter,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#555;border-bottom:1px solid #ddd;padding-bottom:.25rem;margin-bottom:.75rem}.resume-entry{margin-bottom:.75rem;page-break-inside:avoid}.resume-entry-top{display:flex;justify-content:space-between;align-items:baseline}.entry-title{font-size:1rem}.entry-date{font-family:Inter,sans-serif;font-size:.7rem;color:#707070}.entry-subtitle{font-family:Inter,sans-serif;font-size:.8rem;color:#707070;font-style:italic}.entry-desc{font-size:.9rem;margin-top:.2rem}@media(max-width:900px){.resume-main{flex-direction:column;height:auto;overflow:visible}.resume-editor{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--text-primary);max-height:50vh;overflow-y:auto}.resume-preview{padding:1.5rem .75rem}.resume-doc{width:100%;min-height:auto;padding:8mm;font-size:10pt}.resume-name{font-size:1.6rem}}@media(max-width:600px){.resume-editor{padding:1rem}.resume-preview{padding:1rem .5rem}.resume-name{font-size:1.4rem}}@media print{.no-print{display:none!important}.resume-preview{background:#fff;padding:0}.resume-doc{box-shadow:none;margin:0;width:100%;min-height:auto}.resume-main{height:auto;overflow:visible}}.text-danger{color:var(--danger)}.pricing-page{background-color:var(--bg-color);color:var(--text-color)}.pricing-card{border:1px solid var(--ink);padding:2.5rem;background-color:var(--cream);display:flex;flex-direction:column;position:relative;transition:transform .2s ease}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.free-tier{opacity:.9}.pricing-card.pro-tier{border-width:2px;border-color:var(--primary);background-color:#cc4b2c05}.pro-badge{position:absolute;top:-12px;right:1.5rem;background-color:var(--primary);color:var(--cream);font-size:.65rem;font-weight:700;letter-spacing:.15em;padding:.25rem .75rem;text-transform:uppercase}.feature-list{list-style:none;padding:0;margin:0;flex-grow:1}.feature-list li{padding:.75rem 0;font-size:.9rem;border-bottom:1px dashed var(--ink)}.feature-list li:last-child{border-bottom:none}.btn-outline{background-color:transparent;border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.brutal-card{border:4px solid #000;display:flex;flex-direction:column;position:relative;background-color:#fff;transition:transform .2s ease;box-shadow:8px 8px #000;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.brutal-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #000}.brutal-header{padding:2.5rem 2rem;border-bottom:4px solid #000;position:relative}.brutal-badge{position:absolute;top:1.5rem;right:1.5rem;background-color:#fff;color:#000;font-weight:900;font-size:.85rem;padding:.5rem 1rem;border:3px solid #000;box-shadow:4px 4px #000;transform:rotate(3deg);letter-spacing:.1em}.brutal-body{padding:2.5rem 2rem;flex-grow:1;display:flex;flex-direction:column;position:relative;background-color:var(--cream);color:#000;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:20px 20px}.brutal-features{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:3rem}.brutal-feature-item{display:flex;align-items:center;gap:.75rem}.brutal-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid #000;border-radius:6px;color:#fff;font-weight:700;box-shadow:2px 2px #000;font-size:.9rem}.brutal-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}.brutal-price{color:#000;line-height:1}.brutal-price .period{font-size:.85rem;font-weight:700;color:#0009;letter-spacing:.05em;text-transform:uppercase}@keyframes priceBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.price-animate{animation:priceBounce .4s ease-out}.discount-badge{background:#10b981;color:#fff;font-size:.65rem;font-weight:900;padding:.4rem .6rem;border:2px solid #000;box-shadow:3px 3px #000;display:inline-block;transform:rotate(-2deg);margin-bottom:.5rem;animation:badgePop .5s cubic-bezier(.175,.885,.32,1.275);max-width:calc(100% - 1rem);white-space:normal;word-break:break-all}@keyframes badgePop{0%{transform:scale(0) rotate(10deg);opacity:0}to{transform:scale(1) rotate(-2deg);opacity:1}}.brutal-btn{background-color:#000;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:1.25rem 2rem;border:3px solid #000;box-shadow:6px 6px #000;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:1.1rem;position:relative;overflow:hidden}.brutal-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:transform .6s}.brutal-btn:hover:not(:disabled):after{transform:rotate(45deg) translate(50%,50%)}.brutal-btn:hover:not(:disabled){transform:translate(-3px,-3px);box-shadow:9px 9px #000;background-color:#111}.brutal-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:4px 4px #000}.promo-container{margin-top:2rem;padding:1.5rem;background:#fff;border:4px solid #000;box-shadow:6px 6px #000;position:relative;z-index:10}.promo-label{display:block;font-size:.65rem;font-weight:900;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.1em;color:#00000080}.brutal-input{background:#f8f8f8;border:3px solid #000;color:#000;font-family:inherit;font-weight:800;letter-spacing:.05em;box-shadow:none;transition:all .2s}.brutal-input:focus{background:#fff;border-color:var(--primary);outline:none}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:56rem;margin:0 auto}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}.cal-page-title{font-family:var(--font-serif);font-size:2rem;color:var(--text-primary);letter-spacing:-.02em}.cal-month-nav{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.cal-month-title{font-family:var(--font-serif);font-size:1.75rem;min-width:260px;text-align:center;background:linear-gradient(135deg,var(--text-primary) 50%,color-mix(in srgb,var(--primary) 60%,var(--text-primary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cal-nav-arrow{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:.9rem;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cal-nav-arrow:hover:not(.disabled){border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));transform:scale(1.08);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 25%,transparent)}.cal-nav-arrow.disabled{opacity:.25;cursor:not-allowed}.cal-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.cal-toggle-group{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;padding:3px;gap:2px}.cal-toggle-btn{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:.35rem .9rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:all .25s cubic-bezier(.16,1,.3,1);border-radius:50px}.cal-toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 40%,transparent)}.cal-toggle-btn:hover:not(.active){color:var(--text-primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1.5rem}.cal-day-header{font-size:.58rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;text-align:center;padding:.75rem 0;color:var(--text-secondary)}.cal-cell{min-height:88px;padding:.5rem .6rem;border-radius:10px;position:relative;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid transparent;overflow:hidden}.cal-cell:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 4%,transparent),transparent);opacity:0;transition:opacity .2s}.cal-cell:hover:before{opacity:1}.cal-cell:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent);transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.cal-cell--outside{opacity:.25;pointer-events:none}.cal-cell--today{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 8%,var(--bg-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent),0 4px 20px color-mix(in srgb,var(--primary) 20%,transparent)}.cal-cell--exam{border-color:#f59e0b!important;background:color-mix(in srgb,#f59e0b 6%,var(--bg-card))!important}.cal-cell--selected{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 40%,transparent),0 6px 20px color-mix(in srgb,var(--primary) 20%,transparent)}.cal-date-num{font-size:.78rem;font-weight:600;color:var(--text-primary);display:inline-block;line-height:1}.cal-date-num--today{background:var(--primary);color:#fff;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 50%,transparent);animation:pulse-today 2.5s ease-in-out infinite}@keyframes pulse-today{0%,to{box-shadow:0 0 color-mix(in srgb,var(--primary) 50%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 0%,transparent)}}.cal-activity-bar{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#39d353));transform-origin:left;transition:transform .3s ease}.cal-dots{display:flex;gap:3px;margin-top:6px}.cal-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.cal-dot--session{background:var(--primary);box-shadow:0 0 4px color-mix(in srgb,var(--primary) 60%,transparent)}.cal-task-badge{display:inline-flex;align-items:center;margin-top:5px;font-size:.52rem;font-weight:700;letter-spacing:.05em;padding:1px 5px;border-radius:6px;background:color-mix(in srgb,var(--accent, #26a641) 15%,transparent);color:var(--accent, #26a641);border:1px solid color-mix(in srgb,var(--accent, #26a641) 30%,transparent)}.cal-task-badge--complete{background:color-mix(in srgb,#39d353 15%,transparent);color:#39d353;border-color:color-mix(in srgb,#39d353 30%,transparent)}.cal-exam-label{margin-top:4px;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#f59e0b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 4px;background:#f59e0b1f;border-radius:4px}.cal-detail{margin-top:1rem;padding:1.25rem 1.5rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--bg-card));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cal-slide-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes cal-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cal-detail h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-primary);margin-bottom:.75rem}.cal-detail-stats{display:flex;gap:1.25rem;flex-wrap:wrap}.cal-detail-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.cal-detail-stat strong{font-size:1.1rem;font-family:var(--font-serif);color:var(--text-primary)}.cal-detail-stat span{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:700}.cal-legend{display:flex;gap:1.25rem;margin-top:1.25rem;font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;flex-wrap:wrap}.cal-legend-item{display:flex;align-items:center;gap:.4rem}.cal-legend-badge{font-size:.5rem;color:#39d353;font-weight:800;border:1px solid color-mix(in srgb,#39d353 50%,transparent);padding:0 .3rem;border-radius:4px}.cal-legend-exam{width:12px;height:3px;background:#f59e0b;display:inline-block;border-radius:2px}.cal-exam-countdown{display:inline-flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:700;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);padding:.3rem .75rem;border-radius:50px;letter-spacing:.04em}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:1.5rem}.cal-week-col{border-radius:12px;background:var(--bg-card);border:1px solid var(--border);min-height:260px;overflow:hidden;transition:border-color .2s}.cal-week-col--today{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--bg-card));box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 15%,transparent)}.cal-week-header{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-bottom:1px solid var(--border);gap:.3rem}.cal-week-dayname{font-size:.52rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--text-secondary)}.cal-week-datenum{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1}.cal-week-body{padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.cal-week-event{font-size:.6rem;padding:.35rem .5rem;border-radius:6px;background:color-mix(in srgb,var(--primary) 8%,transparent);border-left:2px solid var(--primary);color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}.cal-week-event:hover{background:color-mix(in srgb,var(--primary) 14%,transparent)}.cal-week-event--session{border-left-color:var(--primary);color:var(--primary);font-weight:700;background:color-mix(in srgb,var(--primary) 10%,transparent)}.cal-week-event--task{border-left-color:#39d353;background:#39d35314}.cal-week-event--done{text-decoration:line-through;opacity:.4}.cal-week-event--exam{border-left-color:#f59e0b;color:#f59e0b;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b1a}.cal-week-empty{font-size:.65rem;color:var(--text-secondary);text-align:center;padding:1.5rem 0;opacity:.35;font-style:italic}.cal-exam-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.cal-exam-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);font-size:.75rem;padding:.4rem .75rem;border-radius:8px;outline:none;transition:border-color .2s}.cal-exam-input:focus{border-color:var(--primary)}@media(max-width:768px){.cal-month-nav{gap:1rem}.cal-month-title{font-size:1.3rem;min-width:auto}.cal-grid{gap:2px}.cal-cell{min-height:60px;padding:.3rem .35rem;border-radius:7px}.cal-exam-label{display:none}.cal-week{grid-template-columns:1fr;gap:4px}.cal-week-col{min-height:auto}.cal-week-header{flex-direction:row;justify-content:space-between;padding:.5rem .75rem}.cal-controls{flex-direction:column;align-items:flex-start}.cal-detail-stats{flex-direction:column;gap:.75rem}}.rooms-main{padding-top:2rem;padding-bottom:4rem;max-width:960px}.rooms-ambient-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-color:var(--bg-color)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orb-float 20s infinite alternate ease-in-out}.orb-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--primary);animation-delay:0s}.orb-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:#655adc;animation-duration:25s}.orb-3{top:40%;left:30%;width:40vw;height:40vw;background:var(--accent);opacity:.2;animation-duration:30s;animation-delay:-5s}@keyframes orb-float{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,-10%) scale(1.1)}66%{transform:translate(-10%,5%) scale(.9)}to{transform:translate(0) scale(1)}}.floating-icon{animation:gentle-float 4s ease-in-out infinite;display:inline-block}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rooms-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;background:color-mix(in srgb,var(--bg-card) 40%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:100px;padding:.35rem;width:fit-content;box-shadow:0 4px 20px #0003}.rooms-tab{background:transparent;border:none;cursor:pointer;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);border-radius:100px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.rooms-tab:hover{color:var(--text-primary)}.rooms-tab.active{color:#fff;background:var(--primary);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.room-card{position:relative;padding:1.5rem;cursor:pointer;border-radius:24px;background:color-mix(in srgb,var(--bg-card) 50%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #0000004d;overflow:hidden}.room-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 80%,transparent),transparent 40%,transparent 60%,color-mix(in srgb,var(--accent) 80%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.room-card:hover{transform:translateY(-5px) scale(1.02);background:color-mix(in srgb,var(--bg-card) 70%,transparent);box-shadow:0 20px 40px -10px #0006,0 0 20px color-mix(in srgb,var(--primary) 20%,transparent)}.room-card:hover:before{opacity:1}.room-card-header{display:flex;align-items:center;gap:1rem}.room-card-icon{font-size:2rem;background:color-mix(in srgb,var(--bg-color) 50%,transparent);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 4px #ffffff0d}.room-card-name{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;color:var(--text-primary);line-height:1.2}.room-card-code{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.room-code-chip{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;letter-spacing:.15em;padding:.3rem .8rem;border-radius:8px}.room-card:hover .room-code-chip{background:var(--primary);color:var(--cream);box-shadow:0 0 15px color-mix(in srgb,var(--primary) 40%,transparent)}.room-card-footer{display:flex;gap:.75rem;margin-top:auto}.room-enter-btn{flex:1;background:var(--primary);color:var(--cream);border:none;padding:.75rem 1rem;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:all .3s;box-shadow:0 4px 15px color-mix(in srgb,var(--primary) 30%,transparent);display:flex;justify-content:center;align-items:center;gap:.5rem}.room-card:hover .room-enter-btn{background:color-mix(in srgb,var(--primary) 85%,white);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 50%,transparent)}.room-leave-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.75rem 1rem;border-radius:12px;cursor:pointer;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;transition:all .2s}.room-leave-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.rooms-empty{text-align:center;padding:6rem 1rem;background:color-mix(in srgb,var(--bg-card) 30%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;border:1px dashed rgba(255,255,255,.1)}.rooms-empty-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.rooms-form-section{max-width:520px;padding-top:2rem;animation:slide-up-fade .5s cubic-bezier(.16,1,.3,1)}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rooms-form{display:flex;flex-direction:column;gap:1.5rem;background:color-mix(in srgb,var(--bg-card) 90%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:10}.rooms-input{width:100%;border:2px solid rgba(255,255,255,.15);background:#0009;color:#fff;padding:1.25rem 1.5rem;font-size:1.1rem;font-family:Inter,sans-serif;border-radius:16px;outline:none;transition:all .3s;box-shadow:inset 0 2px 5px #00000080}.rooms-input::placeholder{color:#fff6}.rooms-input:focus{border-color:var(--primary);background:#000c;box-shadow:inset 0 2px 5px #00000080,0 0 20px color-mix(in srgb,var(--primary) 30%,transparent)}.rooms-input--code{font-family:JetBrains Mono,monospace;font-size:2rem;letter-spacing:.4em;text-align:center;text-transform:uppercase;padding:1.5rem}.rooms-submit-btn,.rooms-cta-btn{--border-radius: 16px;--border-width: 2px;appearance:none;position:relative;padding:1.25rem 2rem;border:0;background-color:var(--bg-card);font-family:var(--font-sans);font-size:.9rem;font-weight:800;color:var(--cream);z-index:2;cursor:pointer;letter-spacing:.2em;text-transform:uppercase;border-radius:var(--border-radius);transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 10px 30px -10px #00000080}.rooms-submit-btn:after,.rooms-cta-btn:after{--m-i: linear-gradient(#000, #000);--m-o: content-box, padding-box;content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--border-width);border-radius:var(--border-radius);background-image:conic-gradient(#488cfb,#29dbbc,#ddf505,#ff9f0e,#e440bb,#655adc,#488cfb);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);mask-clip:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(0);animation:rotate-hue linear 3s infinite;animation-play-state:running}.rooms-submit-btn:before,.rooms-cta-btn:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius);background:var(--primary);opacity:.8;z-index:-1;transition:opacity .3s}.rooms-submit-btn:not(:disabled):hover,.rooms-cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px color-mix(in srgb,var(--primary) 30%,transparent)}.rooms-submit-btn:not(:disabled):hover:before,.rooms-cta-btn:hover:before{opacity:1}.rooms-submit-btn:active,.rooms-cta-btn:active{transform:scale(.98)}.rooms-submit-btn:disabled{opacity:.5;cursor:not-allowed}.rooms-submit-btn:disabled:after{animation-play-state:paused;background-image:none;background-color:var(--border)}.rooms-cta-btn--outline:before{background:transparent}.rooms-cta-btn--outline:hover:before{background:#ffffff0d}.rooms-loading{display:flex;flex-direction:column;gap:1.5rem}.channel-list{width:220px;min-width:220px;background:color-mix(in srgb,var(--bg-card) 85%,#000);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;overflow:hidden;height:100%;flex-shrink:0}.channel-list.collapsed{width:56px;min-width:56px}.channel-list-header-wrap{position:relative;flex-shrink:0;z-index:10}.channel-list-scroller{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:2rem}.channel-list-scroller::-webkit-scrollbar{width:4px}.channel-list-scroller::-webkit-scrollbar-track{background:transparent}.channel-list-scroller::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.channel-list-scroller::-webkit-scrollbar-thumb:hover{background:#fff3}.channel-list-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.channel-list-header:hover{background:#ffffff0a}.channel-list-title{display:flex;align-items:center;gap:.6rem;overflow:hidden}.channel-list-server-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#f59e0b);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-list-server-name{font-size:.78rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans)}.expand-hint{font-size:1rem;font-family:monospace;font-weight:900;transition:transform .2s ease;display:inline-block}.channel-list-header:hover .expand-hint{transform:translate(2px)}.channel-dropdown-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.channel-dropdown-icon.open{transform:rotate(180deg)}.channel-menu-overlay{position:fixed;inset:0;z-index:40}.channel-list-menu{position:absolute;top:100%;left:.5rem;width:calc(100% - 1rem);background:#1e1f22;border:1px solid var(--border);border-radius:6px;padding:.35rem;box-shadow:0 8px 16px #0006;z-index:50;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .1s ease-out forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.channel-menu-item{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:.5rem .6rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.channel-menu-item:hover{background:var(--primary);color:#fff}.channel-menu-icon{font-size:1.1rem;line-height:1;opacity:.8}.channel-section-label{display:flex;align-items:center;justify-content:space-between;padding:.85rem .75rem .4rem;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.channel-add-btn{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .15s,transform .15s}.channel-add-btn:hover{color:var(--text-primary);transform:scale(1.2)}.channel-items{display:flex;flex-direction:column;gap:1px;padding:0 .4rem;overflow-y:auto;flex:1}.channel-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:8px;background:none;border:none;width:100%;text-align:left;cursor:pointer;color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:var(--font-sans);transition:background .15s,color .15s;position:relative}.channel-item:hover{background:#ffffff0f;color:var(--text-primary)}.channel-item.active{background:color-mix(in srgb,var(--primary) 15%,var(--bg-card));color:var(--primary);font-weight:700}.channel-item.announcement .channel-icon{font-size:.85rem}.channel-icon{font-size:.9rem;flex-shrink:0;color:var(--text-secondary);font-weight:900;width:18px;text-align:center}.channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-locked-tag{font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#ffffff14;color:var(--text-secondary);padding:.1rem .4rem;border-radius:4px;flex-shrink:0}.channel-add-panel{margin:.75rem .5rem;background:color-mix(in srgb,var(--bg-card) 95%,#fff);border:1px solid var(--border);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 12px #0003;animation:panelSlideUp .2s ease-out}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channel-add-input{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.78rem;color:var(--text-primary);font-family:var(--font-sans);width:100%;box-sizing:border-box}.channel-add-input:focus{outline:none;border-color:var(--primary)}.channel-add-actions{display:flex;gap:.5rem}.channel-cancel-btn{flex:1;background:none;border:1px solid var(--border);border-radius:6px;padding:.4rem;font-size:.7rem;font-weight:700;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:border-color .15s,color .15s}.channel-cancel-btn:hover{border-color:var(--primary);color:var(--primary)}.channel-create-btn{flex:1;background:var(--primary);border:none;border-radius:6px;padding:.4rem;font-size:.7rem;font-weight:800;color:#fff;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s}.channel-create-btn:disabled{opacity:.5;cursor:not-allowed}.channel-type-selector{display:flex;gap:.35rem}.channel-type-btn{flex:1;background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .4rem;font-size:.65rem;font-weight:700;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;transition:all .15s}.channel-type-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.channel-item--voice{color:var(--text-secondary)}.channel-item--voice.active{background:#23a55926;color:#23a559}.channel-item--voice:hover{color:#23a559}.channel-item--doc.active{background:#5865f226;color:#5865f2}.channel-item--doc:hover{color:#5865f2}.channel-section{margin-bottom:.25rem}.channel-section .channel-items{flex:unset;overflow-y:unset}.channel-list.collapsed .channel-section-label,.channel-list.collapsed .channel-add-panel,.channel-list.collapsed .channel-name,.channel-list.collapsed .channel-locked-tag{display:none}.voice-channel-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-color)}.voice-users-list{flex:1;overflow-y:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.voice-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem;opacity:.4;text-align:center}.voice-empty-icon{font-size:3rem;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.voice-empty p{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.voice-empty-sub{font-size:.68rem!important;opacity:.7}.voice-user-pill{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;background:transparent;border:1px solid transparent;transition:all .2s ease}.voice-user-pill.speaking{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.2)}.voice-avatar{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;font-size:1.25rem;border:2px solid transparent;transition:border-color .2s;flex-shrink:0}.voice-avatar.speaking{border-color:#23a559}.speaking-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid #23a559;animation:speak-pulse 1s ease-out infinite}@keyframes speak-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.voice-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.voice-user-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-muted-tag{font-size:.6rem;color:var(--text-secondary);opacity:.6}.voice-mute-icon{font-size:.85rem;opacity:.5}.voice-controls{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.05);background:#0003;flex-shrink:0}.voice-join-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.75rem 1.25rem;border:none;border-radius:10px;background:#23a559;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.voice-join-btn:hover{background:#2dc76d;transform:translateY(-1px);box-shadow:0 6px 20px #23a55959}.voice-active-controls{display:flex;flex-direction:column;gap:.75rem}.voice-status-bar{display:flex;align-items:center;gap:.5rem}.voice-status-dot{width:8px;height:8px;border-radius:50%;background:#23a559;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.voice-status-text{font-size:.7rem;font-weight:700;color:#23a559;text-transform:uppercase;letter-spacing:.06em}.voice-btn-group{display:flex;gap:.5rem}.voice-ctrl-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;font-size:1.1rem;cursor:pointer;transition:all .2s}.voice-ctrl-btn:hover{background:#ffffff1a;border-color:#fff3}.voice-ctrl-btn.active{background:#ef444426;border-color:#ef44444d}.voice-ctrl-btn.leave{flex:0 0 auto;width:44px;background:#ef44441a;border-color:#ef444433}.voice-ctrl-btn.leave:hover{background:#ef4444}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.collab-doc-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-color)}.collab-doc-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;background:#00000026}.collab-doc-title{display:flex;align-items:center;gap:.6rem}.collab-doc-icon{font-size:1.1rem}.collab-doc-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.collab-doc-meta{display:flex;align-items:center;gap:1rem}.collab-word-count{font-size:.68rem;color:var(--text-secondary);opacity:.6}.collab-save-status{display:flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;border-radius:6px;padding:.2rem .6rem;transition:all .3s ease}.collab-save-status.saved{color:#23a559;background:#23a5591a}.collab-save-status.saving{color:#f59e0b;background:#f59e0b1a}.collab-save-status.unsaved{color:var(--text-secondary);background:#ffffff0d}.collab-doc-editor-wrap{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-color)}.collab-doc-editor{flex:1;min-height:100%}.collab-doc-editor-wrap .ql-toolbar.ql-snow{background:#ffffff08;border-color:#ffffff12!important;border-left:none;border-right:none;padding:.75rem 1.5rem;position:sticky;top:0;z-index:10}.collab-doc-editor-wrap .ql-toolbar .ql-stroke{stroke:var(--text-secondary)!important}.collab-doc-editor-wrap .ql-toolbar .ql-fill{fill:var(--text-secondary)!important}.collab-doc-editor-wrap .ql-toolbar button:hover .ql-stroke,.collab-doc-editor-wrap .ql-toolbar button.ql-active .ql-stroke{stroke:var(--primary)!important}.collab-doc-editor-wrap .ql-toolbar button:hover .ql-fill,.collab-doc-editor-wrap .ql-toolbar button.ql-active .ql-fill{fill:var(--primary)!important}.collab-doc-editor-wrap .ql-toolbar .ql-picker-label{color:var(--text-secondary)}.collab-doc-editor-wrap .ql-container.ql-snow{border:none!important;font-family:var(--font-sans);font-size:.95rem;line-height:1.8;color:var(--text-primary);background:transparent}.collab-doc-editor-wrap .ql-editor{min-height:400px;padding:2rem 3rem;color:var(--text-primary);background:transparent}.collab-doc-editor-wrap .ql-editor:before{color:var(--text-secondary)!important;opacity:.4;font-style:italic}.collab-doc-editor-wrap .ql-editor h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.collab-doc-editor-wrap .ql-editor h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.collab-doc-editor-wrap .ql-editor h3{font-size:1.2rem;font-weight:600;color:var(--text-secondary)}.collab-doc-editor-wrap .ql-editor blockquote{border-left:3px solid var(--primary);color:var(--text-secondary);padding-left:1rem}.collab-doc-editor-wrap .ql-editor code{background:#ffffff14;border-radius:4px;padding:0 4px;font-family:JetBrains Mono,monospace;font-size:.85em}.collab-doc-editor-wrap .ql-editor pre{background:#0006!important;border-radius:8px;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#e2e8f0!important}.collab-doc-editor-wrap .ql-picker-options{background:var(--bg-card)!important;border-color:#ffffff1a!important;border-radius:8px!important}.collab-doc-editor-wrap .ql-picker-item{color:var(--text-primary)!important}.upc-overlay{position:fixed;inset:0;z-index:99998;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:upc-fade-in .2s ease}@keyframes upc-fade-in{0%{opacity:0}to{opacity:1}}.upc-card{position:relative;width:340px;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0009;animation:upc-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes upc-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upc-banner{height:100px;width:100%;flex-shrink:0}.upc-close{position:absolute;top:1rem;right:1rem;background:#0000004d;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.upc-close:hover{background:var(--danger, #ef4444)}.upc-avatar-wrap{position:absolute;top:60px;left:1.5rem}.upc-avatar{width:76px;height:76px;border-radius:50%;border:4px solid var(--bg-card);background:var(--bg-color);display:flex;align-items:center;justify-content:center;font-size:2.2rem;overflow:hidden;box-shadow:0 4px 16px #0006}.upc-avatar img{width:100%;height:100%;object-fit:cover}.upc-status-badge{position:absolute;bottom:-2px;right:-4px;background:var(--bg-card);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:2px solid var(--bg-card)}.upc-body{padding:3rem 1.5rem 1.5rem;margin-top:.5rem}.upc-name{font-family:var(--font-serif);font-size:1.35rem;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.upc-rank{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);background:color-mix(in srgb,var(--primary) 15%,transparent);padding:.2rem .6rem;border-radius:100px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.upc-section{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem}.upc-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem}.upc-value{font-size:.9rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.upc-anthem-link{font-size:.85rem;color:var(--primary);text-decoration:none;word-break:break-all;transition:opacity .2s}.upc-anthem-link:hover{opacity:.8;text-decoration:underline}.upc-empty{font-style:italic;color:var(--text-muted);font-size:.85rem;margin-top:1.25rem;text-align:center;padding:1rem 0;opacity:.7}.upc-loading{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.upc-skeleton{background:var(--border);border-radius:6px;animation:upc-shimmer 1.5s infinite}@keyframes upc-shimmer{0%,to{opacity:.5}50%{opacity:1}}.upc-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.upc-name{font-family:var(--font-serif);font-size:1.35rem;color:var(--text-primary);margin:0;line-height:1.2}.upc-friend-btn{position:relative;overflow:hidden;padding:.65rem 1.25rem;border-radius:12px;border:none;font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.upc-friend-btn-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:inherit;border-radius:inherit}.upc-friend-btn:hover .upc-friend-btn-hover{opacity:1}.upc-friend-btn--add{background:var(--primary);color:#fff;box-shadow:0 4px 15px color-mix(in srgb,var(--primary) 35%,transparent)}.upc-friend-btn--add:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 50%,transparent)}.upc-friend-btn--pending{background:#ffffff14;color:var(--text-secondary);border:1px solid var(--border)}.upc-friend-btn--pending:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.upc-friend-btn--friends{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.upc-friend-btn--friends:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.upc-friend-incoming{margin-bottom:.75rem}.upc-friend-label{font-size:.72rem;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.5rem}.upc-friend-actions{display:flex;gap:.5rem}.upc-friend-btn--accept{background:var(--primary);color:#fff}.upc-friend-btn--accept:hover{opacity:.9}.upc-friend-btn--decline{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.upc-friend-btn--decline:hover{opacity:.8}.room-main{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}.room-layout{display:grid;grid-template-columns:340px 1fr 400px;grid-template-rows:1fr;gap:1.5rem;padding:1.5rem 2rem 2rem;height:100%;width:100%;position:relative;z-index:10;box-sizing:border-box;overflow:hidden}.room-layout--discord{display:flex!important;flex-direction:row;height:100%;padding:0;gap:0;background:var(--bg-color)}.room-layout--discord>.channel-list{order:1;border-right:1px solid rgba(255,255,255,.05);border-radius:0;background:color-mix(in srgb,var(--bg-card) 40%,var(--bg-color));transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1)}.room-layout--discord>.channel-list:not(.collapsed){width:240px;min-width:240px}.room-layout--discord>.channel-list.collapsed{width:56px;min-width:56px}.room-layout--discord>.room-panel--chat{order:2;flex:1;min-width:0;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;height:100%;transition:flex .3s cubic-bezier(.4,0,.2,1)}.room-layout--discord>.room-panel--chat:hover{transform:none!important;box-shadow:none!important}.room-right-sidebar{order:3;width:320px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);background:color-mix(in srgb,var(--bg-card) 40%,var(--bg-color));height:100%}.room-right-sidebar .room-panel{border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.room-right-sidebar .room-panel:hover{transform:none;box-shadow:none;background:transparent}.room-right-sidebar .room-panel--members{flex:1;display:flex;flex-direction:column;border-bottom:2px solid rgba(0,0,0,.3);min-height:0}.room-right-sidebar .room-panel--tasks{flex:1;display:flex;flex-direction:column;min-height:0}.room-layout--discord .panel-header-v2,.room-layout--discord .room-panel-header{padding:1rem 1.25rem;background:transparent;border-bottom:1px solid rgba(255,255,255,.05)}.room-layout--discord .members-container,.room-layout--discord .task-input-section,.room-layout--discord .tasks-scroll-area,.room-layout--discord .chat-messages-container{padding:1rem 1.25rem}.whiteboard-btn-minimal{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);border-radius:12px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.whiteboard-btn-minimal:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.room-header-v2{background:transparent;width:100%;box-sizing:border-box}.room-code-badge-sleek{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff14;padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.room-code-badge-sleek:hover{background:#ffffff26;color:#fff;border-color:#ffffff40}.room-code-badge-sleek:active{transform:scale(.95)}.whiteboard-btn-premium{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2);border-radius:16px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.19,1,.22,1)}.whiteboard-btn-premium:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.exit-btn-minimal{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.05);border-radius:16px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s}.exit-btn-minimal:hover{color:var(--primary);background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.2)}.room-panel{display:flex;flex-direction:column;background:rgba(var(--bg-card-rgb),.25);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d;transition:all .6s cubic-bezier(.22,1,.36,1);overflow:hidden;height:100%}.room-panel:hover{background:rgba(var(--bg-card-rgb),.35);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 30px 60px -12px #0009,inset 0 0 0 1px rgba(var(--primary-rgb),.2);transform:translateY(-4px)}.room-panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:rgba(var(--bg-card-rgb),.1)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2e7d32;animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.members-container{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:none}.members-container::-webkit-scrollbar{display:none}.members-list{display:flex;flex-direction:column;gap:1rem}.member-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:rgba(var(--bg-card-rgb),.15);border:1px solid rgba(255,255,255,.05);border-radius:24px;transition:all .4s cubic-bezier(.19,1,.22,1);overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0d}.member-card:hover{background:rgba(var(--bg-card-rgb),.3);border-color:rgba(var(--primary-rgb),.4);transform:translate(8px);box-shadow:0 10px 25px -5px #0000004d,inset 0 1px 1px #ffffff1a}.member-card{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;background:transparent;transition:background .15s ease;cursor:pointer;position:relative;overflow:hidden;margin:0 .5rem}.member-card:hover{background:#ffffff0f}.member-card--focusing .member-avatar-container{box-shadow:0 0 0 2px var(--success)}.member-card--done .member-avatar-container{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.5)}.member-avatar{font-size:1.25rem;z-index:1;background:transparent}.member-avatar-container{position:relative;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.member-card--zen .member-avatar-container{box-shadow:0 0 0 2px var(--primary);animation:zen-breathe 3s infinite ease-in-out}@keyframes zen-breathe{0%,to{opacity:1}50%{opacity:.6}}.member-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.member-name-row{display:flex;justify-content:space-between;align-items:center}.member-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nudge-btn{background:transparent;border:none;font-size:.9rem;cursor:pointer;opacity:0;transition:all .2s;padding:.2rem;line-height:1}.member-card:hover .nudge-btn{opacity:.5}.nudge-btn:hover{opacity:1!important;transform:scale(1.2) rotate(-10deg)}.member-you-tag{display:none}.member-status-row{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.mini-timer-wrap{display:flex;align-items:center;gap:.35rem}.mini-timer-text{font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-secondary)}.zen-mini-tag{font-size:.55rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;animation:pulse-zen-mini 2s infinite}@keyframes pulse-zen-mini{0%,to{opacity:1}50%{opacity:.6}}.member-card--zen .member-avatar{box-shadow:0 0 10px var(--primary)}.member-card--nudged{animation:nudge-pulse .5s ease-in-out infinite;border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 10%,transparent)!important}@keyframes nudge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.member-music{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--primary);margin-top:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.music-icon{animation:music-bounce 1.5s infinite ease-in-out}@keyframes music-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.my-status-controls{margin-top:auto;border-top:1px solid var(--border);padding-top:1rem}.status-btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.status-btn{flex:1;background:rgba(var(--bg-card-rgb),.3);border:1px solid rgba(255,255,255,.05);padding:.6rem .75rem;cursor:pointer;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.status-btn:hover{background:rgba(var(--primary-rgb),.15);border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.status-btn--focusing{background:rgba(var(--success-rgb, 46, 125, 50),.15);border-color:var(--success);color:var(--success)}.panel-header-v2{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(var(--bg-card-rgb),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-title{font-family:var(--font-serif);font-style:italic;font-size:1.25rem;color:var(--text-secondary)}.header-count{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:.7rem;font-weight:800;padding:.2rem .6rem;border-radius:20px}.task-input-section{padding:1.5rem}.tasks-scroll-area{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.room-task-input-container{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:.5rem .5rem .5rem 1.5rem;box-shadow:inset 0 2px 10px #0003;transition:all .4s cubic-bezier(.165,.84,.44,1)}.room-task-input-container:focus-within{border-color:var(--primary);background:#00000080;box-shadow:inset 0 2px 10px #0000004d,0 0 25px rgba(var(--primary-rgb),.2)}.room-task-input{flex:1;background:transparent;border:none;font-size:.85rem;color:var(--text-primary);outline:none;font-family:Inter,sans-serif}.room-task-input::placeholder{color:var(--text-muted)}.room-task-add-btn{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,black));color:var(--cream);border:1px solid color-mix(in srgb,var(--primary) 50%,white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:300;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.room-task-add-btn:hover:not(:disabled){transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent)}.room-task-add-btn:disabled{opacity:.3;cursor:not-allowed;background:#ffffff0d;border-color:transparent}.room-tasks-list{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.room-tasks-list::-webkit-scrollbar{width:4px}.room-tasks-list::-webkit-scrollbar-track{background:transparent}.room-tasks-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.room-tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;opacity:.6}.room-tasks-empty-icon{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));animation:float-up-down 4s ease-in-out infinite}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.room-task-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.19,1,.22,1)}.room-task-item:hover{transform:translate(10px);background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 10px 20px #0003}.room-task-check{width:24px;height:24px;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#0003;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:transparent;transition:all .3s;flex-shrink:0}.room-task-item:hover .room-task-check{border-color:color-mix(in srgb,var(--primary) 50%,white)}.room-task-check:hover{background:color-mix(in srgb,var(--primary) 20%,transparent);transform:scale(1.1)}.room-task-title{flex:1;font-size:.85rem;color:var(--text-primary);line-height:1.3;transition:color .3s}.room-task-delete{opacity:0;color:var(--text-muted);font-size:1rem;cursor:pointer;border:none;background:#ffffff0d;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s,color .2s,background .2s,transform .2s}.room-task-item:hover .room-task-delete{opacity:1}.room-task-delete:hover{color:#fff;background:var(--danger);transform:scale(1.1)}.room-task-item--done{opacity:.6;background:#0000001a;border-color:transparent;box-shadow:none}.room-task-item--done:hover{opacity:.9;background:color-mix(in srgb,var(--bg-card) 40%,transparent)}.room-task-item--done .room-task-title{text-decoration:line-through;color:var(--text-muted)}.room-task-check--done{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,black));border-color:transparent;color:var(--cream);box-shadow:inset 0 1px 1px #ffffff4d}.room-task-item--done:hover .room-task-check--done{border-color:transparent}.room-tasks-divider{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:1rem 0 .25rem;border-top:1px solid rgba(255,255,255,.05);margin-top:.5rem}.room-panel--chat{display:flex;flex-direction:column;height:100%!important}.chat-messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:none}.chat-messages-container::-webkit-scrollbar{display:none}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.5;text-align:center;padding:2rem}.chat-empty-icon{font-size:2.5rem;margin-bottom:1rem}.chat-empty-text{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--text-primary)}.chat-empty-subtext{font-size:.7rem;color:var(--text-secondary);margin-top:.5rem}.chat-msg-row{display:flex;gap:.75rem;max-width:85%;animation:slide-up .4s cubic-bezier(.16,1,.3,1)}.chat-msg-row--you{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar-wrap{width:32px;flex-shrink:0}.chat-msg-avatar{width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.chat-msg-content{display:flex;flex-direction:column;gap:.2rem}.chat-msg-row--you .chat-msg-content{align-items:flex-end}.chat-msg-author{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.7}.chat-msg-bubble{padding:1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px 22px 22px;font-size:.95rem;line-height:1.6;color:var(--text-primary);word-break:break-word;box-shadow:0 4px 15px #0000001a}.chat-msg-row--you .chat-msg-bubble{background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;border:none;border-radius:22px 22px 4px;box-shadow:0 12px 24px rgba(var(--primary-rgb),.25)}.chat-msg-time{font-size:.55rem;color:var(--text-secondary);opacity:.5}.chat-typing-indicator{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 3.5rem}.typing-dots-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.4rem .75rem;display:flex;gap:4px}.typing-dot{width:5px;height:5px;background:var(--text-secondary);border-radius:50%;animation:typing-dot 1.2s infinite}.typing-text{font-size:.65rem;font-style:italic;color:var(--text-secondary);opacity:.7}.chat-input-area{padding:1.25rem;border-top:1px solid rgba(255,255,255,.05);background:rgba(var(--bg-card-rgb),.3)}.emote-pill-bar{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.emote-pill-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.emote-pill-btn:hover{transform:scale(1.4) translateY(-2px)}.chat-input-wrapper{display:flex;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:.4rem .4rem .4rem 1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.chat-input-wrapper:focus-within{border-color:var(--primary);background:#00000059;box-shadow:0 0 20px rgba(var(--primary-rgb),.15)}.chat-input-field{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans)}.chat-send-btn-new{padding:.6rem 1.25rem;background:transparent;color:var(--text-secondary);border-radius:25px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:not-allowed;transition:all .3s;display:flex;align-items:center}.chat-send-btn-new.active{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}.chat-send-btn-new.active:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(var(--primary-rgb),.4)}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){.room-layout{grid-template-columns:240px 1fr 300px;gap:1rem}}@media(max-width:1024px){.room-layout{grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;min-height:auto}.room-panel--members{grid-column:1 / -1;min-height:auto;border-right:none;border-bottom:1px solid var(--border)}.members-list{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.member-card{min-width:200px}.room-panel--chat{height:600px}}.mobile-tasks-toggle{display:none;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);padding:.4rem .8rem;border-radius:24px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.mobile-tasks-toggle:hover{background:color-mix(in srgb,var(--primary) 25%,transparent);transform:translateY(-1px)}.mobile-tasks-badge{background:var(--primary);color:var(--cream);min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.65rem;padding:0 4px}.mobile-tasks-toggle-btn,.mobile-close-btn{display:none}@media(max-width:768px){.room-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1.5rem;padding:1rem;height:auto;min-height:100vh}.room-panel--chat{display:none!important}.mobile-tasks-toggle-btn{position:fixed;bottom:2rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:.75rem;background:var(--primary);color:#fff;padding:.8rem 1.5rem;border-radius:30px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;border:none;box-shadow:0 10px 30px rgba(var(--primary-rgb),.4);animation:slide-up .5s cubic-bezier(.19,1,.22,1)}.mobile-overlay-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100}.room-panel--tasks{position:fixed;bottom:0;left:0;right:0;height:80vh;z-index:1200;transform:translateY(100%);transition:transform .5s cubic-bezier(.19,1,.22,1);border-radius:32px 32px 0 0;background:var(--bg-card);display:flex}.room-panel--tasks.mobile-visible{transform:translateY(0)}.mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000000d;border-radius:50%;font-size:1.2rem;color:var(--text-secondary);transition:all .2s}.mobile-close-btn:hover{background:#0000001a;color:var(--primary)}}@media(max-width:768px){.chat-msg-row{gap:.4rem;max-width:95%}.chat-msg-avatar{width:24px;height:24px;font-size:.65rem}.chat-msg-bubble{padding:.5rem .75rem;font-size:.85rem}.chat-input{font-size:16px}.emote-pill-bar{overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding:.4rem}}.whiteboard-overlay-backdrop{position:fixed;inset:0;z-index:9999;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:wbFadeIn .3s ease-out forwards}.whiteboard-overlay-container{width:100%;height:100%;max-width:1600px;background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);position:relative;animation:wbScaleUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes wbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wbScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.whiteboard-toolbar{position:absolute;width:52px;padding-bottom:.75rem;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-card);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:var(--radius-lg);z-index:1500;border:1px solid var(--border);font-family:var(--font-sans);overflow:hidden;touch-action:none;transition:box-shadow .2s}.wb-drag-handle{width:100%;height:28px;display:flex;align-items:center;justify-content:center;cursor:grab;margin-bottom:2px;padding-top:2px;border-bottom:1px solid var(--border)}.wb-drag-handle:active{cursor:grabbing}.wb-drag-handle:hover{background-color:#00000005}.wb-drag-pill{width:24px;height:6px;border-radius:99px;background-color:var(--text-secondary);opacity:.3}.wb-tool-group{display:flex;flex-direction:column;align-items:center;gap:6px}.wb-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s;color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.wb-tool-btn:hover{background-color:#0000000d;color:var(--text-primary)}.wb-tool-btn.active{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent)}.wb-separator{width:28px;height:1px;background-color:var(--border);margin:12px 0}.wb-brush-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color .2s;background:transparent;border:none;cursor:pointer}.wb-brush-btn:hover{background-color:#0000000d}.wb-brush-btn.active{background-color:#0000000d;box-shadow:inset 0 2px 4px #0000000d}.wb-color-btn{width:18px;height:18px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;opacity:.9}.wb-color-btn:hover{transform:scale(1.1);opacity:1}.wb-color-btn.active{transform:scale(1.25);opacity:1;box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--text-secondary)}.wb-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s;background:transparent;border:none;cursor:pointer}.wb-action-btn:hover{color:var(--danger);background-color:color-mix(in srgb,var(--danger) 10%,transparent)}.wb-close-btn{display:flex;align-items:center;gap:6px;padding:0 16px;height:40px;background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);transition:all .2s;cursor:pointer}.wb-close-btn:hover{background-color:#00000005}.wb-close-btn:active{transform:scale(.95)}@media(max-width:768px){.whiteboard-toolbar{transform:scale(.85);transform-origin:top right}}.channel-header-indicator{font-size:.65rem;font-weight:700;color:var(--text-secondary);padding:.15rem .6rem;border-radius:6px;background:#ffffff0f;letter-spacing:.05em}.room-pin-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:50px;padding:.2rem .7rem;font-size:.6rem;font-weight:800;color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-sans);transition:all .15s}.room-pin-btn:hover{color:var(--primary);border-color:var(--primary)}.pinned-messages-panel{background:color-mix(in srgb,var(--bg-card) 90%,#f59e0b);border-bottom:1px solid rgba(245,158,11,.25);padding:.75rem 1.25rem;flex-shrink:0;max-height:160px;overflow-y:auto}.pinned-panel-header{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#f59e0b;margin-bottom:.5rem}.pinned-panel-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem}.pinned-msg-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-top:1px solid rgba(255,255,255,.05);font-size:.75rem}.pinned-msg-author{font-weight:800;color:var(--text-primary);font-size:.68rem}.pinned-msg-text{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-unpin-btn{background:none;border:none;color:var(--text-secondary);font-size:.62rem;cursor:pointer;text-decoration:underline;font-family:var(--font-sans)}.channel-active-name{font-size:.85rem;font-weight:700;color:var(--text-primary);font-family:var(--font-sans)}.channel-announcement-tag{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:#f59e0b26;color:#f59e0b;padding:.15rem .5rem;border-radius:4px}.channel-voice-tag{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:#23a55926;color:#23a559;padding:.15rem .5rem;border-radius:4px}.channel-readonly-notice{padding:.5rem 1rem;background:#f59e0b14;border-top:1px solid rgba(245,158,11,.2);font-size:.68rem;color:#f59e0b;font-weight:600;flex-shrink:0}.chat-msg-actions{display:flex;align-items:center;gap:.5rem}.chat-pin-btn{background:none;border:none;font-size:.58rem;font-weight:700;color:var(--text-secondary);cursor:pointer;padding:.1rem .4rem;border-radius:4px;opacity:0;transition:opacity .2s,background .2s;font-family:var(--font-sans)}.chat-msg-row:hover .chat-pin-btn{opacity:1}.chat-pin-btn:hover{background:#ffffff14;color:#f59e0b}.chat-pin-indicator{font-size:.7rem;opacity:.6}.chat-mention{color:var(--primary);font-weight:800;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:4px;padding:0 2px}.chat-msg-row--mentioned{background:color-mix(in srgb,var(--primary) 8%,transparent);border-left:3px solid var(--primary);border-radius:8px;padding-left:.5rem;margin-left:-.5rem}.mention-popup{border:1px solid var(--border);border-radius:12px;background:var(--bg-card);box-shadow:0 -8px 24px #0000004d;overflow:hidden;margin-bottom:.5rem;max-height:160px;overflow-y:auto}.mention-popup-item{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;width:100%;background:none;border:none;cursor:pointer;font-family:var(--font-sans);transition:background .15s;text-align:left}.mention-popup-item:hover{background:#ffffff0f}.mention-popup-emoji{font-size:1.1rem}.mention-popup-name{font-size:.78rem;font-weight:700;color:var(--text-primary)}@media(max-width:1200px){.room-layout--discord>.channel-list{width:60px}}@media(max-width:900px){.room-layout--discord>.room-right-sidebar{display:none}}.room-layout--discord .chat-msg-row{max-width:100%;flex-direction:row}.room-layout--discord .chat-msg-row--you{align-self:flex-end;flex-direction:row-reverse}.room-layout--discord .chat-msg-bubble{background:transparent;border:none;box-shadow:none;padding:0;color:var(--text-primary)}.room-layout--discord .chat-msg-row--you .chat-msg-bubble{background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;padding:.8rem 1.25rem;border-radius:22px 22px 4px;box-shadow:0 12px 24px rgba(var(--primary-rgb),.25)}.room-layout--discord .chat-msg-content{align-items:flex-start;gap:.15rem}.room-layout--discord .chat-msg-row--you .chat-msg-content{align-items:flex-end}.room-layout--discord .chat-msg-author{font-size:.8rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text-primary);opacity:1}.room-layout--discord .chat-msg-row--you .chat-msg-author{display:none}.room-layout--discord .chat-input-area{background:transparent;border-top:none;padding:0 1.25rem 1.5rem}.room-layout--discord .chat-input-field{background:#ffffff0d;border:none;border-radius:8px}.pcp-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:2rem}.pcp-gate-card{max-width:420px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.pcp-gate-icon{font-size:3.5rem;filter:drop-shadow(0 4px 16px rgba(250,200,100,.4));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pcp-gate-card h2{font-family:var(--font-serif);font-size:1.6rem;color:var(--text-primary);margin:0}.pcp-gate-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.pcp-upgrade-btn{margin-top:.5rem;background:linear-gradient(135deg,var(--primary),#f59e0b);color:#fff;border:none;border-radius:12px;padding:.85rem 2rem;font-size:.85rem;font-weight:800;letter-spacing:.06em;cursor:pointer;font-family:var(--font-sans);transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 40%,transparent)}.pcp-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px color-mix(in srgb,var(--primary) 55%,transparent)}.pcp-back-link{background:none;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;font-family:var(--font-sans);text-decoration:underline}.pcp-root{min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column}.pcp-preview-hero{position:relative;height:240px;overflow:hidden;flex-shrink:0;transition:background .5s ease}.pcp-preview-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#000000b3)}.pcp-preview-content{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end;gap:1.25rem;padding:1.75rem 2rem}.pcp-preview-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8800);display:flex;align-items:center;justify-content:center;font-size:2.2rem;flex-shrink:0;position:relative;border:3px solid rgba(255,255,255,.2);transition:border .3s,box-shadow .3s}.border-neon{border:3px solid #06d6a0;box-shadow:0 0 16px #06d6a0,0 0 32px #06d6a066;animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 12px #06d6a0,0 0 24px #06d6a066}50%{box-shadow:0 0 24px #06d6a0,0 0 48px #06d6a099}}.border-gold{border:3px solid #fbbf24;box-shadow:0 0 16px #f59e0b,0 0 32px #fbbf2466}.border-cyber{border:3px solid #7c3aed;box-shadow:0 0 16px #7c3aed,0 0 32px #7c3aed80;animation:cyberGlitch 3s steps(1) infinite}@keyframes cyberGlitch{0%,90%,to{box-shadow:0 0 16px #7c3aed,0 0 32px #7c3aed80;border-color:#7c3aed}92%{box-shadow:4px 0 16px #ec4899,-4px 0 16px #06b6d4;border-color:#ec4899}94%{box-shadow:-4px 0 16px #7c3aed,4px 0 16px #ec4899;border-color:#7c3aed}}.border-rainbow{border:3px solid transparent;background-clip:padding-box;animation:rainbow 4s linear infinite;box-shadow:0 0 20px #fff3;outline:3px solid;outline-offset:-3px;animation:rainbowOutline 4s linear infinite}@keyframes rainbowOutline{0%{outline-color:red}17%{outline-color:#ff0}33%{outline-color:#0f0}50%{outline-color:#0ff}67%{outline-color:#00f}83%{outline-color:#f0f}to{outline-color:red}}.border-fire{border:3px solid #ea580c;box-shadow:0 0 20px #ea580c,0 8px 30px #ea580cb3,0 -4px 20px #fbbf2466;animation:firePulse 1.5s ease-in-out infinite}@keyframes firePulse{0%,to{box-shadow:0 0 16px #ea580c,0 8px 24px #ea580c99}50%{box-shadow:0 0 28px #f59e0b,0 10px 36px #f59e0bb3}}.pcp-preview-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.pcp-preview-name{font-family:var(--font-serif);font-size:1.6rem;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.pcp-preview-status{font-size:.72rem;color:#fffc;font-weight:600;letter-spacing:.02em}.pcp-preview-bio{font-size:.7rem;color:#fff9;margin:0;line-height:1.4;max-width:380px}.pcp-preview-song{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;padding:.25rem .75rem;font-size:.65rem;color:#ffffffd9;font-weight:600;margin-top:.25rem;align-self:flex-start}.pcp-preview-badge{position:absolute;top:1rem;right:1rem;color:#fff;font-size:.55rem;font-weight:900;letter-spacing:.15em;padding:.35rem .75rem;border-radius:50px;z-index:2}.pcp-editor{flex:1;display:flex;flex-direction:column;max-width:860px;width:100%;margin:0 auto;padding:0 1.5rem 6rem}.pcp-tabs{display:flex;gap:.25rem;padding:1.25rem 0 0;border-bottom:1px solid var(--border);overflow-x:auto}.pcp-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;background:none;color:var(--text-secondary);font-size:.7rem;font-weight:700;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;margin-bottom:-1px}.pcp-tab:hover{color:var(--text-primary)}.pcp-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.pcp-tab-icon{font-size:1rem}.pcp-tab-body{padding:2rem 0;flex:1}.pcp-section-header{margin-bottom:1.5rem}.pcp-section-header h3{font-family:var(--font-serif);font-size:1.2rem;color:var(--text-primary);margin:0 0 .35rem}.pcp-section-header p{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.5}.pcp-banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.pcp-banner-swatch{height:80px;border-radius:14px;border:2px solid transparent;position:relative;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;align-items:flex-end;padding:.5rem}.pcp-banner-swatch:hover{transform:scale(1.04)}.pcp-banner-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px var(--primary)}.pcp-banner-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.6)}.pcp-banner-check{position:absolute;top:.5rem;right:.5rem;background:#fff;color:#000;border-radius:50%;width:20px;height:20px;font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center}.pcp-custom-banner{margin-top:.5rem}.pcp-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.pcp-input-row{display:flex;gap:.75rem;align-items:center}.pcp-input,.pcp-textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;font-size:.85rem;color:var(--text-primary);font-family:var(--font-sans);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.pcp-input:focus,.pcp-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pcp-status-input{font-size:1rem}.pcp-clear-btn{flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:.5rem .85rem;font-size:.7rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.pcp-clear-btn:hover{color:var(--danger);border-color:var(--danger)}.pcp-border-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.pcp-border-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}.pcp-border-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.pcp-border-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 24px #00000026}.pcp-border-preview-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8800);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:3px solid var(--border)}.pcp-border-name{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.pcp-selected-dot{position:absolute;top:.6rem;right:.6rem;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.pcp-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.pcp-theme-swatch{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;position:relative;transition:border-color .2s,transform .2s}.pcp-theme-swatch:hover{transform:translateY(-2px)}.pcp-theme-swatch.selected{border-color:var(--swatch-color, var(--primary));box-shadow:0 0 0 2px var(--swatch-color, var(--primary)),0 4px 16px #0000001a}.pcp-theme-dot{width:36px;height:36px;border-radius:50%;flex-shrink:0;box-shadow:0 4px 12px #0003}.pcp-theme-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.pcp-theme-check{position:absolute;top:.5rem;right:.5rem;font-size:.65rem;font-weight:900;color:var(--primary)}.pcp-presets{margin-top:1.25rem}.pcp-presets-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.75rem}.pcp-presets-grid{display:flex;flex-wrap:wrap;gap:.5rem}.pcp-preset-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:50px;padding:.4rem .85rem;font-size:.72rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.pcp-preset-chip:hover{border-color:var(--primary);color:var(--primary)}.pcp-preset-chip.selected{background:color-mix(in srgb,var(--primary) 15%,var(--bg-card));border-color:var(--primary);color:var(--primary);font-weight:800}.pcp-char-count{text-align:right;font-size:.62rem;color:var(--text-secondary);margin-top:.4rem;font-weight:600}.pcp-footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-color);border-top:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pcp-back-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:10px;padding:.6rem 1.25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;font-family:var(--font-sans);transition:all .2s}.pcp-back-btn:hover{border-color:var(--primary);color:var(--primary)}.pcp-save-btn{background:linear-gradient(135deg,var(--primary),#f59e0b);color:#fff;border:none;border-radius:10px;padding:.7rem 1.75rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:var(--font-sans);transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 40%,transparent)}.pcp-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 50%,transparent)}.pcp-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.citadel-theme{--bg-dark: #09090b;--bg-sidebar: #010101;--bg-card: #18181b;--citadel-primary: #10b981;--citadel-accent: #3b82f6;--citadel-danger: #ef4444;--text-dim: rgba(255, 255, 255, .4);--border-citadel: rgba(255, 255, 255, .05);--sidebar-width: 260px;min-height:100vh;background:var(--bg-dark);color:#fafafa;font-family:Inter,sans-serif}.citadel-layout{display:flex;min-height:100vh}.citadel-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-citadel);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-brand{padding:2.5rem 1.5rem;border-bottom:1px solid var(--border-citadel);display:flex;align-items:center;gap:.75rem}.sidebar-nav{padding:1.5rem .75rem;flex:1;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:var(--text-dim);border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;text-align:left}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.sidebar-active{background:#10b9811a;color:var(--citadel-primary);border:1px solid rgba(16,185,129,.2)}.citadel-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;width:calc(100% - 280px)}.citadel-top-bar{height:70px;background:var(--bg-dark);border-bottom:1px solid var(--border-citadel);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:90}.search-box{display:flex;align-items:center;gap:.75rem;background:#ffffff08;border:1px solid var(--border-citadel);border-radius:8px;padding:.5rem 1rem;width:400px}.search-box input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:.9rem}.citadel-viewport{padding:2.5rem;max-width:1400px}.top-bar-stats{font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.citadel-search-wrap{position:relative;display:flex;align-items:center}.citadel-metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.citadel-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.citadel-metric-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border-citadel);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:120px}.citadel-metric-card:hover{border-color:var(--citadel-primary);transform:translateY(-8px);background:#ffffff0d;box-shadow:0 20px 40px #0006,0 0 20px #10b9811a}.citadel-metric-card .label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.citadel-metric-card .value{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;color:#fff}.citadel-metric-card .footer-stats{font-size:.7rem;color:var(--text-dim);display:flex;gap:1rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.03);padding-top:1rem}.card-bg-icon{position:absolute;right:-10px;bottom:-10px;font-size:4rem;opacity:.05;pointer-events:none;transform:rotate(-15deg)}.trend{font-weight:900;font-size:.65rem;margin-left:auto}.trend.positive{color:var(--citadel-primary)}.trend.negative{color:var(--citadel-danger)}.trend.neutral{color:var(--text-dim)}.pulse-dot{width:6px;height:6px;background:var(--citadel-primary);border-radius:50%;box-shadow:0 0 10px var(--citadel-primary);animation:blink 1.5s infinite;margin-left:auto}.citadel-metric-card.revenue{border-left:2px solid var(--citadel-primary)}.citadel-metric-card.scholars{border-left:2px solid var(--citadel-accent)}.citadel-metric-card.live{border-left:2px solid #ef4444}.citadel-metric-card.health{border-left:2px solid #a855f7}.citadel-notif{background:var(--citadel-danger);color:#fff;font-size:10px;font-weight:900;padding:.15rem .4rem;border-radius:4px}.citadel-promo-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.citadel-station-dock{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#141414cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-citadel);border-radius:100px;padding:.5rem;display:flex;gap:.5rem;z-index:1000;box-shadow:0 10px 40px #00000080}.dock-item{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);text-decoration:none;font-size:1.2rem;transition:all .3s}.dock-item:hover{background:#ffffff0d;color:#fff;transform:translateY(-4px)}.dock-item.active{background:var(--citadel-primary);color:#000}@media(max-width:600px){.citadel-station-dock{width:90%;justify-content:space-around}}.citadel-main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}@media(max-width:1024px){.citadel-main-grid{grid-template-columns:1fr}}.admin-panel{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-citadel);overflow:hidden;width:100%}.admin-panel-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-citadel);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.admin-panel-title{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:#fff;font-family:Inter,sans-serif}.admin-panel-subtitle{font-size:.75rem;opacity:.4;font-weight:500;margin-top:.2rem}.pulse-blue{background:#3b82f6;box-shadow:0 0 8px #3b82f6;animation:blink 2s infinite}.citadel-user-item{display:flex;padding:1rem 2rem;align-items:center;gap:1rem;border-bottom:1px solid var(--border-citadel);transition:all .2s}.citadel-user-item:hover{background:#ffffff05}.citadel-avatar{width:38px;height:38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--citadel-primary)}.citadel-user-item .name{font-weight:700;font-size:.9rem}.citadel-user-item .sub{font-size:.7rem;color:var(--text-dim)}.citadel-user-item .time{font-family:JetBrains Mono,monospace;font-size:.65rem;opacity:.4}.citadel-search-results{margin-bottom:3rem;border-color:var(--citadel-primary)}.citadel-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.5rem;gap:1rem}.citadel-result-card{padding:1rem;border:1px solid var(--border-citadel);border-radius:12px;cursor:pointer;transition:all .2s}.citadel-result-card:hover{border-color:var(--citadel-primary);background:#10b9810d}.result-type{font-size:.5rem;font-weight:900;text-transform:uppercase;color:var(--citadel-primary)}.result-name{font-weight:800;font-size:1rem;margin-top:.25rem}.result-sub{font-size:.7rem;opacity:.4}.admin-table-container{overflow-x:auto;max-height:600px;overflow-y:auto;border-radius:0 0 12px 12px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:1rem 1.5rem;color:var(--text-dim);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-citadel);background:#ffffff03}.admin-table tr{background:#ffffff05;transition:all .2s ease}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-citadel);vertical-align:middle;font-size:.9rem}.admin-table tr:hover{background:#ffffff03}.citadel-badge{padding:.25rem .5rem;border-radius:4px;font-size:10px;font-weight:900;text-transform:uppercase}.citadel-badge.pro{background:var(--citadel-primary);color:#000}.citadel-badge.free{background:#ffffff0d;color:var(--text-dim);border:1px solid rgba(255,255,255,.1)}.citadel-search-wrap{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-citadel);border-radius:8px;padding:0 1rem;height:48px;min-width:300px}.citadel-search-input{background:transparent;border:none;color:#fff;padding:.75rem;width:100%;outline:none}.citadel-search-mini .icon{font-size:.9rem;opacity:.5;margin-right:.5rem}.citadel-search-mini input{background:transparent;border:none;color:#fff;font-size:.85rem;margin-left:.5rem;width:100%}.citadel-search-mini input:focus{outline:none}.citadel-avatar-small{width:32px;height:32px;background:var(--citadel-primary);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.8rem}.citadel-action-btn{padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid transparent}.citadel-action-btn.grant{background:var(--citadel-primary);color:#000}.citadel-action-btn.grant:hover{filter:brightness(1.2);box-shadow:0 0 15px #10b9814d}.citadel-action-btn.revoke{background:transparent;color:var(--citadel-danger);border-color:var(--citadel-danger)}.citadel-action-btn.revoke:hover{background:var(--citadel-danger);color:#fff}.citadel-promo-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}.promo-creator{position:sticky;top:2rem}.citadel-textarea{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;color:#fff;font-family:inherit;font-size:.9rem;min-height:120px;resize:vertical;transition:all .2s}.citadel-textarea:focus{border-color:var(--citadel-primary);box-shadow:0 0 20px #10b9811a;outline:none}.citadel-stats-row{display:flex;gap:2rem;background:#ffffff05;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.citadel-stats-row .stat{flex:1}.citadel-stats-row .stat .label{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.25rem}.citadel-stats-row .stat .val{font-size:2rem;font-weight:900;font-family:Inter,sans-serif;color:var(--citadel-primary)}.promo-preview-box{background:#0000004d;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:.5rem}.price-simulation{display:flex;align-items:center;gap:1rem}.price-simulation .arrow{font-size:1.2rem;font-weight:100}.price-simulation .final{text-shadow:0 0 15px rgba(16,185,129,.2)}.citadel-textarea{width:100%;background:#000;border:1px solid var(--border-citadel);border-radius:8px;padding:1rem;color:#fff;font-family:inherit;resize:none}.citadel-btn-main{background:#fff;color:#000;border:none;padding:1rem;font-weight:900;font-size:.7rem;letter-spacing:.1em;border-radius:8px;cursor:pointer;transition:all .3s}.citadel-btn-main.active{background:var(--citadel-danger);color:#fff}.citadel-btn-main.secondary{background:#ffffff0d;color:#fff}.citadel-stats-row{display:flex;gap:2rem}.citadel-stats-row .stat .label{font-size:.55rem;text-transform:uppercase;color:var(--text-dim);font-weight:900}.citadel-stats-row .stat .val{font-size:2rem;font-weight:200;font-family:serif;font-style:italic}.citadel-tag-green{font-size:.6rem;font-weight:900;color:var(--citadel-primary);background:#10b9811a;padding:.25rem .5rem;border-radius:4px}.citadel-btn-mini{padding:.4rem 1rem;border:1px solid var(--border-citadel);background:transparent;color:#fff;font-size:10px;font-weight:800;border-radius:4px;cursor:pointer}.citadel-btn-mini.grant:hover{border-color:var(--citadel-primary);color:var(--citadel-primary)}.citadel-btn-mini.revoke:hover{border-color:var(--citadel-danger);color:var(--citadel-danger)}.citadel-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem}.citadel-room-status{padding:1.5rem;border:1px solid var(--border-citadel);border-radius:12px;transition:all .3s}.citadel-room-status.active{border-color:var(--citadel-primary);background:#10b98108}.citadel-room-status.active .dot{background:var(--citadel-primary);box-shadow:0 0 10px var(--citadel-primary)}.citadel-room-status .room-name{font-weight:700;margin-bottom:.5rem}.citadel-room-status .room-occupancy{font-size:.7rem;opacity:.5;display:flex;align-items:center;gap:.5rem}.admin-lock-screen{min-height:100vh;background:var(--bg-dark);display:flex;align-items:center;justify-content:center}.admin-lock-box{background:var(--bg-card);border:1px solid var(--border-citadel);padding:3rem;border-radius:20px;text-align:center;width:90%;max-width:400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 50px #00000080}.admin-lock-icon{font-size:3rem;margin-bottom:1.5rem}.admin-lock-title{font-weight:900;letter-spacing:.1em;color:var(--citadel-danger);margin-bottom:.5rem}.admin-lock-subtitle{color:var(--text-dim);font-size:.75rem;margin-bottom:2rem}.admin-passcode-input{background:#00000080;border:1px solid var(--border-citadel);border-radius:12px;color:#fff;text-align:center;font-size:2.5rem;letter-spacing:.5em;padding:1rem;width:100%;margin-bottom:1.5rem;outline:none;font-family:JetBrains Mono,monospace;transition:all .3s}.admin-passcode-input:focus{border-color:var(--citadel-primary);box-shadow:0 0 20px #10b9811a}.admin-passcode-input.error{border-color:var(--citadel-danger);animation:shake .4s}.admin-btn{width:100%;padding:1rem;background:var(--citadel-primary);color:#000;border:none;border-radius:12px;font-weight:900;cursor:pointer;transition:all .3s}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}.admin-abort-btn{background:transparent;color:var(--text-dim);border:none;margin-top:2rem;font-size:.7rem;font-weight:800;cursor:pointer}.admin-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.admin-modal-content{background:var(--bg-card);border:1px solid var(--border-citadel);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.admin-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-citadel);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg-card);z-index:10}.admin-modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;transition:color .2s;line-height:1}.admin-modal-close:hover{color:#fff}.admin-modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.admin-log-box{background:#0000004d;border:1px solid var(--border-citadel);border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}.admin-log-item{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}.admin-log-item:last-child{border-bottom:none}.admin-log-meta{font-size:.7rem;opacity:.5;margin-bottom:.25rem;display:flex;justify-content:space-between}.clickable-row{cursor:pointer}.clickable-row:hover{background:#ffffff0d!important}.settings-page{max-width:860px;margin:0 auto;padding:2rem 0}.settings-header{margin-bottom:2rem}.settings-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 .35rem}.settings-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem;transition:border-color .2s}.settings-card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.settings-card-header{display:flex;align-items:flex-start;gap:.9rem}.settings-card-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.settings-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem}.settings-card-desc{font-size:.78rem;color:var(--text-muted);margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.settings-row-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.settings-toggle-btn{background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);color:var(--primary);padding:.35rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s}.settings-toggle-btn:hover{background:color-mix(in srgb,var(--primary) 22%,transparent)}.settings-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.theme-chip{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.65rem .5rem;background:var(--bg-color);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;position:relative;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.theme-chip:hover{border-color:var(--primary);color:var(--text-primary)}.theme-chip-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.theme-chip-icon{font-size:1.15rem}.theme-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.theme-chip-check{position:absolute;top:4px;right:6px;font-size:.6rem;color:var(--primary);font-weight:900}.settings-lang-grid{display:flex;flex-wrap:wrap;gap:.5rem}.lang-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg-color);border:1.5px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s;font-size:.78rem;font-weight:600;color:var(--text-secondary);position:relative}.lang-chip:hover{border-color:var(--primary);color:var(--text-primary)}.lang-chip-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.lang-check{font-size:.6rem;font-weight:900;margin-left:2px}.settings-account-info{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-color);border-radius:12px;border:1px solid var(--border)}.account-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.account-name{font-weight:700;font-size:.9rem;color:var(--text-primary);margin:0 0 .2rem}.account-email{font-size:.75rem;color:var(--text-muted);margin:0 0 .4rem}.account-plan-badge{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:999px}.account-plan-badge.pro{background:color-mix(in srgb,gold 15%,transparent);color:#daa520;border:1px solid color-mix(in srgb,gold 30%,transparent)}.account-plan-badge.free{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted);border:1px solid var(--border)}.settings-actions{display:flex;gap:.6rem;flex-wrap:wrap}.settings-action-btn{padding:.5rem 1rem;border-radius:8px;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-action-btn:hover{border-color:var(--primary);color:var(--primary)}.settings-action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.settings-action-btn.primary:hover{opacity:.88}.settings-coming-soon{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem;text-align:center;background:var(--bg-color);border-radius:10px;border:1px dashed var(--border);font-size:.8rem;color:var(--text-muted)}.settings-coming-sub{font-size:.7rem;opacity:.65;margin:0}.settings-support-card{border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}.support-options{display:flex;flex-direction:column;gap:.6rem}.support-option-btn{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;background:var(--bg-color);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;text-align:left;text-decoration:none;color:var(--text-primary)}.support-option-btn:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}.support-opt-title{font-size:.82rem;font-weight:700;margin:0 0 .15rem;color:var(--text-primary)}.support-opt-sub{font-size:.7rem;color:var(--text-muted);margin:0}.support-arrow{margin-left:auto;opacity:.4;font-size:.9rem}.support-form{display:flex;flex-direction:column;gap:.75rem}.support-textarea{width:100%;background:var(--bg-color);border:1.5px solid var(--border);border-radius:10px;padding:.75rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box}.support-textarea:focus{border-color:var(--primary)}.support-form-actions{display:flex;gap:.6rem;justify-content:flex-end}.support-sent-msg{font-size:.78rem;color:#22c55e;text-align:center;margin:0}.settings-danger-card{border-color:#ef444440}.settings-danger-btn{width:100%;padding:.7rem 1rem;background:#ef444414;border:1.5px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s;text-align:center}.settings-danger-btn:hover{background:#ef444426;border-color:#ef4444}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-theme-grid{grid-template-columns:repeat(2,1fr)}}.leaderboard-page{padding:2rem 2rem 6rem;max-width:680px;margin:0 auto}.lb-header{text-align:center;margin-bottom:2rem}.lb-title{font-family:var(--font-serif);font-size:2.2rem;color:var(--text-primary);margin:0}.lb-subtitle{font-size:.78rem;color:var(--text-secondary);margin:.5rem 0 0;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.lb-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.lb-tab{padding:.5rem 1.25rem;border-radius:50px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.lb-tab:hover{border-color:var(--primary);color:var(--primary)}.lb-tab-active{background:var(--primary);border-color:var(--primary);color:#fff!important;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 40%,transparent)}.lb-my-rank{display:flex;align-items:center;justify-content:center;gap:.75rem;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:50px;padding:.6rem 1.5rem;margin-bottom:1.5rem}.lb-my-rank-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.lb-my-rank-num{font-family:var(--font-serif);font-size:1.4rem;color:var(--primary);font-weight:900}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:2.5rem;padding:0 1rem}.lb-podium-place{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1}.lb-podium-medal{font-size:1.75rem}.lb-podium-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;flex-shrink:0}.lb-podium-place.gold .lb-podium-avatar{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 20px #f59e0b80;width:58px;height:58px;font-size:1.3rem}.lb-podium-place.silver .lb-podium-avatar{background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:0 4px 16px #94a3b866}.lb-podium-place.bronze .lb-podium-avatar{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 16px #b4530966}.lb-podium-name{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary)}.lb-podium-score{font-size:.85rem;font-weight:900;color:var(--primary);font-family:var(--font-serif)}.lb-podium-block{width:100%;border-radius:12px 12px 0 0}.lb-podium-place.gold .lb-podium-block{background:linear-gradient(to bottom,#f59e0b33,#f59e0b22);border-top:2px solid #f59e0b}.lb-podium-place.silver .lb-podium-block{background:linear-gradient(to bottom,#94a3b833,#94a3b822);border-top:2px solid #94a3b8}.lb-podium-place.bronze .lb-podium-block{background:linear-gradient(to bottom,#b4530933,#b4530922);border-top:2px solid #b45309}.lb-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg-card)}.lb-row{display:flex;align-items:center;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}.lb-row-me{background:color-mix(in srgb,var(--primary) 8%,transparent)!important}.lb-rank{width:2rem;text-align:center;font-size:1.2rem;flex-shrink:0}.lb-rank-num{font-size:.65rem;font-weight:800;color:var(--text-secondary);display:block}.lb-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;overflow:hidden}.lb-info{flex:1;min-width:0}.lb-name{font-size:.82rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.lb-type{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.lb-score{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--primary);flex-shrink:0}.lb-score-label{font-size:.55rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-secondary)}.lb-you-badge,.lb-pro-badge{font-size:.48rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .45rem;border-radius:50px}.lb-you-badge{background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent)}.lb-pro-badge{background:linear-gradient(135deg,#f59e0b33,#ea580c33);color:#f59e0b;border:1px solid #f59e0b55}.lb-skeleton{height:58px;background:linear-gradient(90deg,var(--border) 25%,color-mix(in srgb,var(--border) 60%,transparent) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.duel-page{min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;position:relative}.duel-dark-bg{background:#070711}.duel-countdown-wrap{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#100c24,#060611 60%,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;overflow:hidden;perspective:800px}.cd-particles{position:absolute;inset:0;pointer-events:none}.cd-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--primary);animation:cd-burst 1.6s ease-out calc(var(--i) * .08s) infinite;opacity:0}@keyframes cd-burst{0%{transform:translate(-50%,-50%) rotate(calc(var(--i) * 20deg)) translateY(0);opacity:.9}60%{opacity:.4}to{transform:translate(-50%,-50%) rotate(calc(var(--i) * 20deg)) translateY(-180px);opacity:0}}.cd-players{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:640px;padding:0 1.5rem}.cd-player{display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:cd-player-in .6s cubic-bezier(.19,1,.22,1) both}.cd-player-left{animation-name:cd-player-left-in}.cd-player-right{animation-name:cd-player-right-in}@keyframes cd-player-left-in{0%{opacity:0;transform:translate(-80px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cd-player-right-in{0%{opacity:0;transform:translate(80px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.cd-player-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#4f1c0a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;overflow:hidden;box-shadow:0 0 0 3px var(--primary),0 0 32px color-mix(in srgb,var(--primary) 50%,transparent)}.cd-player-avatar img{width:100%;height:100%;object-fit:cover}.cd-player-label{font-size:.65rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}.cd-centre{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:160px}.cd-number{font-size:10rem;font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;transform-style:preserve-3d;text-shadow:0 0 60px color-mix(in srgb,var(--primary) 70%,transparent),0 0 120px color-mix(in srgb,var(--primary) 30%,transparent);will-change:transform,opacity}.cd-tick{animation:cd-number-flip .85s cubic-bezier(.19,1,.22,1) both}@keyframes cd-number-flip{0%{opacity:0;transform:perspective(600px) translateZ(-600px) rotateX(45deg) scale(.4)}35%{opacity:1;transform:perspective(600px) translateZ(20px) rotateX(-6deg) scale(1.08)}60%{transform:perspective(600px) translateZ(0) rotateX(0) scale(1)}85%{opacity:1}to{opacity:0;transform:perspective(600px) translateZ(80px) scale(1.15)}}.cd-fight{font-size:5rem;background:linear-gradient(135deg,#fbbf24,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:cd-fight-burst .6s cubic-bezier(.19,1,.22,1) both;text-shadow:none;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--primary) 80%,transparent))}@keyframes cd-fight-burst{0%{opacity:0;transform:perspective(600px) scale(.2) translateZ(-400px);filter:drop-shadow(0 0 0px transparent)}50%{opacity:1;transform:perspective(600px) scale(1.22) translateZ(40px);filter:drop-shadow(0 0 50px var(--primary))}to{opacity:1;transform:perspective(600px) scale(1) translateZ(0);filter:drop-shadow(0 0 20px var(--primary))}}.cd-swords{font-size:3rem;animation:cd-swords-clash .5s .15s cubic-bezier(.19,1,.22,1) both;filter:drop-shadow(0 0 20px rgba(249,115,22,.9))}@keyframes cd-swords-clash{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.3) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.cd-stake{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:color-mix(in srgb,var(--primary) 80%,#fff 20%);text-transform:uppercase;animation:cd-player-left-in .8s .3s both}.duel-hub{width:100%;max-width:640px;display:flex;flex-direction:column;gap:2.5rem}.duel-hub-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem 1.5rem}.duel-hub-emblem{font-size:4rem;animation:emblem-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(234,88,12,.6))}@keyframes emblem-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.duel-hub-title{font-size:2.6rem;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f97316 40%,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;margin:0;filter:drop-shadow(0 0 18px rgba(249,115,22,.45))}.duel-hub-sub{font-size:.95rem;font-weight:500;color:#fb923c;margin:0;max-width:360px;letter-spacing:.01em}.duel-career-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0;margin-top:-1rem}.duel-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;transition:transform .2s,border-color .2s}.duel-stat-card:hover{transform:translateY(-2px);border-color:#f973164d}.duel-stat-val{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1}.duel-stat-val.gold{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.4)}.duel-stat-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.duel-nemesis-card{grid-column:span 3;background:linear-gradient(135deg,#ef44441a,#0d0d111a);border:1px solid rgba(239,68,68,.2);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.duel-nemesis-info{display:flex;flex-direction:column;gap:.1rem;text-align:left;align-items:flex-start}.duel-nemesis-name{font-size:1rem;font-weight:800;color:#ef4444}.duel-nemesis-tag{font-size:.65rem;font-weight:700;color:#ef4444cc;text-transform:uppercase;letter-spacing:.1em}.duel-nemesis-stat{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.duel-hub-section-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;padding-left:.25rem}.duel-friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.duel-friend-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.duel-friend-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f9731600,#a855f700);transition:all .3s}.duel-friend-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 36px #f9731633}.duel-friend-card:hover:before{background:linear-gradient(135deg,#f973160f,#a855f70f)}.duel-friend-card-selected{border-color:#f97316;box-shadow:0 0 0 2px #f9731680}.duel-f-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;overflow:hidden;box-shadow:0 0 0 3px #f973164d}.duel-f-avatar img{width:100%;height:100%;object-fit:cover}.duel-f-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.duel-f-xp{font-size:.72rem;color:var(--text-muted)}.duel-challenge-badge{font-size:.65rem;font-weight:800;color:#f97316;background:#f973161a;border:1px solid rgba(249,115,22,.3);padding:2px 10px;border-radius:999px}.duel-no-friends{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;text-align:center;color:var(--text-muted);font-size:.85rem}.duel-no-friends span{font-size:2.5rem}.duel-cta-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.65rem 1.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}.duel-cta-btn:hover{opacity:.85}.duel-friends-loading{display:flex;gap:1rem}.duel-skeleton{height:140px;flex:1;border-radius:18px;background:linear-gradient(90deg,var(--bg-card) 25%,color-mix(in srgb,var(--border) 60%,transparent) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.duel-incoming-section{display:flex;flex-direction:column;gap:.75rem}.duel-incoming-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:linear-gradient(135deg,#f9731614,#a855f70d);border:1px solid rgba(249,115,22,.25);border-radius:14px;animation:incoming-pulse 2s ease-in-out infinite}@keyframes incoming-pulse{0%,to{box-shadow:0 0 #f9731633}50%{box-shadow:0 0 0 6px #f9731600}}.duel-incoming-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;overflow:hidden;flex-shrink:0}.duel-incoming-avatar img{width:100%;height:100%;object-fit:cover}.duel-incoming-info{flex:1}.duel-incoming-name{font-size:.88rem;font-weight:700;color:var(--text-primary)}.duel-incoming-sub{font-size:.72rem;color:var(--text-muted);margin-top:2px}.duel-accept-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.5rem 1rem;font-size:.82rem;font-weight:800;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.duel-accept-btn:hover{opacity:.88;transform:scale(1.04)}.duel-challenge-screen{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.75rem}.duel-back-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;align-self:flex-start;transition:color .15s}.duel-back-btn:hover{color:var(--text-primary)}.duel-vs-row{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;padding:1.5rem 0}.duel-vs-avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.duel-vs-avatar>:first-child{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;overflow:hidden;box-shadow:0 0 0 3px #f9731666}.duel-vs-avatar img{width:100%;height:100%;object-fit:cover}.duel-vs-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.duel-vs-center{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.25rem}.duel-vs-flame{font-size:2rem;animation:emblem-float 2s ease-in-out infinite}.duel-vs-text{font-size:1.2rem;font-weight:900;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}.duel-settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.duel-setting-group{display:flex;flex-direction:column;gap:.65rem}.duel-setting-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.duel-option-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.duel-option-btn{position:relative;padding:.5rem 1rem;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);transition:all .15s}.duel-option-btn:hover{border-color:var(--primary);color:var(--primary)}.duel-option-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 40%,transparent)}.duel-option-locked{opacity:.45;cursor:not-allowed}.duel-pro-lock{position:absolute;top:-6px;right:-6px;background:#f59e0b;color:#000;font-size:.55rem;font-weight:800;padding:1px 5px;border-radius:999px}.duel-unlock-btn{padding:.5rem 1rem;border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;border:1.5px dashed rgba(245,158,11,.5);background:#f59e0b0f;color:#f59e0b;transition:all .15s}.duel-unlock-btn:hover{background:#f59e0b1f}.duel-winner-bar{background:linear-gradient(135deg,#f973161a,#a855f71a);border:1px solid rgba(249,115,22,.2);border-radius:10px;padding:.65rem 1rem;font-size:.8rem;color:var(--text-secondary);text-align:center}.duel-winner-bar strong{color:var(--primary)}.duel-send-btn{width:100%;height:56px;border:none;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;background:#0a0a0a;color:#fff;position:relative;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;transition:color .2s;box-shadow:0 6px 24px #0006}.duel-send-btn:after,.duel-send-btn:before{position:absolute;content:"";width:100%;z-index:-1;transition:.25s ease;background:var(--primary)}.duel-send-btn:after{height:10%;bottom:0;clip-path:polygon(0% 74%,4% 75%,8% 76%,11% 77%,15% 78%,20% 78%,25% 77%,32% 77%,37% 75%,40% 74%,43% 74%,46% 73%,52% 72%,57% 72%,65% 74%,66% 75%,71% 78%,75% 82%,81% 86%,83% 88%,88% 91%,90% 94%,94% 96%,98% 98%,100% 100%,82% 100%,0 100%)}.duel-send-btn:before{height:10%;top:0;transform:rotate(180deg);clip-path:polygon(0% 74%,4% 75%,8% 76%,11% 77%,15% 78%,20% 78%,25% 77%,32% 77%,37% 75%,40% 74%,43% 74%,46% 73%,52% 72%,57% 72%,65% 74%,66% 75%,71% 78%,75% 82%,81% 86%,83% 88%,88% 91%,90% 94%,94% 96%,98% 98%,100% 100%,82% 100%,0 100%)}.duel-send-btn:hover:after{clip-path:polygon(0 30%,9% 34%,7% 39%,11% 43%,13% 33%,17% 30%,24% 34%,25% 35%,30% 31%,30% 38%,39% 33%,35% 43%,43% 45%,55% 46%,65% 74%,67% 66%,81% 57%,75% 82%,81% 86%,83% 88%,88% 91%,90% 94%,94% 96%,98% 98%,100% 100%,82% 100%,0 100%);height:100%}.duel-send-btn:hover:before{clip-path:polygon(0 30%,9% 34%,7% 39%,11% 43%,13% 33%,17% 30%,24% 34%,25% 35%,30% 31%,30% 38%,39% 33%,35% 43%,43% 45%,55% 46%,65% 74%,67% 66%,81% 57%,75% 82%,81% 86%,83% 88%,88% 91%,90% 94%,94% 96%,98% 98%,100% 100%,82% 100%,0 100%);height:100%}.duel-send-btn:active{transform:scale(.98)}.duel-sending{opacity:.5;cursor:not-allowed;pointer-events:none}.duel-pro-nudge{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:.85rem 1rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;text-align:center;transition:background .15s}.duel-pro-nudge:hover{background:#f59e0b24}.duel-pro-nudge strong{color:#f59e0b}.duel-waiting{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:6rem}.duel-waiting-ring{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.duel-waiting-ring:before,.duel-waiting-ring:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(249,115,22,.4);animation:ring-expand 1.8s ease-out infinite}.duel-waiting-ring:before{width:100%;height:100%}.duel-waiting-ring:after{width:100%;height:100%;animation-delay:.6s}@keyframes ring-expand{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.duel-waiting-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;overflow:hidden;z-index:1}.duel-waiting-avatar img{width:100%;height:100%;object-fit:cover}.duel-waiting-title{font-size:1.4rem;font-weight:800;color:#fff;margin:0}.duel-waiting-sub{font-size:.85rem;color:#ffffff80;text-align:center;max-width:300px;margin:0}.duel-cancel-btn{margin-top:.5rem;padding:.55rem 1.5rem;border-radius:10px;background:transparent;border:1.5px solid rgba(239,68,68,.35);color:#ef4444a6;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.02em}.duel-cancel-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.03)}.duel-waiting-dots{display:flex;gap:8px}.duel-waiting-dots span{width:8px;height:8px;border-radius:50%;background:#f97316;animation:dot-bounce 1.4s ease-in-out infinite both}.duel-waiting-dots span:nth-child(1){animation-delay:0s}.duel-waiting-dots span:nth-child(2){animation-delay:.2s}.duel-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.duel-arena{background:radial-gradient(ellipse at center,#0d0820,#070711);min-height:100vh;padding:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.duel-arena-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.duel-arena-xp-pill{background:#f9731626;border:1px solid rgba(249,115,22,.3);color:#fb923c;font-size:.78rem;font-weight:800;padding:.35rem .85rem;border-radius:999px}.duel-arena-label{font-size:.62rem;font-weight:800;letter-spacing:.2em;color:#ffffff4d;text-transform:uppercase}.duel-arena-duration{font-size:.78rem;color:#fff6}.duel-arena-grid{display:grid;grid-template-columns:1fr auto 1fr;flex:1;align-items:center;padding:2rem;gap:1rem;min-height:60vh}.duel-player-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border-radius:24px;transition:all .4s;position:relative;overflow:hidden}.duel-focused{background:#22c55e0a;border:1px solid rgba(34,197,94,.15);box-shadow:0 0 60px #22c55e0f}.duel-breaking{background:#ef44440f;border:1px solid rgba(239,68,68,.25);box-shadow:0 0 60px #ef44441f;animation:shake-panel .3s ease-in-out 0s 2}@keyframes shake-panel{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.duel-player-avatar-wrap{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.duel-focus-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(34,197,94,.5);animation:ring-pulse 2s ease-in-out infinite}.duel-breaking .duel-focus-ring{border-color:#ef4444b3;animation:ring-flicker .4s ease-in-out infinite}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:.4}}@keyframes ring-flicker{0%,to{opacity:1;transform:scale(1.05)}50%{opacity:.2;transform:scale(.95)}}.duel-player-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;overflow:hidden;z-index:1}.duel-player-avatar img{width:100%;height:100%;object-fit:cover}.duel-player-name{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80}.duel-big-timer{font-size:3.2rem;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.02em;text-shadow:0 0 20px rgba(34,197,94,.3);font-family:Courier New,monospace}.duel-breaking .duel-big-timer{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.duel-warning-banner{background:#ef444426;border:1.5px solid rgba(239,68,68,.4);border-radius:10px;padding:.5rem 1rem;font-size:.82rem;font-weight:800;color:#ef4444;text-align:center;animation:warning-flash .5s ease-in-out infinite}.opp-warn{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b1a;animation:none}@keyframes warning-flash{0%,to{opacity:1}50%{opacity:.5}}.duel-grace-count{font-size:1.2rem;font-weight:900;color:#fff;margin-left:.25rem}.duel-arena-centre{display:flex;flex-direction:column;align-items:center;gap:.5rem}.duel-vs-swords{font-size:2.5rem;filter:drop-shadow(0 0 12px rgba(249,115,22,.8));animation:emblem-float 3s ease-in-out infinite}.duel-vs-label-big{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.12em}.duel-xp-badge{background:#f973161f;border:1px solid rgba(249,115,22,.3);border-radius:12px;padding:.5rem .75rem;font-size:1.4rem;font-weight:900;color:#f97316;text-align:center;line-height:1.1}.duel-xp-badge span{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f97316b3}.duel-arena-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.06)}.duel-focus-tip{font-size:.72rem;color:#ffffff40}.duel-forfeit-btn{background:none;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;color:#ef444499;cursor:pointer;transition:all .15s}.duel-forfeit-btn:hover{background:#ef444414;color:#ef4444;border-color:#ef4444}.duel-result-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.result-win{background:radial-gradient(ellipse at center,#0d1f0d,#070711)}.result-lose{background:radial-gradient(ellipse at center,#1a0808,#070711)}.result-draw{background:radial-gradient(ellipse at center,#0f0f1e,#070711)}.duel-result-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;max-width:420px}.duel-result-emoji{font-size:5rem;animation:result-bounce .6s cubic-bezier(.34,1.56,.64,1) forwards}.winner-emoji{filter:drop-shadow(0 0 30px rgba(234,179,8,.8))}@keyframes result-bounce{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.duel-result-title{font-size:2.5rem;font-weight:900;margin:0;color:#fff}.winner-title{background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loser-title{color:#ef4444e6}.duel-result-sub{font-size:.92rem;color:#ffffff80;margin:0;line-height:1.6}.duel-xp-gained{font-size:2rem;font-weight:900;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:14px;padding:.5rem 2rem}.duel-xp-lost{font-size:2rem;font-weight:900;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:.5rem 2rem}.duel-result-actions{display:flex;gap:.75rem;margin-top:.5rem}.duel-result-btn{padding:.85rem 1.75rem;border-radius:12px;font-size:.92rem;font-weight:800;cursor:pointer;border:none;transition:all .2s}.rematch{background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;box-shadow:0 4px 16px #f9731659}.rematch:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f9731680}.home{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.home:hover{background:#ffffff1a}@media(max-width:600px){.duel-arena-grid{grid-template-columns:1fr;padding:1rem}.duel-arena-centre{flex-direction:row}.duel-big-timer{font-size:2.4rem}}.zen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:500000;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:space-between;padding:3vh 4vw;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;color:var(--text-primary);font-family:var(--font-serif);-webkit-user-select:none;user-select:none}.zen-overlay.active{opacity:1;pointer-events:auto}.zen-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(circle at center,#1e1e1e0d,#0a0a0acc)}.dark .zen-backdrop{background:radial-gradient(circle at center,#0a0a0a66,#000000f2)}.zen-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:floatOrb 20s infinite alternate ease-in-out}.orb-1{width:60vw;height:60vw;background:var(--primary);top:-20%;left:-10%}.orb-2{width:50vw;height:50vw;background:var(--accent);bottom:-10%;right:-20%;animation-delay:-5s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.1)}to{transform:translate(-5%,-5%) scale(.95)}}.zen-header{display:flex;justify-content:space-between;align-items:center;z-index:10}.zen-brand{font-size:1.5rem;font-style:italic;letter-spacing:.05em}.zen-exit-focus-action{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border);padding:.75rem 2rem;font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;cursor:pointer!important;pointer-events:all!important;z-index:1000!important;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zen-exit-focus-action:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.zen-center{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;z-index:10;transform:translateY(-5vh)}.zen-timer-display{font-family:var(--font-sans);font-size:clamp(6rem,15vw,12rem);font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--text-primary);cursor:pointer;transition:transform .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.zen-timer-display:hover{transform:scale(1.02);opacity:.8}.zen-timer-label{font-family:var(--font-sans);font-size:.85rem;text-transform:uppercase;letter-spacing:.3em;color:var(--primary);font-weight:700}.zen-audio-dock{z-index:10;display:flex;justify-content:center;align-items:center;padding-bottom:2vh}.zen-audio-controls{display:flex;align-items:center;gap:1.5rem;background:var(--surface);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:100px;box-shadow:0 10px 30px #0000000d}.dark .zen-audio-controls{box-shadow:0 10px 30px #0006}.zen-play-btn{background:var(--text-primary);color:var(--bg-color);border:none;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;transition:transform .2s ease}.zen-play-btn:hover{transform:scale(1.1)}.zen-custom-select-wrapper{position:relative}.zen-track-select-btn{background:transparent;color:var(--text-primary);border:none;font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;outline:none;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;border-radius:12px;transition:background .2s ease}.zen-track-select-btn:hover{background:#ffffff0d}.zen-chevron{width:14px;height:14px;transition:transform .3s ease}.zen-chevron.open{transform:rotate(180deg)}.zen-dropdown-overlay{position:fixed;inset:0;z-index:100;cursor:default}.zen-custom-dropdown{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--bg-card) 60%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:.5rem;z-index:101;min-width:200px;box-shadow:0 10px 40px #00000080;animation:dropdown-fade-up .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:2px}@keyframes dropdown-fade-up{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.zen-dropdown-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.zen-dropdown-item:hover{background:#ffffff0d;transform:translate(2px)}.zen-dropdown-item.active{background:color-mix(in srgb,var(--primary) 20%,transparent);color:#fff;font-weight:700}.zen-check{color:var(--primary);font-weight:700}.zen-volume{display:flex;align-items:center;gap:.5rem}.zen-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.zen-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer}.cmd-palette-overlay{position:fixed;inset:0;z-index:999999;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;animation:cmdOverlayIn .15s ease-out}@keyframes cmdOverlayIn{0%{opacity:0}to{opacity:1}}.cmd-palette{width:560px;max-width:92vw;max-height:480px;background:var(--surface, #fff);border:1px solid var(--border, #e5e5e5);border-radius:16px;box-shadow:0 24px 80px #00000040,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;overflow:hidden;animation:cmdSlideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes cmdSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-input-wrap{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #e5e5e5)}.cmd-search-icon{font-size:1.1rem;opacity:.4;font-family:var(--font-sans);font-weight:600}.cmd-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:1rem;color:var(--text-primary);letter-spacing:-.01em}.cmd-input::placeholder{color:var(--text-secondary, #999);opacity:.6}.cmd-kbd{font-family:var(--font-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border, #ddd);background:var(--bg-color, #f5f5f5);color:var(--text-secondary, #888)}.cmd-list{flex:1;overflow-y:auto;padding:.5rem;scroll-behavior:smooth}.cmd-group-label{font-family:var(--font-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary, #999);padding:.75rem .75rem .35rem}.cmd-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease;font-family:var(--font-sans);color:var(--text-primary);text-align:left}.cmd-item:hover,.cmd-item--active{background:var(--primary, #CC4B2C);color:#fff}.cmd-item--active .cmd-item-icon{filter:brightness(1.2)}.cmd-item-icon{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}.cmd-item-label{flex:1;font-size:.88rem;font-weight:500}.cmd-item-hint{font-size:.75rem;opacity:.7;font-weight:600}.cmd-empty{text-align:center;padding:2rem;color:var(--text-secondary, #999);font-size:.85rem;font-family:var(--font-sans)}.cmd-footer{display:flex;gap:1.25rem;padding:.6rem 1.25rem;border-top:1px solid var(--border, #e5e5e5);font-family:var(--font-sans);font-size:.65rem;color:var(--text-secondary, #999)}.cmd-footer kbd{font-family:var(--font-sans);font-weight:700;font-size:.6rem;padding:.1rem .3rem;background:var(--bg-color, #f5f5f5);border:1px solid var(--border, #ddd);border-radius:3px;margin-right:.25rem}.cmd-list::-webkit-scrollbar{width:4px}.cmd-list::-webkit-scrollbar-track{background:transparent}.cmd-list::-webkit-scrollbar-thumb{background:var(--border, #ddd);border-radius:2px}.sidebar{width:240px;min-width:240px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;z-index:50;transition:width .25s ease;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,transparent 60%);opacity:.6}.sidebar-header{height:72px;display:flex;align-items:center;padding:0 1.25rem;gap:.85rem;cursor:pointer;flex-shrink:0;border-bottom:1px solid var(--border);transition:background .2s}.sidebar-header:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:900;font-size:.85rem;border-radius:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent);flex-shrink:0}.logo-text{font-family:var(--font-serif);font-weight:700;font-size:1.05rem;color:var(--text-primary);letter-spacing:-.02em}.sidebar-nav{flex-grow:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.65rem .9rem;border-radius:10px;color:var(--text-secondary);font-size:.82rem;font-weight:500;letter-spacing:.01em;transition:all .18s ease;width:100%;justify-content:flex-start;background:transparent;border:none;cursor:pointer;text-align:left;position:relative}.nav-item:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text-primary)}.nav-item.active{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);font-weight:700;box-shadow:inset 3px 0 0 var(--primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--primary);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--primary)}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.85}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-label{flex:1;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-label{padding:.75rem .9rem .35rem;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);opacity:.6}.pro-lock-badge{font-size:.55rem;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);padding:2px 5px;border-radius:4px;font-weight:800;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);flex-shrink:0}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.2rem;flex-shrink:0}.workspace-pulse-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.workspace-pulse-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 24px #0003}.pulse-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(3.5);opacity:0}}.pulse-body{display:flex;align-items:center;gap:.85rem}.pulse-fire{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(255,100,0,.3))}.pulse-count{font-size:1.25rem;font-weight:900;color:var(--text-primary);font-family:var(--font-serif);line-height:1}.pulse-label{font-size:.65rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.community-energy-wrap{margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.06)}.energy-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.energy-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800}.energy-value{font-size:.65rem;font-weight:900;color:var(--primary);text-shadow:0 0 8px color-mix(in srgb,var(--primary) 40%,transparent)}.energy-track{height:5px;background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative}.energy-fill{height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#fff));border-radius:inherit;box-shadow:0 0 12px color-mix(in srgb,var(--primary) 50%,transparent);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.energy-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:energy-shimmer 2s infinite}@keyframes energy-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logout-btn{color:var(--text-muted)!important}.logout-btn:hover{color:#ef4444!important;background:#ef444414!important}.pro-upgrade-btn{--border-radius: 10px;--border-width: 2px;appearance:none;position:relative;padding:.65rem 1rem;border:0;background-color:var(--bg-color);font-family:var(--font-sans);font-size:.7rem;font-weight:800;color:var(--text-primary);z-index:2;cursor:pointer;width:100%;letter-spacing:.18em;transition:transform .2s ease;border-radius:var(--border-radius);text-align:center;margin-bottom:.25rem}.pro-upgrade-btn:after{--m-i: linear-gradient(#000, #000);--m-o: content-box, padding-box;content:"";position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--border-width);border-radius:var(--border-radius);background-image:conic-gradient(#488cfb,#29dbbc,#ddf505,#ff9f0e,#e440bb,#655adc,#488cfb);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);mask-clip:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(0);animation:rotate-hue linear 2s infinite}.pro-upgrade-btn,.pro-upgrade-btn:after{box-sizing:border-box}.pro-upgrade-btn:hover{transform:scale(1.02)}.pro-upgrade-btn:active{transform:scale(.98)}@keyframes rotate-hue{to{filter:hue-rotate(1turn)}}@media(max-width:1024px){.sidebar{width:72px;min-width:72px}.sidebar-header{justify-content:center;padding:0}.logo-text,.nav-label,.sidebar-section-label{display:none}.nav-item{justify-content:center;padding:.75rem}.nav-item.active:before{display:none}.nav-item.active{box-shadow:none;border-radius:10px}}@media(max-width:768px){.sidebar{position:fixed;width:100%;height:65px;inset:auto 0 0;flex-direction:row;border-right:none;border-top:1px solid var(--border);padding:0;background-color:var(--bg-card);z-index:1000;box-shadow:0 -4px 20px #00000026}.sidebar:before{display:none}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;padding:0;justify-content:space-around;align-items:center;width:100%;overflow:visible;gap:0}.nav-item{flex:1;flex-direction:column;gap:.15rem;padding:.5rem .25rem;border-radius:0;justify-content:center;align-items:center;min-width:0;font-size:.58rem}.nav-item:hover,.nav-item.active{background:none;color:var(--primary);box-shadow:none}.nav-item.active:before{display:none}.nav-icon{width:20px;height:20px;margin:0}.nav-label{display:block;font-size:.58rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pro-lock-badge{display:none}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:calc(100% - 65px);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}.mobile-menu-container{position:absolute;bottom:0;left:0;width:100%;background:var(--bg-card);border-radius:20px 20px 0 0;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 -10px 40px #0003;animation:slideUp .3s cubic-bezier(.19,1,.22,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mobile-menu-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border)}.mobile-menu-item.active{border-color:var(--primary);color:var(--primary)}.mobile-menu-footer{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.sidebar-desktop-tabs{display:none}.mobile-more-btn{display:flex!important}}@media(min-width:769px){.sidebar-desktop-tabs{display:contents}.mobile-more-btn{display:none!important}}.maintenance-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);position:relative;overflow:hidden;padding:2rem}.maintenance-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(234,88,12,.05) 0%,transparent 70%);pointer-events:none;border-radius:50%;animation:pulse-glow 4s infinite alternate ease-in-out}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(.9);opacity:.5}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.maintenance-content{max-width:500px;text-align:center;position:relative;z-index:10}.maintenance-icon{width:64px;height:64px;margin:0 auto 2rem;color:var(--primary);animation:spin-slow 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-title{font-family:var(--font-serif);font-size:3rem;font-style:italic;font-weight:300;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.maintenance-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:3rem}.maintenance-status{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff08;border:1px solid var(--border);border-radius:100px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 10px #ef4444;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.status-text{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.support-widget-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-sans)}.support-floating-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);padding:.75rem 1.25rem;border-radius:100px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.support-floating-btn:hover{transform:translateY(-5px);border-color:var(--primary)}.support-floating-btn .icon{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.support-floating-btn .text{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.support-widget-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:320px;box-shadow:0 10px 40px #00000080;overflow:hidden;animation:slide-up .3s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:bottom right}@keyframes slide-up{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.support-widget-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.support-widget-header h3{font-size:.9rem;font-family:var(--font-serif);font-style:italic;font-weight:500;margin:0}.close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.support-widget-body{padding:1.25rem}.support-instructions{font-size:.75rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.support-textarea{width:100%;background:#ffffff08;border:1px solid var(--border);color:var(--text-primary);padding:.75rem;font-family:var(--font-sans);font-size:.85rem;border-radius:4px;resize:none;margin-bottom:1rem;transition:border-color .2s}.support-textarea:focus{outline:none;border-color:var(--primary)}.support-submit-btn{width:100%;padding:.75rem;background:var(--text-primary);color:var(--bg-color);border:none;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s}.support-submit-btn:hover:not(:disabled){background:var(--primary);color:#fff}.support-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.support-widget-container{bottom:1rem;right:1rem}}.dm-backdrop{position:fixed;inset:0;z-index:799;background:transparent}.dm-panel{position:fixed;top:72px;right:1rem;width:520px;max-width:calc(100vw - 2rem);height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 20px 20px;border-top:none;box-shadow:0 24px 80px #0000004d;overflow:hidden;animation:dmSlideIn .22s cubic-bezier(.19,1,.22,1);z-index:800}@keyframes dmSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.dm-panel-inner{display:flex;height:100%}.dm-friends-list{width:240px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.dm-friends-scroll{flex:1;overflow-y:auto;scrollbar-width:thin}.dm-panel-header{padding:1rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.dm-search-bar{padding:.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.dm-search-bar input{width:100%;background:color-mix(in srgb,var(--border) 40%,transparent);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.7rem;color:var(--text-primary);outline:none;transition:border-color .2s}.dm-search-bar input:focus{border-color:var(--primary)}.dm-chat-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;transition:background .15s;border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent)}.dm-chat-row:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.dm-chat-row-active{background:color-mix(in srgb,var(--primary) 10%,transparent)!important}.dm-chat-row-unread .dm-chat-row-name{font-weight:800}.dm-chat-row-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;overflow:hidden}.dm-chat-row-avatar img{width:100%;height:100%;object-fit:cover}.dm-chat-row-info{flex:1;min-width:0}.dm-chat-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem}.dm-chat-row-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-chat-row-time{font-size:.68rem;color:var(--text-muted);flex-shrink:0}.dm-chat-row-preview{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:2px;font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-chat-row-preview>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis}.dm-preview-bold{color:var(--text-primary)!important;font-weight:600}.dm-chat-unread-dot{width:10px;height:10px;background:var(--primary);border-radius:50%;flex-shrink:0;display:inline-block}.dm-friend-item{display:none}.dm-unread-badge{width:8px;height:8px;background:#ef4444;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px var(--bg-card)}.dm-chat-area{flex:1;display:flex;flex-direction:column;min-width:0}.dm-chat-header{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.dm-chat-name{font-size:.82rem;font-weight:700;color:var(--text-primary)}.dm-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin}.dm-msg{display:flex;flex-direction:column}.dm-msg-me{align-items:flex-end}.dm-msg-them{align-items:flex-start}.dm-msg-sender-name{font-size:.65rem;font-weight:600;color:var(--text-muted);margin-bottom:.2rem;margin-left:.2rem;margin-right:.2rem}.dm-msg-bubble{max-width:75%;padding:.55rem .9rem;border-radius:16px;font-size:.8rem;line-height:1.45;word-break:break-word}.dm-msg-me .dm-msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.dm-msg-them .dm-msg-bubble{background:rgba(var(--bg-card-rgb, 255,255,255),.12);background:color-mix(in srgb,var(--text-primary) 10%,var(--bg-card));color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.dm-msg-img{max-width:180px;max-height:180px;border-radius:10px;object-fit:cover;margin-bottom:.25rem;border:1px solid var(--border)}.dm-typing-indicator{display:flex;gap:4px;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:fit-content;align-items:center;align-self:flex-start;margin-bottom:.5rem}.dm-typing-indicator span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.dm-typing-indicator span:nth-child(1){animation-delay:-.32s}.dm-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.dm-input-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);flex-shrink:0}.dm-input{flex:1;background:color-mix(in srgb,var(--border) 50%,transparent);border:1px solid var(--border);border-radius:50px;padding:.5rem 1rem;font-size:.8rem;color:var(--text-primary);outline:none;transition:border-color .2s}.dm-input:focus{border-color:var(--primary)}.dm-send-btn{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,opacity .2s}.dm-send-btn:disabled{opacity:.4;cursor:not-allowed}.dm-send-btn:hover:not(:disabled){transform:scale(1.08)}.dm-send-btn svg{width:16px;height:16px}.dm-attach-btn{position:relative;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--border) 40%,transparent);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.dm-attach-btn:hover{background:var(--border);color:var(--text-primary)}.dm-attach-btn svg{width:18px;height:18px}.dm-pro-lock{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:#f59e0b;color:#fff;border-radius:50%;border:1.5px solid var(--bg-card);display:flex;align-items:center;justify-content:center}.dm-pro-lock svg{width:8px;height:8px}.dm-empty,.dm-chat-placeholder,.dm-no-msgs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.75rem}.dm-empty span,.dm-chat-placeholder span{font-size:2rem}.dm-no-msgs{font-size:.8rem;font-style:italic;opacity:.6}.dm-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;line-height:1;padding:0 .2rem;transition:color .15s}.dm-close-btn:hover{color:var(--text-primary)}@media(max-width:768px){.dm-panel{top:60px;right:0;width:100vw;border-radius:0;height:calc(100vh - 60px)}.dm-friends-list{width:110px}}.ps-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.ps-panel{position:fixed;top:68px;right:140px;width:380px;max-height:75vh;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 64px #00000059;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:psSlideIn .2s cubic-bezier(.19,1,.22,1)}@keyframes psSlideIn{0%{opacity:0;transform:translateY(-14px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.ps-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.ps-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text-primary)}.ps-title svg{width:16px;height:16px;color:var(--primary)}.ps-close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;line-height:1;padding:0;transition:color .15s}.ps-close:hover{color:var(--text-primary)}.ps-search-wrap{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.ps-search-wrap svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.ps-search-input{flex:1;background:none;border:none;outline:none;font-size:.88rem;color:var(--text-primary);font-family:var(--font-sans)}.ps-search-input::placeholder{color:var(--text-muted)}.ps-clear-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;line-height:1;padding:0}.ps-clear-btn:hover{color:var(--text-primary)}.ps-results-list{flex:1;overflow-y:auto;padding:.5rem}.ps-result-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:10px;transition:background .15s}.ps-result-row:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.ps-result-profile{display:flex;align-items:center;gap:.7rem;flex:1;background:none;border:none;cursor:pointer;padding:0;text-align:left}.ps-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;overflow:hidden}.ps-avatar img{width:100%;height:100%;object-fit:cover}.ps-info{min-width:0}.ps-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.ps-type{font-size:.72rem;color:var(--text-muted);margin-top:1px}.ps-row-actions{display:flex;align-items:center;gap:.4rem}.ps-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.ps-btn-icon:hover{background:var(--border);color:var(--text-primary)}.ps-btn-icon svg{width:14px;height:14px}.ps-btn{padding:.3rem .75rem;border-radius:999px;font-size:.72rem;font-weight:700;cursor:pointer;border:1.5px solid;white-space:nowrap;transition:all .15s;flex-shrink:0}.ps-btn-add{background:var(--primary);color:#fff;border-color:var(--primary)}.ps-btn-add:hover{opacity:.88}.ps-btn-pending{background:transparent;color:var(--text-muted);border-color:var(--border);cursor:default}.ps-btn-friend{background:transparent;color:#22c55e;border-color:#22c55e;cursor:default}.ps-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.82rem}.ps-empty span{font-size:2rem}.ps-profile-view{flex:1;overflow-y:auto;padding:1rem}.ps-back-btn{background:none;border:none;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:1rem}.ps-profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ps-profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;flex-shrink:0;overflow:hidden}.ps-profile-avatar img{width:100%;height:100%;object-fit:cover}.ps-profile-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.ps-profile-type{font-size:.78rem;color:var(--text-muted);margin-top:2px}.ps-profile-stats{display:flex;gap:1rem;background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}.ps-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ps-stat span{font-size:1.1rem;font-weight:800;color:var(--primary)}.ps-profile-bio{margin-bottom:1rem}.ps-profile-bio-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.35rem}.ps-profile-bio p{font-size:.83rem;color:var(--text-primary);line-height:1.5;margin:0}.ps-interests{display:flex;flex-wrap:wrap;gap:.4rem}.ps-interest-tag{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600}.ps-profile-actions{display:flex;gap:.5rem;margin-top:1rem}.ps-action-btn{flex:1;padding:.65rem;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:opacity .2s}.ps-action-btn.ps-btn-add{background:var(--primary);color:#fff}.ps-action-btn.ps-btn-friend{background:color-mix(in srgb,#22c55e 15%,transparent);color:#22c55e;cursor:default}.ps-action-btn.ps-btn-pending{background:var(--border);color:var(--text-muted);cursor:default}.ps-action-btn.ps-btn-msg{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.ps-action-btn:hover:not(:disabled){opacity:.85}@media(max-width:768px){.ps-panel{right:8px;left:8px;width:auto;top:64px;max-height:85vh}}.ps-tabs{display:flex;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--border) 20%,transparent);flex-shrink:0}.ps-tab{flex:1;padding:.65rem .5rem;font-size:.78rem;font-weight:700;cursor:pointer;background:none;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .15s;position:relative}.ps-tab:hover{color:var(--text-primary)}.ps-tab-active{color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 8%,transparent);border-bottom:2px solid var(--primary)}.ps-tab-badge{background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;border-radius:999px;padding:0 5px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.ps-friends-tab{flex:1;overflow-y:auto;padding:.5rem}.ps-section{margin-bottom:.75rem}.ps-section-header{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.5rem .5rem .4rem}.ps-section-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ps-dot-incoming{background:#f59e0b}.ps-dot-friend{background:#22c55e}.ps-friend-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:10px;transition:background .15s}.ps-friend-row:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.ps-incoming-row{background:color-mix(in srgb,#f59e0b 6%,transparent);border:1px solid color-mix(in srgb,#f59e0b 20%,transparent);margin-bottom:.35rem}.ps-avatar.sm{width:36px;height:36px;font-size:.85rem}.ps-info.flex-1{flex:1;min-width:0}.ps-btn-incoming{background:#22c55e;color:#fff;border-color:#22c55e}.ps-btn-incoming:hover{opacity:.88}.ps-btn-duel{background:linear-gradient(135deg,#f97316,#a855f7);color:#fff;border-color:transparent}.ps-btn-duel:hover{opacity:.88;transform:scale(1.04)}.ps-btn-decline{padding:.3rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;cursor:pointer;border:1.5px solid #ef4444;background:transparent;color:#ef4444;white-space:nowrap;transition:all .15s}.ps-btn-decline:hover{background:#ef4444;color:#fff}.ps-btn-unfriend{padding:.3rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);white-space:nowrap;transition:all .15s}.ps-btn-unfriend:hover{border-color:#ef4444;color:#ef4444}.ps-empty.sm{padding:1.25rem 1rem;font-size:.78rem}.dip-stack{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9998;display:flex;flex-direction:column-reverse;gap:1rem;pointer-events:none}.dip-card{position:relative;width:340px;background:#0d0a1e;border-radius:20px;overflow:hidden;pointer-events:all;box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff0f;animation:dip-slide-in .45s cubic-bezier(.19,1,.22,1) calc(var(--idx, 0) * .1s) both;transform-origin:bottom right}@keyframes dip-slide-in{0%{opacity:0;transform:translateY(32px) scale(.92);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.dip-glow-border{position:absolute;inset:0;border-radius:20px;padding:1.5px;background:linear-gradient(135deg,var(--primary),#a855f7,var(--primary));background-size:200% 200%;animation:dip-border-shift 2.5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}@keyframes dip-border-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dip-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .6rem}.dip-badge{font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);padding:3px 10px;border-radius:999px}.dip-x{background:none;border:none;color:#ffffff4d;font-size:.8rem;cursor:pointer;padding:2px 6px;border-radius:6px;transition:color .15s,background .15s;line-height:1}.dip-x:hover{color:#fff;background:#ffffff14}.dip-body{display:flex;align-items:center;gap:1rem;padding:.25rem 1rem 1rem}.dip-avatar{position:relative;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#4a0e0e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;overflow:hidden;flex-shrink:0}.dip-avatar img{width:100%;height:100%;object-fit:cover}.dip-avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--primary);animation:dip-ring-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes dip-ring-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:.3}}.dip-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.dip-challenger-name{font-size:1rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dip-details{display:flex;gap:.4rem;flex-wrap:wrap}.dip-pill{font-size:.68rem;font-weight:700;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:2px 8px;border-radius:999px}.dip-xp-pill{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.dip-stakes-text{font-size:.7rem;color:#ffffff59}.dip-stakes-text strong{color:#fff9}.dip-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.dip-btn{flex:1;padding:.6rem .5rem;border-radius:10px;font-size:.82rem;font-weight:800;cursor:pointer;border:none;transition:all .18s;letter-spacing:.02em}.dip-decline{background:#ffffff0f;color:#ffffff73;border:1px solid rgba(255,255,255,.1)}.dip-decline:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.dip-accept{background:var(--primary);color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 50%,transparent);position:relative;overflow:hidden}.dip-accept:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.dip-accept:hover:before{left:100%}.dip-accept:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 24px color-mix(in srgb,var(--primary) 70%,transparent)}.dip-accept:active{transform:scale(.97)}.dip-timer-bar{height:2px;background:linear-gradient(90deg,var(--primary),transparent);width:100%;animation:dip-timer 30s linear forwards;transform-origin:left}@keyframes dip-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:480px){.dip-stack{left:1rem;right:1rem}.dip-card{width:100%}}.aura-ai-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.aura-toggle-btn{width:64px;height:64px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 16px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);color:#000;position:relative;z-index:1001;overflow:hidden}[data-theme=dark] .aura-toggle-btn,[data-theme=midnight] .aura-toggle-btn{background:#111;color:#fff;border-color:#ffffff1a}.aura-toggle-btn svg{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);z-index:2}.aura-toggle-btn:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0003}.aura-toggle-btn:hover svg{transform:scale(1.1) rotate(-8deg)}.aura-btn-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.15),transparent 70%);opacity:0;transition:opacity .3s;z-index:1}.aura-toggle-btn:hover .aura-btn-glow{opacity:1}.aura-open .aura-toggle-btn{transform:rotate(90deg);background:var(--primary);color:#fff;border-color:var(--primary)}.aura-ai-panel{position:absolute;bottom:80px;right:0;width:380px;height:600px;max-height:calc(100vh - 120px);background:#ffffffb3;backdrop-filter:blur(60px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(60px) saturate(200%) brightness(1.1);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 50px #00000026,inset 0 0 0 1px #fff3;display:flex;flex-direction:column;overflow:hidden;transition:all .6s cubic-bezier(.19,1,.22,1);transform-origin:bottom right;z-index:1000}[data-theme=dark] .aura-ai-panel,[data-theme=forest] .aura-ai-panel,[data-theme=rosewood] .aura-ai-panel{background:rgba(var(--bg-card-rgb),.85);border-color:#ffffff26;-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(.9);backdrop-filter:blur(60px) saturate(250%) brightness(.9)}[data-theme=midnight] .aura-ai-panel{background:#020205e6;border-color:rgba(var(--primary-rgb),.2);-webkit-backdrop-filter:blur(60px) saturate(300%) brightness(.7);backdrop-filter:blur(60px) saturate(300%) brightness(.7)}.aura-focus-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--primary-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:-1;opacity:.5}.aura-scanning-line{position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent,rgba(var(--primary-rgb),.05),transparent);pointer-events:none;z-index:10;animation:aura-scan 4s linear infinite;opacity:0}.aura-open .aura-scanning-line{opacity:1}@keyframes aura-scan{0%{transform:translateY(-100%)}to{transform:translateY(600px)}}[data-theme=dark] .aura-ai-panel,[data-theme=midnight] .aura-ai-panel{background:#0a0a0a;border-color:#ffffff14}.aura-ai-panel.aura-expanded{position:fixed;top:0;right:0;bottom:0;height:100vh;width:420px;border-radius:0;border-left:1px solid rgba(0,0,0,.1);border-top:none;border-right:none;border-bottom:none;box-shadow:-20px 0 60px #0000001a}[data-theme=dark] .aura-ai-panel.aura-expanded,[data-theme=midnight] .aura-ai-panel.aura-expanded{border-left-color:#ffffff14}.aura-closed .aura-ai-panel{opacity:0;visibility:hidden;transform:scale(.95) translateY(20px);pointer-events:none}.aura-open .aura-ai-panel{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.aura-ai-footer{padding:.75rem 1.25rem 1.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.03);background:#ffffff1a;flex-shrink:0}.aura-ai-header{height:64px;padding:0 1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.3);z-index:100;flex-shrink:0;position:relative;overflow:hidden}.aura-ai-header:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:header-shimmer 6s infinite}@keyframes header-shimmer{0%{left:-100%}30%{left:200%}to{left:200%}}[data-theme=dark] .aura-ai-header,[data-theme=midnight] .aura-ai-header,[data-theme=forest] .aura-ai-header,[data-theme=rosewood] .aura-ai-header{background:rgba(var(--bg-card-rgb),.3);border-bottom-color:#ffffff26}.aura-header-left{display:flex;align-items:center;gap:.75rem}.aura-orb-avatar.mascot{width:42px;height:42px;background:none;border:none;display:flex;align-items:center;justify-content:center;color:var(--primary)}.zuzu-svg-mascot{width:100%;height:100%}.zuzu-eye.blink{animation:zuzu-eye-blink 4s infinite;transform-origin:center}@keyframes zuzu-eye-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.zuzu-antenna-tip.pulse{animation:zuzu-antenna-pulse 2s infinite ease-in-out}@keyframes zuzu-antenna-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.aura-ai-title{font-weight:800;font-size:.75rem;letter-spacing:.1em;color:var(--text-primary);text-transform:uppercase}.aura-header-actions{display:flex;align-items:center;gap:.5rem}.aura-expand-btn,.aura-close-btn{background:none;border:none;font-size:1rem;color:var(--text-muted);cursor:pointer;padding:.5rem;opacity:.5;transition:all .2s;display:flex;align-items:center}.aura-expand-btn:hover,.aura-close-btn:hover{opacity:1;color:var(--primary)}.aura-ai-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:none}.aura-ai-messages::-webkit-scrollbar{width:0}.aura-welcome-banner{text-align:left;border-left:2px solid var(--primary);padding:.75rem 0 .75rem 1.25rem;margin-bottom:.5rem;background:rgba(var(--primary-rgb),.03);border-radius:0 12px 12px 0}.aura-msg-row{display:flex;flex-direction:column;gap:.5rem;width:100%}.aura-msg-bubble{max-width:92%;padding:.9rem 1.25rem;font-size:.95rem;line-height:1.6;color:var(--text-primary);word-wrap:break-word;word-break:break-word;position:relative;transition:all .3s}.aura-msg-bubble p{margin:0 0 .75rem}.aura-msg-bubble p:last-child{margin-bottom:0}.aura-msg-bubble strong{font-weight:700;color:var(--primary)}.aura-msg-bubble ul,.aura-msg-bubble ol{margin:.5rem 0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.aura-msg-bubble li{margin-bottom:.2rem}.aura-msg-bubble h1,.aura-msg-bubble h2,.aura-msg-bubble h3{margin:1rem 0 .5rem;font-size:1.1rem;font-family:inherit;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.aura .aura-msg-bubble{background:rgba(var(--bg-card-rgb),.1);border-left:4px solid var(--primary);border-radius:4px 20px 20px 4px;box-shadow:0 4px 20px #0000000f}.typing{display:flex;gap:4px}.typing .dot{width:4px;height:4px;background:var(--text-muted);border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out}.typing .dot:nth-child(2){animation-delay:.2s}.typing .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.aura-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid rgba(0,0,0,.05);flex-shrink:0}.aura-quick-actions button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:.6rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.6rem;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 4px 12px #0000000d}[data-theme=dark] .aura-quick-actions button,[data-theme=midnight] .aura-quick-actions button,[data-theme=forest] .aura-quick-actions button,[data-theme=rosewood] .aura-quick-actions button{background:rgba(var(--bg-card-rgb),.1);border-color:#ffffff1a;color:var(--text-primary)}.aura-quick-actions button:hover{transform:translateY(-2px);background:var(--primary);color:#fff;border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,transparent)}.aura-ai-input-area{padding:.75rem 1.25rem 1rem;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.aura-ai-input-area input{flex:1;background:#fcfcfc;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:.65rem 1rem;font-size:.9rem;outline:none}[data-theme=dark] .aura-ai-input-area input,[data-theme=midnight] .aura-ai-input-area input,[data-theme=forest] .aura-ai-input-area input,[data-theme=rosewood] .aura-ai-input-area input{background:rgba(var(--bg-card-rgb),.1);color:var(--text-primary);border-color:#ffffff1a}.aura-send-btn{width:36px;height:36px;background:#000;border:none;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}[data-theme=dark] .aura-send-btn,[data-theme=midnight] .aura-send-btn{background:#fff;color:#000}.aura-send-btn svg{width:16px;height:16px}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-color)}.app-body{display:flex;flex:1;overflow:hidden}.layout-announcement-banner{width:100%;flex-shrink:0;background:linear-gradient(90deg,#0f172a,#1e293b,#0f172a);color:#f8fafc;z-index:1000;height:38px;display:flex;align-items:center;overflow:hidden;font-size:.78rem;font-weight:700;letter-spacing:.03em;position:relative;padding-left:3.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.banner-icon{flex-shrink:0;padding:0 1rem;font-size:1rem;z-index:10;background:inherit;position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(234,88,12,.6))}.banner-icon:after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:40px;background:linear-gradient(to right,#0f172a,transparent);pointer-events:none}.banner-marquee-track{display:flex;align-items:center;gap:3rem;white-space:nowrap;animation:banner-scroll 45s linear infinite}.banner-text{white-space:nowrap;flex-shrink:0}.banner-separator{opacity:.5;flex-shrink:0}@keyframes banner-scroll{0%{transform:translate(0)}to{transform:translate(-10%)}}.layout-maintenance-banner{position:absolute;top:0;left:0;right:0;background:#ef4444;color:#fff;z-index:1000;padding:.5rem;text-align:center;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;box-shadow:0 0 20px #ef444480}.main-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.main-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border);background:var(--bg-card);z-index:10}.header-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-family:var(--font-serif);font-style:italic;color:var(--text-secondary)}.breadcrumb-path{font-weight:500;background:none;border:none;cursor:pointer;font-family:var(--font-serif);font-style:italic;color:var(--text-secondary);padding:0;font-size:inherit}.breadcrumb-path:hover{color:var(--primary)}.breadcrumb-sep{opacity:.5}.breadcrumb-current{color:var(--primary);font-weight:700}.header-user{display:flex;align-items:center}.header-user-card{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem .35rem .9rem;background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:999px;transition:background .2s;cursor:default}.header-user-card:hover{background:color-mix(in srgb,var(--primary) 11%,transparent)}.header-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:0;line-height:1.25}.user-greeting{font-size:.6rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;opacity:.7}.user-name{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.user-avatar-mini{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 40%,transparent);flex-shrink:0}.avatar-online-dot{position:absolute;bottom:1px;right:1px;width:8px;height:8px;background:#22c55e;border-radius:50%;border:1.5px solid var(--bg-card);box-shadow:0 0 4px #22c55e99}.page-overflow-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;scroll-behavior:smooth}.page-overflow-container.full-bleed{padding:0;overflow:hidden}@media(max-width:768px){.main-content-wrapper{padding-bottom:70px}.main-header{padding:0 1rem}.user-greeting,.header-user-info,.cmd-hint{display:none}}.header-actions{display:flex;align-items:center;gap:.5rem}.header-icon-btn{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid transparent;border-radius:8px;padding:.4rem .55rem;color:var(--text-secondary);cursor:pointer;transition:all .18s ease;font-size:.72rem;font-weight:600}.header-icon-btn svg{width:16px;height:16px;flex-shrink:0}.header-icon-btn:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}.cmd-hint{font-size:.65rem;opacity:.5;font-family:monospace}.notif-btn{position:relative}.layout-unread-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;box-shadow:0 0 0 2px var(--bg-card)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:#ef4444;color:#fff;border-radius:999px;font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid var(--bg-card);animation:pulse-badge 2s ease infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.header-dropdown-wrap{position:relative}.header-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px #00000059;z-index:500;padding:.5rem 0;min-width:220px;animation:dropIn .18s cubic-bezier(.19,1,.22,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px) scale(.95);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.dropdown-count{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);padding:1px 6px;border-radius:999px;font-size:.6rem;font-weight:800}.dropdown-empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1rem;color:var(--text-muted);font-size:.78rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.dropdown-item:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef444414}.dropdown-divider{height:1px;background:var(--border);margin:.35rem 0}.avatar-dropdown-head{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.avatar-dropdown-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,transparent);flex-shrink:0}.avatar-dropdown-name{font-weight:700;font-size:.88rem;color:var(--text-primary);margin:0}.avatar-dropdown-email{font-size:.72rem;color:var(--text-muted);margin:0;opacity:.7}.notif-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;cursor:pointer;transition:background .15s}.notif-item:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)}.notif-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.notif-title{font-size:.78rem;font-weight:600;color:var(--text-primary);margin:0}.notif-sub{font-size:.68rem;color:var(--text-muted);margin:2px 0 0}.cmd-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cmd-palette{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 32px 80px #00000073,0 0 0 1px #ffffff0a;overflow:hidden;animation:cmdSlide .2s cubic-bezier(.19,1,.22,1)}@keyframes cmdSlide{0%{opacity:0;transform:scale(.94) translateY(-16px);filter:blur(6px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.cmd-input-wrap{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cmd-search-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.cmd-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);font-weight:500}.cmd-input::placeholder{color:var(--text-muted);opacity:.6}.cmd-esc-hint{font-size:.65rem;background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted);padding:2px 6px;border-radius:4px;font-weight:700;border:1px solid var(--border);flex-shrink:0}.cmd-results{max-height:320px;overflow-y:auto;padding:.5rem}.cmd-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.82rem}.cmd-result-item{display:flex;align-items:center;gap:.85rem;width:100%;padding:.65rem .9rem;background:none;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:background .12s;color:var(--text-primary)}.cmd-result-item:hover,.cmd-result-first{background:color-mix(in srgb,var(--primary) 10%,transparent)}.cmd-result-icon{font-size:1.1rem;flex-shrink:0}.cmd-result-label{flex:1;font-size:.85rem;font-weight:600}.cmd-result-enter{font-size:.75rem;color:var(--primary);opacity:.7;font-weight:700}.cmd-footer{display:flex;gap:1.25rem;padding:.65rem 1.25rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.7rem}.cmd-footer kbd{background:color-mix(in srgb,var(--text-muted) 12%,transparent);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-family:monospace;font-size:.68rem}.mobile-barrier-editorial{position:fixed;inset:0;z-index:1000000;background-color:#050505;color:#f7f5f0;display:flex;flex-direction:column;padding:3rem 2rem;font-family:var(--font-sans);overflow:hidden}.editorial-bg-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.light-leak{position:absolute;top:-20%;left:-20%;width:150%;height:150%;background:radial-gradient(circle at 20% 20%,rgba(var(--primary-rgb),.1) 0%,transparent 40%);animation:atmospheric-drift 25s infinite alternate ease-in-out;filter:blur(40px)}@keyframes atmospheric-drift{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(10%,10%) rotate(5deg) scale(1.1)}}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(247,245,240,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,240,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-shift 60s linear infinite;opacity:.5}@keyframes grid-shift{0%{background-position:0 0}to{background-position:0 1000px}}.cinematic-grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain-flicker .2s steps(2) infinite}@keyframes grain-flicker{0%{transform:translate(0)}to{transform:translate(-10px,-10px)}}.editorial-texture{position:absolute;inset:0;opacity:.03;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,#000 100%);z-index:2}.editorial-core{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between}.brand-header{text-align:center;animation:editorial-fade-in 1s ease forwards}.editorial-line{height:1px;width:60%;background-color:#f7f5f033;margin:0 auto 1.5rem}.brand-logotype{font-family:var(--font-serif);font-size:2.5rem;font-style:italic;font-weight:500;letter-spacing:-.02em;margin-bottom:.25rem}.brand-tagline{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;font-weight:800;opacity:.4;margin:0 auto}.manifesto-wrap{margin:4rem 0;text-align:center;display:flex;flex-direction:column;align-items:center;animation:editorial-fade-in 1s ease .2s forwards both}.manifesto-title{font-family:var(--font-serif);font-size:3rem;line-height:1.1;font-weight:400;margin-bottom:2rem;letter-spacing:-.01em}.manifesto-title i{color:var(--primary)}.status-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem 1rem;background:#000c;margin-bottom:2.5rem;z-index:10;overflow:hidden}.status-indicator:before{content:"";position:absolute;inset:0;padding:1px;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 180deg,rgba(247,245,240,.6) 270deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:border-rotate 4s linear infinite;pointer-events:none}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-indicator:after{content:"";position:absolute;inset:0;border:1px solid rgba(247,245,240,.1);pointer-events:none}.status-indicator .dot{width:5px;height:5px;background-color:var(--primary);border-radius:50%;position:relative;z-index:2;animation:editorial-pulse 2s infinite ease-in-out}@keyframes editorial-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.status-indicator .label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#f7f5f0}.manifesto-body{font-size:1rem;line-height:1.8;color:#f7f5f099;max-width:320px;margin:0 auto}.editorial-footer-links{animation:editorial-fade-in 1s ease .4s forwards both}.footer-actions{display:flex;justify-content:center;margin-bottom:2rem}.pro-github-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;height:56px;background-color:#f7f5f0;color:#0c0c0c;text-transform:uppercase;cursor:pointer;border:1px solid rgba(12,12,12,.1);letter-spacing:.15em;font-weight:800;font-size:.75rem;position:relative;overflow:hidden;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.pro-github-btn:hover{background-color:#0c0c0c;color:#f7f5f0;transform:translateY(-4px);box-shadow:0 20px 40px #0006}.pro-github-btn:active{transform:scale(.95)}.pro-github-btn .icon{width:1.25rem;height:1.25rem;fill:currentColor;transition:all .5s cubic-bezier(.19,1,.22,1);z-index:2}.btn-text-main{transition:all .5s cubic-bezier(.19,1,.22,1);transition-delay:.1s;z-index:1}.pro-github-btn:hover .icon,.pro-github-btn.is-animating .icon{transform:scale(3) translate(50%);opacity:.1}.btn-text-now{position:absolute;left:0;transform:translate(-100%);transition:all .5s cubic-bezier(.19,1,.22,1);z-index:2;white-space:nowrap}.pro-github-btn:hover .btn-text-now,.pro-github-btn.is-animating .btn-text-now{transform:translate(24px);transition-delay:.2s}.pro-github-btn:hover .btn-text-main,.pro-github-btn.is-animating .btn-text-main{transform:translate(120%);transition-delay:.1s}@keyframes editorial-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-height:700px){.manifesto-title{font-size:2.25rem}.manifesto-wrap{margin:2rem 0}.manifesto-body{font-size:.9rem}}@media(max-height:600px){.mobile-barrier-editorial{padding:2rem}.manifesto-title{font-size:1.75rem;margin-bottom:1rem}.status-indicator{margin-bottom:1.5rem}.manifesto-body{font-size:.8rem}.brand-logotype{font-size:2rem}}.page-transition{animation:pageFadeUp .28s cubic-bezier(.19,1,.22,1) both}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}