@charset "UTF-8";.auth-theme{--bg-primary: #131120;--bg-secondary: #0E0B44;--bg-tertiary: #22204A;--surface-primary: rgba(27, 25, 48, .98);--surface-secondary: rgba(28, 27, 54, .96);--surface-glass: rgba(36, 33, 75, .82);--accent-neon: #55d3db;--accent-purple: #826DFF;--accent-blue: #3540a4;--accent-pink: #d06fff;--accent-focus: #C9B5FF;--accent-green: #38d08a;--accent-error: #FF5B99;--text-primary: #ffffff;--text-secondary: #c9c6e2;--text-muted: #8f89d0;--border-glass: rgba(200, 200, 255, .13);--shadow-neon: 0 0 22px 3px rgba(130, 109, 255, .22), 0 4px 36px 0 rgba(19, 17, 32, .8);--shadow-glass: 0 10px 54px 0 rgba(19, 17, 32, .22);--gradient-primary: linear-gradient(120deg, var(--accent-purple) 0%, var(--accent-neon) 100%);--gradient-secondary: linear-gradient(120deg, var(--accent-blue) 0%, var(--accent-pink) 80%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(130, 109, 255, .08));--gradient-error: linear-gradient(100deg, #ff4060 10%, #fd60a7 90%);--blur-strong: blur(24px);--blur-medium: blur(12px);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--transition-fast: .16s cubic-bezier(.55, .15, .33, 1.1);--transition-smooth: .33s cubic-bezier(.4, 0, .2, 1)}.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 30%,var(--bg-secondary) 0%,var(--bg-primary) 85%);opacity:0;transition:opacity .9s;padding:24px;position:relative;z-index:2;contain:paint}.signin-container.mounted{opacity:1}.signin-container.input-focus .card-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.background-effects{position:fixed;inset:0;z-index:1;pointer-events:none}.background-effects .grid-pattern{position:absolute;inset:0;background:linear-gradient(rgba(130,109,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(85,211,219,.02) 1px,transparent 1px);background-size:80px 80px;animation:gridMove 32s linear infinite;transition:opacity var(--transition-fast);z-index:2}.fx-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}.signin-glass-card{width:96vw;max-width:520px;min-width:340px;min-height:520px;position:relative;z-index:10}.signin-glass-card.slim{max-width:480px;min-height:520px}.signin-glass-card .card-glow{position:absolute;inset:-10px;background:var(--gradient-primary);border-radius:var(--radius-xl);filter:blur(26px);opacity:.18;animation:pulseGlow 3.3s ease-in-out infinite alternate;z-index:0}.signin-glass-card .card-content{position:relative;background:var(--surface-glass);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border:1.2px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:46px 34px 28px;overflow:hidden;contain:paint}.signin-glass-card .card-content.modern{border-radius:26px;border:1px solid rgba(170,160,255,.18);background:linear-gradient(180deg,#24214bd1,#1c1b36d6);padding:36px 28px 24px}.signin-glass-card .card-content.slim{padding:30px 24px 22px}.signin-glass-card .card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:1.5px;background:var(--gradient-primary);opacity:.22}.signin-glass-card .card-content:after{content:"";position:absolute;top:-16px;left:-16px;width:110px;height:110px;background:var(--gradient-primary);border-radius:50%;filter:blur(38px);opacity:.07;animation:cardShine 7s ease-in-out infinite;z-index:1}.signin-header{text-align:center;margin-bottom:22px}.signin-header .logo-container{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}.signin-header .logo-container .logo-wrapper{position:relative}.signin-header .logo-container .logo-wrapper .logo-icon{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:none;border-radius:12px;overflow:visible}.signin-header .logo-container .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:none}.signin-header .logo-container .logo-wrapper .logo-shine{position:absolute;inset:-6px;border-radius:14px;pointer-events:none;overflow:hidden}.signin-header .logo-container .logo-wrapper .logo-shine:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.25) 50%,transparent 80%);transform:skew(-15deg);animation:logoShine 2.8s linear infinite;will-change:transform}.signin-header .logo-container .logo-text{display:flex;align-items:baseline}.signin-header .logo-container .logo-text .logo-primary{font-size:28px;font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(130,109,255,.3333333333));letter-spacing:-1.1px}.signin-header .logo-container .logo-text .logo-secondary{font-size:24px;font-weight:500;color:var(--text-secondary);margin-left:2px}.signin-header .title-section .main-title{font-size:24px;font-weight:700;margin:0 0 8px;background:var(--gradient-secondary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.signin-header .title-section .main-title .title-glow{position:absolute;inset:0;background:var(--gradient-secondary);filter:blur(16px);opacity:.16;z-index:-1}.signin-header .title-section .subtitle{color:var(--text-secondary);font-size:14.5px;font-weight:400;margin:0}.signin-form .input-group{margin-bottom:14px}.signin-form .input-wrapper{position:relative}.signin-form .input-wrapper .glass-input{width:100%;height:52px;padding:0 16px;background:#1c1b36e6;border:1.2px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;letter-spacing:.01em;font-weight:500;outline:none;transition:border .16s,background .14s,color .13s,box-shadow .16s;z-index:2}.signin-form .input-wrapper .glass-input::placeholder{color:var(--text-muted);opacity:.9;font-weight:400}.signin-form .input-wrapper .glass-input:focus{border-color:var(--accent-purple);background:#24214bf7;color:#fff;box-shadow:0 0 0 3px var(--accent-focus)}.signin-form .input-wrapper .glass-input:focus~.input-border{opacity:1}.signin-form .input-wrapper .input-border{position:absolute;inset:0;border:2px solid var(--accent-purple);border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:1}.signin-form .input-wrapper.password-wrapper .glass-input{padding-right:44px}.signin-form .input-wrapper.password-wrapper .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:color var(--transition-fast);z-index:3}.signin-form .input-wrapper.password-wrapper .password-toggle:hover,.signin-form .input-wrapper.password-wrapper .password-toggle:focus{color:var(--accent-purple);background:#826dff1f}.signin-form .forgot-link{background:none;border:none;color:var(--accent-purple);font-size:14.5px;font-weight:600;cursor:pointer;margin-bottom:20px;padding:8px 0;transition:all var(--transition-fast);position:relative}.signin-form .forgot-link:hover{color:var(--accent-neon)}.signin-form .forgot-link .link-glow{display:none}.signin-form .back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-size:14.5px;cursor:pointer;margin-bottom:14px;padding:8px 0;transition:color var(--transition-fast);position:relative}.signin-form .back-btn:hover{color:var(--accent-purple)}.signin-form .back-btn .back-glow{display:none}.glass-btn{position:relative;width:100%;height:52px;background:var(--gradient-glass);border:1.2px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:700;cursor:pointer;margin-bottom:12px;overflow:hidden;transition:all var(--transition-fast)}.glass-btn .btn-content{z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;height:100%;font-size:16px}.glass-btn:hover:not(:disabled),.glass-btn:focus-visible:not(:disabled){border-color:var(--accent-purple);background:var(--gradient-primary);color:#fff;outline:none}.glass-btn.primary{background:var(--gradient-primary);border-color:var(--accent-purple);color:#fff;text-shadow:0 1px 3px rgba(27,23,74,.2666666667)}.glass-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-neon)}.glass-btn.google .google-icon{filter:drop-shadow(0 0 3px rgba(130,109,255,.2))}.glass-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none!important}.loading-ring{width:20px;height:20px;position:relative}.loading-ring .loading-ring-inner{width:100%;height:100%;border:2px solid transparent;border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;align-items:center;gap:10px;background:#ff5b9921;border:1.3px solid var(--accent-error);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:14px;color:var(--accent-error);font-size:14px;position:relative}.error-message .error-icon{font-size:15px;color:var(--accent-error)}.error-message .error-glow{display:none}.divider{display:flex;align-items:center;margin:22px 0 18px}.divider .divider-line{flex:1;height:1.2px;background:var(--border-glass);position:relative}.divider .divider-line:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:1.3px;background:var(--gradient-primary);filter:blur(2px)}.divider .divider-text{padding:0 10px;color:var(--text-muted);font-size:13.5px;font-weight:600;background:var(--bg-primary)}.signup-link{text-align:center;font-size:14.5px;color:var(--text-secondary);margin-top:18px}.signup-link a{color:var(--accent-purple);text-decoration:none;font-weight:700;transition:all var(--transition-fast)}.signup-link a:hover{color:var(--accent-neon);text-shadow:0 0 7px var(--accent-neon)}.status-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:101}.status-bar .status-item{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#24214bb3;border:1px solid var(--border-glass);border-radius:16px;font-size:13px;color:var(--accent-green);font-weight:600}.status-bar .status-item .status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green)!important;animation:pulse 2s infinite}.status-bar .status-item .status-dot.online{background:var(--accent-green)!important}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(80px,80px)}}@keyframes logoShine{to{transform:translate(260%) skew(-15deg)}}@keyframes pulseGlow{0%{opacity:.12}to{opacity:.24}}@keyframes cardShine{0%{transform:translate(-34px,-34px) rotate(0)}50%{transform:translate(28px,28px) rotate(180deg)}to{transform:translate(-34px,-34px) rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(max-width:700px){.signin-glass-card{max-width:94vw;min-width:unset}.signin-glass-card .card-content{padding:26px 20px 18px}.signin-header .logo-container{gap:10px}.signin-header .logo-container .logo-wrapper .logo-icon{width:52px;height:52px}}@media(max-width:480px){.signin-glass-card .card-content{padding:19px 14px 14px}.signin-header .logo-container{flex-direction:column;gap:6px}.status-bar{bottom:8px;flex-direction:column;gap:8px}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 30%,var(--bg-secondary) 0%,var(--bg-primary) 85%);opacity:0;transition:opacity .9s;padding:24px;position:relative;z-index:2;contain:paint}.signup-container.mounted{opacity:1}.signup-container.input-focus .card-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.signup-glass-card{width:96vw;max-width:520px;min-width:340px;min-height:520px;position:relative;z-index:10}.signup-glass-card.slim{max-width:480px;min-height:520px}.signup-glass-card .card-glow{position:absolute;inset:-10px;background:var(--gradient-primary);border-radius:var(--radius-xl);filter:blur(26px);opacity:.18;animation:pulseGlow 3.3s ease-in-out infinite alternate;z-index:0}.signup-glass-card .card-content{position:relative;background:var(--surface-glass);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);border:1.2px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:46px 34px 28px;overflow:hidden;contain:paint}.signup-glass-card .card-content.modern{border-radius:26px;border:1px solid rgba(170,160,255,.18);background:linear-gradient(180deg,#24214bd1,#1c1b36d6);padding:36px 28px 24px}.signup-glass-card .card-content.slim{padding:30px 24px 22px}.signup-glass-card .card-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:1.5px;background:var(--gradient-primary);opacity:.22}.signup-glass-card .card-content:after{content:"";position:absolute;top:-16px;left:-16px;width:110px;height:110px;background:var(--gradient-primary);border-radius:50%;filter:blur(38px);opacity:.07;animation:cardShine 7s ease-in-out infinite;z-index:1}.signup-header{text-align:center;margin-bottom:22px}.signup-header .logo-container{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}.signup-header .logo-container .logo-wrapper{position:relative}.signup-header .logo-container .logo-wrapper .logo-icon{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:none;border-radius:12px;overflow:visible}.signup-header .logo-container .logo-wrapper .logo-icon img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:none}.signup-header .logo-container .logo-wrapper .logo-shine{position:absolute;inset:-6px;border-radius:14px;pointer-events:none;overflow:hidden}.signup-header .logo-container .logo-wrapper .logo-shine:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.25) 50%,transparent 80%);transform:skew(-15deg);animation:logoShine 2.8s linear infinite;will-change:transform}.signup-header .logo-container .logo-text{display:flex;align-items:baseline}.signup-header .logo-container .logo-text .logo-primary{font-size:28px;font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(130,109,255,.3333333333));letter-spacing:-1.1px}.signup-header .logo-container .logo-text .logo-secondary{font-size:24px;font-weight:500;color:var(--text-secondary);margin-left:2px}.signup-header .title-section .main-title{font-size:24px;font-weight:700;margin:0 0 8px;background:var(--gradient-secondary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.signup-header .title-section .main-title .title-glow{position:absolute;inset:0;background:var(--gradient-secondary);filter:blur(16px);opacity:.16;z-index:-1}.signup-header .title-section .subtitle{color:var(--text-secondary);font-size:14.5px;font-weight:400;margin:0}.signup-form .input-group{margin-bottom:14px}.signup-form .input-wrapper{position:relative}.signup-form .input-wrapper .glass-input{width:100%;height:52px;padding:0 16px;background:#1c1b36e6;border:1.2px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;letter-spacing:.01em;font-weight:500;outline:none;transition:border .16s,background .14s,color .13s,box-shadow .16s;z-index:2}.signup-form .input-wrapper .glass-input::placeholder{color:var(--text-muted);opacity:.9;font-weight:400}.signup-form .input-wrapper .glass-input:focus{border-color:var(--accent-purple);background:#24214bf7;color:#fff;box-shadow:0 0 0 3px var(--accent-focus)}.signup-form .input-wrapper .glass-input:focus~.input-border{opacity:1}.signup-form .input-wrapper .input-border{position:absolute;inset:0;border:2px solid var(--accent-purple);border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:1}.signup-form .input-wrapper.password-wrapper .glass-input{padding-right:44px}.signup-form .input-wrapper.password-wrapper .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:color var(--transition-fast);z-index:3}.signup-form .input-wrapper.password-wrapper .password-toggle:hover,.signup-form .input-wrapper.password-wrapper .password-toggle:focus{color:var(--accent-purple);background:#826dff1f}.signup-form .subdomain-group{margin-bottom:14px}.signup-form .sub-label{display:block;font-size:12.5px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.02em}.signup-form .subdomain-row{display:flex;align-items:center;background:#1c1b36e6;border:1.2px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.signup-form .subdomain-prefix{display:inline-flex;align-items:center;padding:0 12px;height:52px;color:var(--text-muted);background:#ffffff08;border-right:1px solid var(--border-glass);font-size:13.5px;font-weight:700}.signup-form .subdomain-input{flex:1;height:52px;padding:0 14px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;font-weight:500}.signup-form .subdomain-input::placeholder{color:var(--text-muted);opacity:.9}.signup-form .subdomain-row:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-focus);background:#24214bf7}.signup-form .subdomain-help{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--text-muted)}.signup-form .subdomain-help.ok{color:var(--accent-green)}.signup-form .subdomain-help.bad{color:var(--accent-error)}.signup-footer{text-align:center;font-size:14.5px;color:var(--text-secondary);margin-top:18px}.signup-footer a{color:var(--accent-purple);text-decoration:none;font-weight:700;transition:all var(--transition-fast)}.signup-footer a:hover{color:var(--accent-neon);text-shadow:0 0 7px var(--accent-neon)}.verification-box{background:#24214be6;border:1.2px solid var(--border-glass);border-radius:var(--radius-md);padding:14px;margin-bottom:14px}@media(max-width:700px){.signup-glass-card{max-width:94vw;min-width:unset}.signup-glass-card .card-content{padding:26px 20px 18px}.signup-header .logo-container{gap:10px}.signup-header .logo-container .logo-wrapper .logo-icon{width:52px;height:52px}}@media(max-width:480px){.signup-glass-card .card-content{padding:19px 14px 14px}.signup-header .logo-container{flex-direction:column;gap:6px}}.premium-gate-overlay{position:relative;display:block;width:100%;min-height:auto}.premium-gate-overlay:not(.premium-gate-overlay--unlocked)>*:not(.premium-gate-overlay__veil){opacity:.35;filter:grayscale(.7);pointer-events:none;user-select:none}.premium-gate-overlay--unlocked>*{opacity:1;filter:none;pointer-events:auto}.premium-gate-overlay.pgo-chip-only:not(.premium-gate-overlay--unlocked)>*{opacity:1!important;filter:none!important;pointer-events:none}.premium-gate-overlay__blocker{position:absolute;inset:0;pointer-events:auto;background:transparent;z-index:100}.premium-gate-overlay__chip-anchor{position:absolute;inset:0;pointer-events:none;z-index:110;display:block;box-sizing:border-box}.premium-gate-overlay__chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#fffffff2,#ffffffe0);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1.5px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a14,inset 0 1px #fffc,inset 0 -1px #0000000d;font:700 13px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em;color:#0f172a;text-decoration:none;white-space:nowrap;max-width:calc(100% - 24px);box-sizing:border-box;isolation:isolate;overflow:clip;clip-path:inset(0 round 16px);contain:layout style paint;cursor:pointer;pointer-events:auto;user-select:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,calc(-50% + var(--pg-chip-offset-y, 0px)),0) scale(var(--pg-scale, 1));transform-origin:center;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);will-change:auto}.premium-gate-overlay__chip{overflow:clip}@supports not (overflow: clip){.premium-gate-overlay__chip{overflow:hidden}}.premium-gate-overlay__chip:before,.premium-gate-overlay__chip:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;will-change:opacity,transform}.premium-gate-overlay__chip:before{background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,transparent 40%,transparent 60%,rgba(245,158,11,.08) 100%);opacity:0;transition:opacity .22s cubic-bezier(.4,0,.2,1)}.premium-gate-overlay__chip:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-100%);opacity:0;transition:transform .55s ease,opacity .22s ease}.premium-gate-overlay__chip svg{position:relative;z-index:1;width:16px;height:16px;transform:scale(1.6);filter:drop-shadow(0 2px 4px rgba(245,158,11,.25));transition:transform .22s cubic-bezier(.34,1.56,.64,1);will-change:transform}.premium-gate-overlay__chip span{position:relative;z-index:1;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.premium-gate-overlay__chip:hover{transform:translate3d(-50%,calc(-50% + var(--pg-chip-offset-y, 0px)),0) scale(calc(var(--pg-scale, 1) * 1.02));will-change:transform;border-color:#f59e0b66;background:linear-gradient(135deg,#fffffffa,#fefce8eb);box-shadow:0 12px 48px #f59e0b33,0 4px 16px #0f172a1a,inset 0 1px #ffffffe6,inset 0 -1px #f59e0b1a}.premium-gate-overlay__chip:hover:before{opacity:1}.premium-gate-overlay__chip:hover:after{transform:translate(100%);opacity:.32}.premium-gate-overlay__chip:hover svg{transform:scale(1.75) translateY(-1px) rotate(-5deg)}.premium-gate-overlay__chip:hover span{background:linear-gradient(135deg,#f59e0b,#d97706,#f59e0b);background-clip:text;-webkit-background-clip:text}.premium-gate-overlay__chip:active{transform:translate3d(-50%,calc(-50% + var(--pg-chip-offset-y, 0px)),0) scale(calc(var(--pg-scale, 1) * .985));transition-duration:.1s}.premium-gate-overlay__chip:focus-visible{outline:3px solid rgba(245,158,11,.5);outline-offset:3px}@media(prefers-color-scheme:dark){.premium-gate-overlay__chip{background:linear-gradient(135deg,#1e293bf2,#0f172aeb);border-color:#94a3b833;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.premium-gate-overlay__chip span{background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#f1f5f9);background-clip:text;-webkit-background-clip:text}.premium-gate-overlay__chip:hover{background:linear-gradient(135deg,#334155fa,#1e293bf2);border-color:#fbbf244d;box-shadow:0 12px 48px #fbbf2440,0 4px 16px #0006,inset 0 1px #ffffff26,inset 0 -1px #fbbf241a}.premium-gate-overlay__chip:hover span{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);background-clip:text;-webkit-background-clip:text}}@media(max-width:480px){.premium-gate-overlay__chip{padding:10px 16px;font-size:12px;gap:8px}.premium-gate-overlay__chip svg{width:14px;height:14px;transform:scale(1.5)}}.premium-gate-overlay__veil{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffffe0,#ffffffc7);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border-radius:12px;padding:12px}@media(prefers-color-scheme:dark){.premium-gate-overlay__veil{background:linear-gradient(135deg,#141419eb,#0f0f14e0)}}.premium-gate-overlay__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:min(220px,100% - 24px);background:#fffffffa;padding:16px;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000d;overflow:visible}@media(prefers-color-scheme:dark){.premium-gate-overlay__card{background:#1e1e23fa;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff0d}}.premium-gate-overlay__crown{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#a78bfa,#818cf8);border:2px solid rgba(167,139,250,.3);border-radius:50%;box-shadow:0 2px 8px #a78bfa40,inset 0 .5px #fff3;overflow:visible}.premium-gate-overlay__crown svg{width:15px;height:15px;transform:scale(2);filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.premium-gate-overlay__title{margin:0;font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.2}@media(prefers-color-scheme:dark){.premium-gate-overlay__title{color:#f1f5f9}}.premium-gate-overlay__text{margin:0;font-size:11px;font-weight:500;color:#64748b;line-height:1.4}@media(prefers-color-scheme:dark){.premium-gate-overlay__text{color:#94a3b8}}.premium-gate-overlay__cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-top:4px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-size:12px;font-weight:700;text-decoration:none;border-radius:9999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0f172a33,inset 0 1px #ffffff1a;position:relative;overflow:clip}@supports not (overflow: clip){.premium-gate-overlay__cta{overflow:hidden}}.premium-gate-overlay__cta{transition:transform .18s ease,opacity .18s ease;will-change:auto}.premium-gate-overlay__cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);transition:transform .45s ease;will-change:transform}.premium-gate-overlay__cta:hover{transform:translateY(-1px);will-change:transform;box-shadow:0 6px 16px #0f172a4d,inset 0 1px #ffffff26}.premium-gate-overlay__cta:hover:before{transform:translate(100%)}.premium-gate-overlay__cta:hover svg{transform:translate(2px)}.premium-gate-overlay__cta:active{transform:translateY(0)}.premium-gate-overlay__cta svg{width:13px;height:13px;transition:transform .18s ease}@media(prefers-color-scheme:dark){.premium-gate-overlay__cta{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a;border-color:#0f172a1a}}.premium-gate-inline{position:relative;display:inline-grid;grid-template-areas:"stack";align-items:start;justify-items:start;width:max-content;overflow:visible;isolation:isolate;vertical-align:top}.premium-gate-inline>*:first-child{grid-area:stack;opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.6);position:relative;transition:opacity .2s ease}.premium-gate-inline .premium-crown-badge{grid-area:stack;justify-self:end;align-self:start;transform:translate(40%,-40%);position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#0f172a,#1e293b);border:1.5px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 2px 8px #0f172a40,inset 0 .5px #fff3;cursor:pointer;pointer-events:auto;overflow:clip;clip-path:inset(0 round 999px)}.premium-gate-inline .premium-crown-badge:hover{transform:translate(40%,-40%) scale(1.1);will-change:transform;background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 12px #0f172a59,inset 0 1px #ffffff40}.premium-gate-inline .premium-crown-badge:hover svg{transform:scale(1.85)}.premium-gate-inline .premium-crown-badge svg{width:10px;height:10px;transform:scale(1.6);filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));transition:transform .18s cubic-bezier(.34,1.56,.64,1);will-change:transform}@media(prefers-color-scheme:dark){.premium-gate-inline .premium-crown-badge{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#0f172a1a;box-shadow:0 2px 8px #f8fafc26,inset 0 .5px #0f172a1a}.premium-gate-inline .premium-crown-badge:hover{background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 4px 12px #f8fafc40,inset 0 1px #0f172a26}}.premium-gate-inline.pg-fill{display:grid;width:100%}.premium-gate-inline.pg-fill>*:first-child{width:100%}.tile-swatches{overflow:visible}.tile-swatches>.premium-gate-inline{display:grid;width:100%;justify-self:stretch}.tile-swatches>.premium-gate-inline>*:first-child{width:100%}.tile-swatches .tile-swatch-card{width:100%;box-sizing:border-box}.tile-swatches .tile-swatch-card{contain:layout paint}.snapshot-card.locked .snapshot-border{border-color:transparent!important;box-shadow:none!important}.snap-premium-veil .snap-premium-card{pointer-events:auto}@media(prefers-reduced-motion:reduce){.premium-gate-overlay__chip,.premium-gate-overlay__cta,.premium-crown-badge{transition:none!important}.premium-gate-overlay__chip:after,.premium-gate-overlay__cta:before{transition:none!important;opacity:0!important}}@supports not ((backdrop-filter: blur(0)) or (-webkit-backdrop-filter: blur(0))){.premium-gate-overlay__chip,.premium-gate-overlay__veil{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffffe6}@media(prefers-color-scheme:dark){.premium-gate-overlay__chip,.premium-gate-overlay__veil{background:#181820f2}}}.premium-gate-overlay__chip,.premium-gate-overlay__cta,.premium-gate-inline .premium-crown-badge{border-radius:inherit}.sb-tree .premium-gate-inline{display:grid;width:100%;align-items:center;justify-items:stretch;vertical-align:middle}.sb-tree .premium-gate-inline>*:first-child{grid-area:stack;width:100%}.sb-row.is-locked,.sb-file.is-locked{position:relative}.sb-row.is-locked>*:not(.sb-upgrade-chip):not(.sb-upgrade-veil),.sb-file.is-locked>*:not(.sb-upgrade-chip):not(.sb-upgrade-veil){opacity:.45;filter:grayscale(.35);pointer-events:none}.sb-upgrade-veil{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#0f172a59,#02061738);backdrop-filter:blur(2px) saturate(130%);-webkit-backdrop-filter:blur(2px) saturate(130%);z-index:2;pointer-events:none}.sb-upgrade-chip{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font:700 12px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#0f172a;text-decoration:none;border-radius:9999px;background:linear-gradient(135deg,#fffffff5,#f8fafce6);border:1px solid rgba(15,23,42,.1);box-shadow:0 6px 18px #0f172a2e,inset 0 1px #fff9;cursor:pointer;pointer-events:auto;overflow:clip;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1)}.sb-upgrade-chip svg{width:14px;height:14px;filter:drop-shadow(0 1px 3px rgba(245,158,11,.35));flex:0 0 14px}.sb-upgrade-chip:hover{transform:translate(-50%,-50%) scale(1.03);border-color:#f59e0b59;box-shadow:0 10px 24px #f59e0b40,inset 0 1px #ffffffb3}.sb-upgrade-chip:active{transform:translate(-50%,-50%) scale(.985)}.sb-row.is-locked:hover,.sb-file.is-locked:hover{transform:none;box-shadow:none;background:var(--sidebar-hover)}@media(prefers-color-scheme:dark){.sb-upgrade-chip{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#ffffff1f}}@media(prefers-reduced-motion:reduce){.sb-upgrade-chip{transition:none!important}}.notion-topbar .nt-breadcrumb .premium-gate-inline .premium-crown-badge{--topbar-crown-shift: 6px;transform:translate(calc(40% + var(--topbar-crown-shift)))!important}.notion-topbar .nt-breadcrumb .premium-gate-inline .premium-crown-badge:hover{transform:translate(calc(40% + var(--topbar-crown-shift))) scale(1.1)!important}.notion-topbar .nt-breadcrumb .premium-gate-inline .premium-crown-badge:active{transform:translate(calc(40% + var(--topbar-crown-shift))) scale(1.04)!important}.inspector-content .premium-gate-overlay:not(.premium-gate-overlay--unlocked) .history-section{min-height:16vh;position:relative}.premium-gate-inline.pg-inline--unlocked>*:first-child{opacity:1;filter:none;pointer-events:auto;cursor:pointer;grid-area:stack}.premium-gate-inline.pg-inline--locked>*:first-child{opacity:.45;filter:grayscale(.6);pointer-events:none;cursor:not-allowed;grid-area:stack}.premium-gate-inline.pg-inline--locked-interactive>*:first-child{opacity:1;filter:none;pointer-events:auto;cursor:pointer;grid-area:stack}.sb-row.is-locked .premium-gate-inline,.sb-row.is-locked .premium-gate-inline>*{pointer-events:auto}.free-plan-banner{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px 10px 12px;border-radius:999px;background:linear-gradient(135deg,#121214b3,#0c0c0ead);color:#fffffff5;border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 32px #0006,0 2px 8px #00000040,inset 0 1px #8b5cf626,inset 0 -1px #00000026;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:15000;max-width:min(650px,100vw - 32px);width:auto;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:slideInFromTop .6s cubic-bezier(.34,1.56,.64,1) forwards}.free-plan-banner .free-plan-banner__left{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1.3;flex:1;min-width:0}.free-plan-banner .free-plan-banner__left .free-plan-banner__logo{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.free-plan-banner .free-plan-banner__left .free-plan-banner__product{flex-shrink:0;font-weight:700;letter-spacing:.4px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.35);transition:color .3s ease}.free-plan-banner .free-plan-banner__left .free-plan-banner__sep{flex-shrink:0;opacity:.35;font-weight:300;margin:0 2px}.free-plan-banner .free-plan-banner__left .free-plan-banner__status{opacity:.87;font-weight:500;font-size:12.5px;line-height:1.4;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.free-plan-banner .free-plan-banner__cta{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;text-decoration:none;color:#fff;font-weight:700;font-size:12.5px;line-height:1;letter-spacing:.4px;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf638,#6366f142,#4f46e53d);border:1.5px solid rgba(139,92,246,.45);box-shadow:0 2px 10px #8b5cf638,0 0 20px #6366f11f,inset 0 1px #a78bfa40,inset 0 -1px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.free-plan-banner .free-plan-banner__cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(167,139,250,.2) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.free-plan-banner .free-plan-banner__cta .free-plan-banner__icon{display:inline-flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1}.free-plan-banner .free-plan-banner__cta span{z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.25)}.free-plan-banner:hover{background:linear-gradient(135deg,#141418c7,#0e0e10bf);border-color:#8b5cf659;box-shadow:0 16px 48px #00000080,0 4px 16px #00000059,inset 0 1px #8b5cf638,inset 0 -1px #0003;transform:translate(-50%) translateY(-3px)}.free-plan-banner:hover .free-plan-banner__logo{transform:scale(1.08) rotate(-5deg)}.free-plan-banner:hover .free-plan-banner__product{color:#a78bfafa}.free-plan-banner:hover .free-plan-banner__cta{background:linear-gradient(135deg,#936bff52,#6d70ff5c,#5950ef52);border-color:#8b5cf6a6;box-shadow:0 4px 20px #8b5cf659,0 0 30px #6366f133,inset 0 1px #a78bfa66,inset 0 -1px #00000026;transform:scale(1.08)}.free-plan-banner:hover .free-plan-banner__cta:before{transform:translate(100%) translateY(100%) rotate(45deg)}.free-plan-banner:hover .free-plan-banner__cta .free-plan-banner__icon{transform:scale(1.15) rotate(10deg)}.free-plan-banner .free-plan-banner__cta:active{transform:scale(1.02);box-shadow:0 2px 8px #8b5cf64d,inset 0 2px 4px #0003}@media(max-width:768px){.free-plan-banner{padding:9px 14px 9px 10px;gap:12px;top:12px}.free-plan-banner .free-plan-banner__left{gap:8px;font-size:12px}.free-plan-banner .free-plan-banner__left .free-plan-banner__logo{width:16px;height:16px}.free-plan-banner .free-plan-banner__left .free-plan-banner__status{font-size:11.5px}.free-plan-banner .free-plan-banner__cta{padding:7px 13px;font-size:12px;gap:6px}.free-plan-banner .free-plan-banner__cta .free-plan-banner__icon svg{width:14px;height:14px}}@media(max-width:540px){.free-plan-banner .free-plan-banner__left .free-plan-banner__status,.free-plan-banner .free-plan-banner__left .free-plan-banner__sep{display:none}}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.premium-gate-inline .premium-crown-badge{grid-area:stack;justify-self:end;align-self:start;transform:translate(40%,-40%);position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:1.5px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 2px 8px #8b5cf659,inset 0 .5px #ffffff4d;cursor:pointer;pointer-events:auto;overflow:clip;clip-path:inset(0 round 999px)}@supports not (overflow: clip){.premium-gate-inline .premium-crown-badge{overflow:hidden}}.premium-gate-inline .premium-crown-badge{transition:transform .18s cubic-bezier(.4,0,.2,1);will-change:auto}.premium-gate-inline .premium-crown-badge:hover{transform:translate(40%,-40%) scale(1.1);will-change:transform;background:linear-gradient(135deg,#9f7aea,#7c3aed);box-shadow:0 4px 12px #8b5cf680,0 0 20px #6366f140,inset 0 1px #ffffff59}.premium-gate-inline .premium-crown-badge:hover svg{transform:scale(1.1)}.premium-gate-inline .premium-crown-badge:active{transform:translate(40%,-40%) scale(1.04)}.premium-gate-inline .premium-crown-badge svg{width:10px;height:10px;transform:scale(1.2);filter:drop-shadow(0 1px 3px rgba(0,0,0,.25));transition:transform .18s cubic-bezier(.34,1.56,.64,1);will-change:transform}@media(prefers-color-scheme:dark){.premium-gate-inline .premium-crown-badge{background:linear-gradient(135deg,#a78bfa,#818cf8);border-color:#a78bfa4d;box-shadow:0 2px 8px #a78bfa40,inset 0 .5px #fff3}.premium-gate-inline .premium-crown-badge:hover{background:linear-gradient(135deg,#c4b5fd,#a78bfa);box-shadow:0 4px 12px #a78bfa73,0 0 20px #818cf84d,inset 0 1px #ffffff4d}}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#ffffffe6;backdrop-filter:blur(2px)}.loading-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;perspective:800px}.loading-logo{width:80px;height:80px;transform-style:preserve-3d;animation:spinY 1s linear infinite;will-change:transform;user-select:none;pointer-events:none}.loading-text{font-size:14px;opacity:.8}.kaptr-progress__fill{transition:width .26s ease}@keyframes spinY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media(prefers-color-scheme:dark){.loading-screen{background:#0009}.loading-text{color:#eee}}.kaptrBoard[data-mode=canvas] .wb-toolbar{pointer-events:auto}.kaptrBoard[data-mode=canvas] #sectionSnapshots{position:relative}.kaptrBoard[data-mode=canvas] .konvajs-content{user-select:none}.wb-toolbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:12000;display:flex;gap:8px;align-items:center;padding:8px 10px;background:#ffffffeb;border:1px solid rgba(0,0,0,.06);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px #00000029}.wb-chip{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:10px;font-size:16px;cursor:pointer;box-shadow:inset 0 1px #ffffffbf;transition:transform .08s ease,background .15s ease}.wb-chip:hover{transform:translateY(-1px)}.wb-chip.is-active{background:#1e90ff;color:#fff;border-color:#0000001a}.wb-chip.wb-primary{width:42px}.wb-divider{width:1px;height:26px;background:#00000014;margin:0 2px}.wb-palette{display:flex;gap:6px;margin-left:4px}.wb-swatch{width:20px;height:20px;border-radius:6px;cursor:pointer}.wb-selected-outline{stroke:#2563eb!important;opacity:.85}.wb-marquee{stroke:#2563eb;stroke-dasharray:6 4;fill:#2563eb14}.cursor-crosshair{cursor:crosshair}.cursor-move{cursor:move}.cursor-pen{cursor:crosshair}.cursor-eraser{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 21-4.3-4.3c-.9-.9-.9-2.4 0-3.3L19 7c.9-.9 2.4-.9 3.3 0L19 10.3c-.9.9-2.4.9-3.3 0L7 21"/><path d="M10 21h8"/></svg>') 10 10,auto}.cursor-default{cursor:default}.wb-text-editor{position:absolute;z-index:10000;pointer-events:auto}.wb-text-editor textarea{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.4;border:2px solid #2563eb;border-radius:6px;outline:none;box-shadow:0 4px 12px #2563eb4d;transition:all .2s ease}.wb-text-editor textarea:focus{box-shadow:0 6px 20px #2563eb66}.wb-inline-editor[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.wb-text-editor{pointer-events:auto}.wb-text-editor-hint{position:absolute;top:-24px;left:0;font-size:11px;color:#666;background:#fffffff2;padding:2px 6px;border-radius:4px;white-space:nowrap;backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1)}.kaptrBoard .wb-format-bubble{--wb-bg: #ffffff;--wb-fg: #0f172a;--wb-border: rgba(0, 0, 0, .12);--wb-focus: #2563eb}.kaptrBoard .wb-format-bubble .wb-select{color:var(--wb-fg)!important;background:var(--wb-bg)!important;border:1px solid var(--wb-border)!important;border-radius:8px!important;padding:6px 28px 6px 10px!important;font-size:12px!important;line-height:1.2!important;appearance:none!important;-webkit-appearance:none!important;position:relative;box-shadow:inset 0 1px #fff9!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2318273b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.kaptrBoard .wb-format-bubble .wb-select:focus{outline:none!important;border-color:var(--wb-focus)!important;box-shadow:0 0 0 3px #2563eb2e!important}.kaptrBoard .wb-format-bubble option{color:var(--wb-fg)!important;background:#fff!important}.rnd-handle{display:flex;align-items:center;justify-content:center}.rnd-handle-ring{width:6px;height:6px;border-radius:9999px;background:transparent;border:1.5px solid #4F46E5;box-shadow:0 2px 6px #4f46e540;pointer-events:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.snapshot-border{transition:border .2s ease,box-shadow .2s ease}.snapshot-border.selected{border:1.9px solid #4F46E5;box-shadow:0 8px 24px #4f46e526}.snapshot-border:not(.selected):hover{border:2px solid rgba(79,70,229,.35)}.rnd-handle-tl,.rnd-handle-tr,.rnd-handle-bl,.rnd-handle-br{background:transparent}:root{--c-bacPri: var(--bg-primary, #0f0f0f);--c-texPri: var(--text-primary, #fff);--c-texTer: var(--text-tertiary, #a1a1aa);--c-icoPri: var(--icon-primary, #c9c9d1);--c-icoTer: var(--icon-tertiary, #9a9aa3);--c-border: rgba(255,255,255,.08);--c-hover: rgba(255,255,255,.06);--c-active: rgba(255,255,255,.1)}.nt-header{position:sticky;top:0;z-index:100;max-width:100vw;user-select:none;background:var(--c-bacPri);border-bottom:1px solid var(--c-border);margin-left:var(--sidebar-offset, 0px);width:calc(100vw - var(--sidebar-offset, 0px))}.notion-topbar{width:100%;max-width:100vw;height:30px;opacity:1;transition:opacity .7s,color .7s;position:relative;inset-inline-start:0}.nt-row{display:flex;justify-content:space-between;align-items:center;overflow:hidden;height:30px;padding-inline:12px 10px}.nt-menu-wrap{flex-shrink:0;width:48px;height:48px;margin:-12px;padding:12px;margin-inline-end:-6px;pointer-events:auto}.nt-menu-inner{position:relative}.nt-icon-btn{user-select:none;cursor:pointer;opacity:1;position:absolute;top:0;inset-inline-start:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;padding:0;border:0;background:transparent;transition:opacity .2s ease}.nt-icon-btn svg{display:block;fill:var(--c-icoPri);width:22px;height:22px}.nt-icon-btn:hover{background:var(--c-hover)}.nt-icon-btn:active{background:var(--c-active)}.nt-breadcrumb{display:flex;align-items:center;line-height:1.2;font-size:14px;height:100%;flex-grow:0;margin-inline-end:8px;min-width:0}.nt-title-btn{user-select:none;transition:background 20ms ease-in;cursor:pointer;display:inline-flex;align-items:center;height:24px;padding-inline:6px;border-radius:6px;white-space:nowrap;font-size:14px;line-height:1.2;min-width:0;color:var(--c-texPri);background:transparent;border:0}.nt-title-btn:hover{background:var(--c-hover)}.nt-record-emoji{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-inline-end:6px}.nt-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.nt-visibility{user-select:none;transition:background 20ms ease-in;cursor:pointer;display:inline-flex;align-items:center;height:24px;padding-inline:6px;margin-inline-start:6px;border-radius:6px;white-space:nowrap;font-size:14px;line-height:1.2;color:var(--c-texPri);background:transparent;border:0}.nt-visibility svg{flex-shrink:0;display:block}.nt-visibility .ico-lock,.nt-visibility .ico-users,.nt-visibility .ico-eye{width:16px;height:16px;fill:var(--c-icoTer)}.nt-visibility .ico-caret{width:11px;height:16px;fill:var(--c-icoTer);margin-inline-start:5px}.nt-visibility .nt-vis-text{color:var(--c-texTer);margin-inline:4px 5px}.nt-visibility:hover{background:var(--c-hover)}.nt-spacer{flex-grow:1;flex-shrink:1}.notion-topbar-action-buttons{flex-grow:0;flex-shrink:0;display:flex;align-items:center;padding-inline:10px 0;height:30px}.nt-share-btn{user-select:none;transition:background 20ms ease-in;cursor:pointer;display:inline-flex;align-items:center;height:28px;padding-inline:8px;margin-inline:6px 2px;border-radius:6px;white-space:nowrap;font-size:14px;line-height:1.2;min-width:0;color:var(--c-texPri);background:transparent;border:0}.nt-share-btn:hover{background:var(--c-hover)}.nt-share-btn:active{background:var(--c-active)}.notion-topbar-favorite-button,.notion-topbar-more-button{user-select:none;transition:background 20ms ease-in;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;height:28px;width:34px;padding:0;margin-inline-end:2px;background:transparent;border:0}.notion-topbar-favorite-button svg,.notion-topbar-more-button svg{width:22px;height:22px;display:block;fill:var(--c-icoPri)}.notion-topbar-favorite-button:hover,.notion-topbar-more-button:hover{background:var(--c-hover)}.notion-topbar-favorite-button:active,.notion-topbar-more-button:active{background:var(--c-active)}.notion-topbar-favorite-button.active svg{fill:#fde047;filter:drop-shadow(0 0 6px rgba(253,224,71,.35))}.vis-dropdown{min-width:240px}.vis-dropdown .vis-item{display:flex;gap:8px;align-items:center;font-size:14px}.vis-dropdown .vis-item .ico-lock,.vis-dropdown .vis-item .ico-users,.vis-dropdown .vis-item .ico-eye{width:14px;height:14px}.ctx.nt-dropdown{background:#1c1c1f;color:var(--c-texPri);border:1px solid var(--c-border);border-radius:8px;padding:6px;box-shadow:0 10px 30px #0006}.nt-dropdown .dropdown-divider{height:1px;background:var(--c-border);margin:6px 4px}.nt-dropdown [data-highlighted]{background:var(--c-hover);border-radius:6px}.ctx.nt-dropdown.compact{min-width:0!important;width:max-content;white-space:nowrap;max-width:90vw;box-sizing:border-box}.ctx.premium-dropdown.compact [role=menuitem]{width:auto;max-width:100%}@media(max-width:720px){.nt-title{max-width:160px}.nt-share-btn{display:inline-flex;padding-inline:6px}}@media(prefers-reduced-motion:reduce){.notion-topbar{transition:none!important}}.premium-sidebar,.premium-sidebar .sb-section{--sidebar-bg: var(--bg-primary, #0f0f0f);--sidebar-hover: var(--bg-hover, rgba(255, 255, 255, .05));--sidebar-active: var(--bg-active, rgba(96, 165, 250, .1));--sidebar-border: var(--border-color, rgba(255, 255, 255, .08));--sidebar-text: var(--text-primary, #ffffff);--sidebar-text-dim: var(--text-secondary, #a1a1aa);--sidebar-radius: 10px;--sidebar-transition: all .15s cubic-bezier(.4, 0, .2, 1)}.sb-section{min-height:0;height:auto;overflow:hidden;width:100%;transition:width .2s ease;position:relative}.sb-tree{display:flex;flex-direction:column;gap:2px;padding:8px}.sb-tree>.sb-divider:last-child{margin-bottom:0}.sb-favorites-header,.sb-active-header,.sb-archived-header{margin:8px 0;padding:8px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--sidebar-text-dim);border-radius:var(--sidebar-radius);cursor:pointer;transition:var(--sidebar-transition);user-select:none;text-transform:uppercase;display:grid;grid-template-columns:22px 18px 1fr auto;column-gap:8px;align-items:center;justify-content:center;justify-items:center}.sb-favorites-header:hover,.sb-active-header:hover,.sb-archived-header:hover{background:var(--sidebar-hover);color:var(--sidebar-text);transform:translateY(-1px)}.sb-divider{height:1px;margin:8px 10px 10px;background:var(--sidebar-border);border-radius:999px}.sb-header-chevron{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sidebar-border);color:var(--sidebar-text-dim);transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease;cursor:pointer}.sb-header-chevron svg{width:14px;height:14px;transition:transform .15s ease;transform:rotate(-90deg)}.sb-header-chevron:hover{background:var(--sidebar-hover);color:var(--sidebar-text);border-color:#ffffff2e;transform:scale(1.06)}.sb-header-chevron.open svg{transform:rotate(0)}.sb-row{width:100%;min-height:40px;padding:10px 12px;border-radius:var(--sidebar-radius);display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--sidebar-text);font-size:13px;font-weight:500;transition:var(--sidebar-transition);position:relative;user-select:none;overflow:hidden;--mx: 50%;--my: 50%}.sb-row:hover{background:var(--sidebar-hover);border-color:var(--sidebar-border);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 12px #00000026}.sb-row.active{background:var(--sidebar-active);border-color:#60a5fa59;color:#eaf2ff;box-shadow:0 2px 12px #60a5fa33}.sb-row:active{transform:translateY(0);transition:transform .05s ease}.sb-row .sb-header-chevron,.sb-row .sb-folder{flex:0 0 auto}.sb-row .sb-row-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row .sb-row-right{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.sb-visibility{display:inline-flex;align-items:center}.sb-row:after,.sb-file:after{content:"";position:absolute;inset:-20%;pointer-events:none;opacity:0;transition:opacity .16s ease;background:radial-gradient(40% 40% at var(--mx) var(--my),rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 60%,transparent 100%)}.sb-row:hover:after,.sb-file:hover:after{opacity:1}.sb-caret-left,.sb-caret-chip,.sb-caret,.sb-caret-btn{display:none!important}.sb-folder img{width:16px;height:16px;border-radius:4px;transition:var(--sidebar-transition)}.sb-row:hover .sb-folder img{transform:scale(1.05)}.sb-file{min-height:32px;padding:8px 12px;margin-left:28px;border-radius:var(--sidebar-radius);display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--sidebar-text);font-size:12px;transition:var(--sidebar-transition);user-select:none;position:relative;overflow:hidden;--mx: 50%;--my: 50%}.sb-file:hover{background:var(--sidebar-hover);border-color:var(--sidebar-border);transform:translate(2px) scale(1.01);box-shadow:0 1px 8px #0000001f}.sb-file:active{transform:translate(1px);transition:transform .05s ease}.sb-file-icon img{width:14px;height:14px;border-radius:3px;transition:var(--sidebar-transition)}.sb-file:hover .sb-file-icon img{transform:scale(1.1)}.sb-children{display:flex;flex-direction:column;gap:2px;margin:4px 0 8px;padding-left:12px;border-left:2px solid var(--sidebar-border);position:relative;animation:slideDown .2s cubic-bezier(.4,0,.2,1);transform-origin:top}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.sb-archived{opacity:.65;filter:grayscale(.2)}.sb-archived:hover{opacity:.85;filter:grayscale(.05)}.sb-row [aria-label=favorite],.sb-file span:last-child{font-size:12px;filter:drop-shadow(0 0 2px rgba(253,224,71,.3))}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.75}}.sb-row:focus,.sb-file:focus{outline:2px solid rgba(96,165,250,.5);outline-offset:-2px}.sb-tree>.sb-active-header,.sb-tree>.sb-archived-header{margin-top:30px}.ctx.premium-dropdown{--ctx-bg: rgba(18, 20, 28, .92);--ctx-border: rgba(255, 255, 255, .1);--ctx-hover: rgba(255, 255, 255, .07);--ctx-shadow: 0 18px 40px rgba(0, 0, 0, .45), 0 2px 0 rgba(255, 255, 255, .03) inset;z-index:var(--z-popover, 2000)!important;min-width:260px;padding:6px;border-radius:12px;border:1px solid var(--ctx-border);background:var(--ctx-bg);backdrop-filter:saturate(1.1) blur(10px);-webkit-backdrop-filter:saturate(1.1) blur(10px);box-shadow:var(--ctx-shadow);animation:ctxIn .14s cubic-bezier(.2,.8,.2,1);outline:none}@keyframes ctxIn{0%{opacity:0;transform:scale(.98) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx [role=menuitem],.ctx [data-radix-context-menu-item],.ctx .dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:1px solid transparent;font-size:13px;line-height:1;color:#e9eef7;cursor:pointer;user-select:none;outline:none}.ctx [role=menuitem][data-disabled],.ctx [data-radix-context-menu-item][data-disabled],.ctx .dropdown-item[data-disabled]{opacity:.45}.ctx [role=menuitem][data-highlighted],.ctx [role=menuitem]:hover,.ctx [data-radix-context-menu-item][data-highlighted],.ctx [data-radix-context-menu-item]:hover,.ctx .dropdown-item[data-highlighted],.ctx .dropdown-item:hover{background:var(--ctx-hover);border-color:var(--ctx-border)}.ctx [role=menuitem] .ctx .ctx-item--disabled-with-badge,.ctx [role=menuitem] .ctx .ctx-item--disabled-with-badge[data-disabled],.ctx [role=menuitem] .ctx [data-disabled].ctx-item--disabled-with-badge,.ctx [data-radix-context-menu-item] .ctx .ctx-item--disabled-with-badge,.ctx [data-radix-context-menu-item] .ctx .ctx-item--disabled-with-badge[data-disabled],.ctx [data-radix-context-menu-item] .ctx [data-disabled].ctx-item--disabled-with-badge,.ctx .dropdown-item .ctx .ctx-item--disabled-with-badge,.ctx .dropdown-item .ctx .ctx-item--disabled-with-badge[data-disabled],.ctx .dropdown-item .ctx [data-disabled].ctx-item--disabled-with-badge{pointer-events:auto!important;cursor:pointer!important}.ctx .ctx-item--disabled-with-badge,.nt-dropdown .ctx-item--disabled-with-badge{opacity:.78;background:#ffffff04;border-color:#ffffff08;color:#e9eef7b3}.ctx .ctx-item--disabled-with-badge:hover,.nt-dropdown .ctx-item--disabled-with-badge:hover{opacity:1;background:#ffffff09;border-color:#ffffff0f}.ctx .ctx-item--disabled-with-badge .ctx-badge{margin-left:.5rem;padding:2px 6px;font-size:11px;line-height:1;border-radius:999px;background:var(--c-amber-500, #f59e0b);color:#0b0b0c}.ctx .ctx-item--upgrade{display:flex;justify-content:space-between;align-items:center;font-weight:600}.ctx .ctx-item--upgrade .ctx-cta{opacity:.9;font-size:12px}.sb-counter{--pct: 0%;position:relative;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:1px 8px;font-size:11px;font-weight:700;border-radius:999px;color:var(--text-primary, #fff);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff05);overflow:hidden}.sb-counter:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--pct);background:linear-gradient(90deg,#60a5fa38,#a78bfa24);pointer-events:none}.sb-counter.is-low{border-color:#e6b94673;box-shadow:0 0 0 1px #e6b9461f inset}html[data-sidebar=hidden] .premium-sidebar .sb-counter{height:18px;padding:0 6px;font-size:10px}@media(max-width:768px){.sb-section{width:100%}.sb-row{min-height:36px;padding:8px 10px}.sb-file{min-height:30px;padding:6px 10px}}.sb-favorites-header .sb-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;margin-left:8px;border-radius:9999px;font-weight:700;font-size:12px;line-height:22px;background:linear-gradient(135deg,#fbbf2426,#f59e0b14);color:#fbbf24;border:1px solid rgba(251,191,36,.4);box-shadow:0 0 12px #fbbf2440,inset 0 1px 1px #ffffff26,0 2px 8px #0000004d;backdrop-filter:blur(8px)}.sb-active-header .sb-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;margin-left:8px;border-radius:9999px;font-weight:700;font-size:12px;line-height:22px;background:linear-gradient(135deg,#7b61ff26,#6366f114);color:#a78bfa;border:1px solid rgba(139,92,246,.4);box-shadow:0 0 12px #8b5cf640,inset 0 1px 1px #ffffff26,0 2px 8px #0000004d;backdrop-filter:blur(8px)}.sb-archived-header .sb-header-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;margin-left:8px;border-radius:9999px;font-weight:700;font-size:12px;line-height:22px;background:linear-gradient(135deg,#95060626,#7f1d1d14);color:#ef4444;border:1px solid rgba(185,28,28,.4);box-shadow:0 0 12px #b91c1c40,inset 0 1px 1px #ffffff26,0 2px 8px #0000004d;backdrop-filter:blur(8px)}.ctx .dropdown-divider{margin:6px 10px;height:1px;background:#ffffff1f}:root{--accessible-primary: #4f46e5;--accessible-primary-hover: #4338ca;--accessible-primary-light: rgba(79, 70, 229, .08);--accessible-primary-surface: rgba(79, 70, 229, .05);--accessible-surface: #ffffff;--accessible-surface-elevated: #f8fafc;--accessible-surface-hover: #f1f5f9;--accessible-border: #e2e8f0;--accessible-border-focus: rgba(79, 70, 229, .5);--accessible-text-primary: #0f172a;--accessible-text-secondary: #475569;--accessible-text-muted: #64748b;--accessible-text-inverse: #ffffff;--accessible-error: #dc2626;--accessible-success: #16a34a;--accessible-warning: #d97706;--accessible-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--accessible-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--accessible-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--accessible-shadow-focus: 0 0 0 3px var(--accessible-border-focus);--accessible-radius-sm: 4px;--accessible-radius-md: 6px;--accessible-radius-lg: 8px;--accessible-radius-xl: 12px;--accessible-transition: all .15s ease-in-out;--accessible-transition-slow: all .25s ease-in-out}.accessible-overlay{position:fixed;inset:0;z-index:50;background:#0f172abf;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.accessible-overlay{animation:none;backdrop-filter:none}}.accessible-modal{position:fixed;left:50%;top:50%;z-index:50;transform:translate(-50%,-50%);width:90vw;max-width:600px;max-height:80vh;background:var(--accessible-surface);border:1px solid var(--accessible-border);border-radius:var(--accessible-radius-lg);box-shadow:var(--accessible-shadow-md);animation:modalSlideIn .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.accessible-modal{animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}}.accessible-modal.icon-picker-modal{display:flex;flex-direction:column}.accessible-modal:focus-visible{outline:2px solid var(--accessible-primary);outline-offset:1px}.modal-header{background:var(--accessible-surface);border-bottom:1px solid var(--accessible-border);padding:12px 16px}.modal-header .header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-header .title-section{flex:1}.modal-header .modal-title{font-size:1.125rem;font-weight:600;color:var(--accessible-text-primary);margin:0;line-height:1.2}.modal-header .modal-subtitle{font-size:.75rem;color:var(--accessible-text-secondary);margin:2px 0 0;font-weight:400}.modal-header .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;background:var(--accessible-surface-elevated);border-radius:var(--accessible-radius-sm);color:var(--accessible-text-secondary);cursor:pointer;transition:var(--accessible-transition)}.modal-header .close-button:hover{background:var(--accessible-surface-hover);color:var(--accessible-text-primary);border-color:var(--accessible-border)}.modal-header .close-button:focus-visible{outline:none;border-color:var(--accessible-primary);box-shadow:var(--accessible-shadow-focus);color:var(--accessible-primary)}.search-container .search-label{font-weight:500;color:var(--accessible-text-primary);margin-bottom:4px;font-size:.875rem}.search-container .search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--accessible-surface-elevated);border:1px solid var(--accessible-border);border-radius:var(--accessible-radius-md);transition:var(--accessible-transition)}.search-container .search-input-wrapper:focus-within{border-color:var(--accessible-primary);box-shadow:var(--accessible-shadow-focus);background:var(--accessible-surface)}.search-container .search-input-wrapper .search-icon{position:absolute;left:12px;color:var(--accessible-text-muted);z-index:1}.search-container .search-input-wrapper .search-input{width:100%;padding:10px 12px 10px 36px;border:none;background:transparent;font-size:.875rem;color:var(--accessible-text-primary);outline:none;line-height:1.4}.search-container .search-input-wrapper .search-input::placeholder{color:var(--accessible-text-muted);font-weight:400}.search-container .search-input-wrapper .search-input:focus-visible{outline:none}.search-container .search-input-wrapper .clear-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border:1px solid transparent;background:var(--accessible-surface-hover);border-radius:50%;color:var(--accessible-text-muted);cursor:pointer;transition:var(--accessible-transition)}.search-container .search-input-wrapper .clear-search:hover{background:var(--accessible-primary-light);color:var(--accessible-primary);border-color:var(--accessible-primary)}.search-container .search-input-wrapper .clear-search:focus-visible{outline:1px solid var(--accessible-primary);outline-offset:1px}.modal-body{flex:1;padding:0 8px;overflow-y:auto;min-height:200px}.modal-body:focus-visible{outline:1px solid var(--accessible-primary);outline-offset:-1px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--accessible-surface-elevated)}.modal-body::-webkit-scrollbar-thumb{background:var(--accessible-border);border-radius:4px;border:1px solid var(--accessible-surface-elevated)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--accessible-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state .empty-icon{color:var(--accessible-text-muted);margin-bottom:12px}.empty-state h3{font-size:1rem;font-weight:600;color:var(--accessible-text-primary);margin:0 0 4px}.empty-state p{color:var(--accessible-text-secondary);margin:0;font-size:.75rem;line-height:1.4}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;padding:8px 0}.icon-grid:focus-visible{outline:1px solid var(--accessible-primary);outline-offset:1px;border-radius:var(--accessible-radius-sm)}@media(max-width:600px){.icon-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:3px}}.icon-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px 6px;border:1px solid transparent;border-radius:var(--accessible-radius-sm);background:var(--accessible-surface);cursor:pointer;transition:var(--accessible-transition);min-height:60px}.icon-card:hover{background:var(--accessible-surface-elevated);border-color:var(--accessible-primary);transform:scale(1.05);box-shadow:var(--accessible-shadow-sm);z-index:2}.icon-card:hover .icon-preview{color:var(--accessible-primary)}.icon-card:hover .icon-label{color:var(--accessible-primary);font-weight:600}.icon-card:focus-visible{outline:none;border-color:var(--accessible-primary);box-shadow:0 0 0 2px var(--accessible-primary);z-index:3;transform:scale(1.05)}.icon-card:focus-visible .icon-label{color:var(--accessible-primary);font-weight:600}.icon-card[aria-selected=true],.icon-card.selected{background:var(--accessible-primary);border-color:var(--accessible-primary);color:#fff;transform:scale(1.02);box-shadow:var(--accessible-shadow-md)}.icon-card[aria-selected=true] .icon-preview,.icon-card.selected .icon-preview{color:#fff;transform:none}.icon-card[aria-selected=true] .icon-label,.icon-card.selected .icon-label{color:#fff;font-weight:700}.icon-card[aria-selected=true] .selection-indicator,.icon-card.selected .selection-indicator{opacity:1;transform:scale(1)}.icon-card .icon-preview{display:flex;align-items:center;justify-content:center;width:100%;height:32px;margin-bottom:4px;transition:var(--accessible-transition);color:var(--accessible-text-secondary);font-size:clamp(14px,2.5vw,18px)}.icon-card .icon-label{font-size:.6rem;font-weight:500;color:var(--accessible-text-muted);text-align:center;line-height:1.1;transition:var(--accessible-transition);word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:22px}.icon-card .selection-indicator{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;background:var(--accessible-primary);border-radius:50%;color:var(--accessible-text-inverse);opacity:0;transform:scale(0);transition:var(--accessible-transition);font-size:8px}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--accessible-surface-elevated);border-top:1px solid var(--accessible-border);gap:12px}.modal-footer .footer-left,.modal-footer .footer-right{display:flex;align-items:center;gap:8px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;min-height:32px;border-radius:var(--accessible-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--accessible-transition);border:1px solid transparent;white-space:nowrap;text-decoration:none}.primary-btn:focus-visible,.secondary-btn:focus-visible{outline:none;box-shadow:var(--accessible-shadow-focus)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.6}.primary-btn{background:var(--accessible-primary);color:var(--accessible-text-inverse);border-color:var(--accessible-primary)}.primary-btn:hover:not(:disabled){background:var(--accessible-primary-hover);border-color:var(--accessible-primary-hover);transform:translateY(-1px);box-shadow:var(--accessible-shadow-md)}.primary-btn:disabled,.primary-btn.disabled{background:var(--accessible-text-muted);border-color:var(--accessible-text-muted);color:var(--accessible-text-inverse)}.secondary-btn{background:var(--accessible-surface);color:var(--accessible-text-secondary);border-color:var(--accessible-border)}.secondary-btn:hover:not(:disabled){background:var(--accessible-surface-hover);border-color:var(--accessible-text-muted);color:var(--accessible-text-primary)}.secondary-btn.reset-btn{color:var(--accessible-error)}.secondary-btn.reset-btn:hover:not(:disabled){background:#dc26260d;border-color:var(--accessible-error);color:var(--accessible-error)}.icon-card{animation:iconSlideIn .15s ease-out backwards}.icon-card:nth-child(1){animation-delay:8ms}.icon-card:nth-child(2){animation-delay:16ms}.icon-card:nth-child(3){animation-delay:24ms}.icon-card:nth-child(4){animation-delay:32ms}.icon-card:nth-child(5){animation-delay:.04s}.icon-card:nth-child(6){animation-delay:48ms}.icon-card:nth-child(7){animation-delay:56ms}.icon-card:nth-child(8){animation-delay:64ms}.icon-card:nth-child(9){animation-delay:72ms}.icon-card:nth-child(10){animation-delay:.08s}.icon-card:nth-child(11){animation-delay:88ms}.icon-card:nth-child(12){animation-delay:96ms}.icon-card:nth-child(13){animation-delay:.104s}.icon-card:nth-child(14){animation-delay:.112s}.icon-card:nth-child(15){animation-delay:.12s}.icon-card:nth-child(16){animation-delay:.128s}.icon-card:nth-child(17){animation-delay:.136s}.icon-card:nth-child(18){animation-delay:.144s}.icon-card:nth-child(19){animation-delay:.152s}.icon-card:nth-child(20){animation-delay:.16s}.icon-card:nth-child(21){animation-delay:.168s}.icon-card:nth-child(22){animation-delay:.176s}.icon-card:nth-child(23){animation-delay:.184s}.icon-card:nth-child(24){animation-delay:.192s}.icon-card:nth-child(25){animation-delay:.2s}.icon-card:nth-child(26){animation-delay:.208s}.icon-card:nth-child(27){animation-delay:.216s}.icon-card:nth-child(28){animation-delay:.224s}.icon-card:nth-child(29){animation-delay:.232s}.icon-card:nth-child(30){animation-delay:.24s}.icon-card:nth-child(31){animation-delay:.248s}.icon-card:nth-child(32){animation-delay:.256s}.icon-card:nth-child(33){animation-delay:.264s}.icon-card:nth-child(34){animation-delay:.272s}.icon-card:nth-child(35){animation-delay:.28s}.icon-card:nth-child(36){animation-delay:.288s}.icon-card:nth-child(37){animation-delay:.296s}.icon-card:nth-child(38){animation-delay:.304s}.icon-card:nth-child(39){animation-delay:.312s}.icon-card:nth-child(40){animation-delay:.32s}.icon-card:nth-child(41){animation-delay:.328s}.icon-card:nth-child(42){animation-delay:.336s}.icon-card:nth-child(43){animation-delay:.344s}.icon-card:nth-child(44){animation-delay:.352s}.icon-card:nth-child(45){animation-delay:.36s}.icon-card:nth-child(46){animation-delay:.368s}.icon-card:nth-child(47){animation-delay:.376s}.icon-card:nth-child(48){animation-delay:.384s}.icon-card:nth-child(49){animation-delay:.392s}.icon-card:nth-child(50){animation-delay:.4s}@media(prefers-reduced-motion:reduce){.icon-card{animation:iconFadeIn .1s ease-out backwards}.icon-card:nth-child(1){animation-delay:3ms}.icon-card:nth-child(2){animation-delay:6ms}.icon-card:nth-child(3){animation-delay:9ms}.icon-card:nth-child(4){animation-delay:12ms}.icon-card:nth-child(5){animation-delay:15ms}.icon-card:nth-child(6){animation-delay:18ms}.icon-card:nth-child(7){animation-delay:21ms}.icon-card:nth-child(8){animation-delay:24ms}.icon-card:nth-child(9){animation-delay:27ms}.icon-card:nth-child(10){animation-delay:.03s}.icon-card:nth-child(11){animation-delay:33ms}.icon-card:nth-child(12){animation-delay:36ms}.icon-card:nth-child(13){animation-delay:39ms}.icon-card:nth-child(14){animation-delay:42ms}.icon-card:nth-child(15){animation-delay:45ms}.icon-card:nth-child(16){animation-delay:48ms}.icon-card:nth-child(17){animation-delay:51ms}.icon-card:nth-child(18){animation-delay:54ms}.icon-card:nth-child(19){animation-delay:57ms}.icon-card:nth-child(20){animation-delay:.06s}.icon-card:nth-child(21){animation-delay:63ms}.icon-card:nth-child(22){animation-delay:66ms}.icon-card:nth-child(23){animation-delay:69ms}.icon-card:nth-child(24){animation-delay:72ms}.icon-card:nth-child(25){animation-delay:75ms}.icon-card:nth-child(26){animation-delay:78ms}.icon-card:nth-child(27){animation-delay:81ms}.icon-card:nth-child(28){animation-delay:84ms}.icon-card:nth-child(29){animation-delay:87ms}.icon-card:nth-child(30){animation-delay:.09s}.icon-card:nth-child(31){animation-delay:93ms}.icon-card:nth-child(32){animation-delay:96ms}.icon-card:nth-child(33){animation-delay:99ms}.icon-card:nth-child(34){animation-delay:.102s}.icon-card:nth-child(35){animation-delay:.105s}.icon-card:nth-child(36){animation-delay:.108s}.icon-card:nth-child(37){animation-delay:.111s}.icon-card:nth-child(38){animation-delay:.114s}.icon-card:nth-child(39){animation-delay:.117s}.icon-card:nth-child(40){animation-delay:.12s}.icon-card:nth-child(41){animation-delay:.123s}.icon-card:nth-child(42){animation-delay:.126s}.icon-card:nth-child(43){animation-delay:.129s}.icon-card:nth-child(44){animation-delay:.132s}.icon-card:nth-child(45){animation-delay:.135s}.icon-card:nth-child(46){animation-delay:.138s}.icon-card:nth-child(47){animation-delay:.141s}.icon-card:nth-child(48){animation-delay:.144s}.icon-card:nth-child(49){animation-delay:.147s}.icon-card:nth-child(50){animation-delay:.15s}}@keyframes iconSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes iconFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-color-scheme:dark){:root{--accessible-surface: #0f172a;--accessible-surface-elevated: #1e293b;--accessible-surface-hover: #334155;--accessible-border: #475569;--accessible-text-primary: #f8fafc;--accessible-text-secondary: #cbd5e1;--accessible-text-muted: #94a3b8;--accessible-primary: #6366f1;--accessible-primary-hover: #7c3aed}}@media(max-width:768px){.accessible-modal{width:95vw;max-width:500px;max-height:85vh;margin:10px}.modal-header{padding:8px 12px}.modal-header .modal-title{font-size:1rem}.modal-header .close-button{width:28px;height:28px}.modal-body{padding:0 6px}.modal-footer{padding:10px 12px;flex-direction:column;gap:8px}.modal-footer .footer-left,.modal-footer .footer-right{width:100%;justify-content:center}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;padding:6px 0}.icon-card{padding:3px 2px 4px;min-height:52px}.icon-card .icon-preview{height:26px;font-size:clamp(12px,2vw,14px)}.icon-card .icon-label{font-size:.55rem;height:20px}}@media(forced-colors:active){.icon-card{border:1px solid ButtonBorder}.icon-card:hover{border-color:Highlight}.icon-card[aria-selected=true]{border-color:Highlight;background:Highlight;color:HighlightText}.primary-btn{border:1px solid ButtonText}}@keyframes appearanceFadeIn{0%{opacity:0}to{opacity:1}}@keyframes appearancePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.appearance-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);z-index:9998;animation:appearanceFadeIn .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .appearance-overlay{background:#000000bf}.appearance-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:620px;max-height:88vh;background:#fff;border-radius:1rem;box-shadow:0 16px 48px #00000029,0 4px 12px #00000014;border:1px solid rgba(0,0,0,.08);z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:appearancePop .4s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .appearance-modal{background:#1a1a1a;border-color:#ffffff14;box-shadow:0 16px 48px #0009,0 4px 12px #0006}.appearance-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid #e0e0e3;background:#fff;flex-shrink:0}[data-theme=dark] .appearance-header{border-bottom-color:#333;background:#1f1f1f}.appearance-title-section{display:flex;align-items:center;gap:.875rem}.appearance-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0066ff14;border-radius:.5rem;color:#06f;flex-shrink:0}[data-theme=dark] .appearance-icon{background:#3388ff1f;color:#38f}.appearance-title{font-size:1.0625rem;font-weight:600;color:#0d0d0d;margin:0;letter-spacing:-.02em;line-height:1.4}[data-theme=dark] .appearance-title{color:#f5f5f5}.appearance-title .board-name{color:#878787;font-weight:500}[data-theme=dark] .appearance-title .board-name{color:#737373}.appearance-subtitle{font-size:.8125rem;color:#525252;margin:.25rem 0 0;line-height:1.4}[data-theme=dark] .appearance-subtitle{color:#a3a3a3}.appearance-close{width:36px;height:36px;background:transparent;border:none;color:#878787;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:.5rem;flex-shrink:0}[data-theme=dark] .appearance-close{color:#737373}.appearance-close:hover{background:#f5f5f7;color:#0d0d0d;transform:rotate(90deg)}[data-theme=dark] .appearance-close:hover{background:#242424;color:#f5f5f5}.appearance-close:focus-visible{outline:2px solid #0066ff;outline-offset:2px}[data-theme=dark] .appearance-close:focus-visible{outline-color:#38f}.appearance-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;background:#fafafa}[data-theme=dark] .appearance-content{background:#0d0d0d}.appearance-content::-webkit-scrollbar{width:10px}.appearance-content::-webkit-scrollbar-track{background:transparent}.appearance-content::-webkit-scrollbar-thumb{background:#ebebef;border-radius:9999px;border:2px solid #fafafa}[data-theme=dark] .appearance-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-color:#0d0d0d}.appearance-content::-webkit-scrollbar-thumb:hover{background:#e0e0e3}[data-theme=dark] .appearance-content::-webkit-scrollbar-thumb:hover{background:#333}.appearance-footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-top:1px solid #e0e0e3;background:#fff;flex-shrink:0}[data-theme=dark] .appearance-footer{border-top-color:#333;background:#1f1f1f}.appearance-reset-btn{padding:.5625rem 1.125rem;background:transparent;border:1px solid #e0e0e3;border-radius:.5rem;color:#525252;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .appearance-reset-btn{border-color:#333;color:#a3a3a3}.appearance-reset-btn:hover{background:#f5f5f7;color:#0d0d0d;border-color:#00000014;transform:translateY(-1px);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .appearance-reset-btn:hover{background:#242424;color:#f5f5f5;border-color:#ffffff14;box-shadow:0 1px 2px #0000004d}.appearance-reset-btn:active{transform:translateY(0)}.appearance-done-btn{padding:.5625rem 1.5rem;background:#06f;border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .appearance-done-btn{background:#38f;box-shadow:0 1px 2px #0000004d}.appearance-done-btn:hover{background:#0052cc;transform:translateY(-1px);box-shadow:0 4px 12px #06f3,0 1px 2px #0000000a}[data-theme=dark] .appearance-done-btn:hover{background:#4d94ff;box-shadow:0 4px 12px #3388ff4d,0 1px 2px #0000004d}.appearance-done-btn:active{background:#0047b3;transform:translateY(0)}[data-theme=dark] .appearance-done-btn:active{background:#70a8ff}.settings-control-group{display:flex;flex-direction:column;gap:.625rem;padding:1.75rem;background:#fff;border-bottom:1px solid #ebebef}[data-theme=dark] .settings-control-group{background:#1a1a1a;border-bottom-color:#2a2a2a}.settings-control-group:last-child{border-bottom:none}.settings-control-subgroup{padding-top:0;border-top:1px solid #ebebef;margin-top:.5rem}[data-theme=dark] .settings-control-subgroup{border-top-color:#2a2a2a}.settings-control-label{font-size:.8125rem;font-weight:600;color:#0d0d0d;letter-spacing:.01em;text-transform:uppercase;margin-bottom:.25rem}[data-theme=dark] .settings-control-label{color:#f5f5f5}.settings-button-group{display:flex;gap:0;padding:.25rem;background:#f5f5f7;border-radius:.5rem;border:1px solid #e0e0e3;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .settings-button-group{background:#242424;border-color:#333;box-shadow:0 1px 2px #0000004d}.settings-chip{flex:1;padding:.625rem 1.25rem;background:transparent;border:none;border-radius:.375rem;color:#525252;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=dark] .settings-chip{color:#a3a3a3}.settings-chip:hover{background:#ebebef;color:#0d0d0d}[data-theme=dark] .settings-chip:hover{background:#2e2e2e;color:#f5f5f5}.settings-chip.active{background:#fff;color:#06f;box-shadow:0 1px 2px #0000000a;font-weight:600}[data-theme=dark] .settings-chip.active{background:#1a1a1a;color:#38f;box-shadow:0 1px 2px #0000004d}.settings-chip:focus-visible{outline:2px solid #0066ff;outline-offset:2px;z-index:1}[data-theme=dark] .settings-chip:focus-visible{outline-color:#38f}.settings-chip:disabled{opacity:.5;cursor:not-allowed}.settings-color-picker{display:flex;align-items:center;gap:.75rem}.color-preview{width:120px;height:44px;border-radius:.5rem;border:2px solid #e0e0e3;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 2px #0000000a;letter-spacing:.02em}[data-theme=dark] .color-preview{border-color:#333;box-shadow:0 1px 2px #0000004d}.color-preview:hover{transform:scale(1.03);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;border-color:#06f}[data-theme=dark] .color-preview:hover{box-shadow:0 2px 8px #0006,0 1px 2px #0003;border-color:#38f}.color-preview:active{transform:scale(.98)}.color-input-native{width:44px;height:44px;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.color-input-native:hover{transform:scale(1.05)}.color-input-native::-webkit-color-swatch{border:2px solid #e0e0e3;border-radius:.5rem;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .color-input-native::-webkit-color-swatch{border-color:#333;box-shadow:0 1px 2px #0000004d}.color-input-text{flex:1;padding:.625rem 1rem;background:#f5f5f7;border:1px solid #e0e0e3;border-radius:.5rem;color:#0d0d0d;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .color-input-text{background:#242424;border-color:#333;color:#f5f5f5;box-shadow:0 1px 2px #0000004d}.color-input-text::placeholder{color:#b3b3b3}[data-theme=dark] .color-input-text::placeholder{color:#525252}.color-input-text:hover{border-color:#878787;background:#ebebef}[data-theme=dark] .color-input-text:hover{border-color:#737373;background:#2e2e2e}.color-input-text:focus{outline:none;border-color:#06f;background:#fff;box-shadow:0 0 0 3px #0066ff0a,0 1px 2px #0000000a}[data-theme=dark] .color-input-text:focus{border-color:#38f;background:#1a1a1a;box-shadow:0 0 0 3px #3388ff0f,0 1px 2px #0000004d}.color-input-text:disabled{opacity:.5;cursor:not-allowed}.tiles-section{display:flex;flex-direction:column;gap:0}.tiles-section .settings-control-group{padding:1.75rem;border-bottom:1px solid #ebebef}[data-theme=dark] .tiles-section .settings-control-group{border-bottom-color:#2a2a2a}.tiles-section .settings-control-group:last-child{border-bottom:none}.tile-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.75rem}.tile-swatch-card{display:flex;flex-direction:column;background:#fff;border:2px solid #e0e0e3;border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .tile-swatch-card{background:#1a1a1a;border-color:#333;box-shadow:0 1px 2px #0000004d}.tile-swatch-card:hover{transform:translateY(-3px);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;border-color:#878787}[data-theme=dark] .tile-swatch-card:hover{box-shadow:0 2px 8px #0006,0 1px 2px #0003;border-color:#737373}.tile-swatch-card.selected{border-color:#06f;box-shadow:0 0 0 3px #0066ff0a,0 2px 8px #00000014,0 1px 2px #0000000a;transform:translateY(-2px)}[data-theme=dark] .tile-swatch-card.selected{border-color:#38f;box-shadow:0 0 0 3px #3388ff0f,0 2px 8px #0006,0 1px 2px #0003}.tile-swatch-card.selected:hover{transform:translateY(-4px)}.tile-swatch-card:active{transform:translateY(-1px)}.tile-swatch-card.disabled{opacity:.5;filter:grayscale(.8);position:relative;cursor:not-allowed}.tile-swatch{width:100%;height:90px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.tile-swatch.swatch-none{background:var(--swatch-bg-color)}.tile-swatch.swatch-classic{background-color:var(--swatch-bg-color);background-image:linear-gradient(var(--swatch-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--swatch-line-color) 1px,transparent 1px),linear-gradient(var(--swatch-line-color) .5px,transparent .5px),linear-gradient(90deg,var(--swatch-line-color) .5px,transparent .5px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;opacity:.8}.tile-swatch.swatch-dots{background-color:var(--swatch-bg-color);background-image:radial-gradient(circle,var(--swatch-line-color) 1.5px,transparent 1.5px);background-size:16px 16px;opacity:.7}.tile-swatch.swatch-kaptrV3{background-color:var(--swatch-bg-color);background-image:linear-gradient(var(--swatch-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--swatch-line-color) 1px,transparent 1px);background-size:32px 32px;opacity:.25}.tile-swatch.swatch-ruled{background-color:var(--swatch-bg-color);background-image:linear-gradient(var(--swatch-line-color) 1px,transparent 1px);background-size:100% 20px;opacity:.6}.tile-swatch.swatch-blueprint{background-color:#0a2332;background-image:linear-gradient(rgba(65,167,234,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(65,167,234,.4) 1px,transparent 1px);background-size:16px 16px}.tile-meta{display:flex;flex-direction:column;padding:.75rem;background:#fff;gap:.125rem}[data-theme=dark] .tile-meta{background:#1a1a1a}.tile-title{font-size:.8125rem;font-weight:600;color:#0d0d0d;line-height:1.3}[data-theme=dark] .tile-title{color:#f5f5f5}.tile-desc{font-size:.6875rem;color:#525252;line-height:1.3}[data-theme=dark] .tile-desc{color:#a3a3a3}.gateable{position:relative}.gateable.is-gated{pointer-events:none;filter:grayscale(.8);opacity:.5}.gate-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0006;backdrop-filter:blur(2px);border-radius:.75rem;z-index:10}.gate-pill{font:600 .75rem/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#000000a6;color:#fff;padding:.5rem .875rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;letter-spacing:.02em}.tile-swatch-card .tile-lock{position:absolute;right:.5rem;top:.5rem;font-size:.6875rem;font-weight:600;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.2);letter-spacing:.02em;box-shadow:0 2px 8px #00000040}@media(max-width:640px){.appearance-modal{width:95vw;max-width:none;max-height:92vh}.appearance-header,.appearance-footer{padding:1.25rem}.settings-control-group{padding:1.5rem 1.25rem}.tile-swatches{grid-template-columns:repeat(2,1fr);gap:.875rem}.tile-swatch{height:75px}}.premium-sidebar{--sidebar-width: 260px;--sidebar-peek-width: 260px;--ease-smooth: cubic-bezier(.16, 1, .3, 1);--peek-open-duration: .32s;--peek-close-duration: .42s;--ease-very-smooth: cubic-bezier(.22, 1, .36, 1);--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(96, 165, 250, .1);--border-color: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #ffffff;--accent-secondary: #a78bfa;--topbar-height: 60px;position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:var(--bg-primary);display:flex;flex-direction:column;border-right:none;z-index:var(--z-sidebar, 1000);overflow:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden;transition:transform .24s var(--ease-smooth),height .24s var(--ease-smooth),width .24s var(--ease-smooth),border-radius .24s var(--ease-smooth),box-shadow .28s var(--ease-smooth);overscroll-behavior:contain}.premium-sidebar .sidebar-header{position:relative;padding:20px 16px;border-bottom:none;flex-shrink:0;transition:padding .24s var(--ease-smooth)}.premium-sidebar .sidebar-header .logo-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;justify-content:flex-start;transition:gap .24s var(--ease-smooth),margin-bottom .24s var(--ease-smooth)}.premium-sidebar .sidebar-header .logo-section .logo-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;transition:width .24s var(--ease-smooth),height .24s var(--ease-smooth)}.premium-sidebar .sidebar-header .logo-section .logo-with-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;padding-right:0}.premium-sidebar .sidebar-header .logo-section .logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:font-size .24s var(--ease-smooth)}.premium-sidebar .sidebar-header .logo-section .sidebar-close-btn{display:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-primary);border-radius:10px;padding:6px 8px;line-height:0;cursor:pointer;transition:background .18s var(--ease-smooth),border-color .18s var(--ease-smooth),transform .12s var(--ease-smooth)}.premium-sidebar .sidebar-header .logo-section .sidebar-close-btn:hover{background:var(--bg-hover);border-color:#ffffff1f;transform:translateY(-1px)}.premium-sidebar .sidebar-header .logo-section .sidebar-close-btn:active{transform:translateY(0)}.premium-sidebar .sidebar-header .logo-section .sidebar-close-btn .ico{display:inline-grid;place-items:center}.premium-sidebar .sidebar-header .new-dashboard-btn{width:100%;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff05),radial-gradient(120% 120% at 0% 0%,rgba(96,165,250,.18),transparent 50%),#14141c99;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;cursor:pointer;font-family:inherit;position:relative;overflow:hidden;transition:transform .16s var(--ease-smooth),box-shadow .2s var(--ease-smooth),border-color .2s var(--ease-smooth),background .24s var(--ease-smooth)}.premium-sidebar .sidebar-header .new-dashboard-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.18),transparent 60%);opacity:0;transition:opacity .2s var(--ease-smooth);pointer-events:none}.premium-sidebar .sidebar-header .new-dashboard-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000059;border-color:#ffffff29}.premium-sidebar .sidebar-header .new-dashboard-btn:hover:after{opacity:.6}.premium-sidebar .sidebar-header .new-dashboard-btn:active{transform:translateY(0)}.premium-sidebar .sidebar-header .new-dashboard-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.premium-sidebar .sidebar-header .new-dashboard-btn:focus-visible{outline:2px solid rgba(96,165,250,.6);outline-offset:2px}.premium-sidebar .sidebar-header .new-dashboard-btn .btn-icon{font-size:20px;line-height:1}.premium-sidebar .sidebar-header .new-dashboard-btn .btn-text{font-size:14px}.premium-sidebar .sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;box-sizing:border-box}.premium-sidebar .sidebar-content.has-scroll::-webkit-scrollbar{width:6px}.premium-sidebar .sidebar-content.has-scroll::-webkit-scrollbar-track{background:transparent}.premium-sidebar .sidebar-content.has-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.premium-sidebar .sidebar-content.has-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.premium-sidebar .sidebar-content.no-scroll{overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.premium-sidebar .sidebar-content.no-scroll::-webkit-scrollbar{display:none}.premium-sidebar .sidebar-footer{border-top:1px solid var(--border-color);padding:10px;flex-shrink:0;background:var(--bg-primary);position:relative;transition:padding .24s var(--ease-smooth)}.premium-sidebar .user-section{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:10px;border:1px solid transparent;color:var(--text-primary);transition:background .16s var(--ease-smooth),border-color .16s var(--ease-smooth),padding .24s var(--ease-smooth),gap .24s var(--ease-smooth)}.premium-sidebar .user-section:hover{background:var(--bg-hover);border-color:var(--border-color)}.premium-sidebar .user-section:focus{outline:2px solid rgba(96,165,250,.6);outline-offset:2px}.premium-sidebar .user-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1e40af,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0;transition:width .24s var(--ease-smooth),height .24s var(--ease-smooth),font-size .24s var(--ease-smooth)}.premium-sidebar .user-info{display:flex;flex-direction:column;min-width:0}.premium-sidebar .user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;transition:font-size .24s var(--ease-smooth)}.premium-sidebar .user-plan{font-size:12px;color:var(--text-secondary);text-transform:capitalize;transition:font-size .24s var(--ease-smooth)}.premium-sidebar .user-plan.premium{color:#fbbf24;font-weight:600}.premium-sidebar .account-popup{position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:6px;box-shadow:0 18px 40px #00000059,0 6px 16px #00000040;animation:fadeSlideUp .18s var(--ease-smooth);z-index:10000}.premium-sidebar .account-popup.icons-only .icon-actions{display:flex;flex-direction:column;gap:10px;padding:6px 4px;width:100%;box-sizing:border-box}.premium-sidebar .account-popup.icons-only .icon-btn{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#ffffff03;color:var(--text-primary);transition:background .18s var(--ease-smooth),transform .12s var(--ease-smooth),box-shadow .18s var(--ease-smooth),border-color .18s var(--ease-smooth);cursor:pointer}.premium-sidebar .account-popup.icons-only svg{width:18px;height:18px}.premium-sidebar .account-popup.icons-only .icon-inner{display:inline-grid;place-items:center;width:20px;height:20px;flex-shrink:0}.premium-sidebar .account-popup.icons-only .icon-label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(1){background:linear-gradient(90deg,#ffffff06,#ffffff03);border-color:#ffffff08}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(1):hover,.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(1):focus{background:linear-gradient(90deg,#ffffff0f,#ffffff05);box-shadow:0 10px 28px #ffffff05;transform:translateY(-2px);border-color:#ffffff14}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(2){background:linear-gradient(90deg,#e6b9460f,#e6b94606);border-color:#e6b94614}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(2):hover,.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(2):focus{background:linear-gradient(90deg,#e6b94624,#e6b9460b);box-shadow:0 18px 48px #e6b94617;transform:translateY(-2px);border-color:#e6b94629}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(3){background:linear-gradient(90deg,#60a5fa0f,#60a5fa05);border-color:#60a5fa0f}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(3):hover,.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(3):focus{background:linear-gradient(90deg,#60a5fa1f,#60a5fa0a);box-shadow:0 18px 48px #60a5fa14;transform:translateY(-2px);border-color:#60a5fa24}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(4){background:linear-gradient(90deg,#ef44440d,#ef444404);border-color:#ef44440d}.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(4):hover,.premium-sidebar .account-popup.icons-only .icon-actions>.icon-btn:nth-child(4):focus{background:linear-gradient(90deg,#ef44441f,#ef444408);box-shadow:0 18px 48px #ef444412;transform:translateY(-2px);border-color:#ef444429}.premium-sidebar .new-dashboard-btn:focus,.premium-sidebar .user-section:focus,.premium-sidebar .account-popup .icon-btn:focus{outline:2px solid rgba(96,165,250,.6);outline-offset:2px}@media(max-width:920px){.premium-sidebar{width:min(88vw,var(--sidebar-width))}}.account-help-portal{position:fixed;z-index:99999;pointer-events:auto}.account-help-portal .account-help-surface{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 64px #00000073,0 8px 24px #00000059;padding:8px;max-width:320px;min-width:220px;max-height:calc(100vh - 300px);overflow:auto;animation:ah-slide-in .16s var(--ease-smooth)}.account-help-portal .icon-btn{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;padding:12px 16px;margin:4px 0;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#ffffff03;color:var(--text-primary);cursor:pointer;transition:background .18s cubic-bezier(.2,.8,.2,1),transform .12s ease,box-shadow .18s ease,border-color .18s ease}.account-help-portal .icon-btn:hover,.account-help-portal .icon-btn:focus{background:var(--bg-hover);border-color:#ffffff14;transform:translateY(-1px)}.account-help-portal .icon-inner{width:20px;height:20px;display:inline-grid;place-items:center;flex-shrink:0}.account-help-portal .icon-label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ah-slide-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}html[data-sidebar=locked]{--sidebar-offset: var(--sidebar-width, 260px)}html[data-sidebar=hidden]{--sidebar-offset: 0px}html[data-sidebar=locked] .premium-sidebar{transform:translateZ(0);pointer-events:auto;top:0;height:100vh;width:var(--sidebar-width)}html[data-sidebar=locked] .premium-sidebar .sidebar-header .sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .sidebar-close-btn{display:none}html[data-sidebar=hidden] .premium-sidebar{top:var(--topbar-height, 60px);height:calc(100vh - var(--topbar-height, 60px) - 60px);max-height:65vh;width:var(--sidebar-peek-width, 260px);border-top-right-radius:16px;border-bottom-right-radius:16px;border:1px solid rgba(255,255,255,.08);border-left:none;transform:translate3d(calc(-1 * var(--sidebar-peek-width, 260px)),0,0);pointer-events:none;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg-primary)!important}html.sidebar-peek-instant .premium-sidebar{transform:translateZ(0)!important;pointer-events:auto!important;top:0!important;width:var(--sidebar-peek-width, 260px)!important;height:calc(100vh - var(--topbar-height, 60px) - 60px)!important;border-top-right-radius:16px!important;border-bottom-right-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important;border-left:none!important;box-shadow:6px 0 32px #00000059,2px 0 12px #00000040,0 0 0 1px #60a5fa14!important;backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f0ff2,#14141ceb);transition:none!important}html.sidebar-peek-instant.sidebar-slide-down .premium-sidebar{transition:top var(--peek-close-duration, .42s) var(--ease-very-smooth, cubic-bezier(.22, 1, .36, 1)),box-shadow var(--peek-close-duration, .42s) var(--ease-very-smooth, cubic-bezier(.22, 1, .36, 1))!important;top:var(--topbar-height, 60px)!important;will-change:top}html.sidebar-slide-up .premium-sidebar{transform:translateZ(0)!important;pointer-events:auto!important;box-shadow:6px 0 32px #00000059,2px 0 12px #00000040,0 0 0 1px #60a5fa14!important;transition:top var(--peek-open-duration, .32s) var(--ease-very-smooth, cubic-bezier(.22, 1, .36, 1)),box-shadow var(--peek-open-duration, .32s) var(--ease-very-smooth, cubic-bezier(.22, 1, .36, 1))!important;top:0!important;will-change:top}html.sidebar-peek-instant .sidebar-hotzone{display:none!important}html.sidebar-animating-to-peek .sidebar-hotzone{display:none}html[data-sidebar=hidden] .premium-sidebar.peek-open{transform:translateZ(0);pointer-events:auto;box-shadow:6px 0 32px #00000059,2px 0 12px #00000040,0 0 0 1px #60a5fa14;z-index:998;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1)}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .logo-section{gap:10px;margin-bottom:14px}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .logo-section .logo-icon{width:28px;height:28px;border-radius:6px;box-shadow:0 2px 8px #60a5fa26}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .logo-section .logo-text{font-size:16px;font-weight:700}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .new-dashboard-btn{height:38px;border-radius:8px;font-size:13px}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .new-dashboard-btn:hover{box-shadow:0 8px 24px #0000004d,0 0 0 1px #60a5fa33,0 0 20px #60a5fa26}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .new-dashboard-btn .btn-icon{font-size:18px}html[data-sidebar=hidden] .premium-sidebar .sidebar-header .new-dashboard-btn .btn-text{font-size:13px}html[data-sidebar=hidden] .premium-sidebar .sidebar-footer{padding:8px}html[data-sidebar=hidden] .premium-sidebar .sidebar-footer .user-section{padding:6px;gap:8px;border-radius:8px}html[data-sidebar=hidden] .premium-sidebar .sidebar-footer .user-section:hover{background:#ffffff0f;box-shadow:0 4px 12px #00000026}html[data-sidebar=hidden] .premium-sidebar .sidebar-footer .user-avatar{width:28px;height:28px;border-radius:6px;font-size:12px;box-shadow:0 2px 8px #1e40af40}html[data-sidebar=hidden] .premium-sidebar .sidebar-footer .user-name{font-size:13px;max-width:120px}html[data-sidebar=hidden] .premium-sidebar .sidebar-footer .user-plan{font-size:11px}html[data-sidebar=hidden] .premium-sidebar .sidebar-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}html[data-sidebar=hidden] .premium-sidebar .sidebar-content::-webkit-scrollbar{width:4px}html[data-sidebar=hidden] .premium-sidebar .sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}html[data-sidebar=hidden] .premium-sidebar .sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar-hotzone{position:fixed;left:0;top:0;bottom:0;width:35px;z-index:12050;pointer-events:none;background:transparent!important;cursor:default;transition:none}@media(max-width:920px){.sidebar-hotzone{width:32px}}html[data-sidebar=locked] .sidebar-hotzone{display:none}.with-sidebar-offset{margin-left:var(--sidebar-offset, var(--sidebar-width, 260px));transition:margin-left .24s var(--ease-smooth)}.app-scrim{display:none}html[data-sidebar=hidden] .premium-sidebar.peek-open~.app-scrim{display:block;position:fixed;inset:0;background:#0000002e;backdrop-filter:blur(2px);z-index:997;pointer-events:none;opacity:0;animation:scrimFadeIn .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes scrimFadeIn{0%{opacity:0}to{opacity:1}}html[data-sidebar=hidden] .premium-sidebar.peek-sticky{transform:translateZ(0);pointer-events:auto;box-shadow:6px 0 32px #00000059,2px 0 12px #00000040,0 0 0 1px #60a5fa14;z-index:998}html[data-sidebar=hidden] .premium-sidebar.peek-sticky~.app-scrim{display:block;position:fixed;inset:0;background:#0000002e;backdrop-filter:blur(2px);z-index:997;pointer-events:auto;animation:scrimFadeIn .28s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:920px){html[data-sidebar=hidden] .premium-sidebar{width:min(75vw,260px);max-height:68vh;transform:translate3d(calc(-1*min(75vw,260px)),0,0);border-radius:0 18px 18px 0}.sidebar-hotzone{width:32px}}@media(prefers-reduced-motion:reduce){html[data-sidebar=hidden] .premium-sidebar,.sidebar-hotzone,.app-scrim{transition:none!important;animation:none!important}html[data-sidebar=hidden] .sidebar-hotzone:hover+.premium-sidebar,html[data-sidebar=hidden] .premium-sidebar.peek-open{opacity:1}}.sidebar-content.no-scroll{scrollbar-width:none}.sidebar-content.no-scroll::-webkit-scrollbar{display:none}:root{--sdx-bg-primary: rgba(255, 255, 255, .98);--sdx-bg-secondary: rgba(249, 250, 251, .95);--sdx-bg-overlay: rgba(0, 0, 0, .5);--sdx-bg-glass: rgba(255, 255, 255, .85);--sdx-bg-hover: rgba(59, 130, 246, .08);--sdx-text-primary: #111827;--sdx-text-secondary: #6b7280;--sdx-text-tertiary: #9ca3af;--sdx-text-inverse: #ffffff;--sdx-border-primary: rgba(229, 231, 235, .7);--sdx-border-secondary: rgba(209, 213, 219, .5);--sdx-border-focus: #3b82f6;--sdx-accent-primary: #3b82f6;--sdx-accent-hover: #2563eb;--sdx-accent-active: #1d4ed8;--sdx-accent-light: rgba(59, 130, 246, .1);--sdx-success: #10b981;--sdx-success-light: rgba(16, 185, 129, .1);--sdx-warning: #f59e0b;--sdx-warning-light: rgba(245, 158, 11, .1);--sdx-danger: #ef4444;--sdx-danger-light: rgba(239, 68, 68, .1);--sdx-private-color: #6b7280;--sdx-shared-color: #8b5cf6;--sdx-public-color: #10b981;--sdx-spacing-xs: .25rem;--sdx-spacing-sm: .5rem;--sdx-spacing-md: 1rem;--sdx-spacing-lg: 1.5rem;--sdx-spacing-xl: 2rem;--sdx-radius-sm: .375rem;--sdx-radius-md: .5rem;--sdx-radius-lg: .75rem;--sdx-radius-xl: 1rem;--sdx-radius-full: 9999px;--sdx-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sdx-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--sdx-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sdx-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--sdx-shadow-float: 0 10px 40px rgba(0, 0, 0, .15);--sdx-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--sdx-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--sdx-transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--sdx-bg-primary: rgba(17, 24, 39, .98);--sdx-bg-secondary: rgba(31, 41, 55, .95);--sdx-bg-overlay: rgba(0, 0, 0, .75);--sdx-bg-glass: rgba(31, 41, 55, .85);--sdx-bg-hover: rgba(59, 130, 246, .15);--sdx-text-primary: #f9fafb;--sdx-text-secondary: #d1d5db;--sdx-text-tertiary: #9ca3af;--sdx-border-primary: rgba(55, 65, 81, .7);--sdx-border-secondary: rgba(75, 85, 99, .5);--sdx-accent-light: rgba(59, 130, 246, .2);--sdx-success-light: rgba(16, 185, 129, .2);--sdx-warning-light: rgba(245, 158, 11, .2);--sdx-danger-light: rgba(239, 68, 68, .2);--sdx-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--sdx-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--sdx-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--sdx-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--sdx-shadow-float: 0 10px 40px rgba(0, 0, 0, .4)}@keyframes sdxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sdxSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sdxSlideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sdxScaleIn{0%{transform:translate(-50%,-50%) scale(.96);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes sdxPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes sdxRipple{to{transform:scale(4);opacity:0}}@keyframes sdxSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sdxBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sdx-overlay{position:fixed;inset:0;background:var(--sdx-bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9998;animation:sdxFadeIn var(--sdx-transition-base)}.sdx-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:720px;max-height:85vh;background:var(--sdx-bg-primary);border-radius:var(--sdx-radius-xl);box-shadow:var(--sdx-shadow-xl),var(--sdx-shadow-float);border:1px solid var(--sdx-border-primary);z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:sdxScaleIn var(--sdx-transition-spring);opacity:0;will-change:transform,opacity;animation:sdxScaleIn var(--sdx-transition-spring) both}@media(max-width:640px){.sdx-modal{width:95vw;max-height:90vh}}.sdx-head{padding:var(--sdx-spacing-lg);border-bottom:1px solid var(--sdx-border-primary);background:var(--sdx-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative}.sdx-title{font-size:1.25rem;font-weight:700;color:var(--sdx-text-primary);margin:0;letter-spacing:-.025em;padding-right:var(--sdx-spacing-xl)}.sdx-close{position:absolute;top:var(--sdx-spacing-md);right:var(--sdx-spacing-md);width:36px;height:36px;border-radius:var(--sdx-radius-md);background:transparent;border:1px solid transparent;color:var(--sdx-text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sdx-transition-base)}.sdx-close:hover{background:var(--sdx-bg-hover);color:var(--sdx-text-primary);transform:rotate(90deg);border-color:var(--sdx-border-primary)}.sdx-close:focus-visible{outline:2px solid var(--sdx-border-focus);outline-offset:2px}.sdx-mode{display:flex;gap:var(--sdx-spacing-sm);padding:var(--sdx-spacing-lg);padding-bottom:0}.sdx-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sdx-spacing-xs);padding:var(--sdx-spacing-sm) var(--sdx-spacing-md);background:var(--sdx-bg-secondary);border:2px solid var(--sdx-border-primary);border-radius:var(--sdx-radius-lg);color:var(--sdx-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--sdx-transition-base);position:relative;overflow:hidden}.sdx-chip svg{width:16px;height:16px;transition:transform var(--sdx-transition-base)}.sdx-chip span{position:relative;z-index:1}.sdx-chip:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);z-index:0}.sdx-chip:hover{transform:translateY(-2px);box-shadow:var(--sdx-shadow-md)}.sdx-chip:hover svg{transform:scale(1.2)}.sdx-chip.active{font-weight:600;box-shadow:var(--sdx-shadow-md);transform:translateY(-1px)}.sdx-chip.active:before{width:100%;height:100%;border-radius:var(--sdx-radius-lg)}.sdx-chip.active:nth-child(1).active{border-color:var(--sdx-private-color);color:#fff;background:linear-gradient(135deg,var(--sdx-private-color),var(--sdx-private-color-dark));background:linear-gradient(135deg,var(--sdx-private-color),color-mix(in srgb,var(--sdx-private-color) 90%,black 10%))}.sdx-chip.active:nth-child(1).active:before{background:#ffffff1f}.sdx-chip.active:nth-child(2).active{border-color:var(--sdx-shared-color);color:#fff;background:linear-gradient(135deg,var(--sdx-shared-color),var(--sdx-shared-color-dark));background:linear-gradient(135deg,var(--sdx-shared-color),color-mix(in srgb,var(--sdx-shared-color) 88%,black 12%))}.sdx-chip.active:nth-child(2).active:before{background:#ffffff1f}.sdx-chip.active:nth-child(3).active{border-color:var(--sdx-public-color);color:#fff;background:linear-gradient(135deg,var(--sdx-public-color),var(--sdx-public-color-dark));background:linear-gradient(135deg,var(--sdx-public-color),color-mix(in srgb,var(--sdx-public-color) 88%,black 12%))}.sdx-chip.active:nth-child(3).active:before{background:#ffffff1f}.sdx-chip:focus-visible{outline:2px solid var(--sdx-border-focus);outline-offset:2px}.sdx-count{padding:2px 6px;background:#ffffff4d;border-radius:var(--sdx-radius-full);font-size:.75rem;font-weight:700;min-width:20px;text-align:center;animation:sdxBounce 2s infinite}.sdx-body{flex:1;overflow-y:auto;padding:var(--sdx-spacing-lg)}.sdx-body::-webkit-scrollbar{width:8px}.sdx-body::-webkit-scrollbar-track{background:var(--sdx-bg-secondary);border-radius:var(--sdx-radius-full)}.sdx-body::-webkit-scrollbar-thumb{background:var(--sdx-border-primary);border-radius:var(--sdx-radius-full);transition:background var(--sdx-transition-base)}.sdx-body::-webkit-scrollbar-thumb:hover{background:var(--sdx-border-secondary)}.sdx-section{margin-bottom:var(--sdx-spacing-xl);animation:sdxSlideUp var(--sdx-transition-base)}.sdx-section:last-child{margin-bottom:0}.sdx-row{margin-bottom:var(--sdx-spacing-lg)}.sdx-row:last-child{margin-bottom:0}.sdx-label{display:block;font-size:.875rem;font-weight:600;color:var(--sdx-text-primary);margin-bottom:var(--sdx-spacing-sm);letter-spacing:.025em;text-transform:uppercase;opacity:.9}.sdx-help{font-size:.8rem;color:var(--sdx-text-tertiary);margin-top:var(--sdx-spacing-xs);line-height:1.5}.sdx-help strong{color:var(--sdx-text-secondary);font-weight:600}.sdx-input-row{display:flex;gap:var(--sdx-spacing-sm);align-items:stretch}@media(max-width:640px){.sdx-input-row{flex-direction:column}}.sdx-url{flex:1;display:flex;align-items:center;background:var(--sdx-bg-glass);border:1px solid var(--sdx-border-primary);border-radius:var(--sdx-radius-md);padding:0 var(--sdx-spacing-sm);transition:all var(--sdx-transition-base)}.sdx-url:focus-within{border-color:var(--sdx-border-focus);box-shadow:0 0 0 3px var(--sdx-accent-light)}.sdx-url-prefix,.sdx-url-suffix{font-size:.875rem;color:var(--sdx-text-tertiary);font-weight:500;white-space:nowrap;user-select:none}.sdx-input{flex:1;padding:var(--sdx-spacing-sm) var(--sdx-spacing-md);background:transparent;border:1px solid var(--sdx-border-primary);border-radius:var(--sdx-radius-md);color:var(--sdx-text-primary);font-size:.9rem;transition:all var(--sdx-transition-base)}.sdx-input::placeholder{color:var(--sdx-text-tertiary)}.sdx-input:hover:not(:disabled){border-color:var(--sdx-border-secondary);background:var(--sdx-bg-hover)}.sdx-input:focus{outline:none;border-color:var(--sdx-border-focus);box-shadow:0 0 0 3px var(--sdx-accent-light);background:var(--sdx-bg-primary)}.sdx-input:disabled{opacity:.5;cursor:not-allowed;background:var(--sdx-bg-secondary)}.sdx-input--inline{border:none;padding:var(--sdx-spacing-sm) var(--sdx-spacing-xs);background:transparent}.sdx-input--inline:focus{box-shadow:none;background:var(--sdx-bg-hover)}.sdx-actions{display:flex;gap:var(--sdx-spacing-xs)}.sdx-btn{padding:var(--sdx-spacing-sm) var(--sdx-spacing-md);background:var(--sdx-bg-secondary);border:1px solid var(--sdx-border-primary);border-radius:var(--sdx-radius-md);color:var(--sdx-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--sdx-transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--sdx-spacing-xs);position:relative;overflow:hidden;text-decoration:none}.sdx-btn svg{width:14px;height:14px}.sdx-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--sdx-accent-light);transform:translate(-50%,-50%)}.sdx-btn:hover:not(:disabled):not(.disabled){background:var(--sdx-bg-hover);color:var(--sdx-text-primary);transform:translateY(-2px);box-shadow:var(--sdx-shadow-md)}.sdx-btn:hover:not(:disabled):not(.disabled):before{width:100%;height:100%}.sdx-btn:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:var(--sdx-shadow-sm)}.sdx-btn:disabled,.sdx-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sdx-btn:focus-visible{outline:2px solid var(--sdx-border-focus);outline-offset:2px}.sdx-btn--primary{background:var(--sdx-accent-primary);border-color:var(--sdx-accent-primary);color:#fff;font-weight:600}.sdx-btn--primary:before{background:#fff3}.sdx-btn--primary:hover:not(:disabled){background:var(--sdx-accent-hover);border-color:var(--sdx-accent-hover)}.sdx-btn--ghost{background:transparent;border-color:transparent}.sdx-btn--ghost:hover:not(:disabled){background:var(--sdx-bg-hover);border-color:var(--sdx-border-primary)}.sdx-toggle{display:inline-flex;align-items:center;gap:var(--sdx-spacing-sm);cursor:pointer;user-select:none}.sdx-toggle input[type=checkbox]{position:relative;width:44px;height:24px;appearance:none;background:var(--sdx-bg-secondary);border:2px solid var(--sdx-border-primary);border-radius:var(--sdx-radius-full);cursor:pointer;transition:all var(--sdx-transition-base)}.sdx-toggle input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--sdx-text-tertiary);border-radius:50%;transition:all var(--sdx-transition-spring)}.sdx-toggle input[type=checkbox]:checked{background:var(--sdx-accent-primary);border-color:var(--sdx-accent-primary)}.sdx-toggle input[type=checkbox]:checked:before{background:#fff;transform:translate(20px)}.sdx-toggle input[type=checkbox]:hover{box-shadow:var(--sdx-shadow-sm)}.sdx-toggle input[type=checkbox]:focus-visible{outline:2px solid var(--sdx-border-focus);outline-offset:2px}.sdx-toggle span{font-size:.875rem;color:var(--sdx-text-secondary);font-weight:500}.sdx-access-list{max-height:300px;overflow-y:auto;border:1px solid var(--sdx-border-primary);border-radius:var(--sdx-radius-lg);background:var(--sdx-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sdx-access-list::-webkit-scrollbar{width:6px}.sdx-access-list::-webkit-scrollbar-track{background:transparent}.sdx-access-list::-webkit-scrollbar-thumb{background:var(--sdx-border-primary);border-radius:var(--sdx-radius-full)}.sdx-access-item{display:flex;align-items:center;gap:var(--sdx-spacing-md);padding:var(--sdx-spacing-md);border-bottom:1px solid var(--sdx-border-primary);transition:all var(--sdx-transition-base);animation:sdxSlideUp var(--sdx-transition-base)}.sdx-access-item:last-child{border-bottom:none}.sdx-access-item:hover{background:var(--sdx-bg-hover)}.sdx-access-main{flex:1;display:flex;align-items:center;gap:var(--sdx-spacing-sm)}.sdx-avatar{width:40px;height:40px;border-radius:var(--sdx-radius-full);background:linear-gradient(135deg,var(--sdx-accent-primary),var(--sdx-accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;text-transform:uppercase;flex-shrink:0;box-shadow:var(--sdx-shadow-sm);transition:transform var(--sdx-transition-base)}.sdx-avatar:hover{transform:scale(1.1)}.sdx-name{font-size:.9rem;font-weight:600;color:var(--sdx-text-primary);margin-bottom:2px}.sdx-email{font-size:.8rem;color:var(--sdx-text-tertiary)}.sdx-badge{padding:var(--sdx-spacing-xs) var(--sdx-spacing-sm);border-radius:var(--sdx-radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sdx-badge.ok{background:var(--sdx-success-light);color:var(--sdx-success);border:1px solid var(--sdx-success)}.sdx-badge.pending{background:var(--sdx-warning-light);color:var(--sdx-warning);border:1px solid var(--sdx-warning);animation:sdxPulse 2s ease-in-out infinite}.sdx-empty{padding:var(--sdx-spacing-xl);text-align:center;color:var(--sdx-text-tertiary);font-size:.875rem}.sdx-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid rgba(36,56,110,.15);margin-top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.premium-usage-indicator{--pui-bg: #000000;--pui-bg-card: #0a0a0a;--pui-border: rgba(255, 255, 255, .12);--pui-border-hover: rgba(255, 255, 255, .2);--pui-text-primary: #e8e8e8;--pui-text-secondary: #9a9a9a;--pui-text-dim: #707070;--pui-accent: #b8b8b8;--pui-accent-glow: rgba(184, 184, 184, .2);--pui-progress-bg: rgba(255, 255, 255, .06);--pui-progress-fill: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--pui-icon-bg: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--pui-icon-border: #3a3a3a;width:100%;padding:0 12px;margin:12px 0}.premium-usage-indicator .pui-button{width:100%;position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(180deg,#ffffff08,#00000080),radial-gradient(120% 120% at 0% 0%,rgba(99,102,241,.06),transparent 60%),var(--pui-bg-card);border:1.5px solid var(--pui-border);border-radius:12px;box-shadow:0 2px 4px #000c,0 0 0 1px #ffffff0a;cursor:pointer;font-family:inherit;color:var(--pui-text-primary);overflow:hidden;isolation:isolate;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1)}.premium-usage-indicator .pui-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(139,92,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .2s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}.premium-usage-indicator .pui-button:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.008) 3px);opacity:.5;pointer-events:none;z-index:0}.premium-usage-indicator .pui-button:hover:not(:disabled){will-change:transform,box-shadow;transform:translateY(-2px);background:linear-gradient(180deg,#ffffff0d,#0009),radial-gradient(120% 120% at 0% 0%,rgba(99,102,241,.12),transparent 60%),#0f0f0f;border-color:var(--pui-border-hover);box-shadow:0 8px 24px #000000e6,0 0 0 1px #8b5cf633,0 0 20px #6366f126}.premium-usage-indicator .pui-button:hover:not(:disabled):before{opacity:1}.premium-usage-indicator .pui-button:hover:not(:disabled) .pui-icon .plus-icon-wrapper{transform:rotate(90deg) scale(1.1)}.premium-usage-indicator .pui-button:hover:not(:disabled) .pui-icon svg{transform:scale(1.12);filter:drop-shadow(0 2px 8px rgba(139,92,246,.3))}.premium-usage-indicator .pui-button:hover:not(:disabled) .pui-progress-fill:after{animation:shimmer 2.5s ease-in-out infinite}.premium-usage-indicator .pui-button:hover:not(:disabled) .pui-status-indicator:before{animation:pulse 2.2s ease-in-out infinite}.premium-usage-indicator .pui-button:active:not(:disabled){transform:translateY(0)}.premium-usage-indicator .pui-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.premium-usage-indicator .pui-button:focus-visible{outline:2px solid var(--pui-accent);outline-offset:2px}.premium-usage-indicator .pui-icon{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;background:linear-gradient(180deg,#6d28d91f,#581c8714),radial-gradient(circle at top left,rgba(124,58,237,.18),transparent 90%),#2d104973;border:1.5px solid var(--pui-icon-border);border-radius:8px;box-shadow:0 4px 12px #000000b3,inset 0 1px #ffffff14,0 0 0 1px #ffffff08;position:relative;z-index:2}.premium-usage-indicator .pui-icon svg{transition:transform .24s cubic-bezier(.34,1.56,.64,1);filter:none}.premium-usage-indicator .pui-icon .plus-icon-wrapper{display:grid;place-items:center;width:100%;height:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.premium-usage-indicator .pui-icon .plus-icon-wrapper svg{color:#d0d0d0;stroke-width:3}.premium-usage-indicator .pui-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative;z-index:2}.premium-usage-indicator .pui-label{font-size:11px;font-weight:600;color:var(--pui-text-dim);text-transform:uppercase;letter-spacing:.06em;line-height:1}.premium-usage-indicator .pui-count{display:flex;align-items:baseline;gap:4px;font-weight:700;line-height:1.2}.premium-usage-indicator .pui-count .current{font-size:18px;color:var(--pui-text-primary);text-shadow:0 1px 3px rgba(0,0,0,.7)}.premium-usage-indicator .pui-count .separator{font-size:14px;color:var(--pui-text-secondary);opacity:.5}.premium-usage-indicator .pui-count .max{font-size:16px;color:var(--pui-text-secondary)}.premium-usage-indicator .pui-progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--pui-progress-bg);overflow:hidden;border-radius:0 0 11px 11px;z-index:0}.premium-usage-indicator .pui-progress-fill{height:100%;background:var(--pui-progress-fill);transition:width .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 0 8px #6366f166}.premium-usage-indicator .pui-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:none}.premium-usage-indicator .pui-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--pui-accent);box-shadow:0 0 10px var(--pui-accent-glow),0 0 0 1px #ffffff14;flex-shrink:0;position:relative;z-index:2}.premium-usage-indicator .pui-status-indicator:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;opacity:.25;animation:none}.premium-usage-indicator.near-limit{--pui-accent: #a78bfa;--pui-accent-glow: rgba(167, 139, 250, .3);--pui-progress-fill: linear-gradient(90deg, #5b21b6 0%, #7c3aed 50%, #a855f7 100%)}.premium-usage-indicator.near-limit .pui-progress-fill{box-shadow:0 0 12px #7c3aed80}.premium-usage-indicator.near-limit .pui-count .current{color:#d8b4fe;text-shadow:0 1px 4px rgba(139,92,246,.6)}.premium-usage-indicator.near-limit .pui-icon{border-color:#4c4c4c}.premium-usage-indicator.at-limit{--pui-accent: #f87171;--pui-accent-glow: rgba(248, 113, 113, .3);--pui-progress-fill: linear-gradient(90deg, #dc2626 0%, #ef4444 50%, #f87171 100%);--pui-border: rgba(239, 68, 68, .15);--pui-border-hover: rgba(239, 68, 68, .3)}.premium-usage-indicator.at-limit .pui-button{border-color:var(--pui-border);background:linear-gradient(180deg,#ffffff08,#00000080),radial-gradient(120% 120% at 0% 0%,rgba(239,68,68,.08),transparent 60%),var(--pui-bg-card);box-shadow:0 2px 4px #000c,0 0 0 1px #ef44441a}.premium-usage-indicator.at-limit .pui-button:hover:not(:disabled){border-color:var(--pui-border-hover);box-shadow:0 8px 24px #000000e6,0 0 0 1px #ef444440,0 0 20px #ef444426}.premium-usage-indicator.at-limit .pui-button:hover:not(:disabled):before{background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(239,68,68,.12) 0%,transparent 70%)}.premium-usage-indicator.at-limit .pui-progress-fill{box-shadow:0 0 12px #ef444499}.premium-usage-indicator.at-limit .pui-count .current{color:#fca5a5;text-shadow:0 1px 4px rgba(239,68,68,.6)}.premium-usage-indicator.at-limit .pui-icon{border-color:#5a5a5a}.premium-usage-indicator.at-limit .pui-icon svg{filter:none}.premium-usage-indicator.at-limit .pui-button:hover .pui-status-indicator:before{animation-duration:1.2s}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.25}50%{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.premium-usage-indicator .pui-button,.premium-usage-indicator .pui-icon svg,.premium-usage-indicator .pui-icon .plus-icon-wrapper,.premium-usage-indicator .pui-progress-fill,.premium-usage-indicator .pui-status-indicator:before{transition:none!important;animation:none!important}}@media(max-width:920px){.premium-usage-indicator{padding:0 8px;margin:8px 0}.premium-usage-indicator .pui-button{padding:10px 12px;gap:10px}.premium-usage-indicator .pui-icon{width:24px;height:24px}.premium-usage-indicator .pui-label{font-size:10px}.premium-usage-indicator .pui-count .current{font-size:16px}.premium-usage-indicator .pui-count .max{font-size:14px}}:root{--ce-bg-start: #0b1220;--ce-bg-mid: #0f172a;--ce-bg-end: #0b1220;--ce-card-bg: rgba(255, 255, 255, .06);--ce-card-border: rgba(255, 255, 255, .12);--ce-text: #e5e7eb;--ce-text-dim: #cbd5e1;--ce-ok: #34d399;--ce-ok-soft: rgba(52, 211, 153, .1);--ce-error: #fb7185;--ce-error-soft: rgba(251, 113, 133, .12);--ce-surface-1: rgba(0, 0, 0, .25);--ce-surface-2: rgba(0, 0, 0, .35);--ce-btn-bg: #ffffff;--ce-btn-fg: #0f172a;--ce-btn-bg-hover: #e5e7eb;--ce-border-subtle: rgba(255, 255, 255, .08)}.ce{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--ce-text);background:radial-gradient(1200px 800px at 10% 10%,#0b2a2a 0%,transparent 60%),radial-gradient(1200px 900px at 90% 20%,#2a0b2a 0%,transparent 60%),linear-gradient(135deg,var(--ce-bg-start),var(--ce-bg-mid),var(--ce-bg-end))}.ce-card{width:100%;max-width:768px;background:var(--ce-card-bg);border:1px solid var(--ce-card-border);border-radius:24px;padding:28px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ce-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.ce-header__icon{height:44px;width:44px;border-radius:12px;background:#ffffff1f;display:grid;place-items:center}.ce-icon{height:22px;width:22px}.ce-title{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0}.ce-subtitle{margin:2px 0 0;font-size:13px;color:var(--ce-text-dim)}.ce-body{display:grid;gap:14px}.ce-info{display:flex;align-items:center;gap:8px;font-size:13px}.ce-info__label{width:120px;color:var(--ce-text-dim);flex-shrink:0}.ce-info__value{padding:6px 8px;border-radius:8px;background:var(--ce-surface-2);border:1px solid var(--ce-border-subtle);color:var(--ce-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}.ce-step{display:flex;gap:12px;align-items:flex-start;background:var(--ce-surface-1);border:1px solid var(--ce-border-subtle);border-radius:16px;padding:12px 14px}.ce-status{height:20px;width:20px;flex-shrink:0}.ce-status--ok{color:var(--ce-ok)}.ce-status--error{color:var(--ce-error)}.ce-status--spin{animation:ce-spin .9s linear infinite}@keyframes ce-spin{to{transform:rotate(360deg)}}.ce-step__content{flex:1}.ce-step__row{display:flex;align-items:center;gap:8px}.ce-step__label{font-weight:600;font-size:14px}.ce-step__shield{height:16px;width:16px;opacity:.8}.ce-step__detail{margin:4px 0 0;font-size:12.5px;color:var(--ce-text-dim)}.ce-banner{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:12px 14px;border:1px solid transparent}.ce-banner--success{background:var(--ce-ok-soft);border-color:#34d39952}.ce-banner--error{background:var(--ce-error-soft);border-color:#fb718561}.ce-banner__icon{height:20px;width:20px}.ce-banner__title{margin:0 0 2px;font-weight:600}.ce-banner__subtitle{margin:0;font-size:13px;color:var(--ce-text)}.ce-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.ce-btn{appearance:none;cursor:pointer;border:none;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;background:var(--ce-btn-bg);color:var(--ce-btn-fg);transition:transform 80ms ease,background .12s ease,opacity .12s ease;box-shadow:0 1px #fff6 inset,0 6px 16px #00000040}.ce-btn:hover{background:var(--ce-btn-bg-hover)}.ce-btn:active{transform:scale(.985)}.ce-btn--ghost{background:#ffffff0f;color:var(--ce-text);border:1px solid var(--ce-border-subtle);box-shadow:none}.ce-btn--ghost:hover{background:#ffffff1a}.ce-btn__icon{height:16px;width:16px}.ce-footnote{margin-top:8px;padding-top:10px;border-top:1px solid var(--ce-border-subtle);font-size:13px;color:var(--ce-text-dim)}.ce-footnote strong{color:var(--ce-text);font-weight:600}.ce-log{margin:6px 0 0;font-size:12px;background:#00000052;padding:10px 12px;border-radius:12px;white-space:pre-wrap;color:var(--ce-text-dim);max-height:220px;overflow:auto;border:1px solid var(--ce-border-subtle)}.ce-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:520px){.ce{padding:16px}.ce-card{border-radius:18px;padding:20px}.ce-title{font-size:18px}.ce-info__label{width:96px}}@media(prefers-reduced-motion:reduce){.ce-status--spin{animation:none}.ce-btn{transition:none}}.apanel{--apanel-bg-primary: #0a0e14;--apanel-bg-secondary: #151a23;--apanel-bg-tertiary: #1e2530;--apanel-bg-elevated: #252d3a;--apanel-text-primary: #e8eaed;--apanel-text-secondary: #9ba3af;--apanel-text-tertiary: #6b7280;--apanel-accent-primary: #6366f1;--apanel-accent-secondary: #8b5cf6;--apanel-accent-success: #10b981;--apanel-accent-warning: #f59e0b;--apanel-accent-error: #ef4444;--apanel-border: rgba(255, 255, 255, .08);--apanel-border-hover: rgba(255, 255, 255, .12);--apanel-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--apanel-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--apanel-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--apanel-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--apanel-radius-sm: 6px;--apanel-radius-md: 10px;--apanel-radius-lg: 14px;--apanel-radius-xl: 20px;--apanel-spacing-xs: .5rem;--apanel-spacing-sm: .75rem;--apanel-spacing-md: 1rem;--apanel-spacing-lg: 1.5rem;--apanel-spacing-xl: 2rem;--apanel-spacing-2xl: 3rem;--apanel-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--apanel-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--apanel-transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:light){.apanel{--apanel-bg-primary: #f9fafb;--apanel-bg-secondary: #ffffff;--apanel-bg-tertiary: #f3f4f6;--apanel-bg-elevated: #ffffff;--apanel-text-primary: #111827;--apanel-text-secondary: #4b5563;--apanel-text-tertiary: #9ca3af;--apanel-border: rgba(0, 0, 0, .08);--apanel-border-hover: rgba(0, 0, 0, .12);--apanel-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--apanel-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .06);--apanel-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .08);--apanel-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 10px 10px -5px rgba(0, 0, 0, .1)}}.apanel{min-block-size:100dvb;background:var(--apanel-bg-primary);color:var(--apanel-text-primary);padding-block:var(--apanel-spacing-2xl);padding-inline:var(--apanel-spacing-lg)}@media(min-width:768px){.apanel{padding-inline:var(--apanel-spacing-2xl)}}.apanel__hero{display:grid;gap:var(--apanel-spacing-xl);margin-block-end:var(--apanel-spacing-2xl)}@media(min-width:768px){.apanel__hero{grid-template-columns:1fr auto;align-items:center}}.apanel__hero-content{display:grid;gap:var(--apanel-spacing-xs)}.apanel__hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,var(--apanel-text-primary) 0%,var(--apanel-text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.apanel__hero-subtitle{font-size:1rem;color:var(--apanel-text-secondary);margin:0}.apanel__hero-stats{display:flex;gap:var(--apanel-spacing-md);flex-wrap:wrap}.apanel-metric{display:flex;align-items:center;gap:var(--apanel-spacing-md);padding-block:var(--apanel-spacing-md);padding-inline:var(--apanel-spacing-lg);background:var(--apanel-bg-secondary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-lg);box-shadow:var(--apanel-shadow-sm);transition:all var(--apanel-transition-base)}.apanel-metric:hover{border-color:var(--apanel-border-hover);transform:translateY(-2px);box-shadow:var(--apanel-shadow-md)}.apanel-metric__icon{font-size:2rem;line-height:1;filter:grayscale(.3)}.apanel-metric__data{display:grid;gap:2px}.apanel-metric__value{font-size:1.75rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--apanel-accent-primary),var(--apanel-accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.apanel-metric__label{font-size:.75rem;color:var(--apanel-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.apanel__section{display:grid;gap:var(--apanel-spacing-xl);margin-block-end:var(--apanel-spacing-2xl)}.apanel-section-header{display:grid;gap:var(--apanel-spacing-lg)}@media(min-width:768px){.apanel-section-header{grid-template-columns:1fr auto;align-items:start}}.apanel-section-header__title{font-size:1.5rem;font-weight:700;margin:0;color:var(--apanel-text-primary)}.apanel-section-header__description{font-size:.875rem;color:var(--apanel-text-secondary);margin:0;line-height:1.6}.apanel-search{position:relative;display:flex;align-items:center;min-inline-size:min(300px,100%)}.apanel-search__icon{position:absolute;inset-inline-start:var(--apanel-spacing-md);color:var(--apanel-text-tertiary);pointer-events:none}.apanel-search__input{inline-size:100%;padding-block:var(--apanel-spacing-sm);padding-inline-start:calc(var(--apanel-spacing-md) * 2.5);padding-inline-end:var(--apanel-spacing-md);background:var(--apanel-bg-secondary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-md);color:var(--apanel-text-primary);font-size:.875rem;transition:all var(--apanel-transition-base)}.apanel-search__input::placeholder{color:var(--apanel-text-tertiary)}.apanel-search__input:focus{outline:none;border-color:var(--apanel-accent-primary);box-shadow:0 0 0 3px #6366f11a}.apanel-plans{display:grid;gap:var(--apanel-spacing-lg);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.apanel-plan{display:grid;gap:var(--apanel-spacing-lg);padding:var(--apanel-spacing-xl);background:var(--apanel-bg-secondary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-xl);box-shadow:var(--apanel-shadow-md);transition:all var(--apanel-transition-base)}.apanel-plan:hover{border-color:var(--apanel-border-hover);box-shadow:var(--apanel-shadow-lg)}.apanel-plan__header{display:flex;justify-content:space-between;align-items:start;gap:var(--apanel-spacing-md)}.apanel-plan__title{font-size:1.25rem;font-weight:700;margin:0;color:var(--apanel-text-primary)}.apanel-plan__tier{padding-block:4px;padding-inline:var(--apanel-spacing-sm);background:linear-gradient(135deg,var(--apanel-accent-primary),var(--apanel-accent-secondary));color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--apanel-radius-sm);box-shadow:0 2px 8px #6366f14d}.apanel-plan__limits{display:grid;gap:var(--apanel-spacing-md)}.apanel-limit{display:grid;gap:var(--apanel-spacing-xs);cursor:pointer}.apanel-limit__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--apanel-text-secondary)}.apanel-limit__input{padding-block:var(--apanel-spacing-sm);padding-inline:var(--apanel-spacing-md);background:var(--apanel-bg-tertiary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-md);color:var(--apanel-text-primary);font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;transition:all var(--apanel-transition-base)}.apanel-limit__input:focus{outline:none;border-color:var(--apanel-accent-primary);box-shadow:0 0 0 3px #6366f11a}.apanel-limit__input:hover{border-color:var(--apanel-border-hover)}.apanel-plan__features-btn{display:flex;align-items:center;justify-content:center;gap:var(--apanel-spacing-xs);padding-block:var(--apanel-spacing-sm);padding-inline:var(--apanel-spacing-md);background:var(--apanel-bg-tertiary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-md);color:var(--apanel-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--apanel-transition-base)}.apanel-plan__features-btn svg{transition:transform var(--apanel-transition-base)}.apanel-plan__features-btn:hover{background:var(--apanel-bg-elevated);border-color:var(--apanel-border-hover);color:var(--apanel-text-primary)}.apanel-plan__features-btn:hover svg{transform:rotate(90deg)}.apanel-plan__features-btn:active{transform:scale(.98)}.apanel-plan__actions{display:grid;gap:var(--apanel-spacing-sm);grid-template-columns:1fr 1fr}.apanel-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--apanel-spacing-xs);padding-block:var(--apanel-spacing-sm);padding-inline:var(--apanel-spacing-lg);font-size:.875rem;font-weight:600;border-radius:var(--apanel-radius-md);border:none;cursor:pointer;transition:all var(--apanel-transition-base);white-space:nowrap}.apanel-btn:disabled{opacity:.5;cursor:not-allowed}.apanel-btn:not(:disabled):active{transform:scale(.98)}.apanel-btn--primary{background:linear-gradient(135deg,var(--apanel-accent-primary),var(--apanel-accent-secondary));color:#fff;box-shadow:0 4px 12px #6366f14d}.apanel-btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.apanel-btn--secondary{background:var(--apanel-bg-tertiary);color:var(--apanel-text-primary);border:1px solid var(--apanel-border)}.apanel-btn--secondary:hover:not(:disabled){background:var(--apanel-bg-elevated);border-color:var(--apanel-border-hover)}.apanel-btn--ghost{background:transparent;color:var(--apanel-text-secondary)}.apanel-btn--ghost:hover:not(:disabled){background:var(--apanel-bg-tertiary);color:var(--apanel-text-primary)}.apanel-btn--sm{padding-block:6px;padding-inline:var(--apanel-spacing-md);font-size:.8125rem}.apanel-table-wrap{background:var(--apanel-bg-secondary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-xl);overflow:hidden;box-shadow:var(--apanel-shadow-md)}.apanel-table{inline-size:100%;border-collapse:collapse;font-size:.875rem}.apanel-table__head{background:var(--apanel-bg-tertiary)}.apanel-table__head th{padding-block:var(--apanel-spacing-md);padding-inline:var(--apanel-spacing-lg);text-align:start;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--apanel-text-secondary);border-block-end:1px solid var(--apanel-border)}.apanel-table__body tr{border-block-end:1px solid var(--apanel-border);transition:background var(--apanel-transition-fast)}.apanel-table__body tr:last-child{border-block-end:none}.apanel-table__body tr:hover{background:var(--apanel-bg-tertiary)}.apanel-table__body td{padding-block:var(--apanel-spacing-md);padding-inline:var(--apanel-spacing-lg);color:var(--apanel-text-primary)}.apanel-table__cell--email{font-weight:500;color:var(--apanel-text-primary)}.apanel-select{padding-block:6px;padding-inline:var(--apanel-spacing-sm);background:var(--apanel-bg-tertiary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-sm);color:var(--apanel-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--apanel-transition-base);text-transform:capitalize}.apanel-select:hover{border-color:var(--apanel-border-hover)}.apanel-select:focus{outline:none;border-color:var(--apanel-accent-primary);box-shadow:0 0 0 3px #6366f11a}.apanel-pill{display:inline-flex;padding-block:4px;padding-inline:var(--apanel-spacing-sm);background:var(--apanel-bg-elevated);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-sm);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--apanel-text-secondary)}.apanel-loading{display:flex;flex-direction:column;align-items:center;gap:var(--apanel-spacing-md);padding-block:var(--apanel-spacing-2xl);color:var(--apanel-text-secondary);font-size:.875rem}.apanel-spinner{inline-size:32px;block-size:32px;border:3px solid var(--apanel-bg-tertiary);border-block-start-color:var(--apanel-accent-primary);border-radius:50%;animation:apanel-spin .8s linear infinite}@keyframes apanel-spin{to{transform:rotate(360deg)}}.apanel-empty{display:flex;flex-direction:column;align-items:center;gap:var(--apanel-spacing-md);padding-block:var(--apanel-spacing-2xl);color:var(--apanel-text-tertiary)}.apanel-empty svg{opacity:.5}.apanel-empty p{margin:0;font-size:.875rem}.apanel-dialog{inline-size:min(1100px,100vw - var(--apanel-spacing-xl) * 2);max-block-size:85dvb;padding:0;background:var(--apanel-bg-secondary);border:1px solid var(--apanel-border);border-radius:var(--apanel-radius-xl);box-shadow:var(--apanel-shadow-xl);color:var(--apanel-text-primary);overflow:hidden}.apanel-dialog::backdrop{background:#000000bf;backdrop-filter:blur(8px);animation:apanel-fade-in .2s ease-out}.apanel-dialog[open]{animation:apanel-dialog-in .3s cubic-bezier(.16,1,.3,1)}.apanel-dialog__content{display:grid;grid-template-rows:auto 1fr auto;max-block-size:85dvb}.apanel-dialog__header{display:flex;justify-content:space-between;align-items:center;gap:var(--apanel-spacing-lg);padding:var(--apanel-spacing-md);border-block-end:1px solid var(--apanel-border);background:var(--apanel-bg-tertiary)}.apanel-dialog__body{padding:var(--apanel-spacing-md);overflow-y:auto;column-count:3;column-gap:var(--apanel-spacing-md);column-fill:balance}@media(max-width:900px){.apanel-dialog__body{column-count:2}}@media(max-width:600px){.apanel-dialog__body{column-count:1}}.apanel-dialog__body::-webkit-scrollbar{inline-size:6px}.apanel-dialog__body::-webkit-scrollbar-track{background:var(--apanel-bg-tertiary)}.apanel-dialog__body::-webkit-scrollbar-thumb{background:var(--apanel-bg-elevated);border-radius:var(--apanel-radius-sm)}.apanel-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--apanel-border-hover)}.apanel-dialog__footer{display:flex;justify-content:flex-end;gap:var(--apanel-spacing-md);padding:var(--apanel-spacing-md);border-block-start:1px solid var(--apanel-border);background:var(--apanel-bg-tertiary)}.apanel-feature-section{display:grid;gap:var(--apanel-spacing-xs);break-inside:avoid;margin-block-end:var(--apanel-spacing-md);padding:var(--apanel-spacing-sm);background:var(--apanel-bg-tertiary);border-radius:var(--apanel-radius-md);border:1px solid var(--apanel-border)}.apanel-feature-section__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--apanel-accent-primary);margin:0;padding-block-end:var(--apanel-spacing-xs);border-block-end:1px solid var(--apanel-border)}.apanel-feature-section__grid{display:grid;gap:4px}.apanel-toggle{display:flex;align-items:center;gap:var(--apanel-spacing-xs);cursor:pointer;padding-block:5px;padding-inline:var(--apanel-spacing-xs);border-radius:var(--apanel-radius-sm);transition:background var(--apanel-transition-fast)}.apanel-toggle:hover{background:var(--apanel-bg-elevated)}.apanel-toggle__track{position:relative;inline-size:32px;block-size:18px;background:var(--apanel-bg-elevated);border:1px solid var(--apanel-border);border-radius:100px;transition:all var(--apanel-transition-base);flex-shrink:0}.apanel-toggle__thumb{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:12px;block-size:12px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--apanel-transition-base)}.apanel-toggle__input:checked+.apanel-toggle__track .apanel-toggle__thumb{transform:translate(14px)}.apanel-toggle__label{font-size:.8125rem;font-weight:500;color:var(--apanel-text-primary);user-select:none;line-height:1.2}.apanel-hint{display:block;font-size:.6875rem;color:var(--apanel-text-tertiary);font-style:italic;margin-block-start:var(--apanel-spacing-xs);padding-inline-start:var(--apanel-spacing-xs);border-inline-start:2px solid var(--apanel-border);break-inside:avoid}.apanel-subtitle{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--apanel-text-secondary);margin-block:var(--apanel-spacing-xs);padding-inline-start:var(--apanel-spacing-xs);break-inside:avoid}.apanel-feature-section{display:grid;gap:var(--apanel-spacing-sm)}.apanel-feature-section__title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--apanel-accent-primary);margin:0;padding-block-end:var(--apanel-spacing-xs);border-block-end:1px solid var(--apanel-border)}.apanel-feature-section__grid{display:grid;gap:2px}.apanel-toggle{display:flex;align-items:center;gap:var(--apanel-spacing-sm);cursor:pointer;padding-block:6px;padding-inline:var(--apanel-spacing-sm);border-radius:var(--apanel-radius-sm);transition:background var(--apanel-transition-fast)}.apanel-toggle:hover{background:var(--apanel-bg-tertiary)}.apanel-toggle__input{position:absolute;opacity:0;pointer-events:none}.apanel-toggle__input:checked+.apanel-toggle__track{background:linear-gradient(135deg,var(--apanel-accent-primary),var(--apanel-accent-secondary))}.apanel-toggle__input:checked+.apanel-toggle__track .apanel-toggle__thumb{transform:translate(16px)}.apanel-toggle__input:focus-visible+.apanel-toggle__track{outline:2px solid var(--apanel-accent-primary);outline-offset:2px}.apanel-toggle__track{position:relative;inline-size:36px;block-size:20px;background:var(--apanel-bg-elevated);border:1px solid var(--apanel-border);border-radius:100px;transition:all var(--apanel-transition-base);flex-shrink:0}.apanel-toggle__thumb{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:14px;block-size:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--apanel-transition-base)}.apanel-toggle__label{font-size:.8125rem;font-weight:500;color:var(--apanel-text-primary);user-select:none;line-height:1.3}:root{--upgrade-bg: #0a0a0a;--card-bg: #18181b;--card-border: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #7c3aed;--accent-hover: #6d28d9;--accent-premium: #f97316;--success: #10b981;--error: #ef4444;--warning: #f59e0b}*{box-sizing:border-box}.upgrade{min-height:100vh;background:var(--upgrade-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.upgrade__container{max-width:1400px;margin:0 auto;padding:3rem 1.5rem;position:relative}.upgrade__header{text-align:center;margin-bottom:3rem}.upgrade__title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#a1a1aa);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:titleShimmer 3s ease infinite}@keyframes titleShimmer{0%,to{opacity:1}50%{opacity:.9}}.upgrade__subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0 auto;max-width:680px}.upgrade__footer{margin-top:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.upgrade__manage-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline;transition:color .2s}.upgrade__manage-link:hover{color:var(--accent-hover)}.upgrade__legal{font-size:.75rem;color:var(--text-muted)}.upgrade__topbar{position:absolute;top:1rem;left:1.5rem;margin:0;padding:0;z-index:10;pointer-events:none}.upgrade__back{pointer-events:auto;display:inline-block;padding:.5rem .75rem;background:linear-gradient(135deg,var(--card-bg),#1b1b1f);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);text-decoration:none;font-size:.875rem;transition:all .2s}.upgrade__back:hover{border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 6px 14px #0000004d}.billing-toggle-top{display:flex;justify-content:center;margin-bottom:2rem}.billing-toggle{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--card-bg),#1b1b1f);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000004d}.billing-toggle__option{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .3s ease}.billing-toggle__option.active{color:var(--text-primary);transform:scale(1.05)}.billing-toggle__option:hover:not(.active){color:var(--text-primary)}.billing-toggle__switch{position:relative}.billing-toggle__slider{width:48px;height:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease}.billing-toggle__slider:hover{background:#1f1f23;transform:scale(1.05)}.billing-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.billing-toggle__thumb.annual{transform:translate(24px);background:var(--accent-primary);box-shadow:0 0 10px #7c3aed80}.billing-toggle__badge{margin-left:.5rem;padding:.125rem .5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.view-toggle-container{display:flex;justify-content:center;margin-bottom:3rem}.view-toggle{display:flex;align-items:center;gap:1rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--card-bg),#1b1b1f);border:1px solid var(--card-border);border-radius:12px}.view-toggle__option{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.view-toggle__option.active{color:var(--text-primary);background:#7c3aed26}.view-toggle__option:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.view-toggle__switch{position:relative}.view-toggle__slider{width:48px;height:24px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease}.view-toggle__slider:hover{background:#ffffff14}.view-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--accent-primary);border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 8px #7c3aed66}.view-toggle__thumb.addons{transform:translate(24px);background:var(--accent-premium);box-shadow:0 2px 8px #f9731666}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;align-items:start}@media(min-width:1200px){.plans-grid{grid-template-columns:repeat(4,1fr)}}.plan-card{position:relative;z-index:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.plan-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #00000059}.plan-card--popular{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(124,58,237,.08) 0%,var(--card-bg) 100%)}.plan-card--popular:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--accent-primary),transparent);opacity:.9;animation:borderGlow 3s ease infinite;-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}@keyframes borderGlow{0%,to{opacity:.95}50%{opacity:.7}}.plan-card--current{opacity:.96}.plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #7c3aed66;pointer-events:none;z-index:2}.plan-card__current-badge{position:absolute;top:1.5rem;right:.5rem;background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #10b98159;pointer-events:none;z-index:1}.plan-card__popular-badge{position:absolute;top:1.5rem;right:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #7c3aed66;pointer-events:none;z-index:1;animation:popularPulse 2s ease-in-out infinite}@keyframes popularPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #7c3aed66}50%{transform:scale(1.05);box-shadow:0 6px 16px #7c3aed99}}.plan-card__header{margin-bottom:1.5rem;position:relative;z-index:1}.plan-card__name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.plan-card__description{font-size:.875rem;color:var(--text-secondary);margin:0}.plan-card__pricing{margin-bottom:1.5rem;position:relative;z-index:1}.plan-card__price{display:flex;align-items:baseline;gap:.25rem}.plan-card__amount{font-size:2.25rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.plan-card__period{font-size:1rem;color:var(--text-secondary)}.plan-card__savings{font-size:.75rem;color:var(--success);margin:.5rem 0 0;font-weight:500}.plan-card__cta{width:100%;padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1.5rem;border:1px solid transparent;position:relative;overflow:hidden;z-index:1}.plan-card__cta:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:0}.plan-card__cta:hover:before{width:300px;height:300px}.plan-card__cta:disabled{opacity:.5;cursor:not-allowed}.plan-card__cta--ghost{background:transparent;color:var(--text-secondary);border-color:var(--card-border)}.plan-card__cta--ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary);border-color:var(--text-secondary)}.plan-card__cta--outline{background:transparent;color:var(--text-primary);border-color:var(--card-border)}.plan-card__cta--outline:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-secondary);transform:translateY(-2px)}.plan-card__cta--primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff}.plan-card__cta--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.plan-card__cta--premium{background:linear-gradient(135deg,var(--accent-premium),#ea580c);color:#fff}.plan-card__cta--premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f9731659}.plan-card__limits{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15);border-radius:8px;margin-bottom:1.5rem;position:relative;z-index:1}.plan-card__limits .limit-item{display:flex;justify-content:space-between;align-items:center}.plan-card__limits .limit-item .limit-label{font-size:.875rem;color:var(--text-secondary)}.plan-card__limits .limit-item .limit-value{font-weight:700;color:var(--accent-primary);font-size:1.125rem}.plan-card__feature-group{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.plan-card__feature-group .feature-group-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.plan-card__feature-group .feature-group-subtitle{font-size:.75rem;color:var(--text-muted);margin:-.5rem 0 .5rem}.plan-card__feature-group .feature-group-items{display:flex;flex-wrap:wrap;gap:.5rem}.plan-card__feature-group .feature-chip{display:inline-block;padding:.375rem .75rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:12px;font-size:.75rem;color:var(--text-primary);transition:all .2s;font-weight:500}.plan-card__feature-group .feature-chip--disabled{background:#71717a1a;border-color:#71717a33;color:var(--text-muted);opacity:.6;text-decoration:line-through}.plan-card__feature-group .feature-chip:not(.feature-chip--disabled):hover{background:#7c3aed40;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed4d}.plan-card--popular:before{pointer-events:none;z-index:0}.addons-view__header{text-align:center;margin-bottom:3rem}.addons-view__title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--accent-premium));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.addons-view__subtitle{font-size:1rem;color:var(--text-secondary)}.addons-view__notice-top{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:3rem;animation:noticeSlideIn .4s ease}.addons-view__notice-top .notice-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f59e0b33;border-radius:50%}.addons-view__notice-top .notice-icon svg{width:24px;height:24px;color:var(--warning);stroke-width:2}.addons-view__notice-top .notice-content{flex:1}.addons-view__notice-top .notice-content .notice-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.addons-view__notice-top .notice-content .notice-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.6}.addons-view__notice-top .notice-content .notice-link{display:inline-block;margin-left:.5rem;background:none;border:none;color:var(--accent-primary);font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s}.addons-view__notice-top .notice-content .notice-link:hover{color:var(--accent-hover)}@keyframes noticeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;position:relative}@media(min-width:768px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.addons-grid{grid-template-columns:repeat(3,1fr)}}.addons-grid.is-locked{pointer-events:none}.addon-card{background:linear-gradient(135deg,var(--card-bg),#1a1a1e);border:1px solid var(--card-border);border-radius:16px;padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.addon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-premium),transparent);opacity:0;transition:opacity .3s}.addon-card:hover:not(.addon-card--locked){transform:translateY(-6px);box-shadow:0 16px 40px #f9731640;border-color:var(--accent-premium)}.addon-card:hover:not(.addon-card--locked):before{opacity:1}.addon-card:hover:not(.addon-card--locked) .addon-card__icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #f9731666}.addon-card--locked{opacity:.5}.addon-card__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9731633,#7c3aed33);border-radius:16px;margin-bottom:1.25rem;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 12px #f9731626}.addon-card__icon svg{width:32px;height:32px;color:var(--accent-premium);stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.addon-card__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.addon-card__description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.5}.addon-card__price{font-size:1.125rem;font-weight:700;color:var(--accent-premium);margin-bottom:1.75rem}.addon-card__price:before{content:"+";margin-right:.25rem;opacity:.7}.addon-card__toggle{display:flex;align-items:center;gap:.875rem;cursor:pointer;position:relative;margin-bottom:1rem}.addon-card__toggle.is-disabled{cursor:not-allowed;opacity:.5}.addon-card__toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.addon-card__toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,var(--accent-premium),#ea580c);box-shadow:0 4px 12px #f9731659}.addon-card__toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(26px);box-shadow:0 2px 8px #0000004d}.addon-card__toggle input[type=checkbox]:disabled+.toggle-slider{background:var(--card-border);cursor:not-allowed}.addon-card__toggle .toggle-slider{position:relative;width:52px;height:28px;background:#ffffff1a;border:1px solid var(--card-border);border-radius:14px;transition:all .35s cubic-bezier(.68,-.55,.265,1.55)}.addon-card__toggle .toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 4px #0003}.addon-card__toggle .toggle-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.addon-card__quantity{display:flex;align-items:center;gap:.875rem;width:100%;justify-content:center}.addon-card__quantity.is-disabled{opacity:.5;pointer-events:none}.addon-card__quantity button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-premium),#ea580c);color:#fff;border:none;border-radius:10px;font-size:1.375rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 12px #f9731640}.addon-card__quantity button:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:scale(1.1);box-shadow:0 6px 16px #f9731666}.addon-card__quantity button:active{transform:scale(.95)}.addon-card__quantity button:disabled{background:var(--card-border);cursor:not-allowed;box-shadow:none}.addon-card__quantity input{width:90px;padding:.75rem .875rem;font-size:1.125rem;font-weight:700;text-align:center;background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);transition:all .25s}.addon-card__quantity input:focus{outline:none;border-color:var(--accent-premium);box-shadow:0 0 0 3px #f9731633;background:#ffffff14}.addon-card__quantity input::-webkit-inner-spin-button,.addon-card__quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.addon-card__quantity input:disabled{background:#ffffff03;cursor:not-allowed}.addon-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;border-radius:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.addon-card__overlay svg{width:56px;height:56px;color:var(--text-secondary);stroke-width:1.5;animation:lockShake .5s ease}@keyframes lockShake{0%,to{transform:translate(0)}25%{transform:translate(-6px) rotate(-5deg)}75%{transform:translate(6px) rotate(5deg)}}.upgrade-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0a0a0a00,#0a0a0afa),linear-gradient(135deg,#18181b,#1f1f23);border-top:1px solid rgba(124,58,237,.2);padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;z-index:1000;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -8px 32px #0006;animation:slideUp .4s cubic-bezier(.4,0,.2,1);transition:transform .3s ease,opacity .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-sticky-bar.is-hidden{transform:translateY(100%);opacity:0;pointer-events:none}.upgrade-sticky-bar__content{display:flex;align-items:center;gap:2.5rem;flex:1}.upgrade-sticky-bar__selection{display:flex;align-items:center;gap:1rem}.upgrade-sticky-bar__selection .plan-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#7c3aed26,#7c3aed14);border:1px solid rgba(124,58,237,.3);border-radius:10px;font-size:.875rem;font-weight:700;color:var(--accent-primary);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.03em}.upgrade-sticky-bar__selection .plan-badge:before{content:"✓";font-size:1.125rem}.upgrade-sticky-bar__selection>div{font-size:.9375rem;color:var(--text-secondary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upgrade-sticky-bar__price{display:flex;align-items:baseline;gap:.5rem}.upgrade-sticky-bar__price .amount{font-size:1.75rem;font-weight:800;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-premium),#f59e0b);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.upgrade-sticky-bar__price .period{font-size:.9375rem;color:var(--text-muted);font-weight:500}.upgrade-sticky-bar__actions{display:flex;align-items:center;gap:1rem}.upgrade-sticky-bar__secondary{padding:.875rem 1.75rem;background:transparent;color:var(--text-primary);border:1px solid var(--card-border);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.upgrade-sticky-bar__secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-secondary);transform:translateY(-2px)}.upgrade-sticky-bar__secondary:disabled{opacity:.5;cursor:not-allowed}.upgrade-sticky-bar__cta{padding:.875rem 2.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #7c3aed59;white-space:nowrap;position:relative;overflow:hidden}.upgrade-sticky-bar__cta:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.upgrade-sticky-bar__cta:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #7c3aed73}.upgrade-sticky-bar__cta:hover:not(:disabled):before{width:300px;height:300px}.upgrade-sticky-bar__cta:active:not(:disabled){transform:translateY(-1px)}.upgrade-sticky-bar__cta:disabled{opacity:.5;cursor:not-allowed;background:var(--card-border);box-shadow:none}@media(max-width:968px){.upgrade-sticky-bar{flex-direction:column;padding:1.25rem 1.5rem;gap:1.25rem}.upgrade-sticky-bar__content{flex-direction:column;gap:1rem;width:100%}.upgrade-sticky-bar__selection{flex-direction:column;align-items:flex-start;width:100%}.upgrade-sticky-bar__selection>div{max-width:none;white-space:normal}.upgrade-sticky-bar__actions{width:100%;flex-direction:column}.upgrade-sticky-bar__actions button{width:100%}.upgrade-sticky-bar__price .amount{font-size:1.5rem}}@media(max-width:480px){.upgrade-sticky-bar{padding:1rem}.upgrade-sticky-bar__selection .plan-badge{font-size:.75rem;padding:.375rem .75rem}.upgrade-sticky-bar__price .amount{font-size:1.25rem}.upgrade-sticky-bar__cta,.upgrade-sticky-bar__secondary{padding:.875rem 1.5rem;font-size:.875rem}}@media(max-width:768px){.upgrade{padding-bottom:160px}.upgrade__title{font-size:2rem}.upgrade__subtitle{font-size:1rem}.plans-grid{grid-template-columns:1fr}.upgrade__topbar{top:.75rem;left:1rem}.billing-toggle-top,.view-toggle-container{padding:0 1rem}.addons-grid{grid-template-columns:1fr;gap:1.5rem}.addon-card{padding:1.5rem}}.u-center{display:flex;align-items:center;justify-content:center}.kaptrBoard #sidebar,.explore #sidebar{position:fixed;top:50px;left:0;height:calc(100vh - 70px);width:200px;background:#202020;display:flex;flex-direction:column;align-items:center;padding:0 0 20px;z-index:5}.kaptrBoard #sidebar section,.explore #sidebar section{width:100%;display:flex;flex-direction:column;align-items:center}.kaptrBoard #sidebar section:first-of-type,.explore #sidebar section:first-of-type{flex:1;overflow:auto}.kaptrBoard #sidebar .sidebarLinks,.explore #sidebar .sidebarLinks{display:flex;align-items:center;width:calc(100% - 30px);padding:10px 15px;position:relative;text-decoration:none;font-size:14px;font-weight:400;color:var(--White);cursor:pointer}.kaptrBoard #sidebar .sidebarLinks:after,.explore #sidebar .sidebarLinks:after{content:"";position:absolute;left:15px;bottom:10px;width:calc(100% - 30px);height:2px;background:var(--Primary);opacity:0;transition:all .2s ease-out}.kaptrBoard #sidebar .sidebarLinks.active:after,.kaptrBoard #sidebar .sidebarLinks:hover:after,.explore #sidebar .sidebarLinks.active:after,.explore #sidebar .sidebarLinks:hover:after{bottom:2.5px;opacity:1}.kaptrBoard #sidebar #sidebarDashboard,.explore #sidebar #sidebarDashboard{width:100%;padding-bottom:20px}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardTitle,.explore #sidebar #sidebarDashboard #sidebarDashboardTitle{display:flex;justify-content:space-between;padding:15px;color:var(--White)}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardTitle h2,.explore #sidebar #sidebarDashboard #sidebarDashboardTitle h2{font-size:20px;font-weight:400}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardTitle h3,.explore #sidebar #sidebarDashboard #sidebarDashboardTitle h3{font-size:14px;font-weight:400}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer{width:calc(100% - 30px);padding:0 15px;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard{display:flex;flex-direction:column;gap:3px;position:relative;width:calc(100% - 22px);padding:10px;text-decoration:none;background:initial;border:1px solid #5F5F6B;border-radius:5px;transition:all .3s ease-out}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard input,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard input{background:initial;border:none;padding:2px 0;color:var(--White);font-size:14px;font-weight:500;cursor:pointer;pointer-events:none}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard p,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard p{color:var(--White);font-size:11px;opacity:.5}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard svg,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard svg{display:none;position:absolute;right:-10px;top:-10px;height:15px;width:15px;padding:8px;border-radius:10px;background:#333;border:1px solid #5F5F6B;cursor:pointer}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard:hover,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard:hover{background:#333}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active{background:#333;cursor:initial}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active input,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active input{cursor:text;pointer-events:auto;background:#202020;padding:8px;border-radius:5px;border:1px solid #202020;outline:none}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active input:hover,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active input:hover{background:#2a2a2a;border-color:#7b7b7b}.kaptrBoard #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active svg,.explore #sidebar #sidebarDashboard #sidebarDashboardContainer .listDashboard.active svg{display:flex}.kaptrBoard #sidebar #account,.explore #sidebar #account{color:var(--White);width:50px;height:50px;text-transform:uppercase;background:var(--PrimaryHover);border-radius:var(--borderRadiusSecondary);display:flex;align-items:center;justify-content:center}.kaptrBoard header,.kaptrBoard #sectionSnapshots{position:relative;width:auto!important;height:100%;overflow:hidden;background:transparent;right:0!important;inset-inline-end:0!important;margin-right:0!important;padding-right:0!important}html[data-sidebar=locked] #sectionSnapshots,html[data-sidebar=locked] .kaptrBoard{right:0!important;inset-inline-end:0!important;padding-inline-end:0!important;margin-inline-end:0!important}.boardViewport{position:fixed;inset:0;display:grid}.boardInner{position:absolute;top:var(--kaptr-top, 50px);left:var(--kaptr-left, 200px);right:0;bottom:0;overflow:hidden}.snap-guide{position:absolute;pointer-events:none;z-index:9999;background:#60a5fa;opacity:.8}.snap-guide.h{left:0;right:0;height:1px}.snap-guide.v{top:0;bottom:0;width:1px}.kaptrBoard .section{position:absolute;display:flex;width:fit-content;max-width:100%;height:fit-content;border-radius:var(--borderRadiusPrimary)}.kaptrBoard .section:after{content:"";position:absolute;inset:-1px;border-radius:var(--borderRadiusPrimary);border:1px solid var(--GreyMedium);cursor:grab}.kaptrBoard .section:hover:after,.kaptrBoard .section.hover:after{inset:-2px;border-width:2px;border-color:var(--Primary)}.kaptrBoard .section.active:after{inset:-2px;border-width:2px;border-color:var(--Primary)}.kaptrBoard .section .screenshot{position:relative;z-index:3;overflow:hidden;background:#fff;border-radius:var(--borderRadiusPrimary)}.kaptrBoard .section .screenshot img{user-select:none;-webkit-user-drag:none}.kaptrBoard .section .rezise,.kaptrBoard .section .border{display:none}.kaptrBoard .section.active .rezise,.kaptrBoard .section.active .border{display:flex}.kaptrBoard .section .rezise{position:absolute;width:20px;height:20px;z-index:4;opacity:1}.kaptrBoard .section .rezise:after{content:"";pointer-events:none;width:4px;height:4px;border:3px solid var(--Primary);border-radius:100px;display:block;margin:auto}.kaptrBoard .section .rezise.reziseTL{top:-10px;left:-10px;cursor:nwse-resize}.kaptrBoard .section .rezise.reziseTR{top:-10px;right:-10px;cursor:nesw-resize}.kaptrBoard .section .rezise.reziseBL{bottom:-10px;left:-10px;cursor:nesw-resize}.kaptrBoard .section .rezise.reziseBR{bottom:-10px;right:-10px;cursor:nwse-resize}.kaptrBoard .section .border{position:absolute;background:var(--Primary);opacity:.9;z-index:4}.kaptrBoard .section .border.borderLeft{top:10px;left:-7.5px;width:15px;height:calc(100% - 20px);cursor:w-resize}.kaptrBoard .section .border.borderRight{top:10px;right:-7.5px;width:15px;height:calc(100% - 20px);cursor:e-resize}.kaptrBoard .section .border.borderTop{top:-7.5px;left:10px;width:calc(100% - 20px);height:15px;cursor:n-resize}.kaptrBoard .section .border.borderBottom{bottom:-7.5px;left:10px;width:calc(100% - 20px);height:15px;cursor:s-resize}.kaptrBoard .boardViewport{position:fixed;top:50px;left:200px;right:0;width:auto;height:calc(100dvh - 50px);overflow:auto}.kaptrBoard .boardInner{position:relative;width:100%;height:10000px;transform:none}.kaptrBoard .snap-guide{position:absolute;background:#60a5fa;opacity:.9;pointer-events:none;z-index:9999}.kaptrBoard .snap-guide.h{height:1px;left:0;right:0}.kaptrBoard .snap-guide.v{width:1px;top:0;bottom:0}#loading{position:fixed;inset:100px 0 0 200px;margin:auto;z-index:100;width:auto;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--White)}#loading img{width:50px;animation:loadingAnims 1s linear infinite}#loading:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background-image:none;background-size:0 0}.snapshot-date{pointer-events:none;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.4)}@media(max-width:640px){.kaptrBoard,.kaptrBoard #sidebar{width:100%!important;top:50px!important;right:-100%;left:auto;transition:all .3s ease-out}.menuMobileOpen #sidebar{right:0!important}.kaptrBoard header .headerContainer.headerLast #menuMobile{display:flex!important;color:#fff;letter-spacing:3px;text-transform:lowercase;font-size:12px;padding:16px 20px}#sectionSnapshots{height:fit-content!important;padding-bottom:100px}.section{position:relative!important;transform:none!important;margin-top:50px;pointer-events:none!important}}:root{--kaptr-bg: #ffffff;--kaptr-grid-size: 32px;--kaptr-sub-size: 8px;--kaptr-tile-rgb: 0, 0, 0;--kaptr-grid-line: rgba(var(--kaptr-tile-rgb), .12);--kaptr-sub-line: rgba(var(--kaptr-tile-rgb), .06)}.bg-skin[data-bg=solid]{background-color:var(--kaptr-bg)}.bg-skin[data-bg=tiles]{background-color:var(--kaptr-bg);background-image:repeating-linear-gradient(to right,var(--kaptr-grid-line) 0 1px,transparent 1px var(--kaptr-grid-size)),repeating-linear-gradient(to bottom,var(--kaptr-grid-line) 0 1px,transparent 1px var(--kaptr-grid-size)),repeating-linear-gradient(to right,var(--kaptr-sub-line) 0 1px,transparent 1px var(--kaptr-sub-size)),repeating-linear-gradient(to bottom,var(--kaptr-sub-line) 0 1px,transparent 1px var(--kaptr-sub-size))}.public-board.bg-skin{min-height:100dvh}.bg-skin[data-bg=tiles][data-tile=none]{background-image:none}.bg-skin[data-bg=tiles][data-tile=classic]{background-image:repeating-linear-gradient(to right,var(--kaptr-grid-line) 0 1px,transparent 1px var(--kaptr-grid-size)),repeating-linear-gradient(to bottom,var(--kaptr-grid-line) 0 1px,transparent 1px var(--kaptr-grid-size)),repeating-linear-gradient(to right,var(--kaptr-sub-line) 0 1px,transparent 1px var(--kaptr-sub-size)),repeating-linear-gradient(to bottom,var(--kaptr-sub-line) 0 1px,transparent 1px var(--kaptr-sub-size))}.bg-skin[data-bg=tiles][data-tile=dots]{background-image:radial-gradient(circle at 1px 1px,var(--kaptr-sub-line) 1px,transparent 1.5px);background-size:16px 16px}.bg-skin[data-bg=tiles][data-tile=kaptrV3]{--kv3-size: 15px;background-image:linear-gradient(to right,var(--kaptr-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--kaptr-grid-line) 1px,transparent 1px);background-size:var(--kv3-size) var(--kv3-size),var(--kv3-size) var(--kv3-size);background-position:0 0,0 0}.bg-skin[data-bg=tiles][data-tile=ruled]{background-image:repeating-linear-gradient(to bottom,var(--kaptr-sub-line) 0 1px,transparent 1px 24px)}.bg-skin[data-bg=tiles][data-tile=blueprint]{background-color:#0a2a43;background-image:repeating-linear-gradient(to right,rgba(0,217,255,.18) 0 1px,transparent 1px 24px),repeating-linear-gradient(to bottom,rgba(0,217,255,.18) 0 1px,transparent 1px 24px),repeating-linear-gradient(to right,rgba(0,217,255,.08) 0 1px,transparent 1px 6px),repeating-linear-gradient(to bottom,rgba(0,217,255,.08) 0 1px,transparent 1px 6px)}.tile-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.snapshot-card[data-dragging="1"] .snapshot-border{box-shadow:none!important;border-color:#4f46e540!important}.snapshot-card[data-dragging="1"] .kaptr-loading-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.tile-swatch-card{display:grid;grid-template-rows:72px auto;gap:8px;border-radius:12px;border:1px solid var(--GreyDark, #3c3c45);background:#16161a;color:#eaeaea;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .05s ease;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.tile-swatch-card:hover{border-color:var(--Primary, #6d6dff);transform:scale(1.02)}.tile-swatch-card.selected{border-color:var(--Primary, #6d6dff);border-width:2px;transform:scale(1.02);box-shadow:0 0 0 2px color-mix(in srgb,var(--Primary, #6d6dff) 30%,transparent)}.tile-swatch{border-radius:10px;background-color:#fff}.swatch-none{background-image:none}.swatch-classic{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.12) 0 1px,transparent 1px 16px),repeating-linear-gradient(to bottom,rgba(255,255,255,.12) 0 1px,transparent 1px 16px),repeating-linear-gradient(to right,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0 1px,transparent 1px 4px)}.swatch-dots{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 1.5px);background-size:10px 10px}.swatch-kaptrV3{--s: 20px;background-image:linear-gradient(to right,rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.25) 1px,transparent 1px);background-size:var(--s) var(--s),var(--s) var(--s);background-position:0 0,0 0}.swatch-ruled{background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.12) 0 1px,transparent 1px 12px)}.swatch-blueprint{background-color:#0a2a43;background-image:repeating-linear-gradient(to right,rgba(0,217,255,.25) 0 1px,transparent 1px 16px),repeating-linear-gradient(to bottom,rgba(0,217,255,.25) 0 1px,transparent 1px 16px)}.tile-meta{display:flex;flex-direction:column;gap:2px}.tile-title{font-size:12px;font-weight:600}.tile-desc{font-size:11px;opacity:.7}.settings-control-subgroup{margin-top:14px}.wb-toolbar{transition:opacity .18s ease,transform .18s ease,filter .18s ease}.kaptr-toaster{z-index:100000}html[data-dialog-open="1"] .wb-toolbar{opacity:0;pointer-events:none;transform:translateY(8px) scale(.995);filter:blur(1px)}.feedback-page{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--accent: #6366f1;--accent-hover: #4f46e5;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--purple: #8b5cf6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);min-height:100vh;background:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.feedback-page *{box-sizing:border-box}.feedback-page .page-header{background:var(--bg-primary);border-bottom:1px solid var(--border);padding:48px 0;margin-bottom:32px}.feedback-page .page-header .header-content{max-width:1200px;margin:0 auto;padding:0 24px}.feedback-page .page-header .header-text{text-align:center;margin-bottom:32px}.feedback-page .page-header .header-text h1{margin:0 0 8px;font-size:36px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feedback-page .page-header .header-text p{margin:0;font-size:18px;color:var(--text-secondary)}.feedback-page .page-header .header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:600px;margin:0 auto}.feedback-page .page-header .header-stats .stat-card{background:var(--bg-secondary);padding:20px;border-radius:12px;text-align:center;border:1px solid var(--border-light);transition:all .2s ease}.feedback-page .page-header .header-stats .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feedback-page .page-header .header-stats .stat-card .stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feedback-page .page-header .header-stats .stat-card .stat-label{font-size:14px;color:var(--text-secondary)}.feedback-page .toolbar{max-width:1200px;margin:0 auto 32px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.feedback-page .toolbar .toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.feedback-page .toolbar .new-request-btn{background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:var(--shadow)}.feedback-page .toolbar .new-request-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feedback-page .toolbar .new-request-btn svg{flex-shrink:0}.feedback-page .toolbar .filter-tabs{display:flex;background:var(--bg-primary);padding:4px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.feedback-page .toolbar .filter-tabs button{background:transparent;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.feedback-page .toolbar .filter-tabs button:hover{color:var(--text-primary);background:var(--bg-hover)}.feedback-page .toolbar .filter-tabs button.active{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.feedback-page .toolbar .sort-select{background:var(--bg-primary);border:1px solid var(--border);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.feedback-page .toolbar .sort-select:hover{border-color:var(--accent)}.feedback-page .toolbar .sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.feedback-page .composer-card{max-width:1200px;margin:0 auto 32px;padding:24px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:16px;box-shadow:var(--shadow-lg);animation:slideDown .3s ease-out}.feedback-page .composer-card h2{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-primary)}.feedback-page .composer-card input,.feedback-page .composer-card textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;margin-bottom:16px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.feedback-page .composer-card input:focus,.feedback-page .composer-card textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px #6366f11a}.feedback-page .composer-card input::placeholder,.feedback-page .composer-card textarea::placeholder{color:var(--text-muted)}.feedback-page .composer-card textarea{resize:vertical;min-height:120px}.feedback-page .composer-card .composer-footer{display:flex;justify-content:flex-end;gap:12px}.feedback-page .composer-card .composer-footer button{padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.feedback-page .composer-card .composer-footer .cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.feedback-page .composer-card .composer-footer .cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.feedback-page .composer-card .composer-footer .submit-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.feedback-page .composer-card .composer-footer .submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feedback-page .composer-card .composer-footer .submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-page .requests-list{max-width:1200px;margin:0 auto;padding:0 24px 48px}.feedback-page .request-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.feedback-page .request-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.feedback-page .request-card.expanded{box-shadow:var(--shadow-lg);border-color:var(--accent)}.feedback-page .request-card .card-main{display:flex;padding:20px;gap:20px}.feedback-page .request-card .card-content{flex:1;cursor:pointer}.feedback-page .request-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:12px}.feedback-page .request-card .card-header-right{display:flex;align-items:center;gap:10px}.feedback-page .request-card .card-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.4}.feedback-page .request-card .card-description{color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.feedback-page .request-card .card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.feedback-page .request-card .card-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-muted)}.feedback-page .request-card .card-meta .meta-author{color:var(--text-secondary);font-weight:500}.feedback-page .request-card .card-meta .meta-comments{display:flex;align-items:center;gap:4px}.feedback-page .request-card .card-meta .meta-comments svg{opacity:.6}.feedback-page .request-card .status-select{background:var(--bg-secondary);border:1px solid var(--border);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer}.feedback-page .request-card .status-select:focus{outline:none;border-color:var(--accent)}.feedback-page .request-card .card-admin-actions{display:flex;gap:6px}.feedback-page .request-card .card-admin-btn{background:#0f172a05;border:1px solid rgba(148,163,184,.35);border-radius:6px;padding:3px 10px;font-size:12px;color:#0f172a;cursor:pointer;transition:all .15s ease}.feedback-page .request-card .card-admin-btn:hover{background:#e2e8f0}.feedback-page .request-card .card-admin-btn.danger{color:#ef4444;border-color:#ef444440}.feedback-page .request-card .card-admin-btn.danger:hover{background:#ef444414}.feedback-page .request-card .edit-fields{width:100%}.feedback-page .request-card .edit-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:15px;margin-bottom:12px}.feedback-page .request-card .edit-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.feedback-page .request-card .edit-textarea{width:100%;min-height:90px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;resize:vertical}.feedback-page .request-card .edit-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.feedback-page .request-card .edit-actions{display:flex;gap:8px}.feedback-page .request-card .save-edit-btn,.feedback-page .request-card .cancel-edit-btn{border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.feedback-page .request-card .save-edit-btn{background:#6366f1;color:#fff}.feedback-page .request-card .save-edit-btn:hover{background:#4f46e5}.feedback-page .request-card .cancel-edit-btn{background:#e2e8f0;color:#0f172a}.feedback-page .request-card .cancel-edit-btn:hover{background:#d1d5db}.feedback-page .request-card .card-expanded{border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0 0 16px 16px;padding:24px}.feedback-page .upvote-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;min-width:60px;height:60px;border-radius:12px;border:2px solid var(--border);background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.feedback-page .upvote-btn .upvote-arrow{width:20px;height:20px;color:var(--text-muted);margin-bottom:4px;transition:all .2s ease}.feedback-page .upvote-btn .upvote-count{font-size:14px;font-weight:700;color:var(--text-secondary);transition:all .2s ease}.feedback-page .upvote-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.feedback-page .upvote-btn:hover:not(:disabled) .upvote-arrow{color:var(--accent)}.feedback-page .upvote-btn:hover:not(:disabled) .upvote-count{color:var(--accent)}.feedback-page .upvote-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:var(--accent);box-shadow:var(--shadow-md)}.feedback-page .upvote-btn.active .upvote-arrow,.feedback-page .upvote-btn.active .upvote-count{color:#fff}.feedback-page .upvote-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-page .status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.feedback-page .role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}.feedback-page .role-badge .role-icon{font-size:10px}.feedback-page .comments-section .comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.feedback-page .comments-section .comments-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.feedback-page .comments-section .comments-header .comment-count{font-size:14px;color:var(--text-secondary)}.feedback-page .comments-section .comment-composer{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px}.feedback-page .comments-section .comment-composer .composer-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.feedback-page .comments-section .comment-composer .composer-input{flex:1}.feedback-page .comments-section .comment-composer .composer-input textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.feedback-page .comments-section .comment-composer .composer-input textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px #6366f11a}.feedback-page .comments-section .comment-composer .composer-input textarea::placeholder{color:var(--text-muted)}.feedback-page .comments-section .comment-composer .composer-input .composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.feedback-page .comments-section .comment-composer .composer-input .composer-footer .comment-submit-btn{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.feedback-page .comments-section .comment-composer .composer-input .composer-footer .comment-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.feedback-page .comments-section .comment-composer .composer-input .composer-footer .comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-page .comments-section .comments-list .comment{display:flex;gap:12px;margin-bottom:20px;animation:fadeIn .3s ease-out}.feedback-page .comments-section .comments-list .comment .comment-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.feedback-page .comments-section .comments-list .comment .comment-content{flex:1}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-author{font-size:14px;font-weight:600;color:var(--text-primary)}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-time{font-size:12px;color:var(--text-muted)}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-actions{display:flex;gap:6px;margin-left:auto}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-actions .comment-action-btn{background:transparent;border:1px solid rgba(15,23,42,.08);border-radius:6px;padding:3px 8px;font-size:12px;color:#0f172a;cursor:pointer;transition:all .15s ease}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-actions .comment-action-btn:hover{background:#e2e8f0}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-actions .comment-action-btn.danger{color:#ef4444;border-color:#ef444433}.feedback-page .comments-section .comments-list .comment .comment-content .comment-header .comment-actions .comment-action-btn.danger:hover{background:#ef444414}.feedback-page .comments-section .comments-list .comment .comment-content .comment-text{color:var(--text-secondary);line-height:1.6;margin:0}.feedback-page .comments-section .comments-list .comment .comment-content .comment-edit-input{width:100%;margin-top:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;min-height:70px;resize:vertical}.feedback-page .comments-section .comments-list .comment .comment-content .comment-edit-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.feedback-page .back-btn{position:fixed;top:16px;left:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9999px;font-size:14px;font-weight:700;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:transform .15s ease,box-shadow .15s ease,filter .2s ease}.feedback-page .back-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--shadow-xl)}.feedback-page .back-btn:active{transform:translateY(0);filter:brightness(.98);box-shadow:var(--shadow)}.feedback-page .back-btn svg{display:block}@media(max-width:640px){.feedback-page .back-btn{top:12px;left:12px;padding:8px 12px;font-size:13px;gap:6px}}.feedback-page .empty-state{text-align:center;padding:80px 24px}.feedback-page .empty-state svg{color:var(--text-muted);opacity:.3;margin-bottom:24px}.feedback-page .empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.feedback-page .empty-state p{margin:0;color:var(--text-secondary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.feedback-page .page-header{padding:32px 0}.feedback-page .page-header .header-text h1{font-size:28px}.feedback-page .page-header .header-text p{font-size:16px}.feedback-page .page-header .header-stats{grid-template-columns:repeat(2,1fr)}.feedback-page .toolbar .toolbar-left{width:100%}.feedback-page .toolbar .filter-tabs{width:100%;overflow-x:auto}.feedback-page .toolbar .filter-tabs button{white-space:nowrap}.feedback-page .request-card .card-main{flex-direction:column}.feedback-page .request-card .upvote-btn{width:100%;height:auto;flex-direction:row;padding:12px;gap:8px}.feedback-page .request-card .upvote-btn .upvote-arrow{margin-bottom:0}.feedback-page .request-card .card-admin-actions{flex-wrap:wrap}}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}:root{color-scheme:light;--text: #0b1220;--text-dim: rgba(11,18,32,.65);--brand: #5c8eff;--danger: #ff4d4d}:root[data-theme=dark]{color-scheme:dark;--bg: #0c111a;--text: #e8eefb;--text-dim: rgba(232,238,251,.7);--brand: #7aa9ff;--danger: #ff6b6b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #0c111a;--text: #e8eefb;--text-dim: rgba(232,238,251,.7);--brand: #7aa9ff;--danger: #ff6b6b}}html,body{background:var(--bg);color:var(--text)}.inspector-shell{position:fixed;right:20px;top:100px;width:280px;z-index:9999;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;will-change:transform,opacity}@media(max-width:768px){.inspector-shell{top:90px}}.inspector-content{background:#fffffffa;backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 20px 25px -5px #0000001a;border:1px solid rgba(0,0,0,.06);overflow:visible;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.06);background:#00000005;min-height:38px;flex-shrink:0}.inspector-title{font-size:12px;font-weight:600;color:#111;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px)}.inspector-scroll{max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.inspector-meta{padding:8px 16px 0;display:flex;gap:8px;align-items:baseline;font-size:11px;color:#666}.inspector-meta .meta-label{text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#999}.inspector-meta .meta-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-close{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#0000000f;color:#111}.empty-state,.empty-history{padding:32px;text-align:center;font-size:13px;color:#999}.loading-state{padding:24px;text-align:center;font-size:12px;color:#666;display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}.primary-actions{padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.btn-refresh{--h: 36px;--radius: 12px;--spark-speed: .6s;--smoke-size: 14px;--liftoff-height: 140px;--thrust: 0;height:var(--h);min-width:110px;padding:0 16px;position:relative;overflow:hidden;border:none;border-radius:var(--radius);color:#fff;font-size:13px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);box-shadow:0 6px 18px #667eea59,0 2px 10px #764ba240;transition:transform .2s ease,box-shadow .2s ease}.btn-refresh .btn-content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.btn-refresh .icon-refresh{flex-shrink:0}.btn-refresh .shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:skew(-20deg);pointer-events:none;z-index:2}.btn-refresh .rocket-scene{position:absolute;top:50%;left:16px;transform:translateY(-50%);width:28px;height:28px;pointer-events:none;z-index:3;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,--thrust .9s ease-out}.btn-refresh .rocket-scene:after{content:"";position:absolute;inset:-28px;background:radial-gradient(closest-side,rgba(139,92,246,calc(.4 * var(--thrust))),#a855f700 70%);filter:blur(18px);opacity:var(--thrust)}.btn-refresh .rocket{position:absolute;inset:0;transform-origin:center center;filter:drop-shadow(0 4px 16px rgba(255,255,255,.3));will-change:transform}.btn-refresh .rocket .rocket-svg{width:28px;height:28px;display:block}.btn-refresh .rocket .thrust{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:14px;height:28px;pointer-events:none}.btn-refresh .rocket .thrust .flame-core,.btn-refresh .rocket .thrust .flame-glow{position:absolute;left:50%;transform:translate(-50%);border-radius:50% 50% 60% 60%;will-change:transform,opacity,filter}.btn-refresh .rocket .thrust .flame-core{bottom:4px;width:10px;height:22px;background:radial-gradient(50% 60% at 50% 30%,#fff,#ffeb3b 20%,#ff9800,#ff5722 80%,#ff572280);filter:blur(calc(.5px + 1.5px * var(--thrust))) brightness(calc(1.3 + .7 * var(--thrust))) saturate(1.6);opacity:calc(.85 * var(--thrust));animation:flame-core-flicker 80ms ease-in-out infinite alternate;box-shadow:0 0 16px #ff9800b3}.btn-refresh .rocket .thrust .flame-glow{bottom:-4px;width:20px;height:32px;background:radial-gradient(50% 70% at 50% 30%,#ffeb3b,#ff9800d9 40%,#ff57228c,#ff572200);filter:blur(8px);opacity:calc(.8 * var(--thrust));animation:flame-glow-flicker .1s ease-in-out infinite alternate}.btn-refresh .rocket .thrust .plume{position:absolute;left:50%;bottom:-10px;width:14px;height:14px;transform:translate(-50%) scaleY(1);background:radial-gradient(circle at 50% 35%,#ffeb3b,#ff9800b3 50%,#ff980000 80%);filter:blur(5px);opacity:calc(.6 * var(--thrust));animation:plume-pulse .26s ease-in-out infinite}.btn-refresh .rocket .thrust .p2{animation-delay:50ms}.btn-refresh .rocket .thrust .p3{animation-delay:.1s}.btn-refresh .rocket .thrust .sparks{position:absolute;inset:-18px -36px -46px;--spark: radial-gradient(circle, rgba(255, 255, 200, 1) 0%, rgba(255, 235, 59, 1) 30%, rgba(255, 152, 0, .9) 60%, rgba(255, 152, 0, 0) 80%);background:var(--spark) 50% 85%/3px 3px no-repeat,var(--spark) 35% 92%/4px 4px no-repeat,var(--spark) 65% 88%/3px 3px no-repeat,var(--spark) 45% 95%/3px 3px no-repeat,var(--spark) 55% 90%/4px 4px no-repeat;opacity:calc(.75 * var(--thrust));animation:sparks-fall var(--spark-speed) linear infinite;filter:blur(.25px)}.btn-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #667eea8c,0 0 52px #764ba266,inset 0 1px #ffffff1a}.btn-refresh:hover:not(:disabled) .icon-refresh{animation:spin-once .6s cubic-bezier(.4,0,.2,1) forwards}.btn-refresh:hover:not(:disabled) .shine{animation:shine-sweep .8s cubic-bezier(.4,0,.2,1) forwards}.btn-refresh:hover:not(:disabled) .rocket-scene{opacity:1;visibility:visible;transform:translateY(-50%) scale(1.05)}.btn-refresh:hover:not(:disabled) .rocket{animation:rocket-hover-float .8s ease-in-out infinite}.btn-refresh:not(:hover):not(.launching) .icon-refresh{animation:spin-reverse .6s cubic-bezier(.4,0,.2,1) forwards}.btn-refresh:not(:hover):not(.launching) .shine{animation:shine-return .8s cubic-bezier(.4,0,.2,1) forwards}.btn-refresh.launching{--thrust: 1}.btn-refresh.launching .icon-refresh{animation:spin 1s linear infinite}.btn-refresh.launching .rocket-scene{opacity:1;visibility:visible;transform:translateY(-50%)}.btn-refresh.launching .rocket{animation:rocket-ignite .25s ease-out both,rocket-shake-vertical .5s ease-in-out .25s both,rocket-liftoff 1.4s cubic-bezier(.2,.7,.1,1) .75s forwards}.btn-refresh:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}@keyframes rocket-shake-vertical{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1px) rotate(-1deg)}50%{transform:translateY(-.5px) rotate(1deg)}75%{transform:translateY(-1px) rotate(-.5deg)}}@keyframes rocket-ignite{0%{transform:translateY(6px) scale(.95) rotate(-2deg);opacity:.6}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes rocket-liftoff{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--liftoff-height)))}}@keyframes flame-core-flicker{0%{transform:translate(-50%) scaleY(1)}to{transform:translate(-50%) scaleY(1.18)}}@keyframes flame-glow-flicker{0%{transform:translate(-50%) scaleY(1);opacity:.7}to{transform:translate(-50%) scaleY(1.12);opacity:.95}}@keyframes plume-pulse{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(1.35)}}@keyframes sparks-fall{0%{transform:translateY(0);opacity:1}70%{transform:translateY(20px);opacity:.7}to{transform:translateY(30px);opacity:0}}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine-sweep{0%{left:-100%}to{left:200%}}@keyframes shine-return{0%{left:200%}to{left:-100%}}@keyframes rocket-hover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.btn-refresh,.btn-refresh *{animation:none!important;transition:none!important}.btn-refresh.launching .rocket-scene{opacity:1}.btn-refresh.launching .rocket{transform:translateY(-60px)!important}}.btn-secondary{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:10px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;overflow:visible}.btn-secondary svg{width:14px!important;height:14px!important;flex-shrink:0;display:block;color:inherit}.btn-secondary:hover{border-color:#0003;color:#111;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-secondary:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.history-section{padding:0 16px 16px;overflow:visible}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:0 0 12px}.history-actions{margin-top:12px;display:flex;gap:8px}.btn-apply{flex:1;height:32px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:12px;font-weight:500;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.btn-apply:not(:disabled):hover{border-color:#545454;color:#fff;transform:translateY(-1px)}.btn-apply:disabled{opacity:.4;cursor:not-allowed}.btn-icon{width:32px;height:32px;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:8px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{border-color:#0003;color:#484848}.footer-actions{padding:12px 16px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:8px}.move-wrapper{position:relative;flex:1}.btn-move{width:100%;height:32px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:12px;font-weight:500;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.btn-move:hover{border-color:#0003;color:#111}.btn-delete{width:32px;height:32px;border:none;background:#ef44441a;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete:hover{background:#ef444426;transform:scale(1.05)}.dropdown-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;z-index:10;max-height:150px;overflow-y:auto}.dropdown-item{width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:12px;color:#333;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#0000000a}.dropdown-item+.dropdown-item{border-top:1px solid rgba(0,0,0,.06)}.dropdown-empty{padding:8px 12px;font-size:12px;color:#999;text-align:center}@media(prefers-color-scheme:dark){.inspector-content{background:#171717fa;border-color:#ffffff1a}.inspector-header{border-color:#ffffff1a;background:#ffffff05}.inspector-title{color:#f5f5f5}.btn-close{color:#999}.btn-close:hover{background:#ffffff0d;color:#f5f5f5}.btn-secondary,.btn-apply,.btn-icon,.btn-move{background:#1a1a1a;border-color:#ffffff1a;color:#999}.btn-secondary:hover,.btn-apply:hover,.btn-icon:hover,.btn-move:hover{border-color:#fff3;color:#f5f5f5}.dropdown-menu{background:#1a1a1a;border-color:#ffffff1a}.dropdown-item{color:#ccc}.dropdown-item:hover{background:#ffffff0d}.dropdown-item+.dropdown-item{border-color:#ffffff1a}.footer-actions{border-color:#ffffff1a}}@media(max-width:480px){.inspector-modern{right:10px;left:10px;width:auto}}.inspector-modern{will-change:transform}.inspector-header{cursor:grab;user-select:none}.inspector-header.dragging{cursor:grabbing}:root{--settings-bg-primary: rgba(255, 255, 255, .98);--settings-bg-secondary: rgba(249, 250, 251, .95);--settings-bg-tertiary: rgba(243, 244, 246, .9);--settings-bg-overlay: rgba(0, 0, 0, .4);--settings-bg-glass: rgba(255, 255, 255, .7);--settings-text-primary: #111827;--settings-text-secondary: #6b7280;--settings-text-tertiary: #9ca3af;--settings-text-inverse: #ffffff;--settings-border-primary: rgba(229, 231, 235, .8);--settings-border-secondary: rgba(209, 213, 219, .5);--settings-border-focus: #3b82f6;--settings-accent-primary: #3b82f6;--settings-accent-hover: #2563eb;--settings-accent-active: #1d4ed8;--settings-accent-light: rgba(59, 130, 246, .1);--settings-success: #10b981;--settings-warning: #f59e0b;--settings-danger: #ef4444;--settings-danger-light: rgba(239, 68, 68, .1);--settings-premium-gold: #fbbf24;--settings-premium-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--settings-spacing-xs: .25rem;--settings-spacing-sm: .5rem;--settings-spacing-md: 1rem;--settings-spacing-lg: 1.5rem;--settings-spacing-xl: 2rem;--settings-spacing-2xl: 3rem;--settings-radius-sm: .375rem;--settings-radius-md: .5rem;--settings-radius-lg: .75rem;--settings-radius-xl: 1rem;--settings-radius-full: 9999px;--settings-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--settings-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--settings-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--settings-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--settings-shadow-glow: 0 0 40px rgba(59, 130, 246, .15);--settings-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--settings-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--settings-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--settings-transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--settings-bg-primary: rgba(17, 24, 39, .98);--settings-bg-secondary: rgba(31, 41, 55, .95);--settings-bg-tertiary: rgba(55, 65, 81, .9);--settings-bg-overlay: rgba(0, 0, 0, .7);--settings-bg-glass: rgba(31, 41, 55, .8);--settings-text-primary: #f9fafb;--settings-text-secondary: #d1d5db;--settings-text-tertiary: #9ca3af;--settings-border-primary: rgba(55, 65, 81, .8);--settings-border-secondary: rgba(75, 85, 99, .5);--settings-accent-light: rgba(59, 130, 246, .2);--settings-danger-light: rgba(239, 68, 68, .2);--settings-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--settings-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--settings-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--settings-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3)}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes settingsPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.settings-overlay{position:fixed;inset:0;background:var(--settings-bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:settingsFadeIn var(--settings-transition-base) both}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:900px;height:85vh;max-height:700px;background:var(--settings-bg-primary);border-radius:var(--settings-radius-xl);box-shadow:var(--settings-shadow-xl),var(--settings-shadow-glow);border:1px solid var(--settings-border-primary);z-index:9999;display:flex;overflow:hidden;opacity:1;will-change:transform,opacity}.settings-modal.animate{animation:settingsPop var(--settings-transition-spring) both}@media(max-width:768px){.settings-modal{width:95vw;height:90vh;max-width:none}}.settings-sidebar{width:240px;background:var(--settings-bg-secondary);border-right:1px solid var(--settings-border-primary);display:flex;flex-direction:column;padding:var(--settings-spacing-lg);padding-bottom:calc(var(--settings-spacing-lg) + 56px);gap:var(--settings-spacing-lg);position:relative}@media(max-width:640px){.settings-sidebar{width:180px;padding:var(--settings-spacing-md)}}.settings-header{display:flex;flex-direction:column;gap:var(--settings-spacing-xs);padding-bottom:var(--settings-spacing-md);border-bottom:1px solid var(--settings-border-secondary);padding-bottom:calc(var(--settings-spacing-md) + 52px)}.settings-title-section{flex:1}.settings-title{font-size:1.25rem;font-weight:700;color:var(--settings-text-primary);margin:0;letter-spacing:-.025em}.settings-subtitle{font-size:.875rem;color:var(--settings-text-secondary);margin:var(--settings-spacing-xs) 0 0 0}.settings-sidebar .settings-close{position:absolute;top:var(--settings-spacing-md);right:var(--settings-spacing-md);width:32px;height:32px;z-index:60;background:transparent;border:none;color:var(--settings-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--settings-transition-base),background var(--settings-transition-base),transform var(--settings-transition-base)}.settings-sidebar .settings-close:hover{background:var(--settings-bg-tertiary);color:var(--settings-text-primary);transform:rotate(90deg)}.settings-sidebar .settings-close:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:2px}.settings-nav{display:flex;flex-direction:column;gap:var(--settings-spacing-xs);flex:1}.settings-nav-item{display:flex;align-items:center;gap:var(--settings-spacing-sm);padding:var(--settings-spacing-sm) var(--settings-spacing-md);border-radius:var(--settings-radius-md);background:transparent;border:none;color:var(--settings-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--settings-transition-base);position:relative;overflow:hidden}.settings-nav-item svg{width:18px;height:18px;transition:transform var(--settings-transition-base)}.settings-nav-item:before{content:"";position:absolute;inset:0;background:var(--settings-accent-primary);opacity:0;transition:opacity var(--settings-transition-base)}.settings-nav-item:hover{background:var(--settings-bg-tertiary);color:var(--settings-text-primary);transform:translate(4px)}.settings-nav-item:hover svg{transform:scale(1.1)}.settings-nav-item.active{background:var(--settings-accent-light);color:var(--settings-accent-primary);font-weight:600}.settings-nav-item.active:before{opacity:.1}.settings-nav-item:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:-2px}.settings-tier-badge{margin-top:auto;padding-top:var(--settings-spacing-md);border-top:1px solid var(--settings-border-secondary)}.tier-indicator{display:flex;align-items:center;gap:var(--settings-spacing-xs);padding:var(--settings-spacing-sm) var(--settings-spacing-md);border-radius:var(--settings-radius-full);font-size:.875rem;font-weight:600;transition:all var(--settings-transition-base)}.tier-indicator svg{width:16px;height:16px}.tier-indicator.tier-free{background:var(--settings-bg-tertiary);color:var(--settings-text-secondary)}.tier-indicator.tier-premium{background:var(--settings-premium-gradient);color:#fff;animation:settingsGlow 2s ease-in-out infinite}.tier-indicator.tier-premium svg{filter:drop-shadow(0 0 3px rgba(251,191,36,.5))}.settings-content{flex:1;overflow-y:auto;padding:var(--settings-spacing-xl);background:var(--settings-bg-primary)}@media(max-width:640px){.settings-content{padding:var(--settings-spacing-lg)}}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:var(--settings-bg-secondary);border-radius:var(--settings-radius-full)}.settings-content::-webkit-scrollbar-thumb{background:var(--settings-border-primary);border-radius:var(--settings-radius-full);transition:background var(--settings-transition-base)}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--settings-border-secondary)}.settings-content [data-view]{opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.settings-content [data-view=active]{opacity:1;transform:none;pointer-events:auto}.settings-collapsible-section{background:var(--settings-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--settings-border-primary);border-radius:var(--settings-radius-lg);overflow:hidden;transition:all var(--settings-transition-base);margin-bottom:30px}.settings-collapsible-section:hover{box-shadow:var(--settings-shadow-md);transform:translateY(-2px)}.settings-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--settings-spacing-md) var(--settings-spacing-lg);background:transparent;border:none;cursor:pointer;transition:all var(--settings-transition-base)}.settings-section-header:hover{background:var(--settings-accent-light)}.settings-section-header:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:-2px}.settings-section-header-static{display:flex;align-items:center;gap:var(--settings-spacing-sm);padding:var(--settings-spacing-md) 0;font-size:1rem;font-weight:600;color:var(--settings-text-primary)}.settings-section-header-static svg{width:18px;height:18px;color:var(--settings-accent-primary)}.settings-section-header-content{display:flex;align-items:center;gap:var(--settings-spacing-sm)}.settings-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--settings-accent-light);border-radius:var(--settings-radius-md);color:var(--settings-accent-primary);transition:all var(--settings-transition-base)}.settings-section-title{font-size:.95rem;font-weight:600;color:var(--settings-text-primary)}.settings-chevron{color:var(--settings-text-tertiary);transition:transform var(--settings-transition-base)}.settings-chevron.expanded{transform:rotate(90deg)}.settings-section-content{padding:0 var(--settings-spacing-lg) var(--settings-spacing-lg)}.settings-control-group{display:flex;flex-direction:column;gap:var(--settings-spacing-sm);margin-bottom:var(--settings-spacing-md)}.settings-control-group:last-child{margin-bottom:0}.settings-control-label{font-size:.875rem;font-weight:500;color:var(--settings-text-secondary);letter-spacing:.025em}.settings-button-group{display:flex;gap:var(--settings-spacing-xs);padding:var(--settings-spacing-xs);background:var(--settings-bg-tertiary);border-radius:var(--settings-radius-md);border:1px solid var(--settings-border-primary)}.settings-chip{flex:1;padding:var(--settings-spacing-sm) var(--settings-spacing-md);background:transparent;border:none;border-radius:var(--settings-radius-sm);color:var(--settings-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--settings-transition-base);position:relative}.settings-chip:hover{background:#0000000d;color:var(--settings-text-primary)}.settings-chip.active{background:var(--settings-bg-primary);color:var(--settings-accent-primary);box-shadow:var(--settings-shadow-sm);font-weight:600}.settings-chip.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--settings-accent-primary);border-radius:var(--settings-radius-full)}.settings-chip:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:2px}.settings-color-picker{display:flex;align-items:center;gap:var(--settings-spacing-md)}.color-preview{width:120px;height:40px;border-radius:var(--settings-radius-md);border:2px solid var(--settings-border-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all var(--settings-transition-base);cursor:pointer}.color-preview:hover{transform:scale(1.05);box-shadow:var(--settings-shadow-md)}.color-input-native{width:40px;height:40px;border:none;border-radius:var(--settings-radius-md);cursor:pointer}.color-input-native::-webkit-color-swatch-wrapper{padding:0}.color-input-native::-webkit-color-swatch{border:2px solid var(--settings-border-primary);border-radius:var(--settings-radius-md)}.color-input-text{flex:1;padding:var(--settings-spacing-sm) var(--settings-spacing-md);background:var(--settings-bg-primary);border:1px solid var(--settings-border-primary);border-radius:var(--settings-radius-md);color:var(--settings-text-primary);font-family:Monaco,Courier New,monospace;font-size:.875rem;transition:all var(--settings-transition-base)}.color-input-text:hover{border-color:var(--settings-border-secondary)}.color-input-text:focus{outline:none;border-color:var(--settings-border-focus);box-shadow:0 0 0 3px var(--settings-accent-light)}.tile-preview{padding:var(--settings-spacing-md);background:var(--settings-bg-tertiary);border:1px solid var(--settings-border-primary);border-radius:var(--settings-radius-md);height:80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tile-preview:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--settings-border-primary) 10px,var(--settings-border-primary) 20px);opacity:.3}.tile-pattern{font-size:.875rem;font-weight:500;color:var(--settings-text-secondary);z-index:1;position:relative}.settings-form{display:flex;flex-direction:column;gap:var(--settings-spacing-lg)}.settings-field{display:flex;flex-direction:column;gap:var(--settings-spacing-sm)}.settings-field.premium-field{position:relative}.settings-field.premium-field .settings-input{padding-right:80px}.settings-field-label{font-size:.875rem;font-weight:500;color:var(--settings-text-primary);display:flex;flex-direction:column;gap:var(--settings-spacing-xs)}.settings-field-description{font-size:.75rem;font-weight:400;color:var(--settings-text-tertiary)}.settings-input{width:100%;padding:var(--settings-spacing-sm) var(--settings-spacing-md);background:var(--settings-bg-primary);border:1px solid var(--settings-border-primary);border-radius:var(--settings-radius-md);color:var(--settings-text-primary);font-size:.9rem;transition:all var(--settings-transition-base)}.settings-input::placeholder{color:var(--settings-text-tertiary)}.settings-input:hover:not(:disabled){border-color:var(--settings-border-secondary);background:var(--settings-bg-secondary)}.settings-input:focus{outline:none;border-color:var(--settings-border-focus);box-shadow:0 0 0 3px var(--settings-accent-light);background:var(--settings-bg-primary)}.settings-input:disabled{opacity:.5;cursor:not-allowed;background:var(--settings-bg-tertiary)}.settings-input-with-badge{position:relative}.settings-input-with-badge .premium-badge{position:absolute;right:var(--settings-spacing-sm);top:50%;transform:translateY(-50%);padding:var(--settings-spacing-xs) var(--settings-spacing-sm);background:var(--settings-premium-gradient);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--settings-radius-full);animation:settingsPulse 2s ease-in-out infinite}.settings-actions{display:flex;gap:var(--settings-spacing-sm);justify-content:flex-end;margin-top:var(--settings-spacing-md)}.settings-primary-btn{padding:var(--settings-spacing-sm) var(--settings-spacing-lg);background:var(--settings-accent-primary);color:#fff;border:none;border-radius:var(--settings-radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--settings-transition-base);position:relative;overflow:hidden}.settings-primary-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width var(--settings-transition-slow),height var(--settings-transition-slow)}.settings-primary-btn:hover:not(:disabled){background:var(--settings-accent-hover);transform:translateY(-2px);box-shadow:var(--settings-shadow-md)}.settings-primary-btn:hover:not(:disabled):before{width:200px;height:200px}.settings-primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--settings-shadow-sm)}.settings-primary-btn:disabled{opacity:.5;cursor:not-allowed}.settings-primary-btn:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:2px}.settings-section{background:var(--settings-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--settings-border-primary);border-radius:var(--settings-radius-lg);padding:var(--settings-spacing-lg);transition:all var(--settings-transition-base);margin-bottom:20px}.settings-section:hover{box-shadow:var(--settings-shadow-md);transform:translateY(-2px)}.subscription-card{display:flex;flex-direction:column;gap:var(--settings-spacing-md)}.subscription-info{display:flex;align-items:center;justify-content:space-between;gap:var(--settings-spacing-md)}.subscription-tier{display:flex;align-items:center;gap:var(--settings-spacing-xs);padding:var(--settings-spacing-sm) var(--settings-spacing-md);border-radius:var(--settings-radius-full);font-size:.875rem;font-weight:600}.subscription-tier.tier-free{background:var(--settings-bg-tertiary);color:var(--settings-text-secondary)}.subscription-tier.tier-premium{background:var(--settings-premium-gradient);color:#fff}.subscription-description{font-size:.875rem;color:var(--settings-text-secondary);margin:0}.account-info{display:flex;flex-direction:column;gap:var(--settings-spacing-md)}.account-field{display:flex;flex-direction:column;gap:var(--settings-spacing-xs)}.account-field label{font-size:.875rem;font-weight:500;color:var(--settings-text-secondary)}.account-value{font-size:.95rem;color:var(--settings-text-primary);font-weight:500}.danger-card{padding:var(--settings-spacing-lg);background:var(--settings-danger-light);border:1px solid var(--settings-danger);border-radius:var(--settings-radius-md)}.danger-content h4{margin:0 0 var(--settings-spacing-sm) 0;color:var(--settings-danger);font-size:1rem;font-weight:600}.danger-content p{margin:0 0 var(--settings-spacing-md) 0;font-size:.875rem;color:var(--settings-text-secondary)}.danger-form{display:flex;gap:var(--settings-spacing-sm)}@media(max-width:640px){.danger-form{flex-direction:column}}.danger-input{flex:1;border-color:var(--settings-danger)}.danger-input:focus{border-color:var(--settings-danger);box-shadow:0 0 0 3px #ef44441a}.danger-btn{padding:var(--settings-spacing-sm) var(--settings-spacing-lg);background:var(--settings-danger);color:#fff;border:none;border-radius:var(--settings-radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--settings-transition-base)}.danger-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:var(--settings-shadow-md)}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn:focus-visible{outline:2px solid var(--settings-danger);outline-offset:2px}.settings-upgrade-footer{position:absolute;left:var(--settings-spacing-lg);bottom:var(--settings-spacing-lg);z-index:70}@media(max-width:640px){.settings-upgrade-footer{left:var(--settings-spacing-md);bottom:var(--settings-spacing-md)}}.settings-upgrade-btn{display:inline-flex;align-items:center;gap:var(--settings-spacing-xs);padding:10px 14px;border-radius:var(--settings-radius-full);border:1px solid rgba(0,0,0,.06);background:var(--settings-premium-gradient);color:var(--settings-text-inverse);font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0f172a2e,inset 0 1px #ffffff59;transition:transform var(--settings-transition-fast),box-shadow var(--settings-transition-fast),opacity var(--settings-transition-fast);text-decoration:none}.settings-upgrade-btn svg{width:14px;height:14px;filter:drop-shadow(0 1px 3px rgba(245,158,11,.35));flex:0 0 14px}.settings-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f59e0b40,inset 0 1px #ffffff73}.settings-upgrade-btn:active{transform:translateY(0)}.settings-upgrade-btn:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:2px}[data-theme=dark] .settings-upgrade-btn{border-color:#ffffff1f;color:#0f172a}.settings-radio-group{display:flex;flex-direction:column;gap:var(--settings-spacing-sm);padding:var(--settings-spacing-xs);background:var(--settings-bg-tertiary);border-radius:var(--settings-radius-md);border:1px solid var(--settings-border-primary)}.settings-radio-option{position:relative;display:flex;align-items:center;gap:var(--settings-spacing-sm);padding:var(--settings-spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--settings-radius-sm);cursor:pointer;transition:all var(--settings-transition-base)}.settings-radio-option input[type=radio]{appearance:none;width:18px;height:18px;border:2px solid var(--settings-border-secondary);border-radius:50%;position:relative;cursor:pointer;transition:all var(--settings-transition-base);flex-shrink:0}.settings-radio-option input[type=radio]:checked{border-color:var(--settings-accent-primary);background:var(--settings-accent-primary);box-shadow:0 0 0 3px var(--settings-accent-light)}.settings-radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.settings-radio-option span{font-size:.9rem;font-weight:500;color:var(--settings-text-secondary);transition:color var(--settings-transition-base)}.settings-radio-option:hover{background:var(--settings-bg-primary);border-color:var(--settings-border-secondary)}.settings-radio-option:hover span{color:var(--settings-text-primary)}.settings-radio-option.selected{background:var(--settings-bg-primary);border-color:var(--settings-accent-primary);box-shadow:var(--settings-shadow-sm)}.settings-radio-option.selected span{color:var(--settings-accent-primary);font-weight:600}.settings-field input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--settings-border-secondary);border-radius:var(--settings-radius-sm);background:var(--settings-bg-primary);cursor:pointer;position:relative;transition:all var(--settings-transition-base)}.settings-field input[type=checkbox]:hover:not(:disabled){border-color:var(--settings-accent-primary);box-shadow:0 0 0 3px var(--settings-accent-light)}.settings-field input[type=checkbox]:checked{background:var(--settings-accent-primary);border-color:var(--settings-accent-primary)}.settings-field input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.settings-field input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed;background:var(--settings-bg-tertiary);border-color:var(--settings-border-primary)}.settings-field input[type=checkbox]:focus-visible{outline:2px solid var(--settings-border-focus);outline-offset:2px}.email-change-view{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}@media(max-width:640px){.email-change-view{flex-direction:column;align-items:flex-start}}.email-change-description{flex:1;margin:0;color:var(--settings-text-secondary, #94a3b8);font-size:.9rem;line-height:1.5}.email-change-form{display:flex;flex-direction:column;gap:20px;padding:24px;background:linear-gradient(135deg,#6366f108,#8b5cf608);border-radius:12px;border:1px solid rgba(99,102,241,.15);position:relative;overflow:hidden}.email-change-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:shimmer 3s linear infinite}.security-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:999px;color:#818cf8;font-size:.8125rem;font-weight:600;width:fit-content}.security-badge svg{width:14px;height:14px;stroke-width:2.5}.modern-input{transition:all .2s ease}.modern-input:focus{transform:translateY(-1px);box-shadow:0 0 0 4px #6366f114,0 4px 12px #00000014}.email-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media(max-width:640px){.email-form-actions{flex-direction:column-reverse}.email-form-actions button{width:100%}}.settings-secondary-btn{padding:10px 24px;background:transparent;color:var(--settings-text-secondary, #94a3b8);border:1px solid var(--settings-border-primary, #334155);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-secondary-btn:hover:not(:disabled){background:var(--settings-bg-tertiary, rgba(51, 65, 85, .3));color:var(--settings-text-primary, #fff);border-color:var(--settings-border-secondary, #475569);transform:translateY(-1px)}.settings-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.email-verification-form{display:flex;flex-direction:column;gap:32px;padding:32px;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:16px;border:1px solid rgba(99,102,241,.2);position:relative;overflow:hidden}.email-verification-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#8b5cf6,#6366f1);background-size:200% 100%;animation:shimmer 4s ease-in-out infinite}.verification-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.verification-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;box-shadow:0 8px 24px #6366f140;margin-bottom:4px}.verification-icon svg{stroke-width:2.5}.verification-title{margin:0;color:var(--settings-text-primary, #fff);font-size:1.125rem;font-weight:700;letter-spacing:-.025em}.verification-subtitle{margin:0;color:var(--settings-text-secondary, #94a3b8);font-size:.9rem;line-height:1.5}.verification-subtitle strong{color:var(--settings-text-primary, #fff);font-weight:600}.verification-expiry{margin:0;color:var(--settings-text-tertiary, #64748b);font-size:.8125rem;display:flex;align-items:center;gap:4px}.verification-expiry:before{content:"⏱";font-size:.875rem}.otp-container{display:flex;justify-content:center;padding:16px 0}.otp-inputs{display:flex;gap:10px}@media(max-width:480px){.otp-inputs{gap:6px}}.otp-digit{width:52px;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.5rem;font-weight:700;color:var(--settings-text-primary, #fff);background:var(--settings-bg-primary, #1e293b);border:2px solid var(--settings-border-primary, #334155);border-radius:12px;transition:all .2s ease;caret-color:#6366f1}@media(max-width:480px){.otp-digit{width:44px;height:52px;font-size:1.25rem}}.otp-digit:hover{border-color:var(--settings-border-secondary, #475569);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.otp-digit:focus{outline:none;border-color:#6366f1;background:#6366f108;box-shadow:0 0 0 4px #6366f11a,0 4px 16px #6366f126;transform:translateY(-2px) scale(1.05)}.otp-digit:not(:placeholder-shown){border-color:#10b981;background:#10b98108;animation:digitFilled .3s ease}@keyframes digitFilled{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.verification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--settings-border-primary, #334155)}@media(max-width:640px){.verification-actions{flex-direction:column}.verification-actions button{width:100%}}.settings-ghost-btn{padding:10px 16px;background:transparent;border:none;color:var(--settings-text-secondary, #94a3b8);font-size:.875rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.settings-ghost-btn:hover:not(:disabled){background:var(--settings-bg-tertiary, rgba(51, 65, 85, .3));color:var(--settings-text-primary, #fff);transform:translate(-2px)}.settings-ghost-btn:disabled{opacity:.4;cursor:not-allowed}.settings-ghost-btn.resend-btn svg{transition:transform .2s ease}.settings-ghost-btn.resend-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.timer-icon{font-size:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.verify-btn{min-width:160px}@media(max-width:640px){.verify-btn{width:100%}}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}[data-theme=dark] .email-change-form,[data-theme=dark] .email-verification-form{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-color:#6366f14d}[data-theme=dark] .otp-digit{background:#11182799}[data-theme=dark] .otp-digit:focus{background:#6366f11a}[data-theme=dark] .otp-digit:not(:placeholder-shown){background:#10b9811a}[data-theme=dark] .verification-icon{box-shadow:0 8px 32px #6366f159}.kaptr-loader{display:flex;align-items:center;gap:10px}.kaptr-loader__anim{width:30px;height:30px;border-radius:9999px;border:3px solid rgba(79,70,229,.12);border-top-color:#4f46e5;animation:kaptr-spin .6s linear infinite;flex:0 0 auto;box-shadow:0 4px 12px #4f46e51f}.kaptr-loader__text{font-size:13px;line-height:1.3;opacity:.8}@keyframes kaptr-spin{to{transform:rotate(360deg)}}