@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.help-tour-overlay *,.help-tour-overlay :after,.help-tour-overlay :before{border-radius:0!important}.help-tour-overlay{pointer-events:none;z-index:10000}.help-tour-backdrop,.help-tour-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.help-tour-backdrop{background:#000000bf;pointer-events:auto}.help-tour-spotlight{border:3px solid #e7b768;border:3px solid var(--accent,#e7b768);border-radius:8px;box-shadow:0 0 0 9999px #000000bf,0 0 20px #e7b76866;pointer-events:none;position:fixed;transition:all .3s ease;z-index:10001}.help-tour-tooltip{background:var(--bg-secondary);background:var(--panel,var(--bg-secondary));border:2px solid #e7b768;border:2px solid var(--accent,#e7b768);box-shadow:0 20px 40px #00000080,0 0 30px #e7b76826;max-width:calc(100vw - 40px);pointer-events:auto;position:fixed;width:360px;z-index:10002}.help-tour-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.help-tour-step-indicator{color:#e7b768;color:var(--accent,#e7b768);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.help-tour-close{align-items:center;background:#0000;border:none;color:#b8c0cc;color:var(--text-secondary,#b8c0cc);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.help-tour-close:hover{color:#e7b768;color:var(--accent,#e7b768)}.help-tour-content{padding:20px}.help-tour-title{color:#e7b768;color:var(--accent,#e7b768);font-size:18px;font-weight:700;margin:0 0 12px;text-transform:lowercase}.help-tour-description{color:#b8c0cc;color:var(--text-secondary,#b8c0cc);font-size:14px;line-height:1.6;margin:0}.help-tour-missing{background:#f59e0b1a;border-left:3px solid #f59e0b;border-left:3px solid var(--warning,#f59e0b);color:#f59e0b;color:var(--warning,#f59e0b);font-size:12px;margin:12px 0 0;padding:10px}.help-tour-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.help-tour-skip{background:#0000;border:none;color:#b8c0cc;color:var(--text-secondary,#b8c0cc);cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:color .2s}.help-tour-skip:hover{color:#eaecef;color:var(--text-primary,#eaecef)}.help-tour-nav{display:flex;gap:8px}.help-tour-next,.help-tour-prev{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.help-tour-prev{background:#0000;border:1px solid var(--border,var(--border));color:#b8c0cc;color:var(--text-secondary,#b8c0cc)}.help-tour-prev:hover:not(:disabled){border-color:#e7b768;border-color:var(--accent,#e7b768);color:#e7b768;color:var(--accent,#e7b768)}.help-tour-prev:disabled{cursor:not-allowed;opacity:.4}.help-tour-next{background:#e7b768;background:var(--accent,#e7b768);border:none;color:var(--bg-primary);color:var(--bg-top,var(--bg-primary))}.help-tour-next:hover{background:color-mix(in srgb,#e7b768 85%,#fff);background:color-mix(in srgb,var(--accent,#e7b768) 85%,#fff)}.help-tour-progress{display:flex;gap:6px;justify-content:center;padding:12px 20px 16px}.help-tour-dot{background:var(--border);background:var(--border,var(--border));border-radius:50%;height:8px;transition:all .2s;width:8px}.help-tour-dot.active{background:#e7b768;background:var(--accent,#e7b768);transform:scale(1.2)}.help-tour-dot.completed{background:color-mix(in srgb,#e7b768 50%,#0000);background:color-mix(in srgb,var(--accent,#e7b768) 50%,#0000)}.help-button{align-items:center;background:#e7b768;background:var(--accent,#e7b768);border:none;border-radius:0;bottom:24px!important;box-shadow:0 4px 12px #0000004d;color:var(--bg-primary);color:var(--bg-top,var(--bg-primary));cursor:pointer;display:flex;height:48px;justify-content:center;left:auto!important;position:fixed!important;right:24px!important;top:auto!important;transition:all .2s;width:48px;z-index:99999!important}.help-button:hover{box-shadow:0 6px 16px #0006,0 0 20px #e7b7684d;transform:translateY(-2px)}@media (max-width:480px){.help-tour-tooltip{left:16px!important;right:16px;width:calc(100vw - 32px)}.help-tour-footer{flex-direction:column;gap:12px}.help-tour-nav{justify-content:space-between;width:100%}.help-button{bottom:16px;height:44px;right:16px;width:44px}}.ts-container,.ts-container *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ts-container{position:relative}.ts-trigger-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.ts-trigger-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:translateY(-2px)}.ts-panel{animation:ts-slideDown .2s ease;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0006;left:0;overflow:hidden;position:absolute;top:calc(100% + 12px);transition:width .3s ease;width:400px;z-index:1000}.ts-panel.ts-panel-wide{width:700px}@keyframes ts-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ts-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.ts-current{display:flex;flex-direction:column;gap:8px}.ts-label{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.ts-current-colors{align-items:center;display:flex;gap:8px}.ts-swatch{border:2px solid var(--border);border-radius:6px;height:28px;width:28px}.ts-swatch-dark{border:2px solid #ffffff4d!important}.ts-swatch-light{border:2px solid #e2e8f0!important}.ts-plus{font-size:14px;font-weight:700}.ts-close-btn,.ts-plus{color:var(--text-secondary)}.ts-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ts-close-btn:hover{background:color-mix(in srgb,var(--danger) 15%,#0000);color:var(--danger)}.ts-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.ts-tab{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:10px;font-weight:700;gap:6px;justify-content:center;letter-spacing:1.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.ts-tab:hover{border-color:var(--accent);color:var(--accent)}.ts-tab.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.ts-content{max-height:600px;overflow-y:auto;padding:16px}.ts-presets{gap:20px}.ts-presets,.ts-section{display:flex;flex-direction:column}.ts-section{gap:12px}.ts-section-header{align-items:center;color:var(--accent);display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:1.5px;text-transform:uppercase}.ts-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.ts-preset-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px 8px;position:relative;transition:all .2s ease}.ts-preset-btn:hover{border-color:var(--accent);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ts-preset-btn.active{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent)}.ts-preset-colors{display:flex;gap:4px}.ts-preset-swatch{border:1px solid var(--border);border-radius:4px;height:20px;width:20px}.ts-panel[data-theme-mode=dark] .ts-preset-swatch.ts-swatch-dark{border:1px solid #ffffff4d}.ts-preset-name{color:var(--text-primary);font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.2;text-align:center;text-transform:uppercase}.ts-check{color:var(--accent);position:absolute;right:6px;top:6px}.ts-custom{display:flex;flex-direction:column;gap:20px}.ts-pickers-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ts-picker-container{display:flex;flex-direction:column;gap:12px}.ts-gradient-box{background-repeat:no-repeat!important;background-size:100% 100%!important;border:1px solid var(--border);border-radius:8px;cursor:crosshair;height:160px;overflow:hidden;position:relative;width:100%}.ts-gradient-cursor{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #0003;height:18px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:18px}.ts-hue-slider-container{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:7px;height:14px;position:relative}.ts-hue-slider{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.ts-hue-thumb{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:18px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.ts-hex-input-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.ts-hex-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:10px;font-weight:700;letter-spacing:1.5px;outline:none;text-transform:uppercase}.ts-copy-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.ts-copy-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.ts-live-preview{display:flex;flex-direction:column;gap:12px}.ts-preview-card{border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;position:relative}.ts-preview-glow{display:none;height:150px;left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:0}.ts-preview-header{align-items:center;border-bottom:2px solid;display:flex;padding:12px 16px;position:relative;z-index:1}.ts-preview-dots{display:flex;gap:6px}.ts-preview-dots span{border-radius:50%;height:10px;width:10px}.ts-preview-content{display:flex;flex-direction:column;gap:20px;padding:24px;position:relative;z-index:1}.ts-preview-logo-section{align-items:center;display:flex;gap:16px}.ts-preview-logo{height:60px;object-fit:contain;width:60px}.ts-preview-brand{display:flex;flex-direction:column;gap:4px}.ts-preview-brand-name{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1}.ts-preview-tagline{font-size:12px;font-weight:500;letter-spacing:1px;opacity:.8}.ts-preview-buttons{display:flex;gap:12px}.ts-preview-btn-primary,.ts-preview-btn-secondary{border-radius:6px;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:10px 20px;text-transform:uppercase}.ts-preview-btn-secondary{background:#0000;border:2px solid}.ts-preview-text-samples{display:flex;font-size:12px;font-weight:600;gap:16px}.ts-actions{display:flex;gap:12px;margin-top:8px}.ts-cancel-btn,.ts-ok-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:14px 20px;text-transform:uppercase;transition:all .2s ease}.ts-cancel-btn{background:#0000;border:2px solid var(--border);color:var(--text-secondary)}.ts-cancel-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.ts-ok-btn{background:var(--accent);border:2px solid var(--accent);color:var(--bg-primary)}.ts-ok-btn:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.ts-content::-webkit-scrollbar{width:6px}.ts-content::-webkit-scrollbar-track{background:#0000}.ts-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width:768px){.ts-panel,.ts-panel.ts-panel-wide{left:-100px;width:calc(100vw - 32px)}.ts-pickers-row{grid-template-columns:1fr}.ts-grid{grid-template-columns:repeat(2,1fr)}}.loading-spinner-overlay *,.loading-spinner-overlay :after,.loading-spinner-overlay :before{border-radius:0!important}.loading-spinner-overlay{background:#000c!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.loading-spinner-container,.loading-spinner-overlay{align-items:center!important;display:flex!important;justify-content:center!important}.loading-spinner-container{gap:16px!important}.loading-spinner-cube{animation:typingBounce 1.4s ease-in-out infinite both!important;animation-fill-mode:both!important;background:#d7b38c!important;background:var(--accent,#d7b38c)!important;border-radius:4px!important;box-shadow:0 4px 12px #d7b38c4d!important;height:20px!important;width:20px!important;will-change:transform,opacity!important}.loading-spinner-container .loading-spinner-cube:first-child{animation-delay:-.32s!important}.loading-spinner-container .loading-spinner-cube:nth-child(2){animation-delay:-.16s!important}.loading-spinner-container .loading-spinner-cube:nth-child(3){animation-delay:0s!important}.slide-notif{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;right:-420px;top:80px;transition:right .4s cubic-bezier(.4,0,.2,1);width:400px;z-index:9999}.slide-notif.show{animation:slideInBounce .6s cubic-bezier(.34,1.56,.64,1);right:24px}@keyframes slideInBounce{0%{opacity:0;right:-420px}60%{right:32px}80%{right:20px}to{opacity:1;right:24px}}.slide-notif-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a2e,#16162a);background:linear-gradient(145deg,var(--bg-secondary,#1a1a2e) 0,var(--bg-tertiary,#16162a) 100%);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px color-mix(in srgb,var(--accent) 10%,#0000),inset 0 1px 0 #ffffff0d;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-notif-card:before{background:linear-gradient(90deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,#0000) 50%,#0000 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.slide-notif-card:hover{border-color:var(--accent);box-shadow:0 24px 70px #000000b3,0 0 0 1px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-4px) scale(1.02)}.slide-notif-card:hover:before{animation:none;height:6px;opacity:1}.slide-notif-header{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,#0000) 0,color-mix(in srgb,var(--accent) 6%,#0000) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);gap:14px;padding:18px 20px}.slide-notif-header,.slide-notif-icon{align-items:center;display:flex;position:relative}.slide-notif-icon{border-radius:12px;box-shadow:0 8px 24px #0006,0 0 20px currentColor;color:#fff;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;transition:all .3s ease;width:48px}.slide-notif-icon:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a 30%,#0000001a 70%,#0000004d);content:"";inset:0;pointer-events:none;position:absolute}.slide-notif-card:hover .slide-notif-icon{box-shadow:0 12px 32px #00000080,0 0 30px currentColor;transform:scale(1.1) rotate(5deg)}.slide-notif-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;position:relative;width:24px;z-index:1}.slide-notif-title{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.slide-notif-type{color:var(--accent);font-family:Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.slide-notif-time{color:#ffffff80;color:var(--text-secondary,#ffffff80);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.slide-notif-close{align-items:center;background:color-mix(in srgb,var(--danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--danger) 30%,#0000);border-radius:8px;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.slide-notif-close:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:scale(1.15) rotate(90deg)}.slide-notif-body{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 3%,#0000) 100%);padding:20px}.slide-notif-heading{color:#fff;color:var(--text-primary,#fff);font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.4;margin:0 0 10px}.slide-notif-message{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffbf;color:var(--text-secondary,#ffffffbf);display:-webkit-box;font-family:Inter,sans-serif;font-size:13px;line-height:1.6;margin:0;overflow:hidden}.slide-notif-footer{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#0000) 0,color-mix(in srgb,var(--accent) 4%,#0000) 100%);border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;justify-content:space-between;padding:14px 20px}.slide-notif-action{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:6px;letter-spacing:1px;text-transform:uppercase;transition:all .2s ease}.slide-notif-action:after{content:"→";font-size:14px;transition:transform .2s ease}.slide-notif-card:hover .slide-notif-action:after{transform:translateX(4px)}.slide-notif:nth-child(2){top:200px}.slide-notif:nth-child(3){top:320px}.slide-notif:nth-child(4){top:440px}@media (max-width:768px){.slide-notif{right:-100vw;width:calc(100vw - 32px)}.slide-notif.show{right:16px}}[data-theme-mode=dark] .slide-notif-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,#1a1a2e) 0,color-mix(in srgb,var(--accent) 4%,#16162a) 100%);box-shadow:0 20px 60px #000c,0 0 0 1px color-mix(in srgb,var(--accent) 15%,#0000),inset 0 1px 0 #ffffff14}[data-theme-mode=dark] .slide-notif-card:hover{box-shadow:0 24px 70px #000000e6,0 0 0 1px var(--accent),0 0 50px color-mix(in srgb,var(--accent) 40%,#0000)}[data-theme-mode=light] .slide-notif-card{background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--accent) 3%,#fafafa) 100%);border:1px solid color-mix(in srgb,var(--accent) 25%,#00000014);box-shadow:0 20px 60px #00000026,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000),inset 0 1px 0 #fffc}[data-theme-mode=light] .slide-notif-card:hover{box-shadow:0 24px 70px #0003,0 0 0 1px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 25%,#0000)}[data-theme-mode=light] .slide-notif-header{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000) 0,color-mix(in srgb,var(--accent) 5%,#0000) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,#0000000f)}[data-theme-mode=light] .slide-notif-type{color:var(--accent)}[data-theme-mode=light] .slide-notif-time{color:#64748b}[data-theme-mode=light] .slide-notif-close{background:color-mix(in srgb,var(--danger) 12%,#0000);border-color:color-mix(in srgb,var(--danger) 25%,#0000)}[data-theme-mode=light] .slide-notif-heading{color:#1a1a2e}[data-theme-mode=light] .slide-notif-message{color:#64748b}[data-theme-mode=light] .slide-notif-body{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 2%,#0000) 100%)}[data-theme-mode=light] .slide-notif-footer{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,#0000) 0,color-mix(in srgb,var(--accent) 3%,#0000) 100%);border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000000f)}.iem-overlay *,.iem-overlay :after,.iem-overlay :before{border-radius:0!important}.iem-overlay{--iem-bg-primary:var(--bg);--iem-bg-secondary:var(--panel);--iem-bg-tertiary:var(--hover-bg);--iem-border:var(--border);--iem-text-primary:var(--text-primary);--iem-text-secondary:var(--text-secondary);--iem-accent:var(--accent);--iem-success:#22c55e;--iem-error:#ef4444;align-items:center;animation:iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.iem-modal{animation:iem-slideUp .3s ease;border:1px solid var(--iem-border);box-shadow:0 20px 60px #00000080;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.iem-header,.iem-modal{background:var(--iem-bg-secondary);display:flex}.iem-header{align-items:center;border-bottom:1px solid var(--iem-border);justify-content:space-between;padding:24px}.iem-header-content{align-items:center;display:flex;gap:16px}.iem-header-icon{color:var(--iem-accent)}.iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:1px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.iem-body{flex:1 1;overflow-y:auto;padding:24px}.iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:1px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.iem-select-all-btn{background:#0000;border:1px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:400px;overflow-y:auto}.iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.iem-item-card:hover{background:var(--iem-bg-secondary);border-color:color-mix(in srgb,var(--iem-border) 50%,var(--iem-accent))}.iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 10%,#0000);border-color:var(--iem-accent)}.iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.iem-item-card:hover .iem-item-checkbox{border-color:color-mix(in srgb,var(--iem-border) 50%,var(--iem-accent))}.iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.iem-item-info{flex:1 1}.iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid #0000;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.iem-conversion-card:hover{background:var(--iem-bg-secondary);border-color:color-mix(in srgb,var(--iem-accent) 50%,#0000);transform:translateY(-2px)}.iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 10%,#0000);border-color:var(--iem-accent)}.iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.iem-settings{background:var(--iem-bg-tertiary);border:1px solid var(--iem-border);margin-bottom:20px;padding:20px}.iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.iem-setting-group{margin-bottom:16px}.iem-setting-group:last-child{margin-bottom:0}.iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.iem-input,.iem-select{background:var(--iem-bg-primary);border:1px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.iem-input:focus,.iem-select:focus{border-color:var(--iem-accent)}.iem-result{padding:40px 20px;text-align:center}.iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.iem-result-icon.success{background:color-mix(in srgb,var(--iem-success) 10%,#0000);color:var(--iem-success)}.iem-result-icon.error{background:color-mix(in srgb,var(--iem-error) 10%,#0000);color:var(--iem-error)}.iem-result-details{background:var(--iem-bg-tertiary);border:1px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.iem-result-details strong{color:var(--iem-text-primary)}.iem-empty,.iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.iem-spinner{animation:iem-spin 1s linear infinite;margin-bottom:16px}.iem-empty svg{margin-bottom:16px;opacity:.3}.iem-actions{border-top:1px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-1px)}.iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.iem-btn-secondary{background:#0000;border:1px solid var(--iem-border);color:var(--iem-text-secondary)}.iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.iem-body::-webkit-scrollbar,.iem-items-list::-webkit-scrollbar{width:8px}.iem-body::-webkit-scrollbar-track,.iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.iem-body::-webkit-scrollbar-thumb,.iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.iem-body::-webkit-scrollbar-thumb:hover,.iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}@media (max-width:768px){.iem-modal{max-height:90vh;width:95%}.iem-conversion-grid{grid-template-columns:1fr}}.ds-page{background:radial-gradient(circle at 2px 2px,#ffffff14 1.5px,#0000 0),linear-gradient(135deg,var(--bg-primary) 0,color-mix(in srgb,var(--bg-primary) 75%,var(--accent)) 50%,var(--bg-primary) 100%);background-position:5px 5px,0 0;background-size:30px 30px,100% 100%;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:auto;margin:0;min-height:auto;opacity:0;overflow-x:hidden;padding:0;position:relative;transition:opacity .6s ease;width:100%}.ds-page.ds-loaded{opacity:1}.ds-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:2px solid var(--accent);box-shadow:0 4px 6px -1px #0006;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ds-header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1800px;position:relative}.ds-header-left{align-items:center;display:flex;gap:16px;margin-right:auto}.ds-header-center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.ds-header-title{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:32px;font-weight:800;gap:8px;letter-spacing:-1px;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.ds-header-title:hover .ds-logo-img{transform:scale(1.1)}.ds-logo-img{background-color:var(--accent);height:50px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.ds-header-right{align-items:center;display:flex;gap:12px;margin-left:auto}.ds-header-logo{align-items:center;cursor:pointer;display:flex;transition:all .3s ease}.ds-header-logo:hover{transform:translateY(-2px)}.ds-header-logo-img{height:40px;object-fit:contain;width:40px}.ds-user-info{align-items:center;display:flex;gap:12px}.ds-profile-picture{border:2px solid var(--accent);border-radius:50%;box-shadow:0 1px 2px 0 #0000004d;height:40px;object-fit:cover;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.ds-profile-picture:hover{box-shadow:0 4px 6px -1px #0006;transform:scale(1.05)}.ds-user-name{color:var(--accent);font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;white-space:nowrap}.ds-notifications-wrapper{position:relative}.ds-notif-bell-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.ds-notif-bell-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:translateY(-2px)}.ds-notif-badge{align-items:center;background:var(--accent);border-radius:9px;color:var(--bg-primary);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.ds-logout-icon-btn,.ds-profile-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.ds-logout-icon-btn:hover,.ds-profile-icon-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:translateY(-2px)}.ds-customize-btn,.ds-search-hub-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:6px;box-shadow:0 1px 2px 0 #0000004d;color:var(--accent);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.ds-customize-btn:hover,.ds-search-hub-btn:hover{background:var(--accent);box-shadow:0 4px 6px -1px #0006;color:var(--bg-primary);transform:translateY(-2px)}.ds-header-left .dashboard-theme-switcher{position:relative}.ds-header-left .dashboard-theme-selector-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.ds-header-left .dashboard-theme-selector-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:translateY(-2px)}.ds-header-left .dashboard-theme-selector-dropdown{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;gap:20px;left:0;max-width:700px;min-width:600px;padding:16px;position:absolute;top:calc(100% + 12px);z-index:1000}.ds-header-left .dashboard-theme-section{flex:1 1;margin-bottom:0}.ds-header-left .dashboard-theme-section:last-child{margin-bottom:0}.ds-header-left .dashboard-theme-section h4{border-bottom:1px solid var(--border);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.ds-header-left .dashboard-theme-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.ds-header-left .dashboard-theme-option{background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;overflow:hidden;padding:12px;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.ds-header-left .dashboard-theme-option:hover{border-color:var(--accent);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ds-header-left .dashboard-theme-option.active{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent)}.ds-header-left .dashboard-theme-colors{display:flex;gap:6px;margin-top:8px}.ds-header-left .dashboard-theme-color-dot{background:var(--accent);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;height:16px;width:16px}.ds-header-left .sparkle{animation:sparkleFloat 3s ease-in-out infinite;background:var(--accent);border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.ds-header-left .dashboard-theme-option:hover .sparkle{opacity:1}.ds-header-left .sparkle:first-child{animation-delay:0s;left:20%;top:20%}.ds-header-left .sparkle:nth-child(2){animation-delay:1s;right:20%;top:60%}.ds-header-left .sparkle:nth-child(3){animation-delay:2s;bottom:20%;left:50%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-10px) scale(1)}}.ds-notif-backdrop{animation:backdropFadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:#000000bf;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:199}@keyframes backdropFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);opacity:1}}[data-theme-mode=light] .ds-notif-backdrop{-webkit-backdrop-filter:blur(20px) saturate(150%) brightness(1.1);backdrop-filter:blur(20px) saturate(150%) brightness(1.1);background:#ffffffb3}.ds-notif-panel{animation:notifSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;top:72px;width:400px;z-index:200}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ds-notif-panel-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#0000) 0,color-mix(in srgb,var(--accent) 8%,#0000) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,#0000);display:flex;justify-content:space-between;padding:20px 24px}.ds-notif-panel-header h3{color:var(--accent);font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.ds-notif-close-btn{align-items:center;background:color-mix(in srgb,var(--danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--danger) 30%,#0000);border-radius:8px;color:var(--danger);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.ds-notif-close-btn:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.ds-notif-panel-content{max-height:420px;overflow-y:auto;padding:8px;scrollbar-width:thin}.ds-no-notifications-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.ds-no-notifications-placeholder svg{color:var(--accent);opacity:.3}.ds-no-notifications-placeholder p{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:16px;opacity:.6;text-transform:uppercase}.ds-notif-item{align-items:flex-start;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--bg-secondary)) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.ds-notif-icon{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ds-notif-body{flex:1 1;min-width:0}.ds-notif-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .2s ease;width:3px}.ds-notif-item:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 4px 16px #0003;transform:translateX(4px)}.ds-notif-item.ds-notif-unread{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--bg-secondary)) 0,color-mix(in srgb,var(--accent) 8%,var(--bg-tertiary)) 100%);border-color:color-mix(in srgb,var(--accent) 25%,#0000)}.ds-notif-item.ds-notif-unread:before{background:var(--accent)}.ds-notif-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.ds-notif-from{color:var(--accent);flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ds-notif-delete{align-items:center;background:color-mix(in srgb,var(--danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--danger) 30%,#0000);border-radius:6px;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;opacity:0;padding:0;transition:all .2s ease;width:24px}.ds-notif-delete:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.ds-notif-item:hover .ds-notif-delete{opacity:1}.ds-notif-text{font-size:12px;line-height:1.5;margin-top:6px}.ds-notif-text,.ds-notif-time{color:var(--text-secondary);font-family:Inter,sans-serif}.ds-notif-time{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:8px;opacity:.7;text-transform:uppercase}[data-theme-mode=dark] .ds-notif-panel{box-shadow:0 20px 60px #000000b3}[data-theme-mode=dark] .ds-notif-item{box-shadow:0 2px 8px #0003}[data-theme-mode=light] .ds-notif-panel{background:linear-gradient(145deg,#fff,#fafafa);box-shadow:0 20px 60px #00000026}[data-theme-mode=light] .ds-notif-item{background:linear-gradient(145deg,#fff,#f8f9fa);box-shadow:0 2px 8px #0000000d}[data-theme-mode=light] .ds-notif-item:hover{box-shadow:0 4px 16px #0000001a}.ds-background-effects{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.ds-bg-gradient-orb{border-radius:50%;filter:blur(120px);opacity:.5;position:absolute}.ds-bg-orb-1{height:600px;left:-200px;top:-200px;width:600px}.ds-bg-orb-2{bottom:-100px;height:500px;right:-100px;width:500px}.ds-grid-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:360px 1fr 1fr 380px;grid-template-rows:repeat(8,145px);margin:0 auto;max-width:1800px;padding:16px 20px 0;position:relative;z-index:1}.ds-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ds-card:hover{border-color:var(--accent);box-shadow:0 20px 50px #0000004d;transform:translateY(-4px)}.ds-card-glow{display:none;height:150px;left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}.ds-card-click-indicator{opacity:.4;pointer-events:none;position:absolute;right:16px;top:16px;transition:all .3s ease;z-index:10}.ds-card:hover .ds-card-click-indicator{opacity:1;transform:translateX(4px)}.ds-tagline{grid-column:1;grid-row:1/4;padding:0 24px 28px}.ds-ai-assistant-card,.ds-tagline{display:flex;flex-direction:column}.ds-ai-assistant-card{gap:12px;height:100%;justify-content:space-between;overflow:hidden;padding-top:28px}.ds-ai-visual-section{flex-shrink:0;padding:12px 0}.ds-ai-icon-display,.ds-ai-visual-section{align-items:center;display:flex;justify-content:center}.ds-ai-icon-display{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,#000) 100%);border-radius:50%;color:var(--bg-primary);font-size:24px;font-weight:800;height:60px;transition:all .3s ease;width:60px}.ds-card:hover .ds-ai-icon-display{transform:scale(1.1)}.ds-ai-stats-row{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:24px;justify-content:center;padding:10px 0}.ds-ai-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.ds-ai-stat-value{color:var(--accent);font-size:20px;font-weight:800;line-height:1}.ds-ai-stat-label{color:var(--text-secondary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.ds-ai-chat-btn{align-items:center;border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.ds-ai-chat-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.ds-ai-chat-btn svg{transition:transform .3s ease}.ds-ai-chat-btn:hover svg{transform:translateX(4px)}.ds-ai-description{color:var(--text-secondary);font-size:11px;line-height:1.5;margin:0;padding:0 4px;text-align:center}.ds-hero{background:linear-gradient(180deg,var(--dashboard-accent) 0,rgba(from var(--dashboard-accent) r g b/.85) 50%,rgba(from var(--dashboard-accent) r g b/.7) 100%);border:1px solid var(--border);border-radius:8px;cursor:pointer;grid-column:2/4;grid-row:1/4;min-height:435px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ds-hero:hover{transform:none}.ds-hero-content{align-items:center;display:flex;flex-direction:row;gap:0;height:100%;justify-content:center;padding:40px;transform:translateX(-30px);width:100%}.ds-hero-logo{animation:ds-logo-float 6s ease-in-out infinite;filter:brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(1234%) hue-rotate(169deg) brightness(96%) contrast(96%);height:280px;margin-right:-60px;object-fit:contain;width:280px}.ds-page[data-theme-mode=light] .ds-hero-logo{filter:brightness(0) saturate(100%) invert(100%)}.ds-hero-text-group{align-items:center;display:flex;flex-direction:column;gap:8px}.ds-hero-brand-text{font-size:84px;font-weight:800;letter-spacing:-.05em;line-height:1;text-transform:lowercase}.ds-hero-brand-text,.ds-hero-tagline{color:var(--dashboard-bg-primary);font-family:Inter,sans-serif;text-align:center}.ds-hero-tagline{font-size:18px;font-weight:500;letter-spacing:2px;opacity:.8}@keyframes ds-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ds-learning-hub-grid{background:linear-gradient(135deg,var(--dashboard-accent) 0,rgba(from var(--dashboard-accent) r g b/.85) 100%);border:1px solid rgba(from var(--dashboard-accent) r g b/.3);border-radius:16px;display:flex;flex-direction:column;gap:24px;grid-column:2/4;grid-row:1/4;overflow:visible;padding:32px;position:relative}.ds-learning-hub-grid .ds-card-glow{display:none;height:150px;left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:0}.ds-learning-hub-header{animation:fadeInDown .6s ease-out;position:relative;text-align:center;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ds-learning-hub-title{color:var(--dashboard-bg-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.ds-learning-hub-subtitle{color:var(--dashboard-bg-primary);font-size:10px;font-weight:600;letter-spacing:2px;margin:0;opacity:.7;text-transform:uppercase}.ds-learning-hub-grid-items{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);min-height:0;position:relative;z-index:1}.ds-learning-hub-grid-item{align-items:center;animation:fadeInUp .6s ease-out backwards;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-learning-hub-grid-item:before{background:radial-gradient(ellipse at 50% 0,rgba(from var(--dashboard-accent) r g b/.08) 0,#0000 70%);content:"";height:80px;left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}.ds-learning-hub-grid-item:first-child{animation-delay:.1s}.ds-learning-hub-grid-item:nth-child(2){animation-delay:.2s}.ds-learning-hub-grid-item:nth-child(3){animation-delay:.3s}.ds-learning-hub-grid-item:nth-child(4){animation-delay:.4s}.ds-learning-hub-grid-item:hover{border-color:var(--dashboard-accent);transform:translateY(-4px)}.ds-learning-hub-grid-item svg{color:var(--dashboard-accent);flex-shrink:0;position:relative;transition:all .3s ease;z-index:1}.ds-learning-hub-grid-item:hover svg{transform:scale(1.1)}.ds-learning-hub-grid-item h3{color:var(--dashboard-accent);font-size:16px;font-weight:700}.ds-learning-hub-grid-item h3,.ds-learning-hub-grid-item p{margin:0;position:relative;transition:all .3s ease;z-index:1}.ds-learning-hub-grid-item p{color:var(--text-secondary);font-size:10px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.ds-learning-square{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:140px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-learning-square:hover{transform:translateY(-4px)}.ds-square-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.ds-square-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0;transition:all .3s ease}.ds-learning-square:hover .ds-square-title{color:var(--dashboard-accent)}.ds-square-desc{color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.ds-icon-top{grid-column:4;grid-row:1/3;justify-content:center;min-height:100px;padding:32px 28px}.ds-icon-top,.ds-social-widget{align-items:center;display:flex}.ds-social-widget{flex-direction:column;gap:8px;width:100%}.ds-social-icon-container{color:var(--accent);margin-bottom:8px}.ds-social-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0;text-align:center}.ds-social-description{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:10px;font-weight:600;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase}.ds-stats-prompts{align-items:center;display:flex;grid-column:2;grid-row:6;padding:32px 28px}.ds-stats-prompts-content{width:100%}.ds-stats-big-number{color:var(--text-primary);font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1}.ds-stats-label-bracketed{align-items:center;display:flex;gap:10px;margin-top:8px}.ds-bracket-line{border-radius:2px;height:18px;width:3px}.ds-stats-label-text{color:var(--text-secondary);font-size:13px;letter-spacing:.2px}.ds-users{grid-column:1;grid-row:4/6;min-height:290px;padding:20px}.ds-streak-content{display:flex;flex-direction:column;gap:12px;height:100%;width:100%}.ds-streak-header{align-items:center;display:flex;gap:10px}.ds-streak-info{display:flex;flex-direction:column}.ds-streak-number{color:var(--accent);font-size:28px;font-weight:800;line-height:1}.ds-streak-label{color:var(--text-secondary);font-size:11px;text-transform:lowercase}.ds-line-chart-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100px;width:100%}.ds-line-chart{height:100%;max-width:336px;width:100%}.ds-analytics-btn{align-items:center;background:#0000;border:2px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.ds-streak-actions{display:flex;gap:12px;margin-top:8px;width:100%}.ds-streak-actions .ds-analytics-btn{flex:1 1}.ds-analytics-btn:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px #0003;color:var(--bg-primary);transform:translateY(-2px)}.ds-analytics-btn:hover span,.ds-analytics-btn:hover svg{stroke:var(--bg-primary);color:var(--bg-primary)}.ds-feature{align-items:center;display:flex;justify-content:center;padding:24px}.ds-notes{grid-column:2}.ds-flashcards,.ds-notes{grid-row:3/5;min-height:280px}.ds-flashcards{grid-column:3}.ds-activity{grid-column:4;grid-row:3/5;min-height:280px}.ds-concept-web{grid-column:4;grid-row:5;min-height:140px}.ds-feature-content{box-sizing:border-box;flex-direction:column;height:100%;overflow:hidden;padding:12px;text-align:center;width:100%}.ds-feature-content,.ds-feature-icon{align-items:center;display:flex;justify-content:center}.ds-feature-icon{border-radius:50%;color:var(--bg-primary);flex-shrink:0;height:42px;margin-bottom:14px;transition:all .3s ease;width:42px}.ds-card:hover .ds-feature-icon{transform:scale(1.1)}.ds-feature-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:6px}.ds-feature-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));display:-webkit-box;font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.ds-feature-stat{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.ds-activity .ds-feature-content{gap:16px;padding:24px}.ds-activity .ds-feature-icon{height:48px;margin-bottom:12px;width:48px}.ds-activity .ds-feature-icon svg{height:24px;width:24px}.ds-activity .ds-feature-title{font-size:18px;margin-bottom:8px}.ds-activity .ds-feature-description{display:block}.ds-activity .ds-feature-stat{font-size:14px;margin-top:8px}.ds-concept-web .ds-feature-content{gap:8px;padding:16px}.ds-concept-web .ds-feature-icon{height:36px;margin-bottom:8px;width:36px}.ds-concept-web .ds-feature-icon svg{height:18px;width:18px}.ds-concept-web .ds-feature-title{font-size:14px;margin-bottom:4px}.ds-concept-web .ds-feature-description{font-size:9px}.ds-stats-prompts .ds-feature-content{gap:2px;padding:8px}.ds-stats-prompts .ds-feature-icon{height:32px;margin-bottom:6px;width:32px}.ds-stats-prompts .ds-feature-icon svg{height:14px;width:14px}.ds-stats-prompts .ds-feature-title{font-size:13px;margin-bottom:2px}.ds-stats-prompts .ds-feature-description{display:none}.ds-notes.ds-widget-small .ds-feature-content{gap:2px;padding:8px}.ds-notes.ds-widget-small .ds-feature-icon{height:32px;margin-bottom:6px;width:32px}.ds-notes.ds-widget-small .ds-feature-icon svg{height:14px;width:14px}.ds-notes.ds-widget-small .ds-feature-title{font-size:13px;margin-bottom:2px}.ds-notes.ds-widget-small .ds-feature-description{display:none}.ds-notes.ds-widget-small .ds-feature-stat{font-size:10px;margin-top:4px}.ds-flashcards.ds-widget-small .ds-feature-content{gap:2px;padding:8px}.ds-flashcards.ds-widget-small .ds-feature-icon{height:32px;margin-bottom:6px;width:32px}.ds-flashcards.ds-widget-small .ds-feature-icon svg{height:14px;width:14px}.ds-flashcards.ds-widget-small .ds-feature-title{font-size:13px;margin-bottom:2px}.ds-flashcards.ds-widget-small .ds-feature-description{display:none}.ds-flashcards.ds-widget-small .ds-feature-stat{font-size:10px;margin-top:4px}.ds-templates{display:flex;flex-direction:column;grid-column:4;grid-row:3/5;min-height:280px;padding:24px}.ds-templates-content{display:flex;flex-direction:column;height:100%}.ds-templates-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:6px}.ds-templates-description{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5;margin-bottom:20px;text-transform:uppercase}.ds-learning-hub-list{display:flex;flex:1 1;flex-direction:column;gap:16px;list-style:none;margin:40px 0 16px;padding-left:0}.ds-learning-hub-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding-left:0;transition:all .2s ease}.ds-learning-hub-item svg{flex-shrink:0;margin-top:2px;opacity:.7}.ds-learning-hub-item:hover{transform:translateX(4px)}.ds-learning-hub-item:hover svg{opacity:1}.ds-learning-hub-item-text{display:flex;flex-direction:column;gap:4px}.ds-learning-hub-button{align-items:center;border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:auto;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.ds-learning-hub-button:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.ds-learning-hub-button svg{transition:transform .3s ease}.ds-learning-hub-button:hover svg{transform:translateX(4px)}.ds-learning-hub-name{font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.4;text-transform:uppercase}.ds-learning-hub-desc{color:var(--text-secondary);font-size:10px;font-weight:400;letter-spacing:0;line-height:1.4;opacity:.7;text-transform:none}.ds-templates-visual{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.ds-template-badge-wrapper{position:absolute;right:-10px;top:0;transform:rotate(15deg)}.ds-template-badge{background:#0000;border:1px solid;border-radius:12px;display:inline-block;font-size:10px;font-weight:500;padding:5px 14px;white-space:nowrap}.ds-template-icons-grid{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:40px;width:100%}.ds-template-row{align-items:flex-start;display:flex;gap:20px;justify-content:center;width:100%}.ds-template-icon-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:140px}.ds-template-icon-box{align-items:center;border-radius:6px;color:var(--bg-primary);display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ds-card:hover .ds-template-icon-box{transform:scale(1.1)}.ds-template-icon-label{color:var(--text-secondary);font-size:10px;font-weight:500;line-height:1.3;text-align:center}.ds-template-dots-row{display:flex;gap:8px;margin-top:auto;padding-top:20px}.ds-template-dot{border-radius:50%;height:8px;width:8px}.ds-nav{grid-column:4;grid-row:5;padding:20px}.ds-nav-content{display:flex;flex-direction:column;gap:12px;position:relative}.ds-nav-user-section{align-items:center;display:flex;gap:10px}.ds-nav-profile-picture{border:2px solid var(--accent);border-radius:50%;height:32px;object-fit:cover;width:32px}.ds-nav-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.ds-nav-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ds-nav-icon-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;height:34px;justify-content:center;position:relative;transition:all .2s ease;width:34px}.ds-nav-icon-btn:hover{background:var(--bg-primary);border-color:var(--accent)}.ds-nav-badge{align-items:center;border-radius:8px;color:var(--bg-primary);display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.ds-nav-logout{margin-left:auto}.ds-nav-notif-panel{background:var(--bg-secondary);border:1px solid;border-radius:12px;box-shadow:0 10px 40px #0000004d;left:0;margin-top:8px;position:absolute;right:0;top:100%;z-index:100}.ds-nav-notif-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.ds-nav-notif-header h3{color:var(--text-primary);font-size:14px;font-weight:600}.ds-nav-notif-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1}.ds-nav-notif-content{max-height:250px;overflow-y:auto;scrollbar-width:thin}.ds-nav-no-notifications{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:30px}.ds-nav-no-notifications p{font-size:13px;margin-top:8px}.ds-nav-notif-item{border-bottom:1px solid var(--border);padding:12px 16px;transition:background .2s ease}.ds-nav-notif-item:hover{background:var(--bg-primary)}.ds-nav-notif-item.ds-unread{background:rgba(var(--accent),.05)}.ds-nav-notif-row{align-items:flex-start;display:flex;justify-content:space-between}.ds-nav-notif-title{color:var(--text-primary);font-size:13px;font-weight:600}.ds-nav-notif-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;opacity:0;transition:opacity .2s ease}.ds-nav-notif-item:hover .ds-nav-notif-delete{opacity:1}.ds-nav-notif-text{font-size:12px;line-height:1.4}.ds-nav-notif-text,.ds-nav-notif-time{color:var(--text-secondary);margin-top:4px}.ds-nav-notif-time{display:block;font-size:10px;opacity:.7}@media (max-width:1100px){.ds-header-search{min-width:300px}.ds-grid-container{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ds-tagline{grid-column:1;grid-row:1}.ds-hero{grid-column:1/3;grid-row:2;min-height:480px}.ds-icon-top{grid-column:2;grid-row:1}.ds-stats-prompts{grid-column:1;grid-row:3}.ds-users{grid-column:2;grid-row:3}.ds-generate{grid-column:1;grid-row:4}.ds-notes{grid-column:2;grid-row:4}.ds-flashcards{grid-column:1;grid-row:5}.ds-templates{grid-column:2;grid-row:5/7}.ds-social{grid-column:1;grid-row:6}.ds-concepts{grid-column:1;grid-row:7}.ds-activity{grid-column:2;grid-row:7}}@media (max-width:640px){.ds-header{padding:12px 16px}.ds-header-content{flex-wrap:wrap}.ds-header-search{min-width:100%;order:3}.ds-header-brand-text{display:none}.ds-page{padding:0}.ds-grid-container{gap:12px;grid-template-columns:1fr;padding:12px}.ds-activity,.ds-concepts,.ds-flashcards,.ds-generate,.ds-hero,.ds-icon-top,.ds-notes,.ds-social,.ds-stats-prompts,.ds-tagline,.ds-templates,.ds-users{grid-column:1;grid-row:auto}.ds-tagline-title{font-size:24px}.ds-stats-big-number{font-size:42px}.ds-users-number{font-size:34px}}.ds-heatmap{grid-column:1/5;grid-row:7/9;margin-bottom:0;min-height:200px;padding:0}.ds-activity-heatmap{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:visible;padding:20px 25px}.ds-heatmap-header{border-bottom:2px solid var(--accent);justify-content:space-between;margin:0 auto 20px;padding-bottom:12px}.ds-heatmap-container,.ds-heatmap-header{align-items:center;display:flex;max-width:1000px;width:100%}.ds-heatmap-container{margin-bottom:15px;margin-left:auto;margin-right:auto;min-height:140px;padding:10px 0;position:relative}.ds-heatmap-container,.ds-heatmap-content{flex:1 1;justify-content:center;overflow:visible}.ds-heatmap-content{align-items:center;display:flex;flex-direction:column;min-width:0}.ds-heatmap-grid{align-items:flex-start;display:flex;gap:2px;min-height:134px;overflow:visible;overflow-x:auto;padding:2px 0;scrollbar-width:thin}.ds-heatmap-week{display:flex;flex-direction:column;flex-shrink:0;gap:2px;overflow:visible}.ds-heatmap-day{border:none;border-radius:2px;cursor:pointer;height:16px;overflow:visible;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:16px}.ds-heatmap-day:hover{border:none;box-shadow:0 4px 6px -1px #0006;transform:scale(1.1);z-index:10}.ds-heatmap-legend{align-items:center;display:flex;flex-shrink:0;font-size:14px;gap:12px;justify-content:center;margin-top:15px;width:100%}.ds-legend-label{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:capitalize}.ds-legend-scale{align-items:center;display:flex;gap:4px}.ds-legend-box{border:1px solid #0000001a;height:16px;transition:all .2s;width:16px}.ds-legend-box:hover{border-color:var(--accent);transform:scale(1.2)}.ds-heatmap-title{color:var(--accent);font-size:18px;font-weight:700;letter-spacing:.3px;margin:0;text-transform:lowercase}.ds-heatmap-stats,.ds-total-questions{color:color-mix(in srgb,var(--text-secondary) 90%,var(--text-primary));font-size:18px;font-weight:700}.ds-heatmap-days{display:flex;flex-direction:column;flex-shrink:0;gap:2px;margin-right:15px;padding-top:20px;text-align:right;width:40px}.ds-heatmap-container::-webkit-scrollbar{display:none}.ds-heatmap-container{-ms-overflow-style:none;overflow:visible!important;scrollbar-width:none}.ds-day-label{align-items:center;color:var(--text-secondary);display:flex;font-size:9px;font-weight:500;height:16px;justify-content:flex-end;line-height:16px;padding-right:8px;text-align:right;text-transform:lowercase}.ds-month-labels{height:20px;margin-bottom:5px;position:relative;width:100%}.ds-month-label{font-size:11px;position:absolute;text-transform:lowercase}.ds-heatmap-loading,.ds-month-label{color:var(--text-secondary);font-weight:500}.ds-heatmap-loading{align-items:center;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:60px;text-align:center}.ds-customize-btn.active{background:var(--accent);box-shadow:0 4px 6px -1px #0006;color:var(--bg-primary)}.ds-customize-overlay{animation:slideInRight .3s ease-out;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;position:fixed;right:20px;top:80px;width:400px;z-index:200}.ds-customize-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin}.ds-customize-header{background:var(--bg-primary);border-bottom:2px solid var(--accent);padding:20px}.ds-customize-header h2{color:var(--accent);font-size:20px;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.ds-customize-header p{color:var(--text-secondary);font-size:13px;margin:0}.ds-customize-header strong{color:var(--accent);font-weight:600}.ds-customize-actions{display:flex;flex-direction:column;gap:20px;padding:20px}.ds-customize-action-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 90%,#000) 100%);border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.ds-customize-action-btn:hover{box-shadow:0 4px 12px #0000004d,0 0 20px var(--glow);transform:translateY(-2px)}.ds-saved-layouts{display:flex;flex-direction:column;gap:12px}.ds-saved-layouts h3{color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.ds-layout-list{display:flex;flex-direction:column;gap:8px}.ds-layout-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.ds-layout-item:hover{border-color:var(--accent);transform:translateX(4px)}.ds-layout-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:600}.ds-layout-actions{align-items:center;display:flex;gap:8px}.ds-layout-load-btn{background:var(--accent);border:none;border-radius:4px;color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.ds-layout-load-btn:hover{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.ds-layout-delete-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;line-height:1;transition:all .2s ease;width:24px}.ds-layout-delete-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:scale(1.1)}.ds-customize-info{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:16px}.ds-customize-info p{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.ds-customize-info strong{color:var(--accent);font-weight:600}.ds-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.ds-modal-content{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%}.ds-modal-header{align-items:center;background:var(--bg-primary);border-bottom:2px solid var(--accent);display:flex;justify-content:space-between;padding:20px 24px}.ds-modal-header h3{color:var(--accent);font-size:18px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.ds-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;font-weight:700;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.ds-modal-close:hover{background:color-mix(in srgb,var(--danger) 20%,#0000);color:var(--danger);transform:scale(1.1)}.ds-modal-body{padding:24px}.ds-modal-body label{color:var(--accent);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ds-layout-name-input{background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.ds-layout-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.ds-layout-name-input::placeholder{color:var(--text-secondary);opacity:.5}.ds-modal-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ds-modal-cancel,.ds-modal-save{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.ds-modal-cancel{background:#0000;border:2px solid var(--border);color:var(--text-secondary)}.ds-modal-cancel:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.ds-modal-save{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 90%,#000) 100%);box-shadow:0 2px 8px #0003;color:var(--bg-primary)}.ds-modal-save:hover{box-shadow:0 4px 12px #0000004d,0 0 20px var(--glow);transform:translateY(-2px)}@media (max-width:768px){.ds-customize-overlay{left:20px;right:20px;width:calc(100% - 40px)}}.math-content{word-wrap:break-word;color:#e0e0e0;font-size:15px;line-height:1.9}.math-content p{margin:.8em 0}.math-content p:first-child{margin-top:0}.math-content p:last-child{margin-bottom:0}.math-content h1,.math-content h2,.math-content h3,.math-content h4{color:#fff;font-weight:600;margin:1.4em 0 .7em}.math-content ol,.math-content ul{margin:.8em 0;padding-left:2em}.math-content li{line-height:1.7;margin:.5em 0}.math-content strong{color:#fff;font-weight:700}.math-content em{font-style:italic}.math-content code{background:#ffffff14;border-radius:4px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.88em;padding:.2em .5em}.math-content pre{background:#0000004d;border-radius:8px;margin:1em 0;overflow-x:auto;padding:1em}.math-content pre code{background:none;color:#e0e0e0;padding:0}.math-content .katex{font-size:.91em!important}.math-content .katex,.math-content .katex .mbin,.math-content .katex .mclose,.math-content .katex .minner,.math-content .katex .mop,.math-content .katex .mopen,.math-content .katex .mord,.math-content .katex .mpunct,.math-content .katex .mrel,.math-content .katex .msupsub{color:var(--accent)!important}.math-content .katex .mfrac .frac-line{background:var(--accent);border-color:var(--accent)}.math-content .katex .sqrt-sign{color:var(--accent)}.math-content .katex .sqrt-line{background:var(--accent);border-color:var(--accent)}.math-content .katex-display{background:#0000;border:none;border-radius:0;display:block!important;margin:1.5em 0!important;overflow-x:auto;padding:.5em 0;text-align:center}.math-content .katex-display>.katex{color:var(--accent)!important;font-size:1.54em!important;font-weight:400}.math-content .katex-display::-webkit-scrollbar{height:6px}.math-content .katex-display::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.math-content .katex-display::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.math-inline{display:inline}.math-inline .katex{color:var(--accent)!important;font-size:.875em!important;vertical-align:middle}.math-block{display:block;margin:1.2em 0;overflow-x:auto;padding:.5em 0;text-align:center}.math-block .katex{color:var(--accent)!important;font-size:1.05em!important}[data-theme-mode=light] .math-content,[data-theme-mode=light] .math-content h1,[data-theme-mode=light] .math-content h2,[data-theme-mode=light] .math-content h3,[data-theme-mode=light] .math-content strong{color:#1a1a1a}[data-theme-mode=light] .math-content code{background:#0000000d}@media (max-width:768px){.math-content{font-size:14px}.math-content .katex{font-size:1.05em}.math-content .katex-display>.katex{font-size:1.15em}}.math-content .katex .base,.math-content .katex .mord.text,.math-content .katex .mspace{color:var(--accent)!important}.math-content .katex .frac-line{background-color:var(--accent)!important;border-bottom-color:var(--accent)!important}.math-content .katex .sqrt>.root{color:var(--accent)!important}.math-content .katex .sqrt-sign{border-color:var(--accent)!important}.math-content .katex *,.math-content .katex .delim-size1,.math-content .katex .delim-size2,.math-content .katex .delim-size3,.math-content .katex .delim-size4,.math-content .katex .delimsizing,.math-content .katex .op-limits,.math-content .katex .op-symbol{color:var(--accent)!important}.math-content .katex-display .katex{color:var(--accent)!important;font-weight:400}[data-theme-mode=light] .math-content .katex,[data-theme-mode=light] .math-content .katex *{color:var(--accent)!important}.math-content .katex-display+p,.math-content p+.katex-display{margin-top:1.5em}.math-content p .katex{font-size:.91em!important;padding:0 .1em;vertical-align:middle}.math-content p:has(.katex){line-height:1.9}body:has(.ai-chat-page),html:has(.ai-chat-page){height:100%!important;margin:0!important;overflow-x:hidden!important;overflow-y:hidden!important;padding:0!important;width:100%!important}.ai-chat-page{--ac-bg-primary:var(--bg);--ac-bg-secondary:var(--panel);--ac-bg-tertiary:var(--hover-bg);--ac-bg-card:var(--panel);--ac-bg-elevated:var(--hover-bg);--ac-border-subtle:var(--border);--ac-border-default:var(--border);--ac-text-primary:var(--text-primary);--ac-text-secondary:var(--text-secondary);--ac-text-muted:var(--text-secondary);--ac-accent:var(--accent);--ac-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--ac-success:#22c55e;--ac-warning:#f59e0b;--ac-danger:#ef4444;--ac-sidebar-width:260px;--ac-sidebar-collapsed:70px;--ac-header-height:70px;background:var(--ac-bg-primary)!important;bottom:0!important;color:var(--ac-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow-x:hidden!important;overflow-y:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.hub-header{background:var(--ac-bg-primary)}.nav-menu-btn:hover{background:var(--ac-bg-tertiary)}[data-theme-mode=light] .ac-nav-btn-ghost{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .ac-main,[data-theme-mode=light] .ai-chat-page{background:#fff!important}.ai-chat-page *{box-sizing:border-box;margin:0;padding:0}.ac-layout{display:flex;flex:1 1;height:100%;overflow-x:hidden!important;overflow-y:hidden!important;width:100%}.ac-main{width:100%}.ac-sidebar{background:var(--ac-bg-secondary);border-right:1px solid var(--ac-border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100%;padding-top:16px;width:var(--ac-sidebar-width)}[data-theme-mode=dark] .ac-sidebar{color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=dark] .ac-folders-header h4,[data-theme-mode=dark] .ac-nav-section-title{color:var(--accent)!important}[data-theme-mode=dark] .ac-folder-name,[data-theme-mode=dark] .ac-nav-text,[data-theme-mode=dark] .ac-session-title{color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=light] .ac-sidebar{color:color-mix(in srgb,var(--accent) 80%,#000)!important}[data-theme-mode=light] .ac-folders-header h4,[data-theme-mode=light] .ac-nav-section-title{color:var(--accent)!important}[data-theme-mode=light] .ac-folder-name,[data-theme-mode=light] .ac-nav-text,[data-theme-mode=light] .ac-session-title{color:color-mix(in srgb,var(--accent) 80%,#000)!important}.ac-sidebar.collapsed{border-right:none!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:0!important}.ac-show-sidebar-btn{align-items:center!important;background:var(--ac-bg-secondary)!important;border:1px solid var(--ac-border-subtle)!important;color:var(--ac-accent)!important;cursor:pointer!important;display:flex!important;flex-shrink:0;height:44px!important;justify-content:center!important;transition:all .2s!important;width:44px!important}.ac-show-sidebar-btn:hover{background:var(--ac-accent)!important;color:var(--ac-bg-primary)!important}.ac-sidebar-header{display:none}.ac-collapse-btn{align-items:center;background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);border-radius:8px;color:var(--ac-text-muted);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.ac-collapse-btn:hover{background:var(--ac-bg-elevated);color:var(--ac-accent)}.ac-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.ac-sidebar-footer .ac-nav-item{padding:10px 14px}.ac-nav-item{gap:10px}.ac-nav-icon,.ac-nav-icon svg{height:16px;width:16px}.ac-nav-text{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.ac-sidebar.collapsed .ac-nav-text{display:none}.ac-nav-section{margin-bottom:16px}.ac-nav-section-title{align-items:center;display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.8px;margin-bottom:4px;margin-right:8px;margin-top:8px;padding:12px 16px 8px;text-transform:uppercase}.ac-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--ac-text-secondary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.ac-nav-item:hover{background:var(--ac-bg-tertiary);color:var(--ac-text-primary)}.ac-nav-item.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--ac-accent)}.ac-nav-item-accent{border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)!important}.ac-nav-item-accent,.ac-nav-item-accent .ac-nav-icon,.ac-nav-item-accent .ac-nav-text,[data-theme-mode=light] .ac-nav-item-accent .ac-nav-icon,[data-theme-mode=light] .ac-nav-item-accent .ac-nav-text{color:var(--ac-accent)!important}.ac-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ac-nav-icon,.ac-nav-icon svg{height:20px;width:20px}.ac-nav-text{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-sidebar.collapsed .ac-nav-section-title,.ac-sidebar.collapsed .ac-nav-text{display:none}.ac-sidebar.collapsed .ac-nav-item{justify-content:center;padding:12px}.ac-sidebar-footer{border-top:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.ac-sidebar-footer .ac-nav-item{border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)}.ac-new-chat-btn{align-items:center;background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:2px;margin:12px;padding:12px 16px;text-transform:uppercase;transition:all .2s}.ac-new-chat-btn:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.ac-new-chat-btn svg{height:18px;width:18px}.ac-sidebar.collapsed .ac-new-chat-btn span{display:none}.ac-sidebar.collapsed .ac-new-chat-btn{justify-content:center;padding:12px}.ac-sessions-list{display:flex;flex-direction:column;gap:2px}.ac-session-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--ac-text-secondary);cursor:pointer;display:flex;gap:12px;padding:10px 16px 10px 20px;text-align:left;transition:all .2s;width:90%}.ac-session-item:hover{background:#d7b38c1a;color:var(--ac-text-primary)}[data-theme-mode=dark] .ac-session-item.active,[data-theme-mode=dark] .ac-session-item:hover{color:#e8d5c4}[data-theme-mode=light] .ac-session-item.active,[data-theme-mode=light] .ac-session-item:hover{color:color-mix(in srgb,var(--accent) 80%,#000)}.ac-session-item.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--ac-accent)}.ac-session-icon{display:none}.ac-session-info{flex:1 1;min-width:0}.ac-session-title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-session-date{color:var(--ac-text-muted);font-size:11px}.ac-session-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.ac-session-item:hover .ac-session-actions{opacity:1}.ac-session-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--ac-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.ac-session-btn:hover{background:var(--ac-bg-elevated);color:var(--ac-text-primary)}.ac-session-btn.delete:hover{color:var(--ac-danger)}.ac-session-btn svg{height:14px;width:14px}.ac-main{background:var(--ac-bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow-x:hidden!important;overflow-y:auto;position:relative}.ac-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.ac-btn-secondary{background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);color:var(--ac-text-primary)}.ac-btn-secondary:hover{background:var(--ac-bg-elevated)}.ac-btn-primary{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));color:var(--ac-bg-primary)}.ac-btn-primary:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.ac-btn svg{height:16px;width:16px}.ac-profile-picture{border:2px solid var(--ac-border-subtle);border-radius:50%;cursor:pointer;height:36px;object-fit:cover;transition:all .2s;width:36px}.ac-profile-picture:hover{border-color:var(--ac-accent)}.ac-content{display:flex;flex:1 1;flex-direction:column;margin:0!important;overflow-x:hidden;overflow-y:hidden!important;padding:0!important;width:100%!important}.ac-content::-webkit-scrollbar-thumb{border-radius:6px}.ac-messages{display:flex;flex:1 1;flex-direction:column;gap:24px;margin:0!important;max-width:100%!important;overflow-x:visible!important;overflow-y:auto!important;padding:24px 40px;width:100%}.ac-messages::-webkit-scrollbar{display:none}.ac-messages{-ms-overflow-style:none;scrollbar-width:none}.ac-welcome{flex:1 1;flex-direction:column;padding:40px;text-align:center}.ac-welcome,.ac-welcome-icon{align-items:center;display:flex;justify-content:center}.ac-welcome-icon{background:var(--ac-bg-tertiary);border-radius:16px;color:var(--ac-accent);height:70px;margin-bottom:20px;width:70px}.ac-welcome-icon svg{height:32px;width:32px}.ac-welcome h2{color:var(--ac-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.ac-welcome p{color:var(--ac-text-muted);font-size:14px;max-width:400px}.ac-message{display:flex;flex-direction:column;gap:8px;width:100%}.ac-message.user{align-items:flex-end}.ac-message.user .ac-message-meta{justify-content:flex-end;order:2}.ac-message.user .ac-message-bubble{order:1}.ac-message.ai{align-items:flex-start}.ac-message-bubble{background:var(--ac-bg-card);border:1px solid var(--ac-border-subtle);border-radius:12px;max-width:85%;padding:16px 20px}.ac-message.user .ac-message-bubble{border-color:var(--ac-accent);margin-left:auto;margin-right:0}.ac-message.ai .ac-message-bubble{margin-left:0;margin-right:auto;padding:20px 24px}.ac-message-content{word-wrap:break-word;color:var(--ac-text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.ac-suggestion-item{align-items:flex-start;background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);border-radius:8px;cursor:pointer;display:flex;gap:12px;margin:8px 0;padding:12px 16px;transition:all .2s ease}.ac-suggestion-item:hover{background:var(--ac-bg-tertiary);border-color:var(--ac-accent);box-shadow:0 2px 8px #d7b38c33;transform:translateX(4px)}.ac-suggestion-letter{color:var(--ac-accent);flex-shrink:0;font-size:15px;font-weight:700;min-width:24px}.ac-suggestion-text{color:var(--ac-text-primary);flex:1 1;font-size:14px;line-height:1.5}[data-theme-mode=dark] .ac-suggestion-item{background:#d7b38c0d;border-color:#d7b38c26}[data-theme-mode=dark] .ac-suggestion-item:hover{background:#d7b38c1a;border-color:var(--ac-accent)}[data-theme-mode=light] .ac-suggestion-item{background:#d7b38c14;border-color:#d7b38c33}[data-theme-mode=light] .ac-suggestion-item:hover{background:#d7b38c26;border-color:var(--ac-accent)}.ac-message-meta{align-items:center;display:flex;gap:12px;justify-content:flex-start;max-width:100%;overflow:visible;padding:0 4px;width:100%}.ac-message-time{color:var(--ac-text-muted);font-size:11px}.ac-input-area{background:var(--ac-bg-primary);border-top:1px solid var(--ac-border-subtle);padding:20px 32px}.ac-input-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:900px}.ac-input-wrapper{align-items:center;background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);border-radius:12px;display:flex;gap:12px;min-height:48px;padding:12px 16px;transition:border-color .2s}.ac-input-wrapper:focus-within{border-color:var(--ac-accent)}.ac-input-wrapper.drag-active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--ac-accent)}.ac-textarea{background:#0000;border:none;color:var(--ac-text-primary);flex:1 1;font-family:inherit;font-size:14px;height:24px!important;line-height:1.5;margin:0;max-height:24px!important;min-height:24px!important;outline:none;overflow:hidden!important;overflow-y:hidden!important;padding:0;resize:none!important}.ac-textarea::placeholder{color:var(--ac-text-muted)}.ac-input-actions{align-items:center;display:flex;gap:8px}.ac-input-btn{align-items:center;background:#0000;border:1px solid var(--ac-border-subtle);border-radius:8px;color:var(--ac-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.ac-input-btn:hover{background:var(--ac-bg-tertiary);border-color:var(--ac-accent);color:var(--ac-text-primary)}.ac-input-btn svg{height:18px;width:18px}.ac-send-btn{align-items:center;background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));border:none;border-radius:8px;color:var(--ac-bg-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.ac-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.ac-send-btn:disabled{cursor:not-allowed;opacity:.5}.ac-send-btn svg{height:18px;width:18px}.ac-file-preview{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.ac-file-tag{align-items:center;background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);border-radius:8px;color:var(--ac-text-primary);display:flex;font-size:12px;gap:8px;padding:6px 12px}.ac-file-tag svg{color:var(--ac-accent);height:14px;width:14px}.ac-file-remove{align-items:center;background:#0000;border:none;color:var(--ac-text-muted);cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;width:16px}.ac-file-remove:hover{color:var(--ac-danger)}.ac-file-remove svg{height:12px;width:12px}.ac-code-block{background:var(--ac-bg-primary);border:1px solid var(--ac-border-subtle);border-radius:8px;margin:12px 0;overflow:hidden}.ac-code-header{align-items:center;background:var(--ac-bg-tertiary);border-bottom:1px solid var(--ac-border-subtle);display:flex;justify-content:space-between;padding:8px 12px}.ac-code-lang{color:var(--ac-accent);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ac-code-copy{align-items:center;background:#0000;border:1px solid var(--ac-border-subtle);border-radius:6px;color:var(--ac-text-muted);cursor:pointer;display:flex;font-size:10px;gap:4px;padding:4px 8px;transition:all .2s}.ac-code-copy:hover{background:var(--ac-accent);border-color:var(--ac-accent);color:var(--ac-bg-primary)}.ac-code-copy.copied{background:var(--ac-success);border-color:var(--ac-success);color:#fff}.ac-code-copy svg{height:12px;width:12px}.ac-code-content{color:var(--ac-text-primary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto;padding:16px}.ac-code-content::-webkit-scrollbar{height:6px}.ac-code-content::-webkit-scrollbar-track{background:var(--ac-bg-tertiary)}.ac-code-content::-webkit-scrollbar-thumb{background:var(--ac-accent);border-radius:3px}.ac-pulse-loader{align-items:center;display:flex;gap:8px;justify-content:center;padding:16px 20px}.ac-pulse-square{animation:acPulseGrow 1.5s ease-in-out infinite;background:var(--ac-accent)}.ac-pulse-square.ac-pulse-1{animation-delay:0s;height:8px;width:8px}.ac-pulse-square.ac-pulse-2{animation-delay:.2s;height:10px;width:10px}.ac-pulse-square.ac-pulse-3{animation-delay:.4s;height:12px;width:12px}@keyframes acPulseGrow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.ac-typing{display:flex;gap:6px;padding:16px 20px}.ac-typing span{animation:ac-typing 1.4s infinite;background:var(--ac-accent);border-radius:50%;height:8px;width:8px}.ac-typing span:nth-child(2){animation-delay:.2s}.ac-typing span:nth-child(3){animation-delay:.4s}@keyframes ac-typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.ac-folders-section{margin-bottom:8px}.ac-folders-header{align-items:center;display:flex;justify-content:space-between;margin-top:8px;padding:12px 16px 8px}.ac-folders-header h4{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.ac-add-folder-btn{align-items:center;background:#0000;border:none;color:var(--ac-accent);cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:all .3s;width:18px}.ac-add-folder-btn:hover{background:#0000;border:none;opacity:.8;transform:scale(1.1)}.ac-add-folder-btn svg{height:12px;width:12px}.ac-folder-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--ac-text-secondary);cursor:pointer;display:flex;gap:12px;padding:10px 16px 10px 20px;text-align:left;transition:all .2s;width:90%}[data-theme-mode=dark] .ac-folder-item,[data-theme-mode=dark] .ac-folder-name{color:#e8d5c4}[data-theme-mode=light] .ac-folder-item,[data-theme-mode=light] .ac-folder-name{color:color-mix(in srgb,var(--accent) 80%,#000)}.ac-folder-item.active{background:#d7b38c26;color:var(--ac-accent)}.ac-folder-item:hover{background:#d7b38c14;margin-right:8px}.ac-folder-icon,.ac-folder-icon svg{height:18px;width:18px}.ac-folder-name{flex:1 1;font-size:13px;font-weight:500}.ac-folder-count{display:none!important}.ac-folder-input-group{display:flex;gap:6px;padding:8px 12px}.ac-folder-input{background:#0000;border:none;border-radius:8px;color:var(--ac-text-primary);flex:1 1;font-size:12px;outline:none;padding:6px 10px}.ac-folder-input:focus{border:none;outline:none}.ac-folder-cancel,.ac-folder-submit{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.ac-folder-submit{background:var(--ac-accent);border:none;color:var(--ac-bg-primary)}.ac-folder-submit:hover{opacity:.9}.ac-folder-cancel{background:#0000;border:1px solid var(--ac-border-subtle);color:var(--ac-text-muted)}.ac-folder-cancel:hover{border-color:var(--ac-danger);color:var(--ac-danger)}.ac-folder-cancel svg,.ac-folder-submit svg{height:14px;width:14px}.ac-scroll-btn{align-items:center;background:var(--ac-accent);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:var(--ac-bg-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:30px;transition:all .2s;width:40px;z-index:100}.ac-scroll-btn:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.ac-scroll-btn.top{bottom:140px}.ac-scroll-btn.bottom{bottom:90px}.ac-scroll-btn.hidden{opacity:0;pointer-events:none;visibility:hidden}.ac-scroll-btn svg{height:20px;width:20px}.ac-rating{background:var(--ac-bg-tertiary);border-radius:8px;margin-top:12px;padding:12px}.ac-rating-label{color:var(--ac-accent);font-size:10px;font-weight:600;letter-spacing:1.5px;margin:0;text-transform:uppercase;white-space:nowrap}.ac-rating-buttons{display:flex;flex-shrink:0;gap:6px;margin:0}.ac-rating-btn{background:#0000;border:none;color:var(--ac-accent);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.ac-rating-btn:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--ac-accent);transform:scale(1.1)}.ac-confidence{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.ac-confidence.high{background:#22c55e26;color:var(--ac-success)}.ac-confidence.medium{background:#f59e0b26;color:var(--ac-warning)}.ac-confidence.low{background:#ef444426;color:var(--ac-danger)}.ac-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.ac-modal{background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);border-radius:12px;max-width:400px;padding:24px;width:90%}.ac-modal h3{color:var(--ac-text-primary);font-weight:800;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}.ac-modal h3,.ac-modal p{font-family:Inter,sans-serif;font-size:14px}.ac-modal p{color:var(--ac-text-muted);line-height:1.6;margin-bottom:24px}.ac-modal-actions{display:flex;gap:12px;justify-content:flex-end}.ac-modal-btn{border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.ac-modal-btn.cancel{background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);color:var(--ac-text-primary)}.ac-modal-btn.cancel:hover{background:var(--ac-bg-elevated)}.ac-modal-btn.delete{background:var(--ac-danger);border:none;color:#fff}.ac-modal-btn.delete:hover{opacity:.9}.ac-feedback{background:var(--ac-bg-tertiary);border-radius:8px;margin-top:12px;padding:16px}.ac-feedback textarea{background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);border-radius:8px;color:var(--ac-text-primary);font-family:inherit;font-size:13px;margin-bottom:12px;min-height:80px;outline:none;padding:12px;resize:vertical;width:100%}.ac-feedback textarea:focus{border-color:var(--ac-accent)}.ac-feedback textarea::placeholder{color:var(--ac-text-muted)}.ac-feedback-actions{display:flex;gap:8px;justify-content:flex-end}.ac-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.ac-spinner{border:3px solid var(--ac-border-subtle);border-radius:50%;border-top-color:var(--ac-accent);height:40px;margin-bottom:16px;width:40px}@keyframes ac-spin{to{transform:rotate(1turn)}}.ac-loading p{color:var(--ac-text-muted);font-size:14px}.ac-empty{flex-direction:column;padding:40px 20px;text-align:center}.ac-empty,.ac-empty-icon{align-items:center;display:flex;justify-content:center}.ac-empty-icon{background:var(--ac-bg-tertiary);border-radius:12px;color:var(--ac-accent);height:60px;margin-bottom:16px;width:60px}.ac-empty-icon svg{height:28px;width:28px}.ac-empty h3{color:var(--ac-text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.ac-empty p{color:var(--ac-text-muted);font-size:13px}.ac-move-menu{background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);border-radius:8px;box-shadow:0 8px 24px #0000004d;min-width:180px;padding:8px 0;position:fixed;z-index:10000}.ac-move-menu-item{align-items:center;background:#0000;border:none;color:var(--ac-text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.ac-move-menu-item:hover{background:var(--ac-bg-tertiary)}.ac-move-menu-item svg{color:var(--ac-accent);height:16px;width:16px}.ac-message-content h1,.ac-message-content h2,.ac-message-content h3,.ac-message-content h4{color:var(--ac-accent);margin:16px 0 8px}.ac-message-content h1{font-size:18px}.ac-message-content h2{font-size:16px}.ac-message-content h3{font-size:15px}.ac-message-content h4{font-size:14px}.ac-message-content strong{color:var(--ac-accent);font-weight:600}.ac-message-content em{color:var(--ac-text-secondary);font-style:italic}.ac-message-content ol,.ac-message-content ul{margin:8px 0;padding-left:20px}.ac-message-content li{margin:4px 0}.ac-message-content code{background:var(--ac-bg-tertiary);border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;padding:2px 6px}.ac-message-content a{color:var(--ac-accent);text-decoration:none}.ac-message-content a:hover{text-decoration:underline}.ac-message-content blockquote{border-left:3px solid var(--ac-accent);color:var(--ac-text-secondary);margin:12px 0;padding-left:12px}.ac-message-content table{border-collapse:collapse;margin:12px 0;width:100%}.ac-message-content td,.ac-message-content th{border:1px solid var(--ac-border-subtle);padding:8px 12px;text-align:left}.ac-message-content th{background:var(--ac-bg-tertiary);font-weight:600}.ac-file-analysis{border-top:1px solid var(--ac-border-subtle);margin-top:12px;padding-top:12px}.ac-file-analysis-header{color:var(--ac-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ac-file-analysis-item{align-items:center;color:var(--ac-text-primary);display:flex;font-size:12px;gap:8px;padding:6px 0}.ac-file-analysis-item svg{color:var(--ac-accent);height:14px;width:14px}.ac-action-buttons{border-top:1px solid var(--ac-border-subtle);display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.ac-action-btn{align-items:center;background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);border-radius:8px;color:var(--ac-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.ac-action-btn:hover{background:var(--ac-accent);border-color:var(--ac-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff;transform:translateY(-2px)}.ac-action-btn svg{flex-shrink:0;height:14px;width:14px}.ac-action-btn-note{border-color:color-mix(in srgb,#3b82f6 30%,var(--ac-border-subtle))}.ac-action-btn-note:hover{background:#3b82f6;border-color:#3b82f6}.ac-action-btn-flashcard{border-color:color-mix(in srgb,#8b5cf6 30%,var(--ac-border-subtle))}.ac-action-btn-flashcard:hover{background:#8b5cf6;border-color:#8b5cf6}.ac-action-btn-quiz{border-color:color-mix(in srgb,#22c55e 30%,var(--ac-border-subtle))}.ac-action-btn-quiz:hover{background:#22c55e;border-color:#22c55e}.ac-action-btn-plus{border-color:color-mix(in srgb,var(--ac-accent) 30%,var(--ac-border-subtle))}.ac-action-btn-play{border-color:color-mix(in srgb,#f59e0b 30%,var(--ac-border-subtle))}.ac-action-btn-play:hover{background:#f59e0b;border-color:#f59e0b}@media (max-width:1024px){.ac-sidebar{width:var(--ac-sidebar-collapsed)}.ac-sidebar .ac-folder-count,.ac-sidebar .ac-folder-name,.ac-sidebar .ac-logo-text,.ac-sidebar .ac-nav-section-title,.ac-sidebar .ac-nav-text,.ac-sidebar .ac-session-info{display:none}.ac-sidebar .ac-folder-item,.ac-sidebar .ac-nav-item,.ac-sidebar .ac-new-chat-btn,.ac-sidebar .ac-session-item{justify-content:center;padding:12px}.ac-sidebar .ac-new-chat-btn span{display:none}}@media (max-width:768px){.ac-sidebar{display:none}.ac-header{padding:0 24px!important}.ac-content,.ac-input-area{padding:16px}.ac-message-bubble{max-width:90%}}.code-block-container{background:var(--ac-bg-primary);border:1px solid var(--ac-border-subtle);margin:12px 0}.code-block-header{background:var(--ac-bg-tertiary);border-bottom:1px solid var(--ac-border-subtle)}.code-language{align-items:center;color:var(--ac-accent);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.code-language:before{background:var(--ac-accent);border-radius:50%;content:"";height:8px;width:8px}.code-copy-btn{align-items:center;background:#0000;border:1px solid var(--ac-border-subtle);border-radius:6px;color:var(--ac-text-muted);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase;transition:all .2s}.code-copy-btn:hover{background:var(--ac-accent);border-color:var(--ac-accent);color:var(--ac-bg-primary)}.code-copy-btn.copied{background:var(--ac-success);border-color:var(--ac-success);color:#fff}.code-block{background:var(--ac-bg-primary);color:var(--ac-text-primary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;margin:0;overflow-x:auto;padding:16px}.code-block code{background:none;border:none;font-family:inherit;padding:0}.code-block::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-track{background:var(--ac-bg-tertiary)}.code-block::-webkit-scrollbar-thumb{background:var(--ac-accent);border-radius:3px}.md-inline-code{background:var(--ac-bg-tertiary);border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;padding:2px 6px}.md-h1,.md-h2,.md-h3,.md-h4{color:var(--ac-accent);font-weight:600;margin:16px 0 8px}.md-h1{font-size:18px}.md-h2{font-size:16px}.md-h3{font-size:15px}.md-h4{font-size:14px}.md-bold-heading,.md-bold-inline{color:var(--ac-accent);font-weight:600}.md-ol,.md-ul{margin:8px 0;padding-left:20px}.md-li,.md-li-num{line-height:1.6;margin:4px 0}.keyword{color:var(--ac-accent);font-weight:500}.math-symbol{font-size:1.2em}.table-block-container{background:var(--ac-bg-primary);border:1px solid var(--ac-border-subtle);border-radius:8px;margin:12px 0;overflow:hidden}.table-block-header{align-items:center;background:var(--ac-bg-tertiary);border-bottom:1px solid var(--ac-border-subtle);display:flex;justify-content:space-between;padding:8px 12px}.table-info{color:var(--ac-accent);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-meta{color:var(--ac-text-muted);font-size:11px}.table-block-content{overflow-x:auto}.structured-table{border-collapse:collapse;width:100%}.structured-table td,.structured-table th{border-bottom:1px solid var(--ac-border-subtle);padding:10px 14px;text-align:left}.structured-table th{background:var(--ac-bg-tertiary);color:var(--ac-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.structured-table td{font-size:13px}.table-row-odd{background:var(--ac-bg-primary)}.table-row-even{background:var(--ac-bg-tertiary)}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}[data-theme-mode=dark] .ai-chat-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important}[data-theme-mode=light] .ai-chat-page{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#fff)!important}[data-theme-mode=dark] .ac-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .ac-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.ac-nav-item{overflow:hidden;position:relative}.ac-nav-item:before{background:var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.ac-nav-item.active:before,.ac-nav-item:hover:before{transform:scaleY(1)}.ac-nav-item:after{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,#0000),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-nav-item:hover:after{opacity:1}.ac-session-item{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-session-item:before{background:var(--ac-accent);box-shadow:0 0 8px var(--ac-accent);content:"";height:60%;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s;width:3px}.ac-session-item.active:before,.ac-session-item:hover:before{opacity:1}.ac-session-item.active{background:#d7b38c26}.ac-show-sidebar-btn{overflow:hidden;position:relative}.ac-show-sidebar-btn:before{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-show-sidebar-btn:hover:before{opacity:1}.ac-show-sidebar-btn svg{position:relative;transition:transform .3s;z-index:1}.ac-show-sidebar-btn:hover svg{transform:scale(1.1)}.ac-profile-picture{box-shadow:0 0 0 2px var(--ac-border-subtle);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-profile-picture:hover{box-shadow:0 0 0 3px var(--ac-accent);transform:scale(1.05)}[data-theme-mode=dark] .ac-content,[data-theme-mode=light] .ac-content{background:#0000}.ac-welcome{opacity:1}.ac-welcome h2{-webkit-text-fill-color:#0000;animation:shimmer 3s infinite;background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));-webkit-background-clip:text;background-clip:text}.ac-message{opacity:1}.ac-message-bubble{box-shadow:0 2px 8px #0000001a;position:relative}.ac-message-bubble:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}[data-theme-mode=dark] .ac-message-bubble{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c1a}[data-theme-mode=light] .ac-message-bubble{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #0000000d}.ac-message.user .ac-message-bubble{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid var(--ac-accent)}[data-theme-mode=dark] .ac-message.user .ac-message-bubble{box-shadow:none!important}[data-theme-mode=dark] .ac-input-area{background:linear-gradient(180deg,#0f0f0f,#1a1a1a)!important;border-top:1px solid #d7b38c33;box-shadow:0 -2px 20px #00000080}[data-theme-mode=light] .ac-input-area{background:linear-gradient(180deg,#fafafa,#fff)!important;box-shadow:0 -2px 20px #0000000d}.ac-input-wrapper{box-shadow:0 2px 8px #0000001a;position:relative}.ac-input-wrapper:focus-within{box-shadow:0 4px 20px #d7b38c4d}[data-theme-mode=dark] .ac-input-wrapper{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)}[data-theme-mode=light] .ac-input-wrapper{background:linear-gradient(135deg,#fff,#fafafa)}.ac-input-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-input-btn:before{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-input-btn:hover:before{opacity:.2}.ac-input-btn svg{position:relative;transition:transform .3s;z-index:1}.ac-input-btn:hover svg{transform:rotate(15deg) scale(1.1)}.ac-send-btn{box-shadow:0 2px 8px #d7b38c4d;overflow:hidden;position:relative}.ac-send-btn:before{background:linear-gradient(135deg,var(--ac-accent-dark),var(--ac-accent));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-send-btn:hover:not(:disabled):before{opacity:1}.ac-send-btn:hover:not(:disabled){box-shadow:0 4px 20px #d7b38c80}.ac-send-btn svg{position:relative;transition:transform .3s;z-index:1}.ac-send-btn:hover:not(:disabled) svg{transform:translateX(3px)}.ac-new-chat-btn{box-shadow:0 4px 12px #d7b38c4d;overflow:hidden;position:relative}.ac-new-chat-btn:before{background:#fff3;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.ac-new-chat-btn:hover:before{height:300px;width:300px}.ac-new-chat-btn span,.ac-new-chat-btn svg{position:relative;z-index:1}.ac-new-chat-btn:hover{box-shadow:0 6px 20px #d7b38c80}.ac-code-block,.code-block-container{box-shadow:0 2px 8px #0000001a;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-code-block:hover,.code-block-container:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}[data-theme-mode=dark] .ac-code-block,[data-theme-mode=dark] .code-block-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid #d7b38c33}[data-theme-mode=light] .ac-code-block,[data-theme-mode=light] .code-block-container{background:linear-gradient(135deg,#fafafa,#fff)}.ac-code-header,.code-block-header{overflow:hidden;position:relative}.ac-code-header:before,.code-block-header:before{background:linear-gradient(90deg,var(--ac-accent),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.ac-code-block:hover .ac-code-header:before,.code-block-container:hover .code-block-header:before{opacity:1}.ac-code-copy,.code-copy-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-code-copy:before,.code-copy-btn:before{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-code-copy:hover:before,.code-copy-btn:hover:before{opacity:1}.ac-code-copy span,.ac-code-copy svg,.code-copy-btn span,.code-copy-btn svg{position:relative;z-index:1}.ac-code-copy.copied,.code-copy-btn.copied{animation:pulse .5s}.ac-scroll-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-scroll-btn:before{background:linear-gradient(135deg,var(--ac-accent-dark),var(--ac-accent));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-scroll-btn:hover:before{opacity:1}.ac-scroll-btn svg{position:relative;transition:transform .3s;z-index:1}.ac-scroll-btn.top:hover svg{transform:translateY(-3px)}.ac-scroll-btn.bottom:hover svg{transform:translateY(3px)}.ac-confidence{box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-confidence:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ac-confidence:hover:before{left:100%}.ac-confidence.high,.ac-confidence.low,.ac-confidence.medium{box-shadow:none}.ac-rating-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-rating-btn:before{background:linear-gradient(135deg,var(--ac-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-rating-btn:hover:before{opacity:1}.ac-rating-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.ac-file-tag{box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-file-tag:before{background:var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:3px}.ac-file-tag:hover:before{transform:scaleY(1)}.ac-file-tag:hover{box-shadow:0 4px 8px #00000026;transform:translateX(3px)}.ac-file-remove{transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-file-remove:hover{transform:rotate(90deg) scale(1.2)}.ac-modal-overlay{animation:fadeIn .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ac-modal{animation:scaleIn .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #00000080}[data-theme-mode=dark] .ac-modal{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c33}[data-theme-mode=light] .ac-modal{background:linear-gradient(135deg,#fff,#fafafa)}.ac-modal-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-modal-btn:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-modal-btn:hover:before{opacity:1}.ac-modal-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ac-modal-btn.delete{box-shadow:0 2px 8px #ef44444d}.ac-modal-btn.delete:hover{box-shadow:0 4px 16px #ef444480}.ac-folder-item{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-folder-item:before{background:var(--ac-accent);box-shadow:0 0 8px var(--ac-accent);content:"";height:60%;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s;width:3px}.ac-folder-item.active:before,.ac-folder-item:hover:before{opacity:1}.ac-folder-item:after,.ac-folder-item:hover:after{display:none}.ac-folder-icon{transition:transform .3s}.ac-folder-item:hover .ac-folder-icon{transform:scale(1.1) rotate(5deg)}.ac-folder-count{transition:all .3s}.ac-folder-item:hover .ac-folder-count{background:var(--ac-accent);color:var(--ac-bg-primary);transform:scale(1.05)}.ac-typing{opacity:1}.ac-spinner,.ac-typing span{box-shadow:none}.ac-empty{opacity:1}.ac-empty-icon{transition:all .3s}.ac-empty-icon:before{background:radial-gradient(circle,var(--ac-accent-glow),#0000);content:"";inset:-10px;opacity:0;position:absolute;transition:opacity .3s}.ac-empty:hover .ac-empty-icon:before{opacity:1}.ac-empty:hover .ac-empty-icon{transform:scale(1.05)}.ac-move-menu{animation:scaleIn .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000004d}[data-theme-mode=dark] .ac-move-menu{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c33}[data-theme-mode=light] .ac-move-menu{background:linear-gradient(135deg,#fff,#fafafa)}.ac-move-menu-item{overflow:hidden;position:relative;transition:all .3s}.ac-move-menu-item:before{background:linear-gradient(90deg,#0000,var(--ac-accent-glow),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.ac-move-menu-item:hover:before{left:100%}.ac-feedback{box-shadow:0 4px 12px #0000001a;opacity:1}[data-theme-mode=dark] .ac-feedback{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c1a}[data-theme-mode=light] .ac-feedback{background:linear-gradient(135deg,#fafafa,#fff)}.ac-feedback textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-feedback textarea:focus{box-shadow:0 0 0 3px var(--ac-accent-glow);transform:translateY(-2px)}.ac-collapse-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-collapse-btn:before{background:linear-gradient(135deg,var(--ac-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-collapse-btn:hover:before{opacity:1}.ac-collapse-btn:hover{transform:rotate(180deg)}.ac-add-folder-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-add-folder-btn:hover{transform:rotate(90deg) scale(1.2)}.ac-folder-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-folder-input:focus{box-shadow:0 0 0 3px var(--ac-accent-glow);transform:translateY(-2px)}.ac-folder-cancel,.ac-folder-submit{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-folder-submit:before{background:linear-gradient(135deg,var(--ac-accent-dark),var(--ac-accent));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-folder-submit:hover:before{opacity:1}.ac-folder-cancel svg,.ac-folder-submit svg{position:relative;transition:transform .3s;z-index:1}.ac-folder-submit:hover svg{transform:scale(1.2)}.ac-folder-cancel:hover svg{transform:rotate(90deg)}.ac-session-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-session-btn:before{background:color-mix(in srgb,var(--accent) 15%,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-session-btn:hover:before{opacity:1}.ac-session-btn svg{transition:transform .3s}.ac-session-btn:hover svg{transform:scale(1.2)}.ac-session-btn.delete:hover svg{transform:scale(1.2) rotate(15deg)}.ac-message-content h1,.ac-message-content h2,.ac-message-content h3,.ac-message-content h4,.md-h1,.md-h2,.md-h3,.md-h4{padding-left:12px;position:relative}.ac-message-content h1:before,.ac-message-content h2:before,.ac-message-content h3:before,.ac-message-content h4:before,.md-h1:before,.md-h2:before,.md-h3:before,.md-h4:before{background:linear-gradient(180deg,var(--ac-accent),var(--ac-accent-dark));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.ac-message-content strong{position:relative;transition:all .3s}.ac-message-content a{transition:all .3s}.ac-message-content a:after{background:var(--ac-accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.ac-message-content a:hover:after{width:100%}.ac-message-content blockquote{padding-left:16px;position:relative;transition:all .3s}.ac-message-content blockquote:before{background:linear-gradient(180deg,var(--ac-accent),#0000);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.ac-message-content blockquote:hover{transform:translateX(4px)}.ac-message-content table,.table-block-container{box-shadow:0 2px 8px #0000001a;transition:all .3s}.ac-message-content table:hover,.table-block-container:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.ac-message-content th{overflow:hidden;position:relative}.ac-message-content th:before{background:linear-gradient(90deg,var(--ac-accent),#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.ac-message-content tr{transition:all .3s}.ac-message-content tr:hover{background:color-mix(in srgb,var(--accent) 15%,#0000)!important;transform:scale(1.01)}.ac-message-content li{padding-left:8px;position:relative;transition:all .3s}.ac-message-content li:before{background:var(--ac-accent);content:"";height:6px;left:-12px;position:absolute;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s;width:6px}.ac-message-content li:hover:before{transform:translateY(-50%) scale(1)}.ac-message-content li:hover{color:var(--ac-accent);transform:translateX(4px)}.ac-message-content code,.md-inline-code{box-shadow:0 1px 3px #0000001a;position:relative;transition:all .3s}.ac-message-content code:hover,.md-inline-code:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.math-symbol{color:var(--ac-accent);display:inline-block;transition:all .3s}.math-symbol:hover{text-shadow:0 0 10px var(--ac-accent);transform:scale(1.2)}.ac-file-analysis{opacity:1}.ac-file-analysis-item{padding-left:8px;position:relative;transition:all .3s}.ac-file-analysis-item:before{background:var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:2px}.ac-file-analysis-item:hover:before{transform:scaleY(1)}.ac-file-analysis-item:hover{transform:translateX(4px)}.ac-file-analysis-item svg{transition:transform .3s}.ac-file-analysis-item:hover svg{transform:rotate(15deg) scale(1.1)}.ac-code-content::-webkit-scrollbar-thumb,.ac-content::-webkit-scrollbar-thumb,.ac-sidebar-nav::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb{background:var(--ac-accent);box-shadow:none}.ac-code-content::-webkit-scrollbar-thumb:hover,.ac-content::-webkit-scrollbar-thumb:hover,.ac-sidebar-nav::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover{background:var(--ac-accent)}[data-theme-mode=dark] .ai-chat-page:before{background-image:radial-gradient(circle at 20% 50%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 80% 80%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 40% 20%,#d7b38c05 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}[data-theme-mode=light] .ai-chat-page:before{background-image:radial-gradient(circle at 20% 50%,#00000005 0,#0000 50%),radial-gradient(circle at 80% 80%,#00000005 0,#0000 50%),radial-gradient(circle at 40% 20%,#00000003 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.ac-layout{position:relative;z-index:1}[data-theme-mode=dark] .ac-new-chat-btn{box-shadow:0 4px 20px #d7b38c66}[data-theme-mode=dark] .ac-send-btn{box-shadow:0 2px 12px #d7b38c66}[data-theme-mode=dark] .ac-nav-item.active,[data-theme-mode=dark] .ac-session-item.active{box-shadow:inset 3px 0 0 var(--ac-accent)}.ac-code-block,.ac-content,.ac-feedback,.ac-header,.ac-input-area,.ac-input-wrapper,.ac-main,.ac-message-bubble,.ac-modal,.ac-move-menu,.ac-sidebar,.ai-chat-page,.code-block-container{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.ac-btn-secondary{overflow:hidden;position:relative}.ac-btn-secondary:before{background:linear-gradient(135deg,var(--ac-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-btn-secondary:hover:before{opacity:1}.ac-btn-primary{overflow:hidden;position:relative}.ac-btn-primary:before{background:#fff3;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.ac-btn-primary:hover:before{height:300px;width:300px}.ac-btn span,.ac-btn svg{position:relative;z-index:1}.ac-input-wrapper.drag-active{animation:dragPulse 1s infinite}@keyframes dragPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ac-textarea{transform:none!important;transition:none!important}.ac-textarea:focus{height:24px!important;max-height:24px!important;min-height:24px!important;transform:none!important}.ac-loading{opacity:1}.ac-spinner{animation:ac-spin 1s linear infinite}.ac-message-time{transition:all .3s}.ac-message:hover .ac-message-time{color:var(--ac-accent);transform:scale(1.05)}.ac-nav-section-title{position:relative}.ac-sidebar-footer:before{background:linear-gradient(90deg,#0000,var(--ac-accent),#0000);left:20px;opacity:.3;right:20px}[data-theme-mode=dark] .ac-nav-item-accent:hover{box-shadow:0 0 15px #d7b38c4d}.ac-message-meta{transition:all .3s}.ac-message:hover .ac-message-meta{transform:translateX(4px)}.ac-code-lang,.code-language{padding-left:16px;position:relative}.ac-code-lang:before,.code-language:before{animation:pulse 2s infinite}.ac-rating{overflow:hidden;position:relative}.ac-rating:before{background:linear-gradient(90deg,var(--ac-accent),#0000);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.ac-folders-section,.ac-sessions-list .ac-session-item{opacity:1}.ac-folders-header{position:relative}.ac-folders-header:after{background:linear-gradient(90deg,#0000,var(--ac-accent),#0000);bottom:-4px;content:"";height:1px;left:16px;opacity:.2;position:absolute;right:16px}.ac-feedback textarea:focus,.ac-folder-input:focus{border-color:var(--ac-accent);box-shadow:0 0 0 3px var(--ac-accent-glow),0 4px 12px #0000001a}.ac-folder-item,.ac-nav-item,.ac-session-item,button:not(:disabled){cursor:pointer;-webkit-user-select:none;user-select:none}.ac-folder-item:active,.ac-nav-item:active,.ac-session-item:active,button:not(:disabled):active{transform:scale(.98)}[data-theme-mode=dark] .ac-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2}[data-theme-mode=light] .ac-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.ac-input-wrapper:focus-within{animation:borderGlow 2s infinite}.ac-welcome-icon{position:relative}.ac-welcome-icon:after{animation:pulse 2s infinite;background:radial-gradient(circle,var(--ac-accent-glow),#0000);content:"";inset:-10px;position:absolute}.ac-empty-icon{position:relative}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ac-btn:after,.ac-nav-item:after{background:var(--ac-accent);border-radius:50%;content:"";height:20px;inset:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0);width:20px}.ac-btn:active:after,.ac-nav-item:active:after{animation:ripple .6s ease-out}::selection{background:var(--ac-accent);color:var(--ac-bg-primary)}::-moz-selection{background:var(--ac-accent);color:var(--ac-bg-primary)}:focus-visible{outline:2px solid var(--ac-accent);outline-offset:2px}.ac-content{scroll-behavior:smooth}.ac-message-content a{display:inline-block;position:relative}.ac-message-content a:hover{transform:translateY(-1px)}[data-theme-mode=dark] .ac-code-content,[data-theme-mode=dark] .code-block code{text-shadow:0 0 1px #d7b38c1a}[data-theme-mode=dark] .ac-message-content h1,[data-theme-mode=dark] .ac-message-content h2,[data-theme-mode=dark] .md-h1,[data-theme-mode=dark] .md-h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));-webkit-background-clip:text;background-clip:text}.ac-folder-input-group{opacity:1}.ac-session-title{position:relative}.ac-sidebar.collapsed{animation:collapseSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes collapseSlide{0%{opacity:1;width:var(--ac-sidebar-width)}to{opacity:0;width:0}}.ac-message.user .ac-message-bubble:after{border-left:8px solid var(--ac-accent);right:-8px}.ac-message.ai .ac-message-bubble:after,.ac-message.user .ac-message-bubble:after{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";height:0;position:absolute;top:12px;width:0}.ac-message.ai .ac-message-bubble:after{border-right:8px solid var(--ac-bg-card);left:-8px}[data-theme-mode=dark] .ac-message.ai .ac-message-bubble:after{border-right-color:#1a1a1a}[data-theme-mode=light] .ac-message.ai .ac-message-bubble:after{border-right-color:#fff}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{animation:skeleton 1.5s infinite;background:linear-gradient(90deg,var(--ac-bg-tertiary) 0,var(--ac-bg-elevated) 40px,var(--ac-bg-tertiary) 80px);background-size:200px 100%}.ac-feedback-actions button{overflow:hidden;position:relative}.ac-feedback-actions button:before{background:linear-gradient(135deg,var(--ac-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.ac-feedback-actions button:hover:before{opacity:1}.notification-badge{align-items:center;animation:badgePulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444480;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.divider{background:linear-gradient(90deg,#0000,var(--ac-accent),#0000);margin:16px 0;opacity:.3}[title]{position:relative}[title]:hover:after{animation:tooltipFade .2s;background:var(--ac-bg-elevated);border:1px solid var(--ac-border-subtle);bottom:100%;box-shadow:0 4px 12px #0003;color:var(--ac-text-primary);content:attr(title);font-size:12px;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes tooltipFade{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.status-away,.status-online,.status-typing{animation:statusPulse 2s infinite;display:inline-block;height:8px;margin-right:6px;width:8px}.status-online{background:#22c55e}.status-typing{background:#f59e0b}.status-away{background:#6b7280}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar{background:var(--ac-bg-tertiary)}.progress-bar:after{background:linear-gradient(90deg,var(--ac-accent),var(--ac-accent-dark));box-shadow:0 0 10px var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s;width:0}.progress-bar.loading:after{animation:progressLoad 2s infinite}@keyframes progressLoad{0%{left:0;width:0}50%{left:15%;width:70%}to{left:100%;width:0}}.card{box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}[data-theme-mode=dark] .card:hover{box-shadow:0 8px 24px #d7b38c33}.badge{background:var(--ac-bg-tertiary);color:var(--ac-text-primary);font-size:11px;transition:all .3s}.badge:hover{background:var(--ac-accent);color:var(--ac-bg-primary);transform:scale(1.05)}.badge.badge-accent{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid var(--ac-accent);color:var(--ac-accent)}.badge.badge-success{background:#22c55e26;color:#22c55e}.badge.badge-warning{background:#f59e0b26;color:#f59e0b}.badge.badge-danger{background:#ef444426;color:#ef4444}.avatar{align-items:center;background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));color:var(--ac-bg-primary);display:flex;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s;width:40px}.avatar:before{background:linear-gradient(135deg,#0000,#fff3);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.avatar:hover:before{opacity:1}.avatar:hover{box-shadow:0 4px 16px #d7b38c66;transform:scale(1.1) rotate(5deg)}.chip{background:var(--ac-bg-tertiary);color:var(--ac-text-primary);font-size:13px;overflow:hidden;position:relative;transition:all .3s}.chip:before{background:var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:3px}.chip:hover:before{transform:scaleY(1)}.chip:hover{background:var(--ac-accent-glow);transform:translateX(3px)}.chip-close{transition:all .3s}.chip-close:hover{color:var(--ac-danger);transform:rotate(90deg) scale(1.2)}.alert{background:var(--ac-bg-tertiary);border-left:4px solid;margin:12px 0;opacity:1;overflow:hidden;padding:12px 16px;position:relative}.alert:before{animation:alertPulse 2s infinite;content:"";height:100%;left:0;position:absolute;top:0;width:4px}@keyframes alertPulse{0%,to{opacity:1}50%{opacity:.5}}.alert-info{background:#3b82f61a;border-left-color:#3b82f6}.alert-info:before{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.alert-success{background:#22c55e1a;border-left-color:#22c55e}.alert-success:before{background:#22c55e;box-shadow:0 0 10px #22c55e}.alert-warning{background:#f59e0b1a;border-left-color:#f59e0b}.alert-warning:before{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.alert-danger{background:#ef44441a;border-left-color:#ef4444}.alert-danger:before{background:#ef4444;box-shadow:0 0 10px #ef4444}.separator{align-items:center;color:var(--ac-text-muted);display:flex;font-size:12px;letter-spacing:1px;margin:20px 0;text-align:center;text-transform:uppercase}.separator:after,.separator:before{background:linear-gradient(90deg,#0000,var(--ac-accent),#0000);content:"";flex:1 1;height:1px;opacity:.3}.separator:before{margin-right:12px}.separator:after{margin-left:12px}.toggle-switch{background:var(--ac-bg-tertiary);cursor:pointer;height:24px;transition:all .3s}.toggle-switch:after{background:var(--ac-bg-primary);box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.toggle-switch.active{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark))}.toggle-switch.active:after{box-shadow:0 2px 8px #d7b38c66;left:26px}.toggle-switch:hover:after{transform:scale(1.1)}.checkbox{background:var(--ac-bg-tertiary);border:2px solid var(--ac-border-subtle);cursor:pointer;height:20px;position:relative;transition:all .3s;width:20px}.checkbox:after{border:solid var(--ac-bg-primary);border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.checkbox.checked{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));border-color:var(--ac-accent);box-shadow:0 0 10px var(--ac-accent)}.checkbox.checked:after{transform:rotate(45deg) scale(1)}.checkbox:hover{border-color:var(--ac-accent);transform:scale(1.05)}.radio{border:2px solid var(--ac-border-subtle);cursor:pointer;height:20px;position:relative;transition:all .3s;width:20px}.radio:after{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));box-shadow:0 0 8px var(--ac-accent);content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:10px}.radio.checked{border-color:var(--ac-accent);box-shadow:0 0 0 2px var(--ac-accent-glow)}.radio.checked:after{transform:translate(-50%,-50%) scale(1)}.radio:hover{border-color:var(--ac-accent);transform:scale(1.1)}.slider{background:var(--ac-bg-tertiary);cursor:pointer;height:6px;position:relative;width:100%}.slider:before{background:linear-gradient(90deg,var(--ac-accent),var(--ac-accent-dark));box-shadow:0 0 10px var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s;width:50%}.slider:after{background:var(--ac-bg-primary);border:3px solid var(--ac-accent);box-shadow:0 2px 8px #0003;content:"";height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:18px}.slider:hover:after{box-shadow:0 4px 12px #d7b38c66;transform:translate(-50%,-50%) scale(1.2)}.tabs{border-bottom:2px solid var(--ac-border-subtle);display:flex;gap:4px}.tab,.tabs{position:relative}.tab{background:#0000;border:none;color:var(--ac-text-secondary);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s}.tab:after{background:linear-gradient(90deg,var(--ac-accent),var(--ac-accent-dark));bottom:-2px;box-shadow:0 0 10px var(--ac-accent);content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.tab:hover{background:var(--ac-accent-glow);color:var(--ac-text-primary)}.tab.active{color:var(--ac-accent)}.tab.active:after{transform:scaleX(1)}.accordion-item{border:1px solid var(--ac-border-subtle);margin-bottom:8px;overflow:hidden;transition:all .3s}.accordion-item:hover{border-color:var(--ac-accent);box-shadow:0 2px 8px #0000001a}.accordion-header{align-items:center;background:var(--ac-bg-tertiary);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:16px;position:relative;transition:all .3s}.accordion-header:before{background:var(--ac-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.accordion-header:hover:before,.accordion-item.active .accordion-header:before{transform:scaleY(1)}.accordion-header:hover{background:var(--ac-accent-glow)}.accordion-icon{transition:transform .3s}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.accordion-item.active .accordion-content{max-height:500px;padding:16px}.dropdown{position:relative}.dropdown-trigger{cursor:pointer;transition:all .3s}.dropdown-trigger:hover{color:var(--ac-accent);transform:scale(1.05)}.dropdown-menu{background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);box-shadow:0 8px 24px #0003;left:0;min-width:200px;opacity:0;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown.active .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}[data-theme-mode=dark] .dropdown-menu{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c33}[data-theme-mode=light] .dropdown-menu{background:linear-gradient(135deg,#fff,#fafafa)}.dropdown-item{overflow:hidden;padding:12px 16px;position:relative;transition:all .3s}.dropdown-item:before{background:linear-gradient(90deg,#0000,var(--ac-accent-glow),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.dropdown-item:hover:before{left:100%}.dropdown-item:hover{background:var(--ac-accent-glow);color:var(--ac-accent);transform:translateX(4px)}.context-menu{animation:scaleIn .2s cubic-bezier(.4,0,.2,1);background:var(--ac-bg-secondary);border:1px solid var(--ac-border-subtle);box-shadow:0 8px 24px #0000004d;position:fixed;z-index:10000}[data-theme-mode=dark] .context-menu{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c33}.context-menu-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:all .3s}.context-menu-item:hover{background:var(--ac-accent-glow);color:var(--ac-accent)}.context-menu-divider{background:linear-gradient(90deg,#0000,var(--ac-accent),#0000);height:1px;margin:4px 0;opacity:.3}.breadcrumb{color:var(--ac-text-secondary);font-size:13px}.breadcrumb-item{align-items:center;display:flex;gap:8px;transition:all .3s}.breadcrumb-item:hover{color:var(--ac-accent);transform:translateX(2px)}.breadcrumb-separator{color:var(--ac-text-muted)}.breadcrumb-item.active{color:var(--ac-accent);font-weight:600}.pagination{gap:8px}.pagination,.pagination-item{align-items:center;display:flex}.pagination-item{background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);cursor:pointer;height:36px;justify-content:center;min-width:36px;overflow:hidden;position:relative;transition:all .3s}.pagination-item:before{background:linear-gradient(135deg,var(--ac-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.pagination-item:hover:before{opacity:1}.pagination-item:hover{border-color:var(--ac-accent);box-shadow:0 4px 8px #0000001a;color:var(--ac-accent);transform:translateY(-2px)}.pagination-item.active{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));border-color:var(--ac-accent);box-shadow:0 0 15px #d7b38c66;color:var(--ac-bg-primary)}.pagination-item:disabled{cursor:not-allowed;opacity:.5}.pagination-item:disabled:hover{box-shadow:none;transform:none}.search-input{width:100%}.search-input input{background:var(--ac-bg-tertiary);border:1px solid var(--ac-border-subtle);color:var(--ac-text-primary);padding:12px 16px 12px 44px;transition:all .3s;width:100%}.search-input input:focus{border-color:var(--ac-accent);box-shadow:0 0 0 3px var(--ac-accent-glow),0 4px 12px #0000001a;transform:translateY(-2px)}.search-input-icon{color:var(--ac-text-muted);left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s}.search-input input:focus~.search-input-icon{color:var(--ac-accent);transform:translateY(-50%) scale(1.1)}.stepper{align-items:center;display:flex;gap:16px}.stepper-item{flex:1 1;gap:12px}.stepper-circle,.stepper-item{align-items:center;display:flex;position:relative}.stepper-circle{background:var(--ac-bg-tertiary);border:2px solid var(--ac-border-subtle);color:var(--ac-text-muted);font-weight:600;height:40px;justify-content:center;transition:all .3s;width:40px;z-index:1}.stepper-item.active .stepper-circle{background:linear-gradient(135deg,var(--ac-accent),var(--ac-accent-dark));border-color:var(--ac-accent);box-shadow:0 0 20px #d7b38c80;color:var(--ac-bg-primary);transform:scale(1.1)}.stepper-item.completed .stepper-circle{background:var(--ac-success);border-color:var(--ac-success);color:#fff}.stepper-line{background:var(--ac-border-subtle);flex:1 1;height:2px;position:relative}.stepper-line:after{background:linear-gradient(90deg,var(--ac-accent),var(--ac-accent-dark));content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s;width:0}.stepper-item.completed .stepper-line:after,.stepper-item.completed~.stepper-item .stepper-line:after{width:100%}.ac-search-container{margin-bottom:8px;padding:0 12px 12px}.ac-search-input{background:#0003;border:1px solid #d7b38c4d;border-radius:8px;color:inherit;font-size:8px;font-weight:600;height:36px;letter-spacing:2px;outline:none;padding:8px 10px 8px 32px;position:relative;text-transform:uppercase;transition:all .3s;width:100%}[data-theme-mode=dark] .ac-search-input{background:#0000004d;border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);color:color-mix(in srgb,var(--accent) 60%,#fff)}[data-theme-mode=light] .ac-search-input{background:#fff9;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);color:color-mix(in srgb,var(--accent) 80%,#000)}.ac-search-input:focus{border-color:var(--ac-accent);box-shadow:0 0 0 2px #d7b38c33}.ac-search-input::placeholder{color:color-mix(in srgb,var(--accent) 50%,#0000)}.ac-search-icon{color:color-mix(in srgb,var(--accent) 60%,#0000);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ac-search-wrapper{position:relative}.ac-sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ac-search-bar{box-shadow:0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-search-bar:focus{box-shadow:0 0 0 3px var(--ac-accent-glow),0 2px 8px #0000001a;transform:translateY(-1px)}.ac-chat-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.ac-chat-item:hover{box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.ac-message-bubble{box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-message-bubble:hover{box-shadow:0 4px 16px #0000001f}.ac-message.user .ac-message-bubble,.ac-message.user .ac-message-bubble:hover{box-shadow:none!important}.ac-input-area{box-shadow:0 -4px 20px #0000000d}.ac-input-wrapper{box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-input-wrapper:focus-within{box-shadow:0 0 0 3px var(--ac-accent-glow),0 4px 20px #0000001f;transform:translateY(-2px)}.ac-send-btn{box-shadow:0 2px 8px var(--ac-accent-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}.ac-send-btn:hover{box-shadow:0 4px 16px var(--ac-accent-glow);transform:scale(1.05)}.ac-send-btn:active{transform:scale(.95)}.ac-folder-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.ac-folder-item:hover{background:var(--ac-bg-elevated);transform:translateX(2px)}.ac-code-block{box-shadow:0 2px 8px #0000001a}.ac-typing-indicator{animation:pulse 1.5s ease-in-out infinite}.ac-content::-webkit-scrollbar{width:8px}.ac-content::-webkit-scrollbar-track{background:#0000}.ac-content::-webkit-scrollbar-thumb{background:var(--ac-border-subtle);border-radius:8px;-webkit-transition:background .2s;transition:background .2s}.ac-content::-webkit-scrollbar-thumb:hover{background:var(--ac-accent)}button:not(.ac-send-btn):not(.ac-new-chat-btn){transition:all .2s cubic-bezier(.4,0,.2,1)}button:not(.ac-send-btn):not(.ac-new-chat-btn):hover{transform:translateY(-1px)}button:not(.ac-send-btn):not(.ac-new-chat-btn):active{transform:translateY(0)}.ac-sidebar:after{background:linear-gradient(180deg,#0000 0,var(--ac-border-subtle) 20%,var(--ac-border-subtle) 80%,#0000 100%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:1px}button:focus-visible,input:focus,textarea:focus{outline:2px solid var(--ac-accent);outline-offset:2px}.ai-chat-page,.ai-chat-page *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.ai-chat-page.no-transition,.ai-chat-page.no-transition *{transition:none!important}.ac-sidebar{background:linear-gradient(180deg,var(--ac-bg-secondary) 0,color-mix(in srgb,var(--ac-bg-secondary) 95%,var(--ac-accent) 5%) 100%)!important;border-right:1px solid color-mix(in srgb,var(--ac-accent) 20%,#0000)!important;box-shadow:4px 0 24px #00000014!important}[data-theme-mode=dark] .ac-sidebar{background:linear-gradient(180deg,#141416fa,#0f0f11fa)!important;border-right:1px solid color-mix(in srgb,var(--ac-accent) 25%,#0000)!important}.ac-new-chat-btn{background:linear-gradient(135deg,var(--ac-accent) 0,var(--ac-accent-dark) 100%)!important;border-radius:12px!important;box-shadow:0 4px 16px color-mix(in srgb,var(--ac-accent) 40%,#0000)!important;font-size:11px!important;font-weight:600!important;letter-spacing:2px!important;margin:16px!important;padding:14px 20px!important;text-transform:uppercase!important}.ac-new-chat-btn:hover{box-shadow:0 6px 24px color-mix(in srgb,var(--ac-accent) 50%,#0000)!important;transform:translateY(-2px)!important}.ac-search-container{margin-bottom:0!important;padding:0 16px 16px!important}.ac-search-input{background:#0003!important;border:1px solid #d7b38c4d!important;border-radius:8px!important;color:inherit!important;font-size:11px!important;font-weight:600!important;height:36px!important;letter-spacing:2px!important;padding:8px 10px 8px 32px!important;text-transform:uppercase!important;transition:all .3s!important;width:100%!important}[data-theme-mode=dark] .ac-search-input{background:#0000004d!important;border:1px solid color-mix(in srgb,var(--accent) 30%,#0000)!important;color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=light] .ac-search-input{background:#fff9!important;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)!important;color:color-mix(in srgb,var(--accent) 80%,#000)!important}.ac-search-input:focus{border-color:var(--ac-accent)!important;box-shadow:0 0 0 2px #d7b38c33!important}.ac-search-input::placeholder{color:color-mix(in srgb,var(--accent) 50%,#0000)!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important}.ac-folders-section{margin:0!important;padding:0!important}.ac-folders-header{align-items:center!important;display:flex!important;justify-content:space-between!important;padding:16px 16px 8px!important}.ac-folders-header h4{color:var(--ac-text-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:1.2px!important;margin:0!important;text-transform:uppercase!important}.ac-add-folder-btn{background:color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;border:1px solid color-mix(in srgb,var(--ac-accent) 30%,#0000)!important;border-radius:8px!important;color:var(--ac-accent)!important;height:24px!important;transition:all .2s!important;width:24px!important}.ac-add-folder-btn:hover{background:var(--ac-accent)!important;color:var(--ac-bg-primary)!important;transform:scale(1.05)!important}.ac-folder-item{background:#0000!important;border:1px solid #0000!important;border-radius:10px!important;margin:4px 12px!important;max-width:90%!important;padding:12px 14px!important;position:relative!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;width:90%!important}.ac-folder-item:hover{background:color-mix(in srgb,var(--ac-accent) 8%,#0000)!important;border-color:color-mix(in srgb,var(--ac-accent) 20%,#0000)!important;transform:translateX(4px)!important}.ac-folder-item.active{background:color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;border-color:color-mix(in srgb,var(--ac-accent) 40%,#0000)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--ac-accent) 20%,#0000)!important}.ac-folder-icon{color:var(--ac-accent)!important;height:20px!important;opacity:.8!important;transition:all .2s!important;width:20px!important}.ac-folder-item.active .ac-folder-icon,.ac-folder-item:hover .ac-folder-icon{opacity:1!important;transform:scale(1.1)!important}.ac-folder-name{color:var(--ac-text-primary)!important;font-size:13px!important;font-weight:500!important}.ac-folder-count{background:color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;border-radius:10px!important;color:var(--ac-accent)!important;font-size:10px!important;font-weight:600!important;padding:3px 8px!important;transition:all .2s!important}.ac-folder-item.active .ac-folder-count,.ac-folder-item:hover .ac-folder-count{background:var(--ac-accent)!important;color:var(--ac-bg-primary)!important}.ac-nav-section-title{color:var(--ac-text-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:1.2px!important;margin:0!important;padding:16px 16px 8px!important;text-transform:uppercase!important}.ac-session-item{background:#0000!important;border:1px solid #0000!important;border-radius:10px!important;margin:4px 12px!important;max-width:90%!important;padding:12px 14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;width:90%!important}.ac-session-item:hover{background:color-mix(in srgb,var(--ac-accent) 8%,#0000)!important;border-color:color-mix(in srgb,var(--ac-accent) 20%,#0000)!important;transform:translateX(4px)!important}.ac-session-item.active{background:color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;border-color:color-mix(in srgb,var(--ac-accent) 40%,#0000)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--ac-accent) 20%,#0000)!important}.ac-session-item.active:before{background:var(--ac-accent)!important;border-radius:0 3px 3px 0!important;content:""!important;height:60%!important;left:0!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:3px!important}.ac-session-title{color:var(--ac-text-primary)!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important}.ac-session-date{color:var(--ac-text-muted)!important;font-size:11px!important;margin-top:2px!important}.ac-session-actions{gap:2px!important}.ac-session-btn{background:#0000!important;border-radius:8px!important;height:28px!important;transition:all .2s!important;width:28px!important}.ac-session-btn:hover{background:color-mix(in srgb,var(--ac-accent) 20%,#0000)!important;color:var(--ac-accent)!important}.ac-session-btn.delete:hover{background:color-mix(in srgb,var(--ac-danger) 20%,#0000)!important;color:var(--ac-danger)!important}.ac-sidebar-footer{background:#0000!important;border-top:1px solid color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;padding:16px!important;position:relative}.ac-sidebar-footer:before{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--ac-accent) 30%,#0000) 50%,#0000 100%);content:"";height:1px;left:16px;position:absolute;right:16px;top:0}.ac-sidebar-footer .ac-nav-item{align-items:center!important;background:#0000!important;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)!important;border-radius:8px!important;color:var(--ac-text-secondary)!important;cursor:pointer!important;display:flex!important;font-size:11px!important;font-weight:600!important;gap:12px!important;letter-spacing:.5px!important;padding:12px 16px!important;text-align:left!important;text-transform:uppercase!important;transition:all .2s!important;width:100%!important}.ac-sidebar-footer .ac-nav-item:hover{background:var(--ac-bg-tertiary)!important;color:var(--ac-text-primary)!important;transform:none!important}.ac-sidebar-footer .ac-nav-icon{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important}.ac-sidebar-footer .ac-nav-icon,.ac-sidebar-footer .ac-nav-icon svg{height:20px!important;width:20px!important}.ac-sidebar-footer .ac-nav-text{font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.ac-folder-input-group{background:color-mix(in srgb,var(--ac-accent) 5%,#0000)!important;border:1px solid color-mix(in srgb,var(--ac-accent) 20%,#0000)!important;border-radius:8px!important;margin:8px 12px!important;padding:4px 6px!important}.ac-folder-input{background:#0000!important;border:none!important;border-radius:8px!important;font-size:11px!important;padding:6px 10px!important}.ac-folder-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.ac-folder-cancel,.ac-folder-submit{display:none!important}.ac-collapse-btn{background:color-mix(in srgb,var(--ac-accent) 10%,#0000)!important;border:1px solid color-mix(in srgb,var(--ac-accent) 25%,#0000)!important;border-radius:10px!important;color:var(--ac-accent)!important;height:32px!important;transition:all .2s!important;width:32px!important}.ac-collapse-btn:hover{background:var(--ac-accent)!important;color:var(--ac-bg-primary)!important;transform:scale(1.05)!important}.ac-sidebar-nav::-webkit-scrollbar{width:6px}.ac-sidebar-nav::-webkit-scrollbar-track{background:#0000}.ac-sidebar-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ac-accent) 30%,#0000);border-radius:6px}.ac-sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--ac-accent)}.ac-empty-state{color:var(--ac-text-muted);font-size:12px;padding:24px 16px;text-align:center}.ac-section-divider{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--ac-accent) 20%,#0000) 50%,#0000 100%);height:1px;margin:8px 16px}.ac-search-wrapper{position:relative!important;width:100%!important}.ac-search-icon{color:var(--ac-text-muted)!important;left:14px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s!important;z-index:1!important}.ac-search-wrapper:focus-within .ac-search-icon{color:var(--ac-accent)!important}.ac-search-wrapper .ac-search-input{padding-left:44px!important}.ac-input-area{background:#0000!important;bottom:0!important;box-shadow:none!important;left:0!important;padding:24px 32px 32px!important;pointer-events:none!important;position:absolute!important;right:0!important}.ac-input-wrapper{border:1px solid color-mix(in srgb,var(--ac-accent) 30%,#0000)!important;border-radius:24px!important;box-shadow:0 4px 24px #00000026,0 0 0 1px color-mix(in srgb,var(--ac-accent) 10%,#0000)!important;padding:8px 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme-mode=dark] .ac-input-wrapper{background:#1e1e20f2!important;box-shadow:0 4px 32px #0006,0 0 0 1px color-mix(in srgb,var(--ac-accent) 15%,#0000),inset 0 1px 0 #ffffff08!important}[data-theme-mode=light] .ac-input-wrapper{background:#fffffffa!important;border:1px solid color-mix(in srgb,var(--ac-accent) 25%,#0000)!important;box-shadow:0 4px 32px #0000001a,0 0 0 1px color-mix(in srgb,var(--ac-accent) 10%,#0000),inset 0 1px 0 #fffc!important}.ac-input-wrapper:focus-within{box-shadow:0 4px 32px color-mix(in srgb,var(--ac-accent) 30%,#0000),0 0 0 3px color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;transform:translateY(-2px)!important}.ac-input-wrapper input[type=text],.ac-input-wrapper textarea{background:#0000!important;border:none!important;color:var(--ac-text-primary)!important;font-size:15px!important;height:24px!important;line-height:24px!important;max-height:24px!important;min-height:24px!important;outline:none!important;overflow:hidden!important;padding:0!important;resize:none!important}.ac-attach-btn,.ac-input-wrapper input[type=text]::placeholder,.ac-input-wrapper textarea::placeholder{color:var(--ac-text-muted)!important}.ac-attach-btn{background:#0000!important;border:none!important;border-radius:12px!important;flex-shrink:0!important;height:40px!important;transition:all .2s!important;width:40px!important}.ac-attach-btn:hover{background:color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;color:var(--ac-accent)!important}.ac-send-btn{align-items:center!important;border-radius:12px!important;box-shadow:0 2px 8px color-mix(in srgb,var(--ac-accent) 40%,#0000)!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:40px!important}.ac-send-btn:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--ac-accent) 50%,#0000)!important;transform:scale(1.05)!important}.ac-send-btn:active{transform:scale(.95)!important}.ac-send-btn:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.ac-send-btn svg{height:18px!important;width:18px!important}.ac-content{padding-bottom:120px!important}.ac-welcome{padding-bottom:80px!important}@media (max-width:768px){.ac-input-area{padding:16px!important}.ac-input-container{max-width:100%!important}.ac-input-wrapper{border-radius:20px!important}}.ac-input-area{border-top:1px solid var(--ac-border-subtle)!important;bottom:auto!important;left:auto!important;padding:20px 32px!important;pointer-events:auto!important;position:relative!important;right:auto!important}.ac-input-area,[data-theme-mode=dark] .ac-input-area{background:var(--ac-bg-primary)!important}[data-theme-mode=light] .ac-input-area{background:#fff!important}[data-theme-mode=light] .ac-input-area.ac-input-centered{background:#0000!important}.ac-input-container{margin:0 auto!important;max-width:800px!important;pointer-events:auto!important;width:100%!important}.ac-input-wrapper{align-items:center!important;background:var(--ac-bg-secondary)!important;border:1px solid var(--ac-border-subtle)!important;border-radius:8px!important;box-shadow:0 2px 8px #00000014!important;display:flex!important;height:52px!important;max-height:52px!important;min-height:52px!important;overflow:hidden!important;padding:12px 16px!important;transition:none!important}.ac-input-wrapper *{flex-shrink:0!important}.ac-input-wrapper .ac-textarea,.ac-input-wrapper textarea{background:#0000!important;border:none!important;color:var(--ac-text-primary)!important;flex:1 1!important;font-size:15px!important;height:24px!important;line-height:24px!important;margin:0!important;max-height:24px!important;min-height:24px!important;outline:none!important;overflow:hidden!important;padding:0!important;resize:none!important}[data-theme-mode=dark] .ac-input-wrapper{background:var(--ac-bg-secondary)!important;border:1px solid color-mix(in srgb,var(--ac-accent) 25%,#0000)!important}[data-theme-mode=light] .ac-input-wrapper{background:var(--ac-bg-tertiary)!important;border:1px solid color-mix(in srgb,var(--ac-accent) 20%,#0000)!important}.ac-input-wrapper:focus-within{border-color:var(--ac-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ac-accent) 15%,#0000)!important;transform:none!important}.ac-content{padding-bottom:24px!important}.ac-attach-btn,.ac-send-btn{border-radius:6px!important}.ac-send-btn{background:var(--ac-accent)!important;border:none!important;box-shadow:none!important;color:var(--ac-bg-primary)!important;height:36px!important;width:36px!important}.ac-send-btn:hover{box-shadow:none!important;opacity:.9!important;transform:none!important}.ac-attach-btn{height:36px!important;width:36px!important}.ac-main{display:flex!important;flex-direction:column!important}.ac-content{justify-content:flex-start!important;padding-bottom:0!important}.ac-content,.ac-welcome{display:flex!important;flex:1 1!important;flex-direction:column!important}.ac-welcome{align-items:center!important;justify-content:center!important;padding:40px 20px!important;text-align:center!important}.ac-main:not(.empty-state) .ac-input-area{background:var(--ac-bg-primary)!important;border-top:1px solid var(--ac-border-subtle)!important;left:auto!important;max-width:none!important;padding:20px 32px!important;position:relative!important;top:auto!important;transform:none!important;width:100%!important}.ac-main:not(.empty-state) .ac-input-container{margin:0 auto!important;max-width:800px!important}.ac-main.empty-state .ac-header{display:none!important}.ac-main.empty-state .ac-content{flex:1 1!important;justify-content:center!important;overflow:visible!important;padding:0 32px!important}.ac-empty-center,.ac-main.empty-state .ac-content{align-items:center!important;display:flex!important}.ac-empty-center{flex-direction:column!important;gap:16px!important;max-width:800px!important;width:100%!important}.ac-empty-center .ac-welcome{text-align:center!important}.ac-empty-center .ac-welcome h2{color:var(--ac-text-primary)!important;font-family:Inter,sans-serif!important;font-size:28px!important;font-weight:700!important;margin:0!important}.ac-empty-center .ac-input-area.ac-input-centered{background:#0000!important;border:none!important;padding:0!important;width:100%!important}.ac-empty-center .ac-input-container{margin:0!important;max-width:100%!important;width:100%!important}.ac-empty-center .ac-input-wrapper{width:100%!important}.ac-message-content .katex{font-size:1em!important}.ac-message-content .katex,.ac-message-content .katex *{color:var(--ac-accent)!important}.ac-message-content .katex-display{background:#0000!important;border:none!important;border-radius:0!important;display:block!important;margin:1.5em 0!important;overflow-x:auto;padding:.5em 0!important;text-align:center}.ac-message-content .katex-display>.katex{color:var(--ac-accent)!important;font-size:1.3em!important;font-weight:400!important}.ac-message-content p .katex{font-size:1em!important;padding:0 .1em;vertical-align:middle}.ac-message-content p:has(.katex){line-height:1.9}.ac-message-content .math-symbol{color:var(--ac-accent);display:inline-block;font-size:1.3em;font-weight:500;transition:all .3s}.ac-message-content .math-symbol:hover{text-shadow:0 0 10px var(--ac-accent);transform:scale(1.15)}.ac-message-content .katex .frac-line{background-color:var(--ac-accent)!important;border-bottom-color:var(--ac-accent)!important}.ac-message-content .katex .sqrt>.root{color:var(--ac-accent)!important}.ac-message-content .katex .sqrt-sign{border-color:var(--ac-accent)!important}.ac-message-content .katex .delim-size1,.ac-message-content .katex .delim-size2,.ac-message-content .katex .delim-size3,.ac-message-content .katex .delim-size4,.ac-message-content .katex .delimsizing,.ac-message-content .katex .op-limits,.ac-message-content .katex .op-symbol{color:var(--ac-accent)!important}.ac-message-content .katex-display+p,.ac-message-content p+.katex-display{margin-top:1.5em}[data-theme-mode=light] .ac-message-content .katex,[data-theme-mode=light] .ac-message-content .katex *{color:var(--ac-accent)!important}.ac-message-content .katex-display::-webkit-scrollbar{height:6px}.ac-message-content .katex-display::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.ac-message-content .katex-display::-webkit-scrollbar-thumb{background:var(--ac-accent);border-radius:3px}.ac-message-content .katex-display .katex{font-weight:400!important}.ac-message-content .katex .base,.ac-message-content .katex .mbin,.ac-message-content .katex .mclose,.ac-message-content .katex .minner,.ac-message-content .katex .mop,.ac-message-content .katex .mopen,.ac-message-content .katex .mord,.ac-message-content .katex .mpunct,.ac-message-content .katex .mrel,.ac-message-content .katex .msupsub{color:var(--ac-accent)!important}.homepage *,.homepage :after,.homepage :before{border-radius:0!important}body{color:#d7b38c;font-family:Quicksand,sans-serif}.homepage,body{background-color:#000;background-image:linear-gradient(#00000073,#00000073),url(https://www.transparenttextures.com/patterns/shattered-dark.png);overflow-x:hidden}.homepage{height:100vh;position:relative;width:100vw}.homepage-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.login-trigger{color:#d7b38c;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:3px;position:absolute;right:60px;top:50px;transition:opacity .3s ease;z-index:10}.login-trigger:hover{opacity:.7}.main-content{bottom:30%;left:60px;overflow:visible;position:absolute;text-align:left;transform:translateY(50%);width:calc(100vw - 120px)}.title{font-size:180px;font-weight:300;letter-spacing:-4px;line-height:.9;margin-bottom:40px;position:relative;text-transform:lowercase}.subtitle-text,.title{color:#d7b38c;z-index:5}.subtitle-text{bottom:-45px;display:block;font-size:14px;font-weight:400;letter-spacing:3px;opacity:.8;position:absolute;right:0;text-transform:none}.horizontal-line{background-color:#d7b38c;height:2px;margin-left:-60px;margin-top:20px;position:relative;width:100vw;z-index:5}@media (max-width:768px){.title{font-size:120px;letter-spacing:-3px;margin-bottom:30px}.subtitle-text{bottom:-35px;right:0}.login-trigger,.subtitle-text{font-size:12px;letter-spacing:2px}.login-trigger{right:30px;top:30px}.main-content{left:30px;width:calc(100vw - 60px)}.horizontal-line{margin-left:-30px}}@media (max-width:480px){.title{font-size:80px;letter-spacing:-2px;margin-bottom:25px}.subtitle-text{bottom:-30px;font-size:10px;letter-spacing:2px;right:0}.main-content{left:20px;width:calc(100vw - 40px)}.login-trigger{font-size:10px;right:20px;top:20px}.horizontal-line{margin-left:-20px}}.safety-login *,.safety-login :after,.safety-login :before{border-radius:0!important}.safety-login{align-items:center;background-color:#000;background-color:var(--bg-primary,#000);background-image:linear-gradient(#00000073,#00000073),url(https://www.transparenttextures.com/patterns/shattered-dark.png);color:#d7b38c;color:var(--accent,#d7b38c);display:flex;font-family:Quicksand,sans-serif;height:100vh;justify-content:center;overflow:hidden;width:100vw}[data-theme-mode=light] .safety-login{background-color:#fff;background-color:var(--bg-primary,#fff);background-image:linear-gradient(#ffffffe6,#ffffffe6),url(https://www.transparenttextures.com/patterns/subtle-white-feathers.png)}.safety-login-container{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.login-box{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,#000 60%,#0000);background:color-mix(in srgb,var(--bg-primary,#000) 60%,#0000);border:1px solid color-mix(in srgb,#d7b38c 20%,#0000);border:1px solid color-mix(in srgb,var(--accent,#d7b38c) 20%,#0000);border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:450px;padding:60px 50px;text-align:center;width:100%}[data-theme-mode=light] .login-box{background:color-mix(in srgb,#fff 90%,#0000);background:color-mix(in srgb,var(--bg-primary,#fff) 90%,#0000);box-shadow:0 8px 32px #0000001a}.safety-title{color:#d7b38c;color:var(--accent,#d7b38c);font-family:Inter,sans-serif;font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:12px;text-transform:lowercase}.safety-subtitle{color:color-mix(in srgb,#d7b38c 70%,#0000);color:color-mix(in srgb,var(--accent,#d7b38c) 70%,#0000);font-size:13px;font-weight:400;letter-spacing:3px;margin-bottom:40px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative;width:100%}.form-group input{background:color-mix(in srgb,#000 40%,#0000);background:color-mix(in srgb,var(--bg-primary,#000) 40%,#0000);border:1px solid color-mix(in srgb,#d7b38c 30%,#0000);border:1px solid color-mix(in srgb,var(--accent,#d7b38c) 30%,#0000);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-family:Quicksand,sans-serif;font-size:15px;font-weight:500;letter-spacing:.5px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:color-mix(in srgb,#d7b38c 50%,#0000);color:color-mix(in srgb,var(--accent,#d7b38c) 50%,#0000);font-size:14px;font-weight:400;letter-spacing:.5px}.form-group input:focus{background:color-mix(in srgb,#000 60%,#0000);background:color-mix(in srgb,var(--bg-primary,#000) 60%,#0000);border-color:#d7b38c;border-color:var(--accent,#d7b38c);box-shadow:0 0 0 3px color-mix(in srgb,#d7b38c 10%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#d7b38c) 10%,#0000);color:#fff;color:var(--text-primary,#fff)}[data-theme-mode=light] .form-group input{background:color-mix(in srgb,#f5f5f5 80%,#0000);background:color-mix(in srgb,var(--bg-secondary,#f5f5f5) 80%,#0000);border-color:color-mix(in srgb,var(--accent) 40%,#0000)}[data-theme-mode=light] .form-group input:focus{background:#fff}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;font-size:13px;letter-spacing:.5px;margin-top:-8px;padding:12px;text-align:center}.login-button{background:color-mix(in srgb,#d7b38c 15%,#0000);background:color-mix(in srgb,var(--accent,#d7b38c) 15%,#0000);border:1px solid color-mix(in srgb,#d7b38c 40%,#0000);border:1px solid color-mix(in srgb,var(--accent,#d7b38c) 40%,#0000);border-radius:8px;color:#d7b38c;color:var(--accent,#d7b38c);cursor:pointer;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;margin-top:8px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover{background:color-mix(in srgb,#d7b38c 25%,#0000);background:color-mix(in srgb,var(--accent,#d7b38c) 25%,#0000);border-color:#d7b38c;border-color:var(--accent,#d7b38c);box-shadow:0 6px 20px color-mix(in srgb,#d7b38c 20%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--accent,#d7b38c) 20%,#0000);transform:translateY(-2px)}[data-theme-mode=light] .login-button{background:var(--accent);border-color:var(--accent);color:#fff;color:var(--bg-primary,#fff)}[data-theme-mode=light] .login-button:hover{opacity:.9}.login-button:active{transform:translateY(0)}@media (max-width:768px){.login-box{max-width:400px;padding:50px 40px}.safety-title{font-size:52px}.safety-subtitle{font-size:12px;letter-spacing:2.5px}.form-group input{color:#fff;font-size:14px;font-weight:500;padding:14px 18px}.login-button{font-size:13px;padding:14px}}@media (max-width:480px){.login-box{max-width:340px;padding:40px 30px}.safety-title{font-size:44px}.safety-subtitle{font-size:11px;letter-spacing:2px;margin-bottom:32px}.form-group input{color:#fff;font-size:14px;font-weight:500;padding:13px 16px}.form-group input::placeholder{font-size:13px}.login-button{font-size:12px;letter-spacing:1.5px;padding:13px}.error-message{font-size:12px;padding:10px}}@media (max-width:360px){.login-box{max-width:300px;padding:35px 25px}.safety-title{font-size:38px}.safety-subtitle{font-size:10px}}.lrh{background:var(--bg-primary);background:var(--bg-primary,var(--bg-primary));color:#fff;color:var(--text-primary,#fff);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.lrh *{box-sizing:border-box;margin:0;padding:0}.lrh-ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.lrh-ambient-orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.4;position:absolute}.lrh-ambient-orb-1{animation-delay:0s;background:var(--accent);height:600px;right:-100px;top:-200px;width:600px}.lrh-ambient-orb-2{animation-delay:-10s;background:color-mix(in srgb,var(--accent) 60%,#000);bottom:-100px;height:400px;left:-100px;width:400px}.lrh-ambient-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 8%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,#0000) 1px,#0000 1px);background-size:60px 60px;inset:0;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,#0000 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,#0000 80%);position:absolute}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.lrh-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.lrh-header,.lrh-header-left{align-items:center;display:flex}.lrh-header-left{gap:16px}.lrh-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;position:relative}.lrh-logo,.lrh-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.lrh-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.lrh-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.lrh-logo:hover .lrh-logo-img{transform:scale(1.1)}.lrh-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.lrh-subtitle{color:color-mix(in srgb,var(--accent) 70%,#fff);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.lrh-header-right{gap:12px}.lrh-header-right,.lrh-nav-btn{align-items:center;display:flex}.lrh-nav-btn{cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.lrh-nav-btn-ghost{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);opacity:.7}.lrh-nav-btn-ghost:hover{color:var(--accent);opacity:1}.lrh-nav-btn-outline{background:#0000;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);color:var(--accent)}.lrh-nav-btn-outline:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);color:var(--bg-primary,var(--bg-primary))}.lrh-main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;min-height:0;padding:24px 40px 32px;position:relative;width:100%;z-index:1}.lrh-hero{animation:fadeInUp .6s ease-out;margin-bottom:32px;text-align:center}.lrh-hero-title{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;letter-spacing:2px;line-height:1.4;margin-bottom:8px;text-transform:uppercase}.lrh-hero-name{color:var(--accent)}.lrh-hero-subtitle{color:color-mix(in srgb,#fff 60%,#0000);color:color-mix(in srgb,var(--text-primary,#fff) 60%,#0000);font-size:14px;font-weight:400}.lrh-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(2,1fr);min-height:0}.lrh-card{animation:fadeInUp .6s ease-out backwards;animation-delay:calc(var(--card-index)*.1s);cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lrh-card:hover{transform:translateY(-4px)}.lrh-card-glow{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,#0000) 0,color-mix(in srgb,var(--accent) 25%,#0000) 40%,color-mix(in srgb,var(--accent) 15%,#0000) 70%,#0000 100%);border-radius:8px;display:none;inset:-1px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:0}.lrh-card:hover .lrh-card-glow{opacity:1}.lrh-card-border{border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;inset:0;pointer-events:none;position:absolute;transition:all .3s ease;z-index:1}.lrh-card:hover .lrh-card-border{border-color:color-mix(in srgb,var(--accent) 50%,#0000)}.lrh-card-inner{background:color-mix(in srgb,var(--bg-primary) 90%,var(--accent));background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 90%,var(--accent));border-radius:8px;display:flex;flex-direction:column;height:100%;padding:24px;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1);z-index:2}.lrh-card:hover .lrh-card-inner{background:color-mix(in srgb,var(--bg-primary) 85%,var(--accent));background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 85%,var(--accent))}.lrh-card-line,.lrh-card:hover .lrh-card-line{display:none}.lrh-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.lrh-card-icon,.lrh-card-icon-wrapper{position:relative}.lrh-card-icon{align-items:center;color:var(--accent);display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:1}.lrh-card:hover .lrh-card-icon{transform:scale(1.1)}.lrh-card-icon-bg{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;inset:0;position:absolute;transition:all .3s ease}.lrh-card:hover .lrh-card-icon-bg{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:color-mix(in srgb,var(--accent) 30%,#0000)}.lrh-card-badge{align-items:center;background:color-mix(in srgb,var(--accent) 8%,#0000);border:1px solid color-mix(in srgb,var(--accent) 12%,#0000);border-radius:6px;color:var(--accent);display:flex;font-size:9px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.lrh-card-body{display:flex;flex:1 1;flex-direction:column;gap:12px}.lrh-card-title{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s ease}.lrh-card:hover .lrh-card-title{color:var(--accent)}.lrh-card-desc{color:color-mix(in srgb,#fff 55%,#0000);color:color-mix(in srgb,var(--text-primary,#fff) 55%,#0000);font-size:13px;font-weight:400;line-height:1.6}.lrh-card-footer{margin-top:20px}.lrh-card-cta{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:6px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:10px;font-weight:700;gap:10px;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.lrh-card-cta-icon{transition:transform .3s ease}.lrh-card:hover .lrh-card-cta{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);color:var(--bg-primary,var(--bg-primary))}.lrh-card:hover .lrh-card-cta-icon{transform:translateX(4px)}.lrh-card-featured .lrh-card-border{border-color:color-mix(in srgb,var(--accent) 35%,#0000);border-radius:8px}.lrh-card-featured .lrh-card-inner{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-primary) 75%,var(--accent)) 0,color-mix(in srgb,var(--bg-primary) 85%,var(--accent)) 50%,color-mix(in srgb,var(--bg-primary) 92%,var(--accent)) 100%);border-radius:8px}.lrh-card-featured .lrh-card-glow{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 50%,#0000) 0,color-mix(in srgb,var(--accent) 35%,#0000) 35%,color-mix(in srgb,var(--accent) 20%,#0000) 60%,#0000 100%)}[data-theme-mode=light] .lrh{background:#fafafa;background:var(--bg-primary,#fafafa)}[data-theme-mode=light] .lrh-ambient-orb{opacity:.15}[data-theme-mode=light] .lrh-ambient-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 5%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,#0000) 1px,#0000 1px)}[data-theme-mode=light] .lrh-header{background:color-mix(in srgb,#fafafa 90%,#0000);background:color-mix(in srgb,var(--bg-primary,#fafafa) 90%,#0000);border-bottom-color:color-mix(in srgb,var(--accent) 20%,#0000)}[data-theme-mode=light] .lrh-hero-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .lrh-hero-subtitle{color:color-mix(in srgb,#1a1a2e 60%,#0000);color:color-mix(in srgb,var(--text-primary,#1a1a2e) 60%,#0000)}[data-theme-mode=light] .lrh-nav-btn-ghost{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .lrh-card-inner{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}[data-theme-mode=light] .lrh-card:hover .lrh-card-inner{background:#fff;border-radius:8px;box-shadow:0 20px 40px #00000014}[data-theme-mode=light] .lrh-card-border{border-color:color-mix(in srgb,var(--accent) 15%,#e5e5e5);border-radius:8px}[data-theme-mode=light] .lrh-card:hover .lrh-card-border{border-color:var(--accent);border-radius:8px}[data-theme-mode=light] .lrh-card-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .lrh-card-desc{color:color-mix(in srgb,#1a1a2e 60%,#0000);color:color-mix(in srgb,var(--text-primary,#1a1a2e) 60%,#0000)}[data-theme-mode=light] .lrh-card-icon-bg{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px}[data-theme-mode=light] .lrh-card:hover .lrh-card-icon-bg{background:color-mix(in srgb,var(--accent) 12%,#0000);border-radius:8px}[data-theme-mode=light] .lrh-card-badge{background:color-mix(in srgb,var(--accent) 6%,#0000);border-color:color-mix(in srgb,var(--accent) 12%,#0000);border-radius:6px}[data-theme-mode=light] .lrh-card-cta{border-color:color-mix(in srgb,var(--accent) 40%,#0000);border-radius:6px}[data-theme-mode=light] .lrh-card:hover .lrh-card-cta{color:#fff}[data-theme-mode=light] .lrh-footer{border-top-color:color-mix(in srgb,var(--accent) 15%,#e5e5e5)}[data-theme-mode=light] .lrh-footer-item{color:color-mix(in srgb,#1a1a2e 50%,#0000);color:color-mix(in srgb,var(--text-primary,#1a1a2e) 50%,#0000)}@media (max-width:1200px){.lrh-main{padding:32px}.lrh-hero-title{font-size:13px}.lrh-card-inner{padding:28px}}@media (max-width:900px){.lrh-grid{gap:20px;grid-template-columns:1fr}.lrh-hero{margin-bottom:40px}.lrh-hero-title{font-size:12px}}@media (max-width:768px){.lrh-header{flex-direction:column;gap:16px;padding:16px 20px}.lrh-header-left,.lrh-header-right{justify-content:center;width:100%}.lrh-main{padding:24px 20px}.lrh-hero-title{font-size:12px}.lrh-hero-subtitle{font-size:14px}.lrh-card-inner{padding:24px}.lrh-card-title{font-size:12px}.lrh-card-desc{font-size:13px}.lrh-card-icon{height:48px;width:48px}.lrh-card-cta{justify-content:center;width:100%}}@media (max-width:480px){.lrh-logo{font-size:20px}.lrh-subtitle{font-size:9px}.lrh-hero-badge{font-size:9px;padding:6px 12px}.lrh-hero-title{font-size:11px}.lrh-card-top{flex-direction:column;gap:16px}.lrh-card-badge{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.lrh-ambient-orb,.lrh-card,.lrh-hero{animation:none}.lrh-card-cta,.lrh-card-cta-icon,.lrh-card-icon,.lrh-card-inner,.lrh-card-line{transition:none}}.lrh::-webkit-scrollbar{width:8px}.lrh::-webkit-scrollbar-track{background:#0000}.lrh::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 30%,#0000)}.lrh::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 50%,#0000)}[data-theme-mode=dark] .lrh-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .lrh-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.share-modal-overlay *,.share-modal-overlay :after,.share-modal-overlay :before{border-radius:0!important}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.share-modal-content{animation:slideUp .3s ease;background:#1a1c23;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.share-modal-header{align-items:flex-start;background:#1a1c23;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.share-modal-title{align-items:flex-start;display:flex;gap:16px}.share-modal-title svg{color:#d7b38c;color:var(--accent);flex-shrink:0;margin-top:2px}.share-modal-title h2{color:#eaecef;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.share-modal-subtitle{font-size:13px;font-weight:400;margin:0}.share-modal-close,.share-modal-subtitle{color:#b8c0cc;color:var(--text-secondary)}.share-modal-close{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:all .2s}.share-modal-close:hover{background:var(--border);color:#eaecef;color:var(--text-primary)}.share-modal-body{background:#13151a;flex:1 1;overflow-y:auto;padding:24px}.share-modal-body::-webkit-scrollbar{width:8px}.share-modal-body::-webkit-scrollbar-track{background:#0000}.share-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.share-section{margin-bottom:32px}.share-section:last-child{margin-bottom:0}.share-section-title{color:#eaecef;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.permission-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.permission-option{align-items:flex-start;background:#1a1c23;border:2px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:12px;padding:16px;text-align:left;transition:all .2s}.permission-option:hover{background:color-mix(in srgb,#d7b38c 5%,#1a1c23);background:color-mix(in srgb,var(--accent) 5%,#1a1c23);border-color:#d7b38c;border-color:var(--accent)}.permission-option.active{background:color-mix(in srgb,#d7b38c 10%,#1a1c23);background:color-mix(in srgb,var(--accent) 10%,#1a1c23);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,#d7b38c 15%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}.permission-option svg{color:#d7b38c;color:var(--accent);flex-shrink:0;margin-top:2px}.permission-option div{display:flex;flex-direction:column;gap:4px}.permission-option strong{color:#eaecef;color:var(--text-primary);display:block;font-size:14px;font-weight:600}.permission-option span{color:#b8c0cc;color:var(--text-secondary);display:block;font-size:12px}.friend-search{margin-bottom:12px;position:relative}.friend-search svg{color:#b8c0cc;color:var(--text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.friend-search input{background:#1a1c23;border:1px solid var(--border);border-radius:8px;color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s;width:100%}.friend-search input:focus{background:#1f2128;border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,#d7b38c 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.friend-search input::placeholder{color:#b8c0cc;color:var(--text-secondary)}.friends-list{background:#1a1c23;border:1px solid var(--border);border-radius:8px;max-height:300px;overflow-y:auto}.friends-list::-webkit-scrollbar{width:8px}.friends-list::-webkit-scrollbar-track{background:#0000}.friends-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.friend-item{align-items:center;background:#0000;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.friend-item:last-child{border-bottom:none}.friend-item:hover{background:color-mix(in srgb,#d7b38c 5%,#0000);background:color-mix(in srgb,var(--accent) 5%,#0000)}.friend-item.selected{background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border-left:3px solid #d7b38c;border-left:3px solid var(--accent)}.friend-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-avatar-placeholder{align-items:center;background:color-mix(in srgb,#d7b38c 20%,#1a1c23);background:color-mix(in srgb,var(--accent) 20%,#1a1c23);color:#d7b38c;color:var(--accent);display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.friend-name{color:#eaecef;color:var(--text-primary);font-size:14px;font-weight:600}.friend-username{color:#b8c0cc;color:var(--text-secondary);font-size:12px}.friend-checkbox{align-items:center;background:#1a1c23;border:2px solid var(--border);border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.friend-item.selected .friend-checkbox{background:#d7b38c;background:var(--accent);border-color:#d7b38c;border-color:var(--accent);color:#1a1c23}.no-friends{background:#1a1c23;color:#b8c0cc;color:var(--text-secondary);padding:48px 20px;text-align:center}.no-friends svg{color:#d7b38c;color:var(--accent);margin-bottom:12px}.no-friends p{font-size:14px;margin:8px 0}.no-friends-hint{font-size:12px;opacity:.7}.selected-count{align-items:center;background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid #d7b38c;border:1px solid var(--accent);border-radius:8px;color:#eaecef;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-top:12px;padding:10px 16px}.selected-count svg{color:#d7b38c;color:var(--accent)}.share-message-input{background:#1a1c23;border:1px solid var(--border);border-radius:8px;color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:all .2s;width:100%}.share-message-input:focus{background:#1f2128;border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,#d7b38c 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.share-message-input::placeholder{color:#b8c0cc;color:var(--text-secondary)}.share-link,.share-link-container{display:flex;gap:8px}.share-link{align-items:center;background:#1a1c23;border:1px solid var(--border);border-radius:8px;flex:1 1;padding:12px 16px}.share-link svg{color:#d7b38c;color:var(--accent);flex-shrink:0}.share-link input{background:#0000;border:none;color:#eaecef;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:13px}.share-link input:focus{outline:none}.copy-link-btn{align-items:center;background:#d7b38c;background:var(--accent);border:none;border-radius:8px;color:#1a1c23;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:12px 20px;transition:all .2s;white-space:nowrap}.copy-link-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.share-link-hint{color:#b8c0cc;color:var(--text-secondary);font-size:12px;margin:8px 0 0}.share-error{align-items:center;background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--danger) 10%,#0000);border:1px solid #ef4444;border:1px solid var(--danger);border-radius:8px;color:#ef4444;color:var(--danger);display:flex;font-size:13px;gap:8px;margin-top:16px;padding:12px 16px}.share-error svg{flex-shrink:0}.share-success-message{background:#13151a;padding:48px 24px;text-align:center}.share-success-message svg{color:#10b981;color:var(--success);margin-bottom:16px}.share-success-message h3{color:#eaecef;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.share-success-message p{color:#b8c0cc;color:var(--text-secondary);font-size:14px;margin:0}.share-modal-footer{background:#1a1c23;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.share-btn-cancel,.share-btn-primary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.share-btn-cancel{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary)}.share-btn-cancel:hover{background:var(--border);border-color:#b8c0cc;border-color:var(--text-secondary);color:#eaecef;color:var(--text-primary)}.share-btn-primary{background:#d7b38c;background:var(--accent);border:none;color:#1a1c23}.share-btn-primary:hover:not(:disabled){background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 4px 12px #d7b38c66;transform:translateY(-1px)}.share-btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.share-modal-content{max-height:95vh}.permission-options{grid-template-columns:1fr}.share-link-container{flex-direction:column}.copy-link-btn{justify-content:center;width:100%}.share-modal-footer{flex-direction:column-reverse}.share-btn-cancel,.share-btn-primary{justify-content:center;width:100%}}.hub-page{--sh-bg-primary:var(--bg-bottom,var(--bg-primary));--sh-bg-secondary:var(--panel,var(--bg-secondary));--sh-bg-tertiary:var(--bg-top,#1a1a1f);--sh-bg-card:var(--panel,var(--bg-secondary));--sh-border-subtle:var(--border,var(--border));--sh-text-primary:var(--text-primary,#eaecef);--sh-text-secondary:var(--text-secondary,#b8c0cc);--sh-accent:var(--accent,#d7b38c);--sh-accent-2:var(--accent-2,#b88f63);--sh-accent-glow:color-mix(in srgb,var(--accent) 20%,#0000);--sh-accent-glow-strong:color-mix(in srgb,var(--accent) 40%,#0000);--sh-header-height:72px;--sh-success:#22c55e;--sh-warning:var(--accent,#d7b38c);--sh-danger:#ef4444;--sh-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--sh-transition-bounce:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--sh-shadow-sm:0 2px 8px #00000026;--sh-shadow-md:0 8px 24px #0003;--sh-shadow-lg:0 16px 48px #0000004d;--sh-shadow-glow:0 0 40px var(--sh-accent-glow)}.hub-page *{box-sizing:border-box;margin:0;padding:0}.hub-page :focus{outline:none}.hub-page{background:radial-gradient(circle at 2px 2px,#ffffff14 1.5px,#0000 0),linear-gradient(135deg,var(--sh-bg-primary) 0,color-mix(in srgb,var(--sh-bg-primary) 55%,var(--accent)) 50%,var(--sh-bg-primary) 100%)!important;background-position:5px 5px,0 0;background-size:30px 30px,100% 100%;bottom:0!important;color:var(--sh-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.hub-page:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--sh-accent-glow) 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,color-mix(in srgb,var(--sh-accent) 10%,#0000) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hub-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);max-height:70px;padding:0 40px}.hub-header-left{align-items:center;display:flex}.hub-logo{position:relative}.hub-nav-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:19px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:11px;height:38px;padding:0 16px}.hub-nav-btn:hover{background:var(--panel);border-color:var(--accent)}.hub-nav-btn-ghost:hover{background:#0000}.bento-container{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);overflow-x:hidden;overflow-y:auto;padding:24px 32px;position:relative;z-index:1}.bento-card{align-items:center;background:var(--sh-bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:32px;position:relative;text-align:center;transition:var(--sh-transition)}.bento-card-arrow{color:var(--accent);opacity:.4;pointer-events:none;position:absolute;right:16px;top:16px;transition:all .3s ease;z-index:10}.bento-card:hover .bento-card-arrow{opacity:1;transform:translateX(4px)}.bento-card:before{background:radial-gradient(circle at center,var(--sh-accent-glow) 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:var(--sh-transition)}.bento-card:after{background:linear-gradient(45deg,#0000 40%,#ffffff08 50%,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateY(100%);transition:transform .6s ease;width:200%}.bento-card:hover{background:color-mix(in srgb,var(--sh-accent) 8%,var(--sh-bg-card));transform:scale(1.01)}.bento-card:hover:before{opacity:.5}.bento-card:hover:after{transform:rotate(45deg) translateY(-100%)}.bento-card-content{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.bento-card-icon{color:var(--sh-accent);transition:var(--sh-transition-bounce)}.bento-card:hover .bento-card-icon{filter:drop-shadow(0 0 20px var(--sh-accent-glow-strong));transform:scale(1.15) translateY(-4px)}.bento-card-text{display:flex;flex-direction:column;gap:6px}.bento-card-title{color:var(--sh-text-primary);font-size:16px;font-weight:700;letter-spacing:normal;margin:0;text-transform:none;transition:var(--sh-transition)}.bento-card:hover .bento-card-title{color:var(--sh-accent)}.bento-card-subtitle{color:color-mix(in srgb,var(--sh-accent) 70%,var(--sh-text-primary));font-size:10px;font-weight:600;letter-spacing:2px;margin:0;opacity:1;text-transform:uppercase}.bento-card-description{color:var(--sh-text-secondary);font-size:13px;line-height:1.5;margin-top:8px}.welcome-card{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 50%,color-mix(in srgb,var(--sh-accent) 70%,#000) 100%)!important;cursor:default!important;grid-column:1/3;grid-row:1/3;position:relative}.welcome-card:before{background:radial-gradient(ellipse 100% 100% at 0 0,#fff3 0,#0000 50%),radial-gradient(ellipse 80% 80% at 100% 100%,#0003 0,#0000 50%);inset:0}.welcome-card:after,.welcome-card:before{content:"";pointer-events:none;position:absolute}.welcome-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:150px;right:20px;top:20px;width:150px}.welcome-card .bento-card-title{color:var(--sh-bg-primary)!important;font-size:56px;font-weight:900;letter-spacing:-2px;text-shadow:0 4px 20px #0003;text-transform:none}.welcome-card .bento-card-subtitle{color:var(--sh-bg-primary)!important;font-size:14px;letter-spacing:4px;opacity:.7}.welcome-card .bento-card-description{color:var(--sh-bg-primary)!important;font-size:18px;font-weight:500;opacity:.85}.welcome-card:hover{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 50%,color-mix(in srgb,var(--sh-accent) 70%,#000) 100%)!important;transform:none}.friends-card{background:linear-gradient(145deg,var(--sh-bg-card) 0,color-mix(in srgb,var(--sh-accent) 5%,var(--sh-bg-card)) 100%);grid-column:3/4;grid-row:1/2}.friends-card:before{background:radial-gradient(circle at top right,var(--sh-accent-glow) 0,#0000 60%)}.activity-card{background:linear-gradient(145deg,color-mix(in srgb,var(--sh-accent) 12%,var(--sh-bg-card)) 0,var(--sh-bg-card) 100%);grid-column:3/4;grid-row:2/3}.activity-card:before{background:radial-gradient(circle at center,var(--sh-accent-glow-strong) 0,#0000 60%)}.games-card{background:linear-gradient(180deg,var(--sh-accent) 0,var(--sh-accent-2) 50%,color-mix(in srgb,var(--sh-accent) 60%,#000) 100%)!important;grid-column:4/5;grid-row:1/4;position:relative}.games-card:before{background:radial-gradient(ellipse 100% 50% at 50% 0,#ffffff26 0,#0000 50%),radial-gradient(ellipse 80% 40% at 50% 100%,#0000004d 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.games-card:after{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:80px;left:50%;position:absolute;top:40px;transform:translateX(-50%);width:80px}.games-card .bento-card-description,.games-card .bento-card-icon,.games-card .bento-card-subtitle,.games-card .bento-card-title{color:var(--sh-bg-primary)!important}.games-card .bento-card-title{font-size:28px;font-weight:800;text-shadow:0 2px 10px #0003}.games-card .bento-card-subtitle{opacity:.7}.games-card:hover{transform:scale(1.01)}.games-card:hover .bento-card-icon{transform:scale(1.2) translateY(-8px)}.playlists-card{background:linear-gradient(145deg,var(--sh-bg-card) 0,color-mix(in srgb,var(--sh-accent) 3%,var(--sh-bg-card)) 100%);grid-column:1/2;grid-row:3/4}.quiz-card{background:linear-gradient(145deg,color-mix(in srgb,var(--sh-accent) 5%,var(--sh-bg-card)) 0,var(--sh-bg-card) 100%);grid-column:2/3;grid-row:3/4}.shared-card{background:linear-gradient(145deg,var(--sh-bg-card) 0,color-mix(in srgb,var(--sh-accent) 8%,var(--sh-bg-card)) 100%);grid-column:3/4;grid-row:3/4}.leaderboards-card{display:none}.hub-tabs-bottom{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--sh-bg-secondary);border-top:1px solid var(--sh-border-subtle);display:flex;gap:12px;height:64px;justify-content:center;min-height:64px;padding:0 32px;position:relative;z-index:100}.hub-tabs-bottom:before{background:linear-gradient(90deg,#0000,var(--sh-accent),#0000);content:"";height:1px;left:10%;opacity:.4;position:absolute;right:10%;top:0}.hub-tab{background:#0000;border:none;border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:2px;opacity:.7;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.hub-tab.active,.hub-tab:hover{background:#0000;color:var(--accent);opacity:1}.friend-section{background:linear-gradient(180deg,var(--sh-bg-primary) 0,var(--sh-bg-tertiary) 100%);flex:1 1;overflow-y:auto;padding:32px 48px;position:relative}.friend-section::-webkit-scrollbar{width:8px}.friend-section::-webkit-scrollbar-track{background:var(--sh-bg-secondary);border-radius:4px}.friend-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);border-radius:4px}.friend-section::-webkit-scrollbar-thumb:hover{background:var(--sh-accent)}.section-header{margin-bottom:32px}.section-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px}.section-title{color:var(--sh-accent);font-size:12px;font-weight:700;letter-spacing:2px;margin:32px 0 20px;text-transform:uppercase}.section-title:after{background:linear-gradient(90deg,var(--sh-accent),#0000);content:"";flex:1 1;height:1px;opacity:.3}.search-container{align-items:center;background:var(--sh-bg-secondary);border:1px solid var(--sh-border-subtle);border-radius:26px;display:flex;gap:16px;height:52px;margin-bottom:32px;overflow:hidden;padding:0 20px;position:relative;transition:var(--sh-transition)}.search-container:before{background:linear-gradient(135deg,var(--sh-accent-glow) 0,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:var(--sh-transition)}.search-container:focus-within{border-color:var(--sh-accent);box-shadow:0 0 20px var(--sh-accent-glow),inset 0 0 20px var(--sh-accent-glow)}.search-container:focus-within:before{opacity:.3}.search-container svg{color:var(--sh-accent);flex-shrink:0;position:relative;transition:var(--sh-transition);z-index:1}.search-container:focus-within svg{transform:scale(1.1)}.search-input{background:#0000;border:none;color:var(--sh-text-primary);flex:1 1;font-size:15px;outline:none;position:relative;z-index:1}.search-input::placeholder{color:var(--sh-text-secondary)}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.user-card{background:linear-gradient(145deg,color-mix(in srgb,var(--sh-accent) 3%,var(--sh-bg-card)) 0,var(--sh-bg-card) 50%,color-mix(in srgb,var(--sh-accent) 5%,var(--sh-bg-card)) 100%);border:2px solid color-mix(in srgb,var(--sh-accent) 25%,#0000);border-radius:32px;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-card:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 0,#ffffff03 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff03 0,#ffffff03 4px);content:"";inset:0;opacity:.3;pointer-events:none;position:absolute}.user-card:after{background:#0000;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.user-card:hover{border-color:var(--sh-accent);box-shadow:0 20px 60px #00000040,0 0 40px var(--sh-accent-glow),inset 0 1px 0 #ffffff1a;transform:translateY(-8px) scale(1.02)}.user-card:hover:after{opacity:0}.user-card-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--sh-accent) 12%,var(--sh-bg-tertiary)) 0,color-mix(in srgb,var(--sh-accent) 5%,var(--sh-bg-card)) 100%);border-bottom:2px solid color-mix(in srgb,var(--sh-accent) 20%,#0000);display:flex;flex-direction:column;gap:0;margin-bottom:0;padding:32px 24px 24px;position:relative}.user-card-header:before{background:#0000;content:"";height:2px;opacity:0;top:0;width:80%}.user-card-header:after,.user-card-header:before{left:50%;position:absolute;transform:translateX(-50%)}.user-card-header:after{color:var(--sh-accent);content:"✦";font-size:12px;opacity:.6;top:12px}.user-avatar{border:4px solid var(--sh-accent);border-radius:50%;box-shadow:0 0 0 2px var(--sh-bg-card),0 0 0 4px color-mix(in srgb,var(--sh-accent) 40%,#0000),0 8px 24px #0003;flex-shrink:0;height:96px;margin-bottom:16px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:96px}.user-avatar:before{animation:rotate-ring 4s linear infinite;animation-play-state:paused;background:conic-gradient(from 0deg,#0000 0deg,var(--sh-accent) 90deg,#0000 180deg,var(--sh-accent) 270deg,#0000 1turn);border-radius:50%;content:"";inset:-8px;opacity:0;position:absolute;transition:opacity .4s ease}.user-card:hover .user-avatar:before{animation-play-state:running;opacity:.6}.user-card:hover .user-avatar{box-shadow:0 0 0 2px var(--sh-bg-card),0 0 0 4px var(--sh-accent),0 0 30px var(--sh-accent-glow-strong),0 12px 32px #0000004d;transform:scale(1.08)}.user-avatar img{object-fit:cover}.user-avatar img,.user-avatar-placeholder{height:100%;position:relative;width:100%;z-index:1}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);color:var(--sh-bg-primary);display:flex;font-size:36px;font-weight:800;justify-content:center;text-shadow:0 2px 8px #0000004d}.user-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;text-align:center}.user-name{color:var(--sh-text-primary);font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px #0000001a;transition:all .3s ease}.user-card:hover .user-name{color:var(--sh-accent);text-shadow:0 0 20px var(--sh-accent-glow)}.user-username{color:var(--sh-text-secondary);font-size:14px;font-weight:500;margin:0;opacity:.8}.user-field{background:var(--sh-accent-glow);border:1px solid color-mix(in srgb,var(--sh-accent) 30%,#0000);border-radius:32px;color:var(--sh-accent);display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin:4px 0 0;padding:6px 16px;text-transform:uppercase}.user-card-header>.request-actions,.user-card-header>button,.user-card-header>span{position:absolute;right:16px;top:16px}.user-subjects{background:var(--sh-bg-card);padding:20px 24px}.user-subjects h4{align-items:center;color:var(--sh-accent);display:flex;font-size:10px;font-weight:800;gap:12px;justify-content:center;letter-spacing:2px;margin:0 0 14px;position:relative;text-align:center;text-transform:uppercase}.user-subjects h4:after,.user-subjects h4:before{background:linear-gradient(to right,#0000,color-mix(in srgb,var(--sh-accent) 30%,#0000),#0000);content:"";flex:1 1;height:1px}.subject-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.subject-tag{background:linear-gradient(135deg,color-mix(in srgb,var(--sh-accent) 15%,#0000) 0,color-mix(in srgb,var(--sh-accent) 8%,#0000) 100%);border:1.5px solid color-mix(in srgb,var(--sh-accent) 35%,#0000);border-radius:32px;color:var(--sh-accent);font-size:11px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:8px 18px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.subject-tag:before{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.subject-tag:hover{border-color:var(--sh-accent);box-shadow:0 6px 20px var(--sh-accent-glow);color:var(--sh-bg-primary);transform:translateY(-3px)}.subject-tag:hover:before{opacity:1}.user-stats{grid-gap:1px;background:color-mix(in srgb,var(--sh-accent) 15%,#0000);border-radius:0 0 30px 30px;border-top:2px solid color-mix(in srgb,var(--sh-accent) 20%,#0000);display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin-top:0;overflow:hidden;padding:0}.stat-item{background:linear-gradient(180deg,var(--sh-bg-card) 0,color-mix(in srgb,var(--sh-accent) 3%,var(--sh-bg-card)) 100%);justify-content:center;overflow:hidden;padding:14px 8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:before{background:linear-gradient(135deg,var(--sh-accent-glow) 0,#0000 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.stat-item:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--sh-accent) 10%,var(--sh-bg-card)) 0,color-mix(in srgb,var(--sh-accent) 5%,var(--sh-bg-card)) 100%);transform:translateY(-2px)}.stat-item:hover:before{opacity:.5}.stat-value{color:var(--sh-accent);font-size:18px;letter-spacing:-.5px;text-shadow:0 0 20px var(--sh-accent-glow)}.stat-label{color:var(--sh-text-secondary);font-size:7px;font-weight:700;letter-spacing:.8px}.social-action-button{align-items:center;background:linear-gradient(135deg,var(--sh-bg-tertiary) 0,var(--sh-bg-secondary) 100%);border:2px solid var(--sh-border-subtle);border-radius:16px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff0d;color:var(--sh-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.social-action-button:before{background:linear-gradient(135deg,currentColor,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.social-action-button:hover{box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff1a;transform:translateY(-4px) scale(1.08)}.social-action-button:hover:before{opacity:.15}.social-action-button svg{position:relative;transition:transform .3s ease;z-index:1}.social-action-button:hover svg{transform:scale(1.15)}.social-action-button.add-friend{background:linear-gradient(135deg,color-mix(in srgb,var(--sh-accent) 10%,var(--sh-bg-tertiary)) 0,color-mix(in srgb,var(--sh-accent) 5%,var(--sh-bg-secondary)) 100%);border-color:var(--sh-accent);color:var(--sh-accent)}.social-action-button.add-friend:hover{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);border-color:var(--sh-accent);box-shadow:0 12px 32px var(--sh-accent-glow-strong),0 0 40px var(--sh-accent-glow);color:var(--sh-bg-primary)}.social-action-button.accept{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:var(--sh-success);box-shadow:0 2px 8px #22c55e26,inset 0 1px 0 #ffffff0d;color:var(--sh-success)}.social-action-button.accept:hover{background:linear-gradient(135deg,var(--sh-success) 0,#16a34a 100%);border-color:var(--sh-success);box-shadow:0 12px 32px #22c55e66,0 0 40px #22c55e4d;color:#fff}.social-action-button.reject,.social-action-button.remove{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:var(--sh-danger);box-shadow:0 2px 8px #ef444426,inset 0 1px 0 #ffffff0d;color:var(--sh-danger)}.social-action-button.reject:hover,.social-action-button.remove:hover{background:linear-gradient(135deg,var(--sh-danger) 0,#dc2626 100%);border-color:var(--sh-danger);box-shadow:0 12px 32px #ef444466,0 0 40px #ef44444d;color:#fff}.request-actions{display:flex;gap:10px}.friend-badge,.pending-badge{border-radius:32px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff1a;font-size:11px;font-weight:800;letter-spacing:1px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase}.friend-badge:before,.pending-badge:before{background:linear-gradient(135deg,currentColor,#0000);content:"";inset:0;opacity:.1;position:absolute}.friend-badge{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:2px solid var(--sh-success);box-shadow:0 2px 8px #22c55e33,0 0 20px #22c55e26,inset 0 1px 0 #ffffff1a;color:var(--sh-success)}.pending-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#0000) 0,color-mix(in srgb,var(--accent) 10%,#0000) 100%);border:2px solid var(--sh-warning);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 20%,#0000),0 0 20px color-mix(in srgb,var(--accent) 15%,#0000),inset 0 1px 0 #ffffff1a;color:var(--sh-warning)}.shared-header-actions{margin-bottom:32px}.share-new-content-btn{align-items:center;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);border:none;border-radius:24px;color:var(--sh-bg-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:var(--sh-transition-bounce)}.share-new-content-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.share-new-content-btn:hover{box-shadow:0 12px 40px var(--sh-accent-glow-strong),0 0 40px var(--sh-accent-glow);transform:translateY(-4px) scale(1.02)}.share-new-content-btn:hover:before{left:100%}.shared-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.shared-filter-buttons{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{align-items:center;background:var(--sh-bg-secondary);border:1px solid var(--sh-border-subtle);border-radius:20px;color:var(--sh-text-secondary);display:flex;font-size:13px;gap:8px;padding:12px 20px;transition:var(--sh-transition)}.filter-btn:hover{background:var(--sh-bg-tertiary);border-color:var(--sh-accent);color:var(--sh-text-primary)}.filter-btn.active{background:var(--sh-accent-glow);border-color:var(--sh-accent);color:var(--sh-accent)}.shared-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.shared-item-card{background:var(--sh-bg-card);border:1px solid var(--sh-border-subtle);border-radius:28px;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:24px;position:relative;transition:var(--sh-transition)}.shared-item-card:before{background:linear-gradient(90deg,var(--sh-accent),var(--sh-accent-2));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--sh-transition)}.shared-item-card:hover{border-color:var(--sh-accent);box-shadow:0 12px 40px #0003,0 0 30px var(--sh-accent-glow);transform:translateY(-4px)}.shared-item-card:hover:before{opacity:1}.shared-item-header{align-items:center;display:flex;justify-content:space-between}.content-type-badge,.permission-badge{align-items:center;border-radius:32px;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.content-type-badge[data-type=chat]{background:var(--sh-accent-glow);border:1px solid color-mix(in srgb,var(--sh-accent) 40%,#0000);color:var(--sh-accent)}.content-type-badge[data-type=note]{background:#22c55e26;border:1px solid var(--sh-success);color:var(--sh-success)}.permission-badge[data-permission=view]{background:var(--sh-bg-tertiary);border:1px solid var(--sh-border-subtle);color:var(--sh-text-secondary)}.permission-badge[data-permission=edit]{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid var(--sh-warning);color:var(--sh-warning)}.shared-item-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.shared-item-title{color:var(--sh-text-primary);transition:var(--sh-transition)}.shared-item-card:hover .shared-item-title{color:var(--sh-accent)}.share-message{background:var(--sh-bg-tertiary);border-left:3px solid var(--sh-accent);border-radius:0 8px 8px 0;color:var(--sh-text-secondary);font-size:14px;padding:12px 16px}.shared-by{background:linear-gradient(135deg,var(--sh-bg-tertiary) 0,var(--sh-bg-secondary) 100%);border:1px solid var(--sh-border-subtle);border-radius:20px;gap:14px;padding:16px}.shared-by-avatar{border:2px solid var(--sh-accent);height:44px;width:44px}.shared-by-avatar-placeholder{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);color:var(--sh-bg-primary);font-size:16px}.shared-by-info{gap:4px}.shared-by-text{color:var(--sh-text-secondary);font-size:10px;letter-spacing:1px}.shared-by-name{color:var(--sh-text-primary);font-size:14px}.meta-item{color:var(--sh-text-secondary)}.meta-item svg{color:var(--sh-accent)}.shared-item-footer{border-top:1px solid var(--sh-border-subtle);display:flex;gap:12px;padding-top:16px}.shared-item-action-btn{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:var(--sh-transition-bounce)}.shared-item-action-btn.open{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);border:none;color:var(--sh-bg-primary);flex:1 1}.shared-item-action-btn.open:hover{box-shadow:0 8px 25px var(--sh-accent-glow-strong);transform:translateY(-3px)}.shared-item-action-btn.remove{background:var(--sh-bg-tertiary);border:1px solid var(--sh-border-subtle);color:var(--sh-text-secondary);padding:12px}.shared-item-action-btn.remove:hover{background:#ef44441a;border-color:var(--sh-danger);color:var(--sh-danger)}.empty-state{background:linear-gradient(135deg,var(--sh-bg-card) 0,var(--sh-bg-tertiary) 100%);border:2px dashed var(--sh-border-subtle);border-radius:28px;color:var(--sh-text-secondary);font-size:15px;padding:80px 40px;position:relative;text-align:center}.empty-state:before{background:radial-gradient(circle at center,var(--sh-accent-glow) 0,#0000 70%);content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}.loading-text{color:var(--sh-text-secondary);font-size:15px;padding:60px}.requests-section{margin-bottom:40px}.modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);inset:0;padding:24px;z-index:10000}.modal-content{background:var(--sh-bg-card);border:1px solid var(--sh-border-subtle);border-radius:32px;box-shadow:0 24px 80px #00000080,0 0 60px var(--sh-accent-glow);display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;position:relative}.modal-content:before{background:linear-gradient(90deg,var(--sh-accent),var(--sh-accent-2),var(--sh-accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-header{background:linear-gradient(180deg,var(--sh-bg-tertiary) 0,var(--sh-bg-card) 100%);border-bottom:1px solid var(--sh-border-subtle);padding:24px 28px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.modal-close{background:var(--sh-bg-tertiary);border:1px solid var(--sh-border-subtle);border-radius:20px;color:var(--sh-text-secondary);transition:var(--sh-transition)}.modal-close:hover{border-color:var(--sh-danger);color:var(--sh-danger)}.modal-filters{background:var(--sh-bg-secondary);border-bottom:1px solid var(--sh-border-subtle);display:flex;gap:12px;padding:20px 28px}.my-content-list{flex:1 1;overflow-y:auto;padding:20px 28px}.content-item{align-items:center;background:var(--sh-bg-tertiary);border:1px solid var(--sh-border-subtle);border-radius:20px;cursor:pointer;display:flex;gap:16px;margin-bottom:12px;padding:18px;transition:var(--sh-transition)}.content-item:hover{background:var(--sh-accent-glow);border-color:var(--sh-accent);transform:translateX(4px)}.content-item-icon{color:var(--sh-accent)}.content-item-info{flex:1 1}.content-item-info h4{color:var(--sh-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.content-item-info p{color:var(--sh-text-secondary);font-size:13px;margin:0}.content-item-share-icon{color:var(--sh-accent);opacity:0;transition:var(--sh-transition)}.content-item:hover .content-item-share-icon{opacity:1;transform:translateX(4px)}.empty-content{color:var(--sh-text-secondary);font-size:14px;padding:60px;text-align:center}[data-theme-mode=light] .hub-page{--sh-bg-primary:var(--bg-bottom,#f8f6f3);--sh-bg-secondary:var(--panel,#fff);--sh-bg-tertiary:var(--bg-top,#fefefe);--sh-bg-card:var(--panel,#fff);--sh-border-subtle:var(--border,#e5e1dc);--sh-text-primary:var(--text-primary,#2d2a26);--sh-text-secondary:var(--text-secondary,#5c5852);--sh-shadow-sm:0 2px 8px #0000000f;--sh-shadow-md:0 8px 24px #00000014;--sh-shadow-lg:0 16px 48px #0000001f;background:radial-gradient(circle at 2px 2px,#0000000f 1.5px,#0000 0),linear-gradient(135deg,var(--sh-bg-tertiary) 0,color-mix(in srgb,var(--sh-bg-primary) 55%,var(--accent)) 50%,var(--sh-bg-primary) 100%)!important;background-position:5px 5px,0 0;background-size:30px 30px,100% 100%}[data-theme-mode=light] .hub-page:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--sh-accent-glow) 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,color-mix(in srgb,var(--sh-accent) 8%,#0000) 0,#0000 50%);opacity:.4}[data-theme-mode=light] .hub-header{background:var(--sh-bg-secondary);border-bottom-color:var(--sh-border-subtle);box-shadow:0 2px 12px #0000000a}[data-theme-mode=light] .hub-logo{color:var(--sh-accent);text-shadow:none}[data-theme-mode=light] .hub-logo:hover{text-shadow:0 0 20px var(--sh-accent-glow)}[data-theme-mode=light] .hub-nav-btn-ghost{color:var(--sh-text-primary);opacity:.7}[data-theme-mode=light] .hub-nav-btn-ghost:hover{color:var(--sh-accent);opacity:1}[data-theme-mode=light] .hub-nav-btn:hover{box-shadow:var(--sh-shadow-md)}[data-theme-mode=light] .hub-nav-btn.logout:hover{background:#ef444414}[data-theme-mode=light] .bento-card{background:var(--sh-bg-card);box-shadow:inset 0 1px 0 #fffc}[data-theme-mode=light] .bento-card:hover{background:color-mix(in srgb,var(--sh-accent) 6%,var(--sh-bg-card));box-shadow:inset 0 1px 0 #fffc,0 8px 24px #00000014}[data-theme-mode=light] .bento-card-title{color:var(--sh-text-primary)}[data-theme-mode=light] .bento-card:hover .bento-card-title{color:var(--sh-accent)}[data-theme-mode=light] .welcome-card{background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%)!important}[data-theme-mode=light] .welcome-card .bento-card-description,[data-theme-mode=light] .welcome-card .bento-card-subtitle,[data-theme-mode=light] .welcome-card .bento-card-title{color:#fff!important}[data-theme-mode=light] .games-card{background:linear-gradient(180deg,var(--sh-accent) 0,var(--sh-accent-2) 100%)!important}[data-theme-mode=light] .games-card .bento-card-description,[data-theme-mode=light] .games-card .bento-card-icon,[data-theme-mode=light] .games-card .bento-card-subtitle,[data-theme-mode=light] .games-card .bento-card-title{color:#fff!important}[data-theme-mode=light] .hub-tabs-bottom{background:var(--sh-bg-secondary);border-top-color:var(--sh-border-subtle);box-shadow:0 -2px 12px #0000000a}[data-theme-mode=light] .hub-tab{color:var(--text-primary);opacity:.7}[data-theme-mode=light] .hub-tab.active,[data-theme-mode=light] .hub-tab:hover{background:#0000;color:var(--accent);opacity:1}[data-theme-mode=light] .friend-section{background:linear-gradient(180deg,var(--sh-bg-tertiary) 0,var(--sh-bg-primary) 100%)}[data-theme-mode=light] .section-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);-webkit-background-clip:text;background-clip:text}[data-theme-mode=light] .search-container{background:var(--sh-bg-secondary);border-color:var(--sh-border-subtle);box-shadow:var(--sh-shadow-sm)}[data-theme-mode=light] .search-container:focus-within{border-color:var(--sh-accent);box-shadow:var(--sh-shadow-md),0 0 0 3px var(--sh-accent-glow)}[data-theme-mode=light] .user-card{background:var(--sh-bg-card);border-color:var(--sh-border-subtle);box-shadow:var(--sh-shadow-sm)}[data-theme-mode=light] .user-card:hover{border-color:var(--sh-accent);box-shadow:var(--sh-shadow-lg),0 0 20px var(--sh-accent-glow)}[data-theme-mode=light] .user-name{color:var(--sh-text-primary)}[data-theme-mode=light] .user-card:hover .user-name{color:var(--sh-accent)}[data-theme-mode=light] .user-avatar{border-color:var(--sh-accent)}[data-theme-mode=light] .stat-item{background:var(--sh-bg-primary)}[data-theme-mode=light] .stat-item:hover{background:var(--sh-accent-glow)}[data-theme-mode=light] .stat-value{color:var(--sh-accent);text-shadow:none}[data-theme-mode=light] .shared-item-card{background:var(--sh-bg-card);border-color:var(--sh-border-subtle);box-shadow:var(--sh-shadow-sm)}[data-theme-mode=light] .shared-item-card:hover{border-color:var(--sh-accent);box-shadow:var(--sh-shadow-lg),0 0 20px var(--sh-accent-glow)}[data-theme-mode=light] .shared-by{background:var(--sh-bg-primary);border-color:var(--sh-border-subtle)}[data-theme-mode=light] .modal-overlay{background:#00000080}[data-theme-mode=light] .modal-content{background:var(--sh-bg-card);box-shadow:0 24px 80px #0003,0 0 40px var(--sh-accent-glow)}[data-theme-mode=light] .modal-header{background:var(--sh-bg-secondary)}[data-theme-mode=light] .content-item{background:var(--sh-bg-primary);border-color:var(--sh-border-subtle)}[data-theme-mode=light] .content-item:hover{background:var(--sh-accent-glow);border-color:var(--sh-accent)}[data-theme-mode=light] .empty-state{background:var(--sh-bg-card);border-color:var(--sh-border-subtle)}[data-theme-mode=light] .social-action-button{background:var(--sh-bg-secondary);border-color:var(--sh-border-subtle);box-shadow:var(--sh-shadow-sm)}[data-theme-mode=light] .filter-btn{background:var(--sh-bg-secondary);border-color:var(--sh-border-subtle)}[data-theme-mode=light] .filter-btn:hover{background:var(--sh-bg-primary)}[data-theme-mode=light] .filter-btn.active{background:var(--sh-accent-glow)}.bento-card{animation:fadeIn .5s ease-out backwards}.bento-card:first-child{animation-delay:.05s}.bento-card:nth-child(2){animation-delay:.1s}.bento-card:nth-child(3){animation-delay:.15s}.bento-card:nth-child(4){animation-delay:.2s}.bento-card:nth-child(5){animation-delay:.25s}.bento-card:nth-child(6){animation-delay:.3s}.bento-card:nth-child(7){animation-delay:.35s}.user-card{animation:fadeInUp .4s ease-out backwards}.user-card:first-child{animation-delay:.1s}.user-card:nth-child(2){animation-delay:.15s}.user-card:nth-child(3){animation-delay:.2s}.user-card:nth-child(4){animation-delay:.25s}.user-card:nth-child(5){animation-delay:.3s}.user-card:nth-child(6){animation-delay:.35s}.shared-item-card{animation:fadeInUp .4s ease-out backwards}.shared-item-card:first-child{animation-delay:.1s}.shared-item-card:nth-child(2){animation-delay:.15s}.shared-item-card:nth-child(3){animation-delay:.2s}.shared-item-card:nth-child(4){animation-delay:.25s}.hub-tab{animation:fadeIn .3s ease-out backwards}.hub-tab:first-child{animation-delay:.1s}.hub-tab:nth-child(2){animation-delay:.15s}.hub-tab:nth-child(3){animation-delay:.2s}.hub-tab:nth-child(4){animation-delay:.25s}.hub-tab:nth-child(5){animation-delay:.3s}.modal-content{animation:fadeInUp .3s ease-out}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--sh-bg-tertiary) 0,var(--sh-bg-secondary) 50%,var(--sh-bg-tertiary) 100%);background-size:200% 100%}@media (max-width:1400px){.bento-container{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.welcome-card{grid-column:1/3;grid-row:1/2}.games-card{grid-column:3/4;grid-row:1/3}.friends-card{grid-column:1/2;grid-row:2/3}.activity-card{grid-column:2/3;grid-row:2/3}.playlists-card,.quiz-card,.shared-card{grid-column:auto;grid-row:auto}}@media (max-width:1024px){.hub-header{padding:0 24px}.bento-container{grid-template-columns:repeat(2,1fr)}.welcome-card{grid-column:1/-1;grid-row:auto}.welcome-card .bento-card-title{font-size:42px}.games-card{grid-column:auto;grid-row:auto}.games-card .bento-card-title{font-size:22px}.activity-card,.friends-card,.playlists-card,.quiz-card,.shared-card{grid-column:auto;grid-row:auto}.friend-section{padding:24px 32px}.users-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.shared-items-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.hub-header{height:64px;min-height:64px;padding:0 16px}.hub-logo{font-size:20px}.hub-nav-btn{font-size:12px;height:38px;padding:0 16px}.hub-nav-btn span{display:none}.bento-container{gap:1px;grid-template-columns:1fr}.bento-card{padding:24px}.welcome-card .bento-card-title{font-size:36px}.welcome-card .bento-card-description{font-size:15px}.games-card .bento-card-title{font-size:20px}.friend-section{padding:20px 16px}.section-main-title{font-size:22px}.users-grid{grid-template-columns:1fr}.user-card{padding:20px}.user-stats{grid-template-columns:repeat(2,1fr)}.shared-items-grid{grid-template-columns:1fr}.hub-tabs-bottom{gap:8px;height:56px;justify-content:flex-start;min-height:56px;overflow-x:auto;padding:0 16px}.hub-tab{flex-shrink:0;font-size:12px;padding:10px 16px;white-space:nowrap}.modal-content{border-radius:16px 16px 0 0;margin-top:auto;max-height:90vh;max-width:100%}.shared-filter-buttons{flex-wrap:wrap}.filter-btn{font-size:12px;padding:10px 16px}}@media (max-width:480px){.hub-header{padding:0 12px}.hub-logo{font-size:18px}.hub-nav-btn{height:36px;padding:0 12px}.bento-card{padding:20px}.welcome-card .bento-card-title{font-size:28px}.welcome-card .bento-card-subtitle{font-size:10px}.welcome-card .bento-card-description{font-size:14px}.friend-section{padding:16px 12px}.section-main-title{font-size:20px}.search-container{height:48px;padding:0 16px}.user-card{padding:16px}.user-avatar{height:48px;width:48px}.user-name{font-size:15px}.stat-item{padding:10px 6px}.stat-value{font-size:16px}.shared-item-card{padding:20px}.shared-item-title{font-size:16px}.hub-tabs-bottom{height:52px;min-height:52px}.hub-tab{font-size:11px;padding:8px 14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bento-card:hover,.hub-nav-btn:hover,.shared-item-card:hover,.social-action-button:hover,.user-card:hover{transform:none!important}}@media (prefers-contrast:high){.bento-card,.modal-content,.shared-item-card,.user-card{border-color:var(--sh-text-primary);border-width:2px}.filter-btn,.hub-nav-btn,.hub-tab,.social-action-button{border-width:2px}.bento-card-title,.shared-item-title,.user-name{font-weight:800}}@media print{.hub-page{background:#fff!important;color:#000!important}.hub-header,.hub-tabs-bottom{display:none!important}.bento-container{display:block}.bento-card{border:1px solid #ccc;margin-bottom:16px;page-break-inside:avoid}}.hub-page .text-accent{color:var(--sh-accent)}.hub-page .text-success{color:var(--sh-success)}.hub-page .text-warning{color:var(--sh-warning)}.hub-page .text-danger{color:var(--sh-danger)}.hub-page .bg-accent{background:var(--sh-accent)}.hub-page .bg-accent-glow{background:var(--sh-accent-glow)}.hub-page .glow-accent{box-shadow:0 0 20px var(--sh-accent-glow)}.hub-page .glow-accent-strong{box-shadow:0 0 40px var(--sh-accent-glow-strong)}.hub-page ::-webkit-scrollbar{height:8px;width:8px}.hub-page ::-webkit-scrollbar-track{background:var(--sh-bg-secondary);border-radius:4px}.hub-page ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);border-radius:4px}.hub-page ::-webkit-scrollbar-thumb:hover{background:var(--sh-accent)}.hub-page *{scrollbar-color:var(--sh-accent) var(--sh-bg-secondary);scrollbar-width:thin}.hub-page ::selection{background:var(--sh-accent);color:var(--sh-bg-primary)}.hub-page ::-moz-selection{background:var(--sh-accent);color:var(--sh-bg-primary)}.hub-page :focus-visible{outline:2px solid var(--sh-accent);outline-offset:2px}.hub-page a:focus-visible,.hub-page button:focus-visible{box-shadow:0 0 0 4px var(--sh-accent-glow);outline:2px solid var(--sh-accent);outline-offset:2px}.hub-page .bento-card:active,.hub-page .shared-item-card:active,.hub-page .user-card:active,.hub-page button:active{transform:scale(.98)}.bento-card,.filter-btn,.hub-nav-btn,.hub-tab,.share-new-content-btn,.shared-item-action-btn,.social-action-button{user-select:none;-webkit-user-select:none}.hub-page [data-tooltip]{position:relative}.hub-page [data-tooltip]:after{background:var(--sh-bg-primary);border:1px solid var(--sh-border-subtle);border-radius:8px;bottom:100%;box-shadow:var(--sh-shadow-md);color:var(--sh-text-primary);content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:8px 12px;position:absolute;transform:translateX(-50%) translateY(-8px);transition:var(--sh-transition);visibility:hidden;white-space:nowrap;z-index:1000}.hub-page [data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.bento-card{--card-glow-color:var(--sh-accent)}.activity-card,.friends-card,.playlists-card,.quiz-card,.shared-card{--card-glow-color:var(--accent)}.friends-card:hover{box-shadow:0 0 40px #3b82f633}.activity-card:hover{box-shadow:0 0 40px #10b98133}.playlists-card:hover{box-shadow:0 0 40px #f59e0b33}.quiz-card:hover{box-shadow:0 0 40px var(--sh-accent-glow)}.shared-card:hover{box-shadow:0 0 40px #ec489933}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 100%);-webkit-background-clip:text;background-clip:text}.gradient-text-animated{-webkit-text-fill-color:#0000;animation:gradient-shift 3s linear infinite;background:linear-gradient(135deg,var(--sh-accent) 0,var(--sh-accent-2) 25%,var(--sh-accent) 50%,var(--sh-accent-2) 75%,var(--sh-accent) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes gradient-shift{0%{background-position:0}to{background-position:200%}}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}[data-theme-mode=light] .glass-card{background:#ffffffb3;border:1px solid #0000001a}.floating{animation:float 3s ease-in-out infinite}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--sh-bg-tertiary) 0,var(--sh-bg-secondary) 50%,var(--sh-bg-tertiary) 100%);border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-avatar{border-radius:50%;height:56px;width:56px}.skeleton-card{background:var(--sh-bg-card);border:1px solid var(--sh-border-subtle);border-radius:16px;padding:24px}.notification-dot{animation:pulse-dot 2s infinite;background:var(--sh-danger);border:2px solid var(--sh-bg-secondary);border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.badge-counter{align-items:center;background:var(--sh-accent);border-radius:10px;color:var(--sh-bg-primary);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.divider{background:linear-gradient(90deg,#0000,var(--sh-border-subtle),#0000);height:1px}.divider-accent{background:linear-gradient(90deg,#0000,var(--sh-accent),#0000);height:2px;margin:24px 0}.divider-vertical{background:linear-gradient(180deg,#0000,var(--sh-border-subtle),#0000);height:100%;margin:0 16px;width:1px}.premium-card{overflow:hidden;position:relative}.premium-card:before{animation:gradient-border 4s ease infinite;background:linear-gradient(45deg,var(--sh-accent),var(--sh-accent-2),var(--sh-accent),var(--sh-accent-2));background-size:400% 400%;border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.premium-card:hover:before{opacity:1}@keyframes gradient-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.ripple:active:after{height:200%;opacity:0;transition:width .4s ease,height .4s ease,opacity .4s ease;width:200%}.icon-bounce:hover svg{animation:icon-bounce .5s ease}@keyframes icon-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}.icon-spin:hover svg{animation:icon-spin .5s ease}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-pulse:hover svg{animation:icon-pulse .5s ease}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.progress-bar{background:var(--sh-bg-tertiary)}.progress-bar-fill{background:linear-gradient(90deg,var(--sh-accent),var(--sh-accent-2));border-radius:3px;transition:width .5s ease}.progress-bar-fill:after{animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.avatar-group{align-items:center;display:flex}.avatar-group .user-avatar{border:3px solid var(--sh-bg-card);margin-left:-12px;transition:var(--sh-transition)}.avatar-group .user-avatar:first-child{margin-left:0}.avatar-group .user-avatar:hover{transform:translateY(-4px) scale(1.1);z-index:10}.avatar-group-count{align-items:center;background:var(--sh-accent);border:3px solid var(--sh-bg-card);border-radius:50%;color:var(--sh-bg-primary);display:flex;font-size:12px;font-weight:700;height:40px;justify-content:center;margin-left:-12px;width:40px}.status-indicator{border:2px solid var(--sh-bg-card);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.status-online{background:var(--sh-success);box-shadow:0 0 8px var(--sh-success)}.status-offline{background:var(--sh-text-secondary)}.status-busy{background:var(--sh-danger);box-shadow:0 0 8px var(--sh-danger)}.status-away{background:var(--sh-warning);box-shadow:0 0 8px var(--sh-warning)}.chip{align-items:center;background:var(--sh-bg-tertiary);border:1px solid var(--sh-border-subtle);border-radius:20px;color:var(--sh-text-primary);display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:var(--sh-transition)}.chip-accent,.chip:hover{background:var(--sh-accent-glow);border-color:var(--sh-accent);color:var(--sh-accent)}.chip-success{background:#22c55e26;border-color:var(--sh-success);color:var(--sh-success)}.chip-warning{background:#f59e0b26;border-color:var(--sh-warning);color:var(--sh-warning)}.chip-danger{background:#ef444426;border-color:var(--sh-danger);color:var(--sh-danger)}.chip-close{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;height:16px;justify-content:center;opacity:.6;transition:var(--sh-transition);width:16px}.chip-close:hover{opacity:1}.card-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.card-grid-auto{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hover-lift{transition:var(--sh-transition)}.hover-lift:hover{box-shadow:var(--sh-shadow-lg);transform:translateY(-8px)}.border-glow{position:relative}.border-glow:before{background:linear-gradient(45deg,var(--sh-accent),var(--sh-accent-2),var(--sh-accent));border-radius:inherit;content:"";filter:blur(8px);inset:-2px;opacity:0;position:absolute;transition:var(--sh-transition);z-index:-1}.border-glow:hover:before{opacity:.6}.spotlight{overflow:hidden;position:relative}.spotlight:before{background:radial-gradient(circle,var(--sh-accent-glow) 0,#0000 70%);content:"";height:300px;left:50%;left:var(--mouse-x,50%);opacity:0;pointer-events:none;position:absolute;top:50%;top:var(--mouse-y,50%);transform:translate(-50%,-50%);transition:opacity .3s ease;width:300px}.spotlight:hover:before{opacity:.5}.noise-overlay{position:relative}.noise-overlay:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:overlay;opacity:.03;pointer-events:none;position:absolute}.gradient-mesh{background:radial-gradient(at 40% 20%,var(--sh-accent-glow) 0,#0000 50%),radial-gradient(at 80% 0,color-mix(in srgb,var(--sh-accent) 10%,#0000) 0,#0000 50%),radial-gradient(at 0 50%,var(--sh-accent-glow) 0,#0000 50%),radial-gradient(at 80% 50%,color-mix(in srgb,var(--sh-accent-2) 10%,#0000) 0,#0000 50%),radial-gradient(at 0 100%,var(--sh-accent-glow) 0,#0000 50%),radial-gradient(at 80% 100%,color-mix(in srgb,var(--sh-accent) 10%,#0000) 0,#0000 50%)}.hub-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.hub-page img{display:block;height:auto;max-width:100%}.hub-header,.hub-tabs-bottom,.modal-overlay{isolation:isolate}.bento-card,.hub-nav-btn,.hub-tab,.shared-item-card,.social-action-button,.user-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.hub-page :not(.bento-card):not(.hub-nav-btn):not(.search-bar):not(.filter-btn):not(.sort-dropdown):not(.create-btn):not(button),.hub-page :not(.bento-card):not(.hub-nav-btn):not(.search-bar):not(.filter-btn):not(.sort-dropdown):not(.create-btn):not(button):after,.hub-page :not(.bento-card):not(.hub-nav-btn):not(.search-bar):not(.filter-btn):not(.sort-dropdown):not(.create-btn):not(button):before{border-radius:0!important}.fd-container{--fd-bg-primary:var(--bg);--fd-bg-secondary:var(--panel);--fd-bg-tertiary:var(--hover-bg);--fd-bg-card:var(--panel);--fd-bg-elevated:var(--hover-bg);--fd-border-subtle:var(--border);--fd-border-default:var(--border);--fd-text-primary:var(--text-primary);--fd-text-secondary:var(--text-secondary);--fd-text-muted:var(--text-secondary);--fd-accent:var(--accent);--fd-accent-2:var(--accent-2,#b88f63);--fd-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--fd-accent-glow:color-mix(in srgb,var(--accent) 20%,#0000);--fd-accent-glow-strong:color-mix(in srgb,var(--accent) 40%,#0000);--fd-success:#22c55e;--fd-warning:#f59e0b;--fd-danger:#ef4444;--fd-sidebar-width:280px;--fd-header-height:70px;--fd-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--fd-transition-bounce:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.fd-container *{box-sizing:border-box;margin:0;padding:0}.fd-container :focus{outline:none}.fd-container :focus-visible{border-radius:8px;outline:2px solid var(--fd-accent);outline-offset:2px}.fd-container{background:radial-gradient(circle at 2px 2px,#ffffff14 1.5px,#0000 0),linear-gradient(135deg,var(--fd-bg-primary) 0,color-mix(in srgb,var(--fd-bg-primary) 55%,var(--accent)) 50%,var(--fd-bg-primary) 100%)!important;background-position:5px 5px,0 0;background-size:30px 30px,100% 100%;bottom:0!important;color:var(--fd-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.fd-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--fd-accent-glow) 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,color-mix(in srgb,var(--fd-accent) 10%,#0000) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.fd-layout{flex:1 1;width:100%;z-index:1}.fd-layout,.fd-sidebar{display:flex;height:100%;overflow:hidden;position:relative}.fd-sidebar{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--fd-bg-secondary);border-right:1px solid var(--fd-border-subtle);flex-direction:column;flex-shrink:0;width:var(--fd-sidebar-width)}.fd-sidebar:before{background:linear-gradient(180deg,color-mix(in srgb,var(--fd-accent) 5%,#0000) 0,#0000 30%,#0000 70%,color-mix(in srgb,var(--fd-accent) 3%,#0000) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.fd-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:24px 16px;position:relative;z-index:1}.fd-sidebar-nav::-webkit-scrollbar{width:6px}.fd-sidebar-nav::-webkit-scrollbar-track{background:#0000}.fd-sidebar-nav::-webkit-scrollbar-thumb{background:var(--fd-accent-glow);border-radius:10px}.fd-sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--fd-accent)}.fd-sidebar-item{align-items:center;background:#0000;border:1px solid #0000;color:var(--fd-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;overflow:hidden;padding:14px 18px;position:relative;text-align:left;width:100%}.fd-sidebar-item,.fd-sidebar-item:before{border-radius:16px;transition:var(--fd-transition)}.fd-sidebar-item:before{background:radial-gradient(circle at center,var(--fd-accent-glow) 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute}.fd-sidebar-item:hover{background:var(--fd-bg-tertiary);border-color:color-mix(in srgb,var(--fd-accent) 20%,#0000);color:var(--fd-text-primary);transform:translateX(4px)}.fd-sidebar-item:hover:before{opacity:.3}.fd-sidebar-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--fd-accent) 15%,#0000) 0,color-mix(in srgb,var(--fd-accent) 8%,#0000) 100%);border-color:var(--fd-accent);box-shadow:0 4px 16px var(--fd-accent-glow),inset 0 1px 0 #ffffff1a;color:var(--fd-accent)}.fd-sidebar-item.active:before{opacity:.5}.fd-nav-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;position:relative;width:22px;z-index:1}.fd-nav-icon svg{transition:var(--fd-transition)}.fd-sidebar-item:hover .fd-nav-icon svg{transform:scale(1.1)}.fd-sidebar-item.active .fd-nav-icon svg{filter:drop-shadow(0 0 8px var(--fd-accent-glow-strong));transform:scale(1.15)}.fd-badge{background:linear-gradient(135deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border-radius:20px;box-shadow:0 2px 8px var(--fd-accent-glow);color:var(--fd-bg-primary);font-size:11px;font-weight:800;margin-left:auto;min-width:24px;padding:4px 10px;text-align:center}.fd-badge,.fd-sidebar-back{position:relative;z-index:1}.fd-sidebar-back{align-items:center;background:#0000;border:2px solid var(--fd-border-subtle);border-radius:20px;color:var(--fd-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin:16px;overflow:hidden;padding:14px 18px;transition:var(--fd-transition-bounce)}.fd-sidebar-back:before{background:linear-gradient(135deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border-radius:18px;content:"";inset:0;opacity:0;position:absolute;transition:var(--fd-transition)}.fd-sidebar-back:hover{border-color:var(--fd-accent);box-shadow:0 8px 24px var(--fd-accent-glow-strong);color:var(--fd-bg-primary);transform:translateY(-2px)}.fd-sidebar-back:hover:before{opacity:1}.fd-sidebar-back span,.fd-sidebar-back svg{position:relative;z-index:1}.fd-main{background:#0000;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.fd-header-actions{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:var(--fd-bg-secondary);border-bottom:1px solid var(--fd-border-subtle);gap:16px;padding:24px 32px}.fd-header-actions,.fd-search{align-items:center;display:flex}.fd-search{background:var(--fd-bg-tertiary);border:2px solid var(--fd-border-subtle);border-radius:26px;gap:12px;height:52px;min-width:320px;overflow:hidden;padding:0 20px;position:relative}.fd-search,.fd-search:before{transition:var(--fd-transition)}.fd-search:before{background:linear-gradient(135deg,var(--fd-accent-glow) 0,#0000 50%);border-radius:24px;content:"";inset:0;opacity:0;position:absolute}.fd-search:focus-within{border-color:var(--fd-accent);box-shadow:0 0 20px var(--fd-accent-glow),inset 0 0 20px var(--fd-accent-glow)}.fd-search:focus-within:before{opacity:.3}.fd-search-icon{color:var(--fd-accent);display:flex;flex-shrink:0;position:relative;transition:var(--fd-transition);z-index:1}.fd-search:focus-within .fd-search-icon{transform:scale(1.1)}.fd-search-input{background:#0000;border:none;color:var(--fd-text-primary);flex:1 1;font-size:15px;font-weight:500;outline:none;position:relative;z-index:1}.fd-search-input::placeholder{color:var(--fd-text-muted)}.fd-btn{align-items:center;border:none;border-radius:24px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:48px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:0 24px;position:relative;text-transform:uppercase;transition:var(--fd-transition-bounce)}.fd-btn:before{background:linear-gradient(135deg,#fff3,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:var(--fd-transition)}.fd-btn:hover:before{opacity:1}.fd-btn-secondary{background:var(--fd-bg-tertiary);border:2px solid var(--fd-border-subtle);color:var(--fd-text-primary)}.fd-btn-secondary:hover{background:var(--fd-bg-card);border-color:var(--fd-accent);box-shadow:0 8px 24px #00000026;color:var(--fd-accent);transform:translateY(-2px)}.fd-btn-primary{background:linear-gradient(135deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);box-shadow:0 4px 16px var(--fd-accent-glow);color:var(--fd-bg-primary)}.fd-btn-primary:hover{box-shadow:0 12px 32px var(--fd-accent-glow-strong),0 0 40px var(--fd-accent-glow);transform:translateY(-3px) scale(1.02)}.fd-btn svg{height:18px;position:relative;width:18px;z-index:1}.fd-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:32px 40px;position:relative}.fd-content::-webkit-scrollbar{width:10px}.fd-content::-webkit-scrollbar-track{background:var(--fd-bg-secondary);border-radius:10px;margin:8px 0}.fd-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border:2px solid var(--fd-bg-secondary);border-radius:10px}.fd-content::-webkit-scrollbar-thumb:hover{background:var(--fd-accent)}.fd-section-title{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--fd-accent) 10%,#0000) 0,color-mix(in srgb,var(--fd-accent) 5%,#0000) 100%);border-left:4px solid var(--fd-accent);border-radius:0 16px 16px 0;color:var(--fd-accent);display:flex;font-size:12px;font-weight:800;gap:12px;letter-spacing:2px;margin-bottom:20px;padding:12px 20px;text-transform:uppercase}.fd-friends-grid{grid-gap:24px;animation:fadeInUp .5s ease-out;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.fd-friend-card{background:linear-gradient(145deg,color-mix(in srgb,var(--fd-accent) 3%,var(--fd-bg-card)) 0,var(--fd-bg-card) 50%,color-mix(in srgb,var(--fd-accent) 5%,var(--fd-bg-card)) 100%);border:2px solid color-mix(in srgb,var(--fd-accent) 20%,#0000);border-radius:28px;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:0;position:relative;transition:var(--fd-transition)}.fd-friend-card:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 0,#ffffff03 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff03 0,#ffffff03 4px);border-radius:28px;content:"";inset:0;opacity:.3;pointer-events:none;position:absolute}.fd-friend-card:hover{border-color:var(--fd-accent);box-shadow:0 20px 60px #00000040,0 0 40px var(--fd-accent-glow),inset 0 1px 0 #ffffff1a;transform:translateY(-6px) scale(1.01)}.fd-friend-header{background:linear-gradient(180deg,color-mix(in srgb,var(--fd-accent) 8%,var(--fd-bg-tertiary)) 0,color-mix(in srgb,var(--fd-accent) 3%,var(--fd-bg-card)) 100%);border-bottom:2px solid color-mix(in srgb,var(--fd-accent) 15%,#0000);border-radius:26px 26px 0 0;gap:18px;padding:24px}.fd-friend-avatar,.fd-friend-header{align-items:center;display:flex;position:relative}.fd-friend-avatar{background:linear-gradient(135deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border:4px solid var(--fd-bg-card);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--fd-accent) 40%,#0000),0 8px 24px #0003;color:var(--fd-bg-primary);flex-shrink:0;font-size:24px;font-weight:800;height:64px;justify-content:center;overflow:hidden;transition:var(--fd-transition);width:64px}.fd-friend-avatar:before{animation:rotate-ring 4s linear infinite;animation-play-state:paused;background:conic-gradient(from 0deg,#0000 0deg,var(--fd-accent) 90deg,#0000 180deg,var(--fd-accent) 270deg,#0000 1turn);border-radius:50%;content:"";inset:-6px;opacity:0;position:absolute;transition:opacity .4s ease}@keyframes rotate-ring{to{transform:rotate(1turn)}}.fd-friend-card:hover .fd-friend-avatar:before{animation-play-state:running;opacity:.6}.fd-friend-card:hover .fd-friend-avatar{box-shadow:0 0 0 2px var(--fd-bg-card),0 0 0 4px var(--fd-accent),0 0 30px var(--fd-accent-glow-strong),0 12px 32px #0000004d;transform:scale(1.08)}.fd-avatar-image{height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.fd-friend-info{flex:1 1;min-width:0}.fd-friend-name{color:var(--fd-text-primary);font-size:18px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px;transition:var(--fd-transition)}.fd-friend-card:hover .fd-friend-name{color:var(--fd-accent);text-shadow:0 0 20px var(--fd-accent-glow)}.fd-friend-email{color:var(--fd-text-muted);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-friend-stats{grid-gap:1px;background:color-mix(in srgb,var(--fd-accent) 15%,#0000);border-radius:0 0 26px 26px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:0;overflow:hidden;padding:0}.fd-stat-item{align-items:center;background:linear-gradient(180deg,var(--fd-bg-card) 0,color-mix(in srgb,var(--fd-accent) 3%,var(--fd-bg-card)) 100%);display:flex;flex-direction:column;gap:6px;justify-content:center;overflow:hidden;padding:18px 12px;position:relative;transition:var(--fd-transition)}.fd-stat-item:before{background:linear-gradient(135deg,var(--fd-accent-glow) 0,#0000 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.fd-stat-item:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--fd-accent) 10%,var(--fd-bg-card)) 0,color-mix(in srgb,var(--fd-accent) 5%,var(--fd-bg-card)) 100%);transform:translateY(-2px)}.fd-stat-item:hover:before{opacity:.5}.fd-stat-item svg{filter:drop-shadow(0 0 8px var(--fd-accent-glow));height:18px;width:18px}.fd-stat-item svg,.fd-stat-value{color:var(--fd-accent);position:relative;z-index:1}.fd-stat-value{font-size:20px;font-weight:900;letter-spacing:-.5px;text-shadow:0 0 20px var(--fd-accent-glow)}.fd-stat-label{color:var(--fd-text-muted);font-size:9px;font-weight:700;letter-spacing:1px;position:relative;text-transform:uppercase;z-index:1}.fd-users-list{animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;gap:12px}.fd-user-card{align-items:center;background:var(--fd-bg-card);border:2px solid var(--fd-border-subtle);display:flex;gap:18px;overflow:hidden;padding:18px 24px;position:relative}.fd-user-card,.fd-user-card:before{border-radius:24px;transition:var(--fd-transition)}.fd-user-card:before{background:radial-gradient(circle at center,var(--fd-accent-glow) 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute}.fd-user-card:hover{border-color:var(--fd-accent);box-shadow:0 8px 24px #00000026;transform:translateX(4px)}.fd-user-card:hover:before{opacity:.3}.fd-user-avatar{align-items:center;background:linear-gradient(135deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border:3px solid var(--fd-bg-card);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--fd-accent) 30%,#0000),0 4px 16px #00000026;color:var(--fd-bg-primary);display:flex;flex-shrink:0;font-size:20px;font-weight:800;height:52px;justify-content:center;overflow:hidden;position:relative;transition:var(--fd-transition);width:52px;z-index:1}.fd-user-card:hover .fd-user-avatar{box-shadow:0 0 0 2px var(--fd-accent),0 0 20px var(--fd-accent-glow),0 6px 20px #0003;transform:scale(1.05)}.fd-user-info{flex:1 1;min-width:0;position:relative;z-index:1}.fd-user-name{color:var(--fd-text-primary);font-size:15px;font-weight:700;margin-bottom:3px;transition:var(--fd-transition)}.fd-user-card:hover .fd-user-name{color:var(--fd-accent)}.fd-user-email{color:var(--fd-text-muted);font-size:12px;font-weight:500}.fd-user-actions{display:flex;gap:10px;position:relative;z-index:1}.fd-action-btn{align-items:center;background:#0000;border:2px solid var(--fd-border-subtle);border-radius:16px;box-shadow:0 2px 8px #0000001a;color:var(--fd-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;overflow:hidden;padding:10px 14px;position:relative;transition:var(--fd-transition-bounce)}.fd-action-btn:before{background:linear-gradient(135deg,currentColor,#0000);border-radius:14px;content:"";inset:0;opacity:0;position:absolute;transition:var(--fd-transition)}.fd-action-btn:hover{box-shadow:0 8px 24px #0003;transform:translateY(-3px) scale(1.05)}.fd-action-btn:hover:before{opacity:.15}.fd-action-btn svg{position:relative;transition:var(--fd-transition);z-index:1}.fd-action-btn:hover svg{transform:scale(1.15)}.fd-action-btn.add{background:linear-gradient(135deg,color-mix(in srgb,var(--fd-accent) 10%,#0000) 0,color-mix(in srgb,var(--fd-accent) 5%,#0000) 100%);border-color:var(--fd-accent);color:var(--fd-accent)}.fd-action-btn.add:hover{background:linear-gradient(135deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border-color:var(--fd-accent);box-shadow:0 12px 32px var(--fd-accent-glow-strong),0 0 40px var(--fd-accent-glow);color:var(--fd-bg-primary)}.fd-action-btn.accept{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:var(--fd-success);color:var(--fd-success)}.fd-action-btn.accept:hover{background:linear-gradient(135deg,var(--fd-success) 0,#16a34a 100%);border-color:var(--fd-success);box-shadow:0 12px 32px #22c55e66,0 0 40px #22c55e4d;color:#fff}.fd-action-btn.cancel,.fd-action-btn.reject{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:var(--fd-danger);color:var(--fd-danger)}.fd-action-btn.cancel:hover,.fd-action-btn.reject:hover{background:linear-gradient(135deg,var(--fd-danger) 0,#dc2626 100%);border-color:var(--fd-danger);box-shadow:0 12px 32px #ef444466,0 0 40px #ef44444d;color:#fff}.fd-action-btn.remove{border-color:var(--fd-border-subtle);color:var(--fd-text-muted)}.fd-action-btn.remove:hover{background:#ef44441a;border-color:var(--fd-danger);color:var(--fd-danger)}.fd-status-badge{border:2px solid;border-radius:32px;box-shadow:0 2px 8px #0000001a;font-size:11px;font-weight:800;letter-spacing:1px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase}.fd-status-badge:before{background:linear-gradient(135deg,currentColor,#0000);content:"";inset:0;opacity:.1;position:absolute}.fd-status-badge.friend{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:var(--fd-success);box-shadow:0 2px 8px #22c55e33,0 0 20px #22c55e26;color:var(--fd-success)}.fd-status-badge.pending{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:var(--fd-warning);box-shadow:0 2px 8px #f59e0b33,0 0 20px #f59e0b26;color:var(--fd-warning)}.fd-requests-section{margin-bottom:40px}.fd-requests-list{display:flex;flex-direction:column;gap:12px}.fd-request-card{align-items:center;background:var(--fd-bg-card);border:2px solid var(--fd-border-subtle);display:flex;gap:18px;overflow:hidden;padding:18px 24px;position:relative}.fd-request-card,.fd-request-card:before{border-radius:24px;transition:var(--fd-transition)}.fd-request-card:before{background:radial-gradient(circle at center,var(--fd-accent-glow) 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute}.fd-request-card:hover{border-color:var(--fd-accent);box-shadow:0 8px 24px #00000026;transform:translateX(4px)}.fd-request-card:hover:before{opacity:.3}.fd-request-actions{display:flex;gap:10px;margin-left:auto;position:relative;z-index:1}.fd-empty-state{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--fd-accent) 5%,var(--fd-bg-card)) 0,var(--fd-bg-card) 50%,color-mix(in srgb,var(--fd-accent) 3%,var(--fd-bg-card)) 100%);border:2px dashed color-mix(in srgb,var(--fd-accent) 30%,#0000);border-radius:32px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:80px 40px;position:relative;text-align:center}.fd-empty-state:before{background:radial-gradient(circle at center,var(--fd-accent-glow) 0,#0000 70%);content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}.fd-empty-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--fd-accent) 15%,#0000) 0,color-mix(in srgb,var(--fd-accent) 8%,#0000) 100%);border:2px solid var(--fd-accent);border-radius:50%;box-shadow:0 8px 24px var(--fd-accent-glow);color:var(--fd-accent);display:flex;height:80px;justify-content:center;margin-bottom:24px;position:relative;width:80px;z-index:1}.fd-empty-icon svg{filter:drop-shadow(0 0 12px var(--fd-accent-glow));height:36px;width:36px}.fd-empty-state h3{color:var(--fd-text-primary);font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:10px;position:relative;z-index:1}.fd-empty-state p{color:var(--fd-text-muted);font-size:15px;font-weight:500;margin-bottom:24px;position:relative;z-index:1}.fd-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px}.fd-spinner{animation:fd-spin 1s linear infinite;border:4px solid var(--fd-border-subtle);border-radius:50%;border-top-color:var(--fd-accent);box-shadow:0 4px 16px var(--fd-accent-glow);height:48px;margin-bottom:20px;width:48px}@keyframes fd-spin{to{transform:rotate(1turn)}}.fd-loading p{color:var(--fd-text-muted);font-size:15px;font-weight:600;letter-spacing:.5px}[data-theme-mode=light] .fd-container{--fd-bg-primary:var(--bg,#f8f6f3);--fd-bg-secondary:var(--panel,#fff);--fd-bg-tertiary:var(--hover-bg,#fefefe);--fd-bg-card:var(--panel,#fff);--fd-border-subtle:var(--border,#e5e1dc);--fd-text-primary:var(--text-primary,#2d2a26);--fd-text-secondary:var(--text-secondary,#5c5852);background:radial-gradient(circle at 2px 2px,#0000000f 1.5px,#0000 0),linear-gradient(135deg,var(--fd-bg-tertiary) 0,color-mix(in srgb,var(--fd-bg-primary) 55%,var(--accent)) 50%,var(--fd-bg-primary) 100%)!important;background-position:5px 5px,0 0;background-size:30px 30px,100% 100%}[data-theme-mode=light] .fd-container:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--fd-accent-glow) 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,color-mix(in srgb,var(--fd-accent) 8%,#0000) 0,#0000 50%);opacity:.4}[data-theme-mode=light] .fd-sidebar{background:var(--fd-bg-secondary);box-shadow:2px 0 12px #0000000a}[data-theme-mode=light] .fd-friend-card,[data-theme-mode=light] .fd-request-card,[data-theme-mode=light] .fd-user-card{box-shadow:0 2px 12px #0000000f}[data-theme-mode=light] .fd-friend-card:hover,[data-theme-mode=light] .fd-request-card:hover,[data-theme-mode=light] .fd-user-card:hover{box-shadow:0 12px 32px #0000001a,0 0 20px var(--fd-accent-glow)}@media (max-width:1400px){.fd-friends-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:1024px){.fd-friends-grid{grid-template-columns:1fr}.fd-content{padding:24px 28px}.fd-header-actions{padding:20px 28px}}@media (max-width:768px){.fd-sidebar{bottom:0;left:-100%;position:fixed;top:0;transition:left .3s ease;z-index:1000}.fd-sidebar.open{left:0}.fd-header-actions{flex-wrap:wrap;padding:16px 20px}.fd-search{min-width:100%;order:2}.fd-content{padding:20px 16px}.fd-friend-stats{grid-template-columns:1fr}.fd-friends-grid{gap:16px}.fd-friend-header{flex-direction:column;text-align:center}.fd-friend-avatar{font-size:28px;height:72px;width:72px}.fd-request-card,.fd-user-card{padding:14px 18px}}@media (max-width:480px){.fd-content{padding:16px 12px}.fd-friend-card{border-radius:20px}.fd-request-card,.fd-user-card{border-radius:18px}.fd-sidebar-item{font-size:13px;padding:12px 14px}.fd-btn{font-size:13px;height:44px;padding:0 20px}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--fd-accent-glow)}50%{box-shadow:0 0 40px var(--fd-accent-glow-strong)}}.fd-friend-card{animation:fadeInUp .4s ease-out backwards}.fd-friend-card:first-child{animation-delay:.05s}.fd-friend-card:nth-child(2){animation-delay:.1s}.fd-friend-card:nth-child(3){animation-delay:.15s}.fd-friend-card:nth-child(4){animation-delay:.2s}.fd-friend-card:nth-child(5){animation-delay:.25s}.fd-friend-card:nth-child(6){animation-delay:.3s}.fd-user-card{animation:slideInRight .3s ease-out backwards}.fd-user-card:first-child{animation-delay:.05s}.fd-user-card:nth-child(2){animation-delay:.1s}.fd-user-card:nth-child(3){animation-delay:.15s}.fd-user-card:nth-child(4){animation-delay:.2s}.fd-user-card:nth-child(5){animation-delay:.25s}.fd-sidebar-item{animation:fadeIn .3s ease-out backwards}.fd-sidebar-item:first-child{animation-delay:.1s}.fd-sidebar-item:nth-child(2){animation-delay:.15s}.fd-sidebar-item:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fd-action-btn:hover,.fd-btn:hover,.fd-friend-card:hover,.fd-request-card:hover,.fd-user-card:hover{transform:none!important}}@media (prefers-contrast:high){.fd-friend-card,.fd-request-card,.fd-user-card{border-color:var(--fd-text-primary);border-width:3px}.fd-action-btn,.fd-btn,.fd-sidebar-item{border-width:3px}.fd-friend-name,.fd-stat-value,.fd-user-name{font-weight:900}}.fd-container ::selection{background:var(--fd-accent);color:var(--fd-bg-primary)}.fd-container ::-moz-selection{background:var(--fd-accent);color:var(--fd-bg-primary)}.fd-container :focus-visible{border-radius:12px;outline:3px solid var(--fd-accent);outline-offset:3px}.fd-container a:focus-visible,.fd-container button:focus-visible{box-shadow:0 0 0 6px var(--fd-accent-glow);outline:3px solid var(--fd-accent);outline-offset:3px}.fd-container button:active,.fd-friend-card:active,.fd-request-card:active,.fd-user-card:active{transform:scale(.98)}.fd-action-btn,.fd-btn,.fd-sidebar-back,.fd-sidebar-item{user-select:none;-webkit-user-select:none}.fd-container [data-tooltip]{position:relative}.fd-container [data-tooltip]:after{background:var(--fd-bg-primary);border:2px solid var(--fd-border-subtle);border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0003;color:var(--fd-text-primary);content:attr(data-tooltip);font-size:12px;font-weight:600;left:50%;opacity:0;padding:8px 14px;position:absolute;transform:translateX(-50%) translateY(-8px);transition:var(--fd-transition);visibility:hidden;white-space:nowrap;z-index:1000}.fd-container [data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.fd-container ::-webkit-scrollbar{height:10px;width:10px}.fd-container ::-webkit-scrollbar-track{background:var(--fd-bg-secondary);border-radius:10px}.fd-container ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fd-accent) 0,var(--fd-accent-2) 100%);border:2px solid var(--fd-bg-secondary);border-radius:10px}.fd-container ::-webkit-scrollbar-thumb:hover{background:var(--fd-accent)}.fd-container *{scrollbar-color:var(--fd-accent) var(--fd-bg-secondary);scrollbar-width:thin}.fd-container .text-accent{color:var(--fd-accent)}.fd-container .text-success{color:var(--fd-success)}.fd-container .text-warning{color:var(--fd-warning)}.fd-container .text-danger{color:var(--fd-danger)}.fd-container .bg-accent{background:var(--fd-accent)}.fd-container .bg-accent-glow{background:var(--fd-accent-glow)}.fd-container .glow-accent{box-shadow:0 0 20px var(--fd-accent-glow)}.fd-container .glow-accent-strong{box-shadow:0 0 40px var(--fd-accent-glow-strong)}@media print{.fd-container{background:#fff!important;color:#000!important}.fd-header-actions,.fd-sidebar{display:none!important}.fd-friend-card,.fd-user-card{border:2px solid #ccc;margin-bottom:16px;page-break-inside:avoid}}.fd-friend-card,.fd-request-card,.fd-user-card{will-change:transform,box-shadow}.fd-action-btn,.fd-btn,.fd-sidebar-item{will-change:transform}.feed-page{background:linear-gradient(135deg,var(--bg-secondary) 0,color-mix(in srgb,var(--bg-primary) 50%,#0000) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,color-mix(in srgb,var(--bg-top) 50%,#0000) 100%);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.feed-header{align-items:center;background:var(--bg-secondary);background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.feed-header-left{align-items:baseline;display:flex;gap:16px}.feed-logo{color:#d7b38c;color:var(--accent);cursor:pointer;font-size:24px;font-weight:800;letter-spacing:-.5px;position:relative;text-transform:lowercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.feed-logo:after{background:#d7b38c;background:var(--accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.feed-logo:hover{color:color-mix(in srgb,#d7b38c 80%,#fff);color:color-mix(in srgb,var(--accent) 80%,#fff);transform:translateY(-1px)}.feed-logo:hover:after{width:100%}.feed-subtitle{color:#b8c0cc;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.feed-header-right{display:flex;gap:12px}.feed-nav-btn{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.feed-nav-btn:hover{background:color-mix(in srgb,#d7b38c 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#d7b38c;color:var(--accent);transform:translateY(-2px)}.feed-container{flex:1 1;margin:0 auto;max-width:800px;padding:32px;width:100%}.feed-welcome{margin-bottom:32px}.feed-title{color:#eaecef;color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.empty-feed{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-feed svg{color:#d7b38c;color:var(--accent);margin-bottom:16px}.empty-feed p{font-size:14px;margin:8px 0}.empty-feed-hint{color:#b8c0cc;color:var(--text-secondary);font-size:13px;opacity:.7}.activity-list{gap:16px}.activity-card{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-card:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 1px #d7b38c,0 4px 6px -1px #0006;box-shadow:0 0 0 1px var(--accent),var(--shadow-md);transform:translateY(-2px)}.activity-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.activity-user{align-items:center;display:flex;gap:12px}.activity-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.activity-avatar img{height:100%;object-fit:cover;width:100%}.activity-avatar-placeholder{align-items:center;background:color-mix(in srgb,#d7b38c 20%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 20%,var(--bg-bottom));color:#d7b38c;color:var(--accent);display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.activity-user-info{display:flex;flex-direction:column;gap:2px}.activity-username{color:#eaecef;color:var(--text-primary);font-size:14px;font-weight:600}.activity-time{color:#b8c0cc;color:var(--text-secondary);font-size:12px}.activity-icon{flex-shrink:0}.activity-content{margin-bottom:16px}.activity-title{color:#eaecef;color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.activity-description{color:#b8c0cc;color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px}.activity-metadata{display:flex;flex-wrap:wrap;gap:8px}.metadata-tag{background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,#d7b38c 30%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);color:#d7b38c;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.activity-footer{border-top:1px solid var(--border);padding-top:16px}.activity-footer,.kudos-button{align-items:center;display:flex}.kudos-button{background:#0000;border:1px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s}.kudos-button:hover{box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.kudos-button.active,.kudos-button:hover{border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.kudos-button.active{background:color-mix(in srgb,#ef4444 8%,#0000);background:color-mix(in srgb,var(--danger) 8%,#0000)}@media (max-width:768px){.feed-container{padding:20px 16px}.feed-header{flex-direction:column;gap:12px;padding:16px}.feed-header-left,.feed-header-right{justify-content:space-between;width:100%}.feed-title{font-size:24px}.activity-card{padding:20px}}.feed-page *,.feed-page :after,.feed-page :before{border-radius:0!important}.leaderboard-page{background:linear-gradient(135deg,var(--bg-secondary) 0,color-mix(in srgb,var(--bg-primary) 50%,#0000) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,color-mix(in srgb,var(--bg-top) 50%,#0000) 100%);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.leaderboard-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-secondary) 80%,#0000);background:color-mix(in srgb,var(--panel) 80%,#0000);border-bottom:1px solid color-mix(in srgb,#d7b38c 15%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:flex;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .leaderboard-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .leaderboard-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.leaderboard-header-left{align-items:center;display:flex;gap:6px}.leaderboard-logo-img{background-color:#d7b38c;background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.leaderboard-logo,.leaderboard-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-logo{align-items:center;color:#d7b38c;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px}.leaderboard-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,#d7b38c 50%,#0000);text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.leaderboard-logo:hover .leaderboard-logo-img{transform:scale(1.1)}.leaderboard-header-divider{background:color-mix(in srgb,#d7b38c 30%,#0000);background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;margin-left:10px;width:1px}.leaderboard-subtitle{color:color-mix(in srgb,#d7b38c 70%,#eaecef);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.leaderboard-header-right{display:flex;gap:12px}.leaderboard-nav-btn{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.leaderboard-nav-btn:hover{background:color-mix(in srgb,#d7b38c 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#d7b38c;color:var(--accent);transform:translateY(-2px)}.leaderboard-container{flex:1 1;margin:0 auto;max-width:900px;padding:32px;width:100%}.leaderboard-welcome{margin-bottom:32px}.leaderboard-title{color:#eaecef;color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.leaderboard-description{color:#b8c0cc;color:var(--text-secondary);font-size:14px}.filter-section{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px}.filter-group{gap:12px}.filter-group label{color:#b8c0cc;letter-spacing:.8px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#0000;border:1px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.filter-btn:hover{color:#d7b38c;color:var(--accent)}.filter-btn.active,.filter-btn:hover{border-color:#d7b38c;border-color:var(--accent)}.filter-btn.active{background:#d7b38c;background:var(--accent);color:var(--bg-secondary);color:var(--bg-bottom)}.current-user-rank{align-items:center;background:var(--bg-secondary);background:var(--panel);border:2px solid #d7b38c;border:2px solid var(--accent);box-shadow:0 0 0 1px #d7b38c,0 4px 6px -1px #0006;box-shadow:0 0 0 1px var(--accent),var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.rank-badge{color:#d7b38c;color:var(--accent);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rank-score{align-items:center;color:#eaecef;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px}.rank-score svg{color:#d7b38c;color:var(--accent)}.empty-leaderboard{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-leaderboard svg{color:#d7b38c;color:var(--accent);margin-bottom:16px}.empty-leaderboard p{font-size:14px;margin:8px 0}.empty-hint{color:#b8c0cc;color:var(--text-secondary)}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-entry{align-items:center;background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);display:flex;gap:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.leaderboard-entry:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 1px #d7b38c,0 1px 2px 0 #0000004d;box-shadow:0 0 0 1px var(--accent),var(--shadow-sm);transform:translateX(4px)}.leaderboard-entry.current-user{background:color-mix(in srgb,#d7b38c 5%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 5%,var(--panel));border-color:#d7b38c;border-color:var(--accent)}.leaderboard-entry.top-three{background:color-mix(in srgb,#d7b38c 3%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 3%,var(--panel))}.entry-rank{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:40px}.rank-number{color:#b8c0cc;color:var(--text-secondary);font-size:14px;font-weight:700}.rank-icon{flex-shrink:0}.rank-icon.gold{color:gold}.rank-icon.silver{color:silver}.rank-icon.bronze{color:#cd7f32}.entry-user{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.entry-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.entry-avatar img{height:100%;object-fit:cover;width:100%}.entry-avatar-placeholder{align-items:center;background:color-mix(in srgb,#d7b38c 20%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 20%,var(--bg-bottom));color:#d7b38c;color:var(--accent);display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.entry-user-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.entry-name{color:#eaecef;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:#d7b38c;background:var(--accent);color:var(--bg-secondary);color:var(--bg-bottom);font-size:10px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.entry-score,.you-badge{flex-shrink:0;font-weight:700}.entry-score{align-items:center;color:#d7b38c;color:var(--accent);display:flex;font-size:16px;gap:6px}.entry-score svg{color:#b8c0cc;color:var(--text-secondary)}@media (max-width:768px){.leaderboard-container{padding:20px 16px}.leaderboard-header{flex-direction:column;gap:12px;padding:16px}.leaderboard-header-left,.leaderboard-header-right{justify-content:space-between;width:100%}.leaderboard-title{font-size:24px}.filter-section{padding:16px}.filter-buttons{gap:6px}.filter-btn{font-size:11px;padding:8px 12px}.current-user-rank{flex-direction:column;gap:12px;text-align:center}.leaderboard-entry{padding:12px 16px}.entry-rank{width:32px}}.leaderboard-page *,.leaderboard-page :after,.leaderboard-page :before{border-radius:0!important}.qh{background:var(--bg-primary);bottom:0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;left:0;right:0;top:0;width:100vw}.qh,.qh-ambient{overflow:hidden;position:fixed}.qh-ambient{inset:0;pointer-events:none;z-index:0}.qh-ambient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.15;position:absolute}.qh-ambient-orb-1{animation-delay:0s;background:var(--accent);height:600px;left:-200px;top:-200px;width:600px}.qh-ambient-orb-2{animation-delay:10s;background:var(--accent);bottom:-150px;height:500px;right:-150px;width:500px}.qh-ambient-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 3%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 3%,#0000) 1px,#0000 1px);background-size:50px 50px;inset:0;opacity:.3;position:absolute}.qh-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .qh-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .qh-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.qh-header-left{gap:16px}.qh-header-left,.qh-logo{align-items:center;display:flex}.qh-logo{color:var(--accent);cursor:pointer;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.qh-logo,.qh-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.qh-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.qh-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.qh-logo:hover .qh-logo-img{transform:scale(1.1)}.qh-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.qh-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.qh-header-right{gap:12px}.qh-header-right,.qh-nav-btn{align-items:center;display:flex}.qh-nav-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:120px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.qh-nav-btn-accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary)}[data-theme-mode=light] .qh-nav-btn-accent{color:#fff}[data-theme-mode=dark] .qh-nav-btn-accent{color:var(--bg-primary)}.qh-nav-btn-accent:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.qh-nav-btn-ghost{background:#0000;color:var(--text-primary)}.qh-nav-btn-ghost:hover{background:var(--bg-elevated);color:var(--accent)}.qh-main{display:grid;flex:1 1;grid-template-columns:1fr auto 1fr;min-height:0;position:relative;z-index:1}.qh-section{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative}.qh-section-solo{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#000) 100%)}.qh-section-battle{background:var(--bg-primary)}.qh-section-glow{display:none;inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.qh-section-battle .qh-section-glow,.qh-section-solo .qh-section-glow{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%)}.qh-section-hovered .qh-section-glow{opacity:1}.qh-section-inner{align-items:center;display:flex;flex-direction:column;max-width:400px;padding:48px;text-align:center;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.qh-section-hovered .qh-section-inner{transform:translateY(-8px)}.qh-section-icon{align-items:center;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:24px;transition:all .3s ease;width:80px}.qh-section-solo .qh-section-icon{background:#00000026;border:1px solid #0003;color:var(--bg-primary)}.qh-section-battle .qh-section-icon{background:#ffffff26;border:1px solid #fff3;color:var(--accent)}[data-theme-mode=light] .qh-section-battle .qh-section-icon{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000)}.qh-section-hovered .qh-section-icon{transform:scale(1.05)}.qh-section-content{margin-bottom:32px}.qh-section-title{font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1;margin:0 0 8px}.qh-section-solo .qh-section-title{color:var(--bg-primary)}.qh-section-battle .qh-section-title{color:var(--accent)}[data-theme-mode=light] .qh-section-solo .qh-section-title{color:#fff}.qh-section-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:0 0 24px;text-transform:uppercase}.qh-section-solo .qh-section-tag{color:#00000080}.qh-section-battle .qh-section-tag{color:color-mix(in srgb,var(--accent) 70%,#0000)}[data-theme-mode=light] .qh-section-solo .qh-section-tag{color:#ffffffb3}.qh-features{flex-direction:column;gap:16px;list-style:none;margin-bottom:0;width:100%}.qh-feature,.qh-features{display:flex;padding-left:0}.qh-feature{align-items:center;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;text-align:left;text-transform:uppercase;transition:all .2s ease}.qh-feature svg{flex-shrink:0;opacity:.7}.qh-section-solo .qh-feature{color:var(--bg-primary)}.qh-section-battle .qh-feature{color:var(--accent)}[data-theme-mode=light] .qh-section-solo .qh-feature{color:#fff}.qh-section-hovered .qh-feature{transform:translateX(4px)}.qh-section-hovered .qh-feature svg{opacity:1}.qh-section-cta{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;padding:14px 28px;text-align:center;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.qh-section-solo .qh-section-cta{background:var(--bg-primary);color:var(--accent)}.qh-section-battle .qh-section-cta{background:var(--accent);color:var(--bg-primary)}[data-theme-mode=light] .qh-section-solo .qh-section-cta{background:#fff;color:var(--accent)}[data-theme-mode=light] .qh-section-battle .qh-section-cta{color:#fff}.qh-section-cta:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.qh-section-line{bottom:0;height:4px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0;z-index:2}.qh-section-solo .qh-section-line{background:var(--bg-primary)}.qh-section-battle .qh-section-line{background:var(--accent)}.qh-section:hover .qh-section-line{width:100%}.qh-divider{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;position:relative;width:80px}.qh-divider:before{background:linear-gradient(to bottom,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 30%,color-mix(in srgb,var(--accent) 20%,#0000) 70%,#0000 100%);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.qh-divider-text{background:var(--bg-primary);color:color-mix(in srgb,var(--text-primary) 40%,#0000);font-size:12px;font-weight:600;letter-spacing:2px;padding:12px 0;text-transform:uppercase;z-index:1}@media (max-width:1024px){.qh-main{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.qh-divider{height:60px;width:100%}.qh-divider:before{background:linear-gradient(to right,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 30%,color-mix(in srgb,var(--accent) 20%,#0000) 70%,#0000 100%);bottom:auto;height:1px;left:0;right:0;top:50%;transform:translateY(-50%);width:auto}.qh-section-inner{padding:40px}}@media (max-width:768px){.qh-header{padding:16px 20px}.qh-logo{font-size:20px}.qh-nav-btn span{display:none}.qh-section-title{font-size:32px}.qh-section-icon{height:80px;width:80px}}:root{--qb-transition-smooth:cubic-bezier(0.4,0,0.2,1);--qb-transition-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--qb-transition-spring:cubic-bezier(0.175,0.885,0.32,1.275);--qb-transition-elastic:cubic-bezier(0.68,-0.6,0.32,1.6)}.qb-page{--qb-bg-primary:var(--bg);--qb-bg-secondary:var(--panel);--qb-bg-tertiary:var(--hover-bg);--qb-bg-card:var(--panel);--qb-border:var(--border);--qb-text-primary:var(--text-primary);--qb-text-secondary:var(--text-secondary);--qb-text-muted:var(--text-secondary);--qb-accent:var(--accent);--qb-accent-rgb:124,58,237;--qb-accent-dark:color-mix(in srgb,var(--accent) 70%,#000);--qb-accent-light:color-mix(in srgb,var(--accent) 35%,#0000);--qb-accent-ultra-light:color-mix(in srgb,var(--accent) 12%,#0000);--qb-accent-glow:color-mix(in srgb,var(--accent) 25%,#0000);--qb-gradient-primary:linear-gradient(135deg,var(--qb-accent) 0%,var(--qb-accent-dark) 100%);--qb-gradient-victory:linear-gradient(135deg,#10b981,#059669);--qb-gradient-defeat:linear-gradient(135deg,#ef4444,#dc2626);--qb-gradient-draw:linear-gradient(135deg,#f59e0b,#d97706);--qb-success:#10b981;--qb-success-dark:#059669;--qb-success-light:#10b98126;--qb-warning:#f59e0b;--qb-warning-dark:#d97706;--qb-warning-light:#f59e0b26;--qb-danger:#ef4444;--qb-danger-dark:#dc2626;--qb-danger-light:#ef444426;--qb-info:#3b82f6;--qb-info-dark:#2563eb;--qb-info-light:#3b82f626;--qb-header-height:80px;--qb-shadow-xs:0 1px 3px #0000000f;--qb-shadow-sm:0 2px 8px #00000014;--qb-shadow-md:0 4px 16px #0000001a;--qb-shadow-lg:0 8px 32px #00000024;--qb-shadow-xl:0 12px 48px #0000002e;--qb-shadow-2xl:0 20px 64px #0000003d;--qb-shadow-accent:0 8px 32px var(--qb-accent-glow);--qb-shadow-accent-lg:0 12px 48px var(--qb-accent-glow);background:var(--qb-bg-primary)!important;bottom:0!important;color:var(--qb-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.qb-page *{box-sizing:border-box}.qb-page:before{animation:battle-ambient 40s ease-in-out infinite;background:radial-gradient(circle at 15% 15%,var(--qb-accent-ultra-light) 0,#0000 45%),radial-gradient(circle at 85% 85%,var(--qb-danger-light) 0,#0000 45%),radial-gradient(circle at 50% 50%,var(--qb-accent-ultra-light) 0,#0000 60%);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes battle-ambient{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(3%,-3%) rotate(2deg)}50%{transform:translate(-2%,3%) rotate(-2deg)}75%{transform:translate(2%,-2%) rotate(1deg)}}.qb-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--qb-bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--qb-accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .qb-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .qb-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.qb-header-left{align-items:center;display:flex;gap:6px}.qb-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.qb-logo,.qb-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.qb-logo{align-items:center;color:var(--qb-accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.qb-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--qb-accent) 50%,#0000);transform:translateY(-2px)}.qb-logo:hover .qb-logo-img{transform:scale(1.1)}.qb-header-divider{background:color-mix(in srgb,var(--qb-accent) 30%,#0000);height:20px;margin-left:10px;width:1px}.qb-subtitle{color:color-mix(in srgb,var(--qb-accent) 70%,var(--qb-text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.qb-ws-status{animation:battle-connection-pulse 3s ease-in-out infinite;background:var(--qb-success);border-radius:50%;box-shadow:0 0 12px var(--qb-success),0 0 24px var(--qb-success);height:8px;position:relative;width:8px}@keyframes battle-connection-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.qb-ws-status:before{animation:battle-ring-expand 3s ease-in-out infinite;border:2px solid var(--qb-success);border-radius:50%;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes battle-ring-expand{0%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(2)}}.qb-header-right{gap:12px}.qb-header-right,.qb-nav-btn{align-items:center;display:flex}.qb-nav-btn{background:#0000;border:none;color:var(--qb-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;opacity:.7;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.qb-nav-btn:hover{color:var(--qb-accent);opacity:1;transform:translateX(-2px)}.qb-nav-btn svg{height:16px;width:16px}.qb-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:56px 48px;position:relative;z-index:1}.qb-content::-webkit-scrollbar{width:10px}.qb-content::-webkit-scrollbar-track{background:var(--qb-bg-primary);border-left:1px solid var(--qb-border)}.qb-content::-webkit-scrollbar-thumb{background:var(--qb-border);border-left:2px solid var(--qb-accent-light);-webkit-transition:all .3s;transition:all .3s}.qb-content::-webkit-scrollbar-thumb:hover{background:var(--qb-accent-light);border-left-color:var(--qb-accent)}.qb-content:before{animation:battle-content-glow 8s ease-in-out infinite;background:radial-gradient(ellipse at center,var(--qb-accent-ultra-light) 0,#0000 55%);content:"";height:900px;left:50%;opacity:.3;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1600px}@keyframes battle-content-glow{0%,to{opacity:.2;transform:translateX(-50%) scale(1)}50%{opacity:.4;transform:translateX(-50%) scale(1.08)}}.qb-container{margin:0 auto;max-width:1600px;position:relative;z-index:1}.qb-welcome-section{align-items:center;border-bottom:1px solid var(--qb-border);display:flex;justify-content:space-between;margin-bottom:48px;padding-bottom:40px;position:relative}.qb-welcome-section:before{animation:battle-welcome-line 3s ease-in-out infinite;background:var(--qb-gradient-primary);bottom:-1px;box-shadow:0 0 16px var(--qb-accent-glow);content:"";height:2px;left:0;position:absolute;width:250px}@keyframes battle-welcome-line{0%,to{opacity:.7;width:250px}50%{opacity:1;width:350px}}.qb-welcome-left{flex:1 1}.qb-welcome-title{align-items:center;color:color-mix(in srgb,var(--qb-accent) 70%,var(--qb-text-primary));display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:10px;letter-spacing:2px;margin:0 0 12px;text-transform:uppercase}.qb-welcome-title .battle-icon{color:var(--qb-accent);filter:drop-shadow(0 0 10px var(--qb-accent-glow))}.qb-welcome-desc{color:color-mix(in srgb,var(--qb-accent) 70%,var(--qb-text-primary));line-height:1.8;margin:0;max-width:600px}.qb-create-btn,.qb-welcome-desc{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.qb-create-btn{align-items:center;background:var(--qb-gradient-primary);border:none;border-radius:10px;box-shadow:0 4px 20px var(--qb-accent-glow);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;justify-content:center;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.qb-create-btn:hover{box-shadow:0 8px 30px var(--qb-accent-glow);transform:translateY(-2px)}.qb-filters{background:var(--qb-bg-secondary);border:1px solid var(--qb-border);border-radius:14px;display:flex;gap:12px;margin-bottom:40px;overflow:hidden;padding:8px;position:relative}.qb-filters:before{background:var(--qb-gradient-primary);border-radius:3px;bottom:0;box-shadow:0 0 12px var(--qb-accent-glow);content:"";height:3px;left:0;position:absolute;transform:translateX(0);transform:translateX(calc(var(--filter-index, 0)*100%));transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all .4s var(--qb-transition-spring);width:25%}.qb-filter-tab{background:#0000;border:none;border-radius:10px;color:var(--qb-text-secondary);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--qb-transition-smooth)}.qb-filter-tab:before{background:var(--qb-accent-ultra-light);border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s var(--qb-transition-smooth)}.qb-filter-tab:hover{color:var(--qb-text-primary)}.qb-filter-tab:hover:before{opacity:1}.qb-filter-tab.active{background:var(--qb-gradient-primary);border-radius:10px;box-shadow:0 4px 12px var(--qb-accent-glow);color:#fff;font-weight:700}.qb-filter-tab.active:before{opacity:0}.qb-filter-tab span{position:relative;z-index:1}.qb-battle-grid{grid-gap:28px;animation:battle-grid-fade-in .6s ease-out;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}@keyframes battle-grid-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qb-battle-card{background:var(--qb-bg-card);border:1px solid var(--qb-border);border-radius:16px;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--qb-transition-smooth)}.qb-battle-card:before{background:var(--qb-gradient-primary);border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s var(--qb-transition-smooth);z-index:0}.qb-battle-card:after{background:var(--qb-bg-card);border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.qb-battle-card>*{position:relative;z-index:2}.qb-battle-card:hover:before{opacity:1}.qb-battle-card:hover{box-shadow:var(--qb-shadow-xl);transform:translateY(-6px)}.qb-battle-header{align-items:center;border-bottom:1px solid var(--qb-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;position:relative}.qb-battle-header:after{background:var(--qb-gradient-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:80px}.qb-battle-status{background:var(--qb-bg-tertiary);border:1px solid;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:1.5px;overflow:hidden;padding:7px 14px;position:relative;text-transform:uppercase}.qb-battle-status:before{animation:battle-status-shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:100%;left:-100%;opacity:.2;position:absolute;top:0;width:100%}@keyframes battle-status-shine{0%{left:-100%}50%,to{left:100%}}.qb-battle-result{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:12px;font-weight:700;gap:7px;letter-spacing:.8px;overflow:hidden;padding:7px 14px;position:relative;text-transform:uppercase}.qb-battle-result:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.qb-battle-result.win{animation:battle-victory-pulse 2s ease-in-out infinite;color:var(--qb-success)}@keyframes battle-victory-pulse{0%,to{box-shadow:0 0 0 0 var(--qb-success)}50%{box-shadow:0 0 20px 5px #0000}}.qb-battle-result.loss{color:var(--qb-danger)}.qb-battle-result.draw{color:var(--qb-warning)}.qb-opponent-section{margin-bottom:28px}.qb-opponent-header{align-items:center;display:flex;gap:18px;margin-bottom:20px}.qb-opponent-avatar{align-items:center;background:linear-gradient(135deg,var(--qb-accent-light),var(--qb-accent-ultra-light));border:3px solid var(--qb-border);border-radius:50%;color:var(--qb-accent);display:flex;flex-shrink:0;font-size:26px;font-weight:800;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--qb-transition-bounce);width:64px}.qb-opponent-avatar:before{animation:battle-avatar-rotate 4s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,var(--qb-accent-light) 90deg,#0000 180deg,#0000 270deg,#0000 1turn);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes battle-avatar-rotate{to{transform:rotate(1turn)}}.qb-battle-card:hover .qb-opponent-avatar{border-color:var(--qb-accent);transform:scale(1.05)}.qb-opponent-avatar img{height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.qb-opponent-info{flex:1 1;min-width:0}.qb-opponent-name{color:var(--qb-text-primary);font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 8px}.qb-battle-subject,.qb-opponent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-battle-subject{align-items:center;color:var(--qb-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px}.qb-battle-subject svg{color:var(--qb-accent);flex-shrink:0}.qb-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.qb-detail-card{align-items:center;background:var(--qb-bg-tertiary);border:1px solid var(--qb-border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--qb-transition-smooth)}.qb-detail-card:hover{background:var(--qb-bg-card);border-color:var(--qb-accent);transform:translateY(-2px)}.qb-detail-icon{color:var(--qb-accent);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s var(--qb-transition-bounce)}.qb-detail-card:hover .qb-detail-icon{transform:scale(1.2) rotate(5deg)}.qb-detail-label{color:var(--qb-text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.qb-detail-value{color:var(--qb-text-primary);font-size:14px;font-weight:700}.qb-scores-container{background:var(--qb-bg-tertiary);border:1px solid var(--qb-border);border-radius:14px;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.qb-scores-container:before{background:var(--qb-gradient-primary);border-radius:3px 3px 0 0;content:"";height:3px;left:0;position:absolute;top:0;width:100%}.qb-scores-grid{align-items:center;display:flex;gap:20px}.qb-score-box{flex:1 1;position:relative;text-align:center}.qb-score-label{color:var(--qb-text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:12px;text-transform:uppercase}.qb-score-value{-webkit-text-fill-color:#0000;background:var(--qb-gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-family:Orbitron,Inter,sans-serif;font-size:40px;font-weight:900;letter-spacing:-1.5px;line-height:1;position:relative}.qb-score-value:after{background:var(--qb-accent);bottom:-6px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.qb-completed-icon{animation:battle-check-bounce .5s cubic-bezier(.68,-.55,.265,1.55);animation:battle-check-bounce .5s var(--qb-transition-bounce);background:var(--qb-bg-card);border:2px solid var(--qb-success);border-radius:50%;color:var(--qb-success);padding:4px;position:absolute;right:-10px;top:-10px}@keyframes battle-check-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.qb-vs-divider{color:var(--qb-text-muted);font-family:Orbitron,Inter,sans-serif;font-size:16px;font-weight:900;letter-spacing:2px;padding:0 16px;position:relative}.qb-vs-divider:after,.qb-vs-divider:before{background:var(--qb-border);content:"";height:2px;position:absolute;top:50%;width:20px}.qb-vs-divider:before{left:-30px;transform:translateY(-50%) rotate(-45deg)}.qb-vs-divider:after{right:-30px;transform:translateY(-50%) rotate(45deg)}.qb-action-btn{align-items:center;background:var(--qb-gradient-primary);border:none;border-radius:12px;box-shadow:var(--qb-shadow-accent);color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:700;gap:12px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:16px 28px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--qb-transition-smooth);width:100%}.qb-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);transition:left .6s var(--qb-transition-smooth);width:100%}.qb-action-btn:hover{box-shadow:var(--qb-shadow-accent-lg);transform:translateY(-3px)}.qb-action-btn:hover:before{left:100%}.qb-action-btn:active{transform:translateY(-1px)}.qb-action-btn svg{position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s var(--qb-transition-bounce);z-index:1}.qb-action-btn:hover svg{transform:scale(1.2)}.qb-empty,.qb-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 40px;text-align:center}.qb-loading{gap:24px}.qb-spinner{animation:battle-spin .9s linear infinite;border-bottom:5px solid var(--qb-border);border-left:5px solid var(--qb-border);border-radius:50%;border-right-color:var(--qb-border);border-right:5px solid var(--qb-accent);border-top-color:var(--qb-border);border-top:5px solid var(--qb-accent);height:56px;position:relative;width:56px}@keyframes battle-spin{to{transform:rotate(1turn)}}.qb-spinner:before{animation:battle-spin 1.3s linear infinite reverse;border-bottom:3px solid #0000;border-left:3px solid #0000;border-radius:50%;border-right:3px solid var(--qb-accent-light);border-top:3px solid var(--qb-accent-light);content:"";height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:70%}.qb-loading-text{color:var(--qb-text-secondary);font-size:16px;font-weight:600;margin:0}.qb-empty{gap:20px}.qb-empty-icon{animation:battle-empty-float 3s ease-in-out infinite;color:var(--qb-text-muted);opacity:.4}@keyframes battle-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.qb-empty-title{color:var(--qb-text-primary);font-size:24px;font-weight:800;margin:0}.qb-empty-desc{color:var(--qb-text-secondary);font-size:15px;margin:0;max-width:400px}.qb-modal-overlay{align-items:center;animation:battle-modal-fade-in .3s cubic-bezier(.4,0,.2,1);animation:battle-modal-fade-in .3s var(--qb-transition-smooth);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes battle-modal-fade-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1}}.qb-modal{animation:battle-modal-slide-up .4s cubic-bezier(.175,.885,.32,1.275);animation:battle-modal-slide-up .4s var(--qb-transition-spring);background:var(--qb-bg-secondary);border:1px solid var(--qb-border);border-radius:20px;box-shadow:var(--qb-shadow-2xl);max-height:90vh;max-width:640px;overflow-y:auto;padding:48px;position:relative;width:100%}.qb-modal:before{background:var(--qb-gradient-primary);border-radius:20px 20px 0 0;box-shadow:0 0 24px var(--qb-accent-glow);content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes battle-modal-slide-up{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qb-modal::-webkit-scrollbar{width:8px}.qb-modal::-webkit-scrollbar-track{background:var(--qb-bg-tertiary)}.qb-modal::-webkit-scrollbar-thumb{background:var(--qb-accent-light);border:2px solid var(--qb-bg-tertiary)}.qb-modal-header{align-items:center;border-bottom:1px solid var(--qb-border);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;position:relative}.qb-modal-header:after{background:var(--qb-gradient-primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:140px}.qb-modal-title{align-items:center;color:var(--qb-text-primary);display:flex;font-family:Orbitron,Inter,sans-serif;font-size:28px;font-weight:900;gap:14px;letter-spacing:-.5px;margin:0}.qb-modal-title svg{color:var(--qb-accent);filter:drop-shadow(0 2px 8px var(--qb-accent-glow))}.qb-modal-close{align-items:center;background:var(--qb-bg-tertiary);border:1px solid var(--qb-border);border-radius:10px;color:var(--qb-text-secondary);cursor:pointer;display:flex;height:42px;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--qb-transition-smooth);width:42px}.qb-modal-close:before{background:var(--qb-danger-light);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--qb-transition-smooth);width:0}.qb-modal-close:hover:before{height:120px;width:120px}.qb-modal-close:hover{border-color:var(--qb-danger);color:var(--qb-danger);transform:rotate(90deg) scale(1.1)}.qb-form{gap:28px}.qb-form,.qb-form-group{display:flex;flex-direction:column}.qb-form-group{gap:12px}.qb-form-label{align-items:center;color:var(--qb-text-primary);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:1.2px;text-transform:uppercase}.qb-form-label-icon{color:var(--qb-accent)}.qb-form-input,.qb-form-select{background:var(--qb-bg-tertiary);border:2px solid var(--qb-border);border-radius:12px;color:var(--qb-text-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--qb-transition-smooth)}.qb-form-input:focus,.qb-form-select:focus{background:var(--qb-bg-card);border-color:var(--qb-accent);box-shadow:0 0 0 4px var(--qb-accent-ultra-light);outline:none;transform:translateY(-2px)}.qb-form-input::placeholder{color:var(--qb-text-muted);font-weight:400}.qb-submit-btn{align-items:center;background:var(--qb-gradient-primary);border:none;border-radius:12px;box-shadow:var(--qb-shadow-accent);color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:12px;justify-content:center;letter-spacing:1.2px;margin-top:16px;overflow:hidden;padding:18px 32px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--qb-transition-smooth)}.qb-submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);transition:left .6s var(--qb-transition-smooth);width:100%}.qb-submit-btn:hover{box-shadow:var(--qb-shadow-accent-lg);transform:translateY(-3px)}.qb-submit-btn:hover:before{left:100%}.qb-submit-btn:active{transform:translateY(-1px)}.qb-submit-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.qb-submit-btn svg{position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s var(--qb-transition-bounce);z-index:1}.qb-submit-btn:hover svg{transform:scale(1.15)}@media (max-width:1400px){.qb-battle-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width:1024px){.qb-battle-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.qb-header{padding:0 24px}.qb-header-left{gap:16px}.qb-logo{font-size:22px}.qb-badge{font-size:9px;letter-spacing:1.5px;padding:6px 12px}.qb-content{padding:40px 24px}.qb-welcome-section{align-items:flex-start;flex-direction:column;gap:28px}.qb-welcome-title{font-size:11px;gap:8px}.qb-create-btn{justify-content:center;width:100%}.qb-filters{flex-wrap:wrap}.qb-filter-tab{flex:1 1 auto;min-width:120px}.qb-battle-grid,.qb-details-grid{grid-template-columns:1fr}.qb-modal{padding:32px}.qb-modal-title{font-size:22px}}@media (max-width:480px){.qb-welcome-title{font-size:10px}.qb-opponent-avatar{font-size:20px;height:52px;width:52px}.qb-score-value{font-size:32px}.qb-modal{padding:24px}}.qb-battle-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.qb-particle{background:var(--qb-accent);border-radius:50%;height:4px;opacity:.3;position:absolute;width:4px}.qb-particle:first-child{animation:battle-particle-float 15s ease-in-out infinite;left:10%;top:20%}.qb-particle:nth-child(2){animation:battle-particle-float 20s ease-in-out infinite reverse;right:15%;top:50%}.qb-particle:nth-child(3){animation:battle-particle-float 18s ease-in-out infinite;animation-delay:-5s;bottom:30%;left:20%}@keyframes battle-particle-float{0%,to{opacity:.3;transform:translate(0)}25%{opacity:.6;transform:translate(30px,-30px)}50%{opacity:.3;transform:translateY(-60px)}75%{opacity:.6;transform:translate(-30px,-30px)}}.qb-gradient-orb{animation:battle-orb-float 20s ease-in-out infinite;background:radial-gradient(circle,var(--qb-accent-ultra-light) 0,#0000 70%);filter:blur(80px);height:500px;opacity:.4;position:absolute;width:500px}.qb-gradient-orb:first-child{right:-250px;top:-250px}.qb-gradient-orb:nth-child(2){animation-delay:-10s;bottom:-250px;left:-250px}@keyframes battle-orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.15)}}.battle-notification-overlay *,.battle-notification-overlay :after,.battle-notification-overlay :before{border-radius:0!important}:root{--shadow-xl:0 20px 25px -5px #0009}.battle-notification-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.battle-notification-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);background:var(--panel);border:2px solid #d7b38c;border:2px solid var(--accent);box-shadow:0 0 0 1px #d7b38c,0 20px 25px -5px #0009;box-shadow:0 0 0 1px var(--accent),var(--shadow-xl);font-family:Inter,sans-serif;max-width:480px;position:relative;width:100%}.notification-close{background:#0000;border:none;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .3s;z-index:1}.notification-close:hover{color:#d7b38c;color:var(--accent);transform:rotate(90deg)}.notification-header{border-bottom:1px solid var(--border);padding:32px 24px 24px;text-align:center}.notification-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:color-mix(in srgb,#d7b38c 15%,#0000);background:color-mix(in srgb,var(--accent) 15%,#0000);border:2px solid #d7b38c;border:2px solid var(--accent);border-radius:50%;color:#d7b38c;color:var(--accent);display:inline-flex;height:80px;justify-content:center;margin-bottom:16px;width:80px}.notification-header h2{color:#eaecef;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.notification-body{display:flex;flex-direction:column;gap:24px;padding:24px}.challenger-info{align-items:center;background:color-mix(in srgb,var(--bg-primary) 50%,#0000);background:color-mix(in srgb,var(--bg-top) 50%,#0000);border:1px solid var(--border);display:flex;gap:16px;padding:16px}.challenger-avatar{border:2px solid #d7b38c;border:2px solid var(--accent);border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.challenger-avatar img{height:100%;object-fit:cover;width:100%}.challenger-avatar-placeholder{align-items:center;background:color-mix(in srgb,#d7b38c 20%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 20%,var(--bg-bottom));color:#d7b38c;color:var(--accent);display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.challenger-details{display:flex;flex-direction:column;gap:4px}.challenger-label{color:#b8c0cc;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.challenger-name{color:#eaecef;color:var(--text-primary);font-size:18px;font-weight:700}.battle-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;background:color-mix(in srgb,var(--bg-primary) 30%,#0000);background:color-mix(in srgb,var(--bg-top) 30%,#0000);border-left:2px solid #d7b38c;border-left:2px solid var(--accent);display:flex;gap:12px;padding:12px}.info-row svg{color:#d7b38c;color:var(--accent);flex-shrink:0}.info-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.info-label{color:#b8c0cc;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.info-value{color:#eaecef;color:var(--text-primary);font-size:14px;font-weight:600}.difficulty-badge{background:color-mix(in srgb,#d7b38c 20%,#0000);background:color-mix(in srgb,var(--accent) 20%,#0000);border:1px solid #d7b38c;border:1px solid var(--accent);color:#d7b38c;color:var(--accent);letter-spacing:.5px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.notification-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:0 24px 24px}.accept-btn,.decline-btn{align-items:center;border:none;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;justify-content:center;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s}.decline-btn{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary)}.decline-btn:hover{background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:#ef4444;border-color:var(--danger);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#ef4444;color:var(--danger);transform:translateY(-2px)}.accept-btn{background:#d7b38c;background:var(--accent);color:var(--bg-secondary);color:var(--bg-bottom)}.accept-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);transform:translateY(-2px)}.accept-btn:active,.decline-btn:active{transform:translateY(0)}@media (max-width:768px){.battle-notification-modal{margin:0 16px;max-width:100%}.notification-header{padding:24px 16px 16px}.notification-icon{height:60px;width:60px}.notification-icon svg{height:36px;width:36px}.notification-header h2{font-size:20px}.notification-body{gap:16px;padding:16px}.challenger-info{padding:12px}.challenger-avatar{height:50px;width:50px}.challenger-name{font-size:16px}.notification-actions{gap:8px;padding:0 16px 16px}.accept-btn,.decline-btn{font-size:11px;padding:12px 16px}}:root{--qbs-bg-primary:var(--bg,#0a0a0f);--qbs-bg-secondary:var(--panel,#12121a);--qbs-bg-tertiary:var(--hover-bg,#1a1a24);--qbs-border:var(--border,#2a2a3a);--qbs-text-primary:var(--text-primary,#f0f0f5);--qbs-text-secondary:var(--text-secondary,#8888a0);--qbs-accent:var(--accent,#8b5cf6);--qbs-accent-glow:color-mix(in srgb,var(--qbs-accent) 25%,#0000);--qbs-success:#10b981;--qbs-warning:#f59e0b;--qbs-danger:#ef4444;--qbs-gradient-accent:linear-gradient(135deg,var(--qbs-accent),color-mix(in srgb,var(--qbs-accent) 80%,#000))}.battle-session-loading{align-items:center;background:#0a0a0f;background:var(--qbs-bg-primary);color:#f0f0f5;color:var(--qbs-text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:24px;justify-content:center;min-height:100vh;padding:20px;position:relative}.battle-session-loading:before{background:radial-gradient(circle,color-mix(in srgb,#8b5cf6 25%,#0000),#0000 70%);background:radial-gradient(circle,var(--qbs-accent-glow),#0000 70%);content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.battle-session-loading .spinner{animation:qbs-spin 1s linear infinite;color:#8b5cf6;color:var(--qbs-accent);filter:drop-shadow(0 0 20px color-mix(in srgb,#8b5cf6 25%,transparent));filter:drop-shadow(0 0 20px var(--qbs-accent-glow))}.battle-session-loading h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);-webkit-background-clip:text;font-size:24px;font-weight:700;margin:0}.battle-session-loading p{color:#8888a0;color:var(--qbs-text-secondary);margin:0}@keyframes qbs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.battle-session-page{background:#0a0a0f;background:var(--qbs-bg-primary);font-family:Inter,sans-serif;min-height:100vh;padding:24px;position:relative}.battle-session-page:before{background:radial-gradient(ellipse 80% 50% at 20% -20%,color-mix(in srgb,#8b5cf6 12%,#0000),#0000),radial-gradient(ellipse 60% 40% at 80% 100%,color-mix(in srgb,#f97316 8%,#0000),#0000);background:radial-gradient(ellipse 80% 50% at 20% -20%,color-mix(in srgb,var(--qbs-accent) 12%,#0000),#0000),radial-gradient(ellipse 60% 40% at 80% 100%,color-mix(in srgb,#f97316 8%,#0000),#0000);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.session-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:24px!important;padding:32px 0!important;position:relative!important;z-index:1!important}.session-header,.session-title{display:block!important;text-align:center!important;width:100%!important}.session-title{color:#8b5cf6!important;color:var(--qbs-accent)!important;font-family:Inter,sans-serif!important;font-size:28px!important;font-weight:800!important;letter-spacing:3px!important;margin:0!important;padding:0!important;text-transform:uppercase!important}.session-meta{align-items:center;display:flex;gap:32px;justify-content:flex-end;width:320px}.session-question-count{color:#8888a0;color:var(--qbs-text-secondary);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.session-timer{font-size:18px;gap:10px}.session-timer,.session-timer svg{color:#8b5cf6;color:var(--qbs-accent)}.time-warning{animation:qbs-pulse 1s infinite;color:#ef4444!important;color:var(--qbs-danger)!important}@keyframes qbs-pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar{background:#2a2a3a;background:var(--qbs-border);border-radius:3px;height:6px;margin-bottom:32px;position:relative;z-index:1}.progress-fill{background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);box-shadow:0 0 20px color-mix(in srgb,#8b5cf6 25%,#0000);box-shadow:0 0 20px var(--qbs-accent-glow);transition:width .4s cubic-bezier(.4,0,.2,1)}.battle-session-container{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 320px;padding:0 40px 40px;position:relative;width:100%;z-index:1}.question-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,#12121a 80%,#0000);background:color-mix(in srgb,var(--qbs-bg-secondary) 80%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:20px;padding:36px}.question-header{flex-direction:column;gap:16px}.question-meta{align-items:center;display:flex;gap:12px}.question-type-badge{background:color-mix(in srgb,#8b5cf6 15%,#0000);background:color-mix(in srgb,var(--qbs-accent) 15%,#0000);border:1px solid color-mix(in srgb,#8b5cf6 30%,#0000);border:1px solid color-mix(in srgb,var(--qbs-accent) 30%,#0000);border-radius:8px;color:#8b5cf6;color:var(--qbs-accent);font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-transform:uppercase}.question-text{color:#f0f0f5;color:var(--qbs-text-primary);font-size:26px}.question-topic{color:#8888a0;color:var(--qbs-text-secondary);font-size:13px;margin:0}.question-difficulty{flex-shrink:0}.difficulty-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.difficulty-badge.beginner,.difficulty-badge.easy{background:color-mix(in srgb,#10b981 15%,#0000);background:color-mix(in srgb,var(--qbs-success) 15%,#0000);border:1px solid #10b981;border:1px solid var(--qbs-success);color:#10b981;color:var(--qbs-success)}.difficulty-badge.intermediate,.difficulty-badge.medium{background:color-mix(in srgb,#f59e0b 15%,#0000);background:color-mix(in srgb,var(--qbs-warning) 15%,#0000);border:1px solid #f59e0b;border:1px solid var(--qbs-warning);color:#f59e0b;color:var(--qbs-warning)}.difficulty-badge.advanced,.difficulty-badge.hard{background:color-mix(in srgb,#ef4444 15%,#0000);background:color-mix(in srgb,var(--qbs-danger) 15%,#0000);border:1px solid #ef4444;border:1px solid var(--qbs-danger);color:#ef4444;color:var(--qbs-danger)}.answers-grid{grid-gap:14px;gap:14px}.answer-option{background:color-mix(in srgb,#1a1a24 60%,#0000);background:color-mix(in srgb,var(--qbs-bg-tertiary) 60%,#0000);border:2px solid #2a2a3a;border:2px solid var(--qbs-border);border-radius:14px;color:#f0f0f5;color:var(--qbs-text-primary);gap:18px;overflow:hidden;padding:22px 26px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.answer-option:before{background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.answer-option:hover:not(:disabled){background:color-mix(in srgb,#8b5cf6 8%,#1a1a24);background:color-mix(in srgb,var(--qbs-accent) 8%,var(--qbs-bg-tertiary));border-color:#8b5cf6;border-color:var(--qbs-accent);transform:translateX(6px)}.answer-option:hover:not(:disabled):before{opacity:1}.answer-option.selected{background:color-mix(in srgb,#8b5cf6 12%,#1a1a24);background:color-mix(in srgb,var(--qbs-accent) 12%,var(--qbs-bg-tertiary));border-color:#8b5cf6;border-color:var(--qbs-accent)}.answer-option.selected:before{opacity:1}.answer-option.correct{animation:qbs-correct .5s ease;background:color-mix(in srgb,#10b981 12%,#1a1a24);background:color-mix(in srgb,var(--qbs-success) 12%,var(--qbs-bg-tertiary));border-color:var(--qbs-success)}.answer-option.correct:before{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--qbs-success),#059669);opacity:1}@keyframes qbs-correct{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.answer-option.incorrect{animation:qbs-shake .5s ease;background:color-mix(in srgb,#ef4444 12%,#1a1a24);background:color-mix(in srgb,var(--qbs-danger) 12%,var(--qbs-bg-tertiary));border-color:var(--qbs-danger)}.answer-option.incorrect:before{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--qbs-danger),#dc2626);opacity:1}@keyframes qbs-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.option-letter{background:#12121a;background:var(--qbs-bg-secondary);border:2px solid #2a2a3a;border:2px solid var(--qbs-border);border-radius:12px;font-size:15px;font-weight:800;height:40px;transition:all .3s;width:40px}.answer-option.selected .option-letter{background:#8b5cf6;background:var(--qbs-accent);border-color:#8b5cf6;border-color:var(--qbs-accent);color:#fff}.answer-option.correct .option-letter{background:var(--qbs-success);border-color:var(--qbs-success)}.answer-option.incorrect .option-letter{background:var(--qbs-danger);border-color:var(--qbs-danger)}.option-icon{filter:drop-shadow(0 0 8px currentColor)}.battle-sidebar{gap:20px}.battle-sidebar,.sidebar-meta{display:flex;flex-direction:column}.sidebar-meta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,#12121a 80%,#0000);background:color-mix(in srgb,var(--qbs-bg-secondary) 80%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:16px;gap:16px;padding:20px 24px}.sidebar-meta .session-timer{align-items:center;color:#8b5cf6;color:var(--qbs-accent);display:flex;font-size:18px;font-weight:700;gap:10px}.sidebar-meta .session-question-count{color:#8888a0;color:var(--qbs-text-secondary);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.score-display{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,#12121a 80%,#0000);background:color-mix(in srgb,var(--qbs-bg-secondary) 80%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:16px;display:flex;gap:18px;padding:28px}.score-display svg{color:#8b5cf6;color:var(--qbs-accent);filter:drop-shadow(0 0 15px color-mix(in srgb,#8b5cf6 25%,transparent));filter:drop-shadow(0 0 15px var(--qbs-accent-glow));flex-shrink:0}.score-info{display:flex;flex-direction:column;gap:6px}.score-label{color:#8888a0;color:var(--qbs-text-secondary);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);-webkit-background-clip:text;font-size:32px;font-weight:900}.questions-overview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,#12121a 80%,#0000);background:color-mix(in srgb,var(--qbs-bg-secondary) 80%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:16px}.questions-overview h3{color:#8888a0;color:var(--qbs-text-secondary);font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 18px}.question-dots{grid-gap:10px;gap:10px}.question-dot{border-radius:10px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.question-dot.upcoming{background:#1a1a24;background:var(--qbs-bg-tertiary);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);color:#8888a0;color:var(--qbs-text-secondary)}.question-dot.current{background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);box-shadow:0 4px 15px color-mix(in srgb,#8b5cf6 25%,#0000);box-shadow:0 4px 15px var(--qbs-accent-glow);color:#fff;transform:scale(1.15)}.question-dot.answered,.question-dot.current{border:1px solid #8b5cf6;border:1px solid var(--qbs-accent)}.question-dot.answered{background:color-mix(in srgb,#8b5cf6 20%,#0000);background:color-mix(in srgb,var(--qbs-accent) 20%,#0000);color:#8b5cf6;color:var(--qbs-accent)}.question-dot.answered-correct{background:color-mix(in srgb,#10b981 20%,#0000);background:color-mix(in srgb,var(--qbs-success) 20%,#0000);border:1px solid #10b981;border:1px solid var(--qbs-success);color:#10b981;color:var(--qbs-success)}.question-dot.answered-incorrect{background:color-mix(in srgb,#ef4444 20%,#0000);background:color-mix(in srgb,var(--qbs-danger) 20%,#0000);border:1px solid #ef4444;border:1px solid var(--qbs-danger);color:#ef4444;color:var(--qbs-danger)}.question-navigation{align-items:center;border-top:1px solid #2a2a3a;border-top:1px solid var(--qbs-border);display:flex;gap:48px;justify-content:center;margin-top:32px;padding-top:32px}.nav-btn{align-items:center;border:none!important;border-radius:0;box-shadow:none!important;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;font-weight:800;gap:10px;justify-content:center;letter-spacing:2px;padding:0;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn,.nav-btn:hover:not(:disabled){background:#0000!important;color:#8b5cf6!important;color:var(--qbs-accent)!important;filter:brightness(1.2)}.nav-btn:hover:not(:disabled){opacity:.7}.nav-btn:disabled{color:#8888a0!important;color:var(--qbs-text-secondary)!important;cursor:not-allowed;filter:none;opacity:.3!important}.instant-feedback-info{background:color-mix(in srgb,#8b5cf6 10%,#1a1a24);background:color-mix(in srgb,var(--qbs-accent) 10%,var(--qbs-bg-tertiary));border:2px solid color-mix(in srgb,#8b5cf6 30%,#0000);border:2px solid color-mix(in srgb,var(--qbs-accent) 30%,#0000);border-radius:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:16px 24px;text-align:center;width:100%}.feedback-correct{color:#10b981;color:var(--qbs-success)}.feedback-correct,.feedback-incorrect{font-weight:700;letter-spacing:1px;text-transform:uppercase}.feedback-incorrect{color:#ef4444;color:var(--qbs-danger)}.feedback-hint{color:#8888a0;color:var(--qbs-text-secondary);font-size:12px}.question-dot.clickable:hover{border-color:#8b5cf6;border-color:var(--qbs-accent);transform:scale(1.2)}.sidebar-submit-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 85%,#000));background:linear-gradient(135deg,var(--qbs-accent),color-mix(in srgb,var(--qbs-accent) 85%,#000));border:none;border-radius:12px;box-shadow:0 4px 16px color-mix(in srgb,#8b5cf6 30%,#0000);box-shadow:0 4px 16px color-mix(in srgb,var(--qbs-accent) 30%,#0000);color:#0a0a0f;color:var(--qbs-bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:800;gap:10px;justify-content:center;letter-spacing:1.5px;margin-top:20px;padding:16px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}[data-theme-mode=light] .sidebar-submit-btn{color:#fff}.sidebar-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,#8b5cf6 50%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--qbs-accent) 50%,#0000);transform:translateY(-2px)}.sidebar-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.opponent-notification{animation:qbs-slideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 15px 40px #00000080;font-family:Inter,sans-serif;padding:18px 26px;position:fixed;right:24px;top:24px;z-index:1000}.opponent-notification.correct{background:color-mix(in srgb,#10b981 20%,#12121a);background:color-mix(in srgb,var(--qbs-success) 20%,var(--qbs-bg-secondary));border:2px solid #10b981;border:2px solid var(--qbs-success)}.opponent-notification.incorrect{background:color-mix(in srgb,#ef4444 20%,#12121a);background:color-mix(in srgb,var(--qbs-danger) 20%,var(--qbs-bg-secondary));border:2px solid #ef4444;border:2px solid var(--qbs-danger)}.notification-content{align-items:center;color:#f0f0f5;color:var(--qbs-text-primary);display:flex;font-size:14px;font-weight:600;gap:14px}.opponent-notification.correct .notification-content svg{color:#10b981;color:var(--qbs-success);filter:drop-shadow(0 0 10px color-mix(in srgb,#10b981 50%,transparent));filter:drop-shadow(0 0 10px color-mix(in srgb,var(--qbs-success) 50%,transparent))}.opponent-notification.incorrect .notification-content svg{color:#ef4444;color:var(--qbs-danger);filter:drop-shadow(0 0 10px color-mix(in srgb,#ef4444 50%,transparent));filter:drop-shadow(0 0 10px color-mix(in srgb,var(--qbs-danger) 50%,transparent))}@keyframes qbs-slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.battle-result-page{align-items:center;background:#0a0a0f;background:var(--qbs-bg-primary);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:24px;position:relative}.battle-result-page:before{background:radial-gradient(ellipse 80% 50% at 50% 0,color-mix(in srgb,#8b5cf6 15%,#0000),#0000);background:radial-gradient(ellipse 80% 50% at 50% 0,color-mix(in srgb,var(--qbs-accent) 15%,#0000),#0000);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.result-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,#12121a 80%,#0000);background:color-mix(in srgb,var(--qbs-bg-secondary) 80%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:24px;max-width:650px;position:relative;z-index:1}.result-container.detailed{max-width:900px;text-align:left}.result-header{margin-bottom:36px;text-align:center}.result-icon{animation:qbs-bounce 2s ease-in-out infinite;color:#8b5cf6;color:var(--qbs-accent);filter:drop-shadow(0 0 30px color-mix(in srgb,#8b5cf6 25%,transparent));filter:drop-shadow(0 0 30px var(--qbs-accent-glow));margin-bottom:20px}.result-icon.winner{color:#10b981;color:var(--qbs-success);filter:drop-shadow(0 0 30px color-mix(in srgb,#10b981 50%,transparent));filter:drop-shadow(0 0 30px color-mix(in srgb,var(--qbs-success) 50%,transparent))}.result-icon.draw{color:#f59e0b;color:var(--qbs-warning)}.result-icon.loser{color:#8888a0;color:var(--qbs-text-secondary)}@keyframes qbs-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-header h1{color:#f0f0f5;color:var(--qbs-text-primary);font-size:36px;font-weight:900}.result-stats{margin-bottom:36px}.result-stat{background:color-mix(in srgb,#1a1a24 50%,#0000);background:color-mix(in srgb,var(--qbs-bg-tertiary) 50%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:16px;gap:10px;padding:24px;text-align:center}.result-stat .stat-label{color:#8888a0;color:var(--qbs-text-secondary);font-weight:700;letter-spacing:1px}.result-stat .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);-webkit-background-clip:text;font-size:36px;font-weight:900}.result-message{background:color-mix(in srgb,#8b5cf6 10%,#0000);background:color-mix(in srgb,var(--qbs-accent) 10%,#0000);border:1px solid color-mix(in srgb,#8b5cf6 30%,#0000);border:1px solid color-mix(in srgb,var(--qbs-accent) 30%,#0000);border-radius:16px;margin-bottom:36px;padding:24px;text-align:center}.result-message p{color:#f0f0f5;color:var(--qbs-text-primary);margin:10px 0}.result-hint{color:#8888a0!important;color:var(--qbs-text-secondary)!important}.result-button{background:#0000;border:2px solid #2a2a3a;border:2px solid var(--qbs-border);border-radius:12px;color:#8888a0;color:var(--qbs-text-secondary);font-weight:700;letter-spacing:1px;padding:16px 36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.result-button:hover{background:#0000;border-color:#8b5cf6;border-color:var(--qbs-accent);color:#8b5cf6;color:var(--qbs-accent)}.result-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.result-button.primary{align-items:center;border-color:#2a2a3a;border-color:var(--qbs-border);color:#8888a0;color:var(--qbs-text-secondary);display:flex;gap:10px}.result-button.primary:hover{background:#0000;border-color:#8b5cf6;border-color:var(--qbs-accent);color:#8b5cf6;color:var(--qbs-accent)}.result-button.secondary{background:#0000;border:2px solid #2a2a3a;border:2px solid var(--qbs-border);color:#8888a0;color:var(--qbs-text-secondary)}.result-button.secondary:hover{background:#0000;border-color:#8b5cf6;border-color:var(--qbs-accent);color:#8b5cf6;color:var(--qbs-accent)}.result-comparison{grid-gap:36px;align-items:center;background:color-mix(in srgb,#1a1a24 50%,#0000);background:color-mix(in srgb,var(--qbs-bg-tertiary) 50%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:20px;display:grid;gap:36px;grid-template-columns:1fr auto 1fr;margin-bottom:48px;padding:36px}.player-result{align-items:center;display:flex;flex-direction:column;gap:14px}.player-result h3{color:#8888a0;color:var(--qbs-text-secondary);font-size:14px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.player-score{font-size:64px;font-weight:900;line-height:1}.player-result.you .player-score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,color-mix(in srgb,#8b5cf6 80%,#000));background:var(--qbs-gradient-accent);-webkit-background-clip:text}.player-accuracy,.player-result.opponent .player-score{color:#8888a0;color:var(--qbs-text-secondary)}.player-accuracy{font-size:20px;font-weight:700}.vs-divider{background:#12121a;background:var(--qbs-bg-secondary);border-radius:14px;color:#2a2a3a;color:var(--qbs-border);font-size:28px;font-weight:900;letter-spacing:3px;padding:16px 20px}.question-by-question{text-align:left}.question-by-question h3{color:#f0f0f5;color:var(--qbs-text-primary);font-size:20px;font-weight:700;margin:0 0 28px;text-align:center}.questions-comparison-list{display:flex;flex-direction:column;gap:16px;max-height:450px;overflow-y:auto;padding-right:10px}.questions-comparison-list::-webkit-scrollbar{width:6px}.questions-comparison-list::-webkit-scrollbar-track{background:#0000}.questions-comparison-list::-webkit-scrollbar-thumb{background:#2a2a3a;background:var(--qbs-border);border-radius:3px}.questions-comparison-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--qbs-accent)}.question-comparison-item{background:color-mix(in srgb,#1a1a24 50%,#0000);background:color-mix(in srgb,var(--qbs-bg-tertiary) 50%,#0000);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s}.question-comparison-item:hover{border-color:color-mix(in srgb,#8b5cf6 40%,#0000);border-color:color-mix(in srgb,var(--qbs-accent) 40%,#0000)}.question-comparison-item.correct{border-left:4px solid #10b981;border-left:4px solid var(--qbs-success)}.question-comparison-item.incorrect{border-left:4px solid #ef4444;border-left:4px solid var(--qbs-danger)}.question-comparison-header{align-items:flex-start;display:flex;gap:16px}.question-number{align-items:center;background:#12121a;background:var(--qbs-bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:12px;display:flex;flex-shrink:0;font-size:14px;height:44px;justify-content:center;min-width:44px}.question-number,.question-text-full{color:#f0f0f5;color:var(--qbs-text-primary)}.question-text-full{flex:1 1;font-size:16px;font-weight:600;line-height:1.5}.status-badge{border-radius:8px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-badge.correct{background:color-mix(in srgb,#10b981 15%,#0000);background:color-mix(in srgb,var(--qbs-success) 15%,#0000);border:1px solid #10b981;border:1px solid var(--qbs-success);color:#10b981;color:var(--qbs-success)}.status-badge.incorrect{background:color-mix(in srgb,#ef4444 15%,#0000);background:color-mix(in srgb,var(--qbs-danger) 15%,#0000);border:1px solid #ef4444;border:1px solid var(--qbs-danger);color:#ef4444;color:var(--qbs-danger)}.answer-options-review{display:flex;flex-direction:column;gap:10px}.answer-option-review{align-items:center;background:#12121a;background:var(--qbs-bg-secondary);border:2px solid #2a2a3a;border:2px solid var(--qbs-border);border-radius:12px;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s}.answer-option-review.correct-answer{background:color-mix(in srgb,#10b981 8%,#12121a);background:color-mix(in srgb,var(--qbs-success) 8%,var(--qbs-bg-secondary));border-color:#10b981;border-color:var(--qbs-success)}.answer-option-review .option-content{align-items:center;display:flex;flex:1 1;gap:14px}.answer-option-review .option-letter{align-items:center;background:#1a1a24;background:var(--qbs-bg-tertiary);border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:8px;color:#f0f0f5;color:var(--qbs-text-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;width:32px}.answer-option-review.correct-answer .option-letter{background:#10b981;background:var(--qbs-success);border-color:#10b981;border-color:var(--qbs-success);color:#fff}.answer-option-review .option-text{color:#f0f0f5;color:var(--qbs-text-primary);font-size:14px;line-height:1.4}.correct-icon{color:#10b981;color:var(--qbs-success);filter:drop-shadow(0 0 8px color-mix(in srgb,#10b981 50%,transparent));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--qbs-success) 50%,transparent));flex-shrink:0}.selection-indicators{display:flex;flex-shrink:0;gap:10px}.user-badge{border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;white-space:nowrap}.user-badge.correct,.user-badge.you.correct{background:color-mix(in srgb,#10b981 20%,#0000);background:color-mix(in srgb,var(--qbs-success) 20%,#0000);border:1px solid #10b981;border:1px solid var(--qbs-success);color:#10b981;color:var(--qbs-success)}.user-badge.incorrect,.user-badge.you.incorrect{background:color-mix(in srgb,#ef4444 20%,#0000);background:color-mix(in srgb,var(--qbs-danger) 20%,#0000);border:1px solid #ef4444;border:1px solid var(--qbs-danger);color:#ef4444;color:var(--qbs-danger)}.user-badge.opponent.correct{background:color-mix(in srgb,#8b5cf6 20%,#0000);background:color-mix(in srgb,var(--qbs-accent) 20%,#0000);border:1px solid #8b5cf6;border:1px solid var(--qbs-accent);color:#8b5cf6;color:var(--qbs-accent)}.user-badge.opponent.incorrect{background:color-mix(in srgb,#f59e0b 20%,#0000);background:color-mix(in srgb,var(--qbs-warning) 20%,#0000);border:1px solid #f59e0b;border:1px solid var(--qbs-warning);color:#f59e0b;color:var(--qbs-warning)}.question-explanation{align-items:flex-start;background:color-mix(in srgb,#8b5cf6 8%,#0000);background:color-mix(in srgb,var(--qbs-accent) 8%,#0000);border-left:3px solid #8b5cf6;border-left:3px solid var(--qbs-accent);border-radius:10px;color:#8888a0;color:var(--qbs-text-secondary);display:flex;font-size:14px;gap:12px;line-height:1.6;padding:16px}.question-explanation svg{color:#8b5cf6;color:var(--qbs-accent);flex-shrink:0;margin-top:2px}.performance-insights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.insight-section{border:1px solid #2a2a3a;border:1px solid var(--qbs-border);border-radius:14px;padding:20px}.insight-section.weak{background:color-mix(in srgb,#ef4444 8%,#0000);background:color-mix(in srgb,var(--qbs-danger) 8%,#0000);border-color:color-mix(in srgb,#ef4444 30%,#0000);border-color:color-mix(in srgb,var(--qbs-danger) 30%,#0000)}.insight-section.strong{background:color-mix(in srgb,#10b981 8%,#0000);background:color-mix(in srgb,var(--qbs-success) 8%,#0000);border-color:color-mix(in srgb,#10b981 30%,#0000);border-color:color-mix(in srgb,var(--qbs-success) 30%,#0000)}.insight-section h3{align-items:center;display:flex;font-size:14px;font-weight:700;gap:10px;margin:0 0 14px}.insight-section.weak h3{color:#ef4444;color:var(--qbs-danger)}.insight-section.strong h3{color:#10b981;color:var(--qbs-success)}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{border-radius:8px;font-size:12px;font-weight:600;padding:6px 14px}.topic-tag.weak{background:color-mix(in srgb,#ef4444 15%,#0000);background:color-mix(in srgb,var(--qbs-danger) 15%,#0000);color:#ef4444;color:var(--qbs-danger)}.topic-tag.strong{background:color-mix(in srgb,#10b981 15%,#0000);background:color-mix(in srgb,var(--qbs-success) 15%,#0000);color:#10b981;color:var(--qbs-success)}@media (max-width:1024px){.battle-session-container{grid-template-columns:1fr}.battle-sidebar{flex-direction:row;flex-wrap:wrap;order:-1}.questions-overview,.score-display{flex:1 1;min-width:200px}}@media (max-width:768px){.battle-session-page{padding:16px}.session-header{flex-direction:column;gap:16px;padding:16px 20px}.question-card{padding:24px}.question-text{font-size:20px}.result-stats{gap:16px;grid-template-columns:1fr}.result-comparison{gap:24px;grid-template-columns:1fr;padding:24px}.vs-divider{padding:10px 16px;transform:rotate(90deg)}.player-score{font-size:48px}.performance-insights{grid-template-columns:1fr}.answer-option-review{align-items:flex-start;flex-direction:column;gap:12px}.selection-indicators{justify-content:flex-start;width:100%}.result-actions{flex-direction:column}.result-button{justify-content:center;width:100%}}.sq-page{--sq-bg-primary:var(--bg);--sq-bg-secondary:var(--panel);--sq-bg-tertiary:var(--hover-bg);--sq-bg-card:var(--panel);--sq-border:var(--border);--sq-text-primary:var(--text-primary);--sq-text-secondary:var(--text-secondary);--sq-text-muted:var(--text-secondary);--sq-accent:var(--accent);--sq-accent-light:color-mix(in srgb,var(--sq-accent) 70%,#fff);--sq-accent-dark:color-mix(in srgb,var(--sq-accent) 85%,#000);--sq-success:#10b981;--sq-warning:#f59e0b;--sq-danger:#ef4444;--sq-gradient-accent:linear-gradient(135deg,var(--sq-accent),var(--sq-accent-dark));background:var(--sq-bg-primary)!important;bottom:0!important;color:var(--sq-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.sq-page *{box-sizing:border-box}.sq-page:before{display:none}.sq-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--sq-bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--sq-accent) 15%,#0000);flex-shrink:0;height:auto;justify-content:space-between;min-height:auto;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sq-header,.sq-header-left{align-items:center;display:flex}.sq-header-left{gap:16px}.sq-logo{align-items:center;color:var(--sq-accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.sq-logo,.sq-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.sq-logo-img{background-color:var(--sq-accent);height:40px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:40px}.sq-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--sq-accent) 50%,#0000);transform:translateY(-2px)}.sq-logo:hover .sq-logo-img{transform:scale(1.1)}.sq-header-divider{background:color-mix(in srgb,var(--sq-accent) 30%,#0000);height:20px;width:1px}.sq-subtitle{color:color-mix(in srgb,var(--sq-accent) 70%,var(--sq-text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.sq-header-right{gap:12px}.sq-header-right,.sq-nav-btn{align-items:center;display:flex}.sq-nav-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.sq-nav-btn svg{height:14px;width:14px}.sq-nav-btn-accent{background:#0000;border:none;color:var(--sq-accent)}.sq-nav-btn-accent:hover{opacity:.8}.sq-nav-btn-ghost{background:#0000;border:none;color:var(--sq-text-primary);opacity:.7}.sq-nav-btn-ghost:hover{color:var(--sq-accent);opacity:1}.sq-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:40px 60px;position:relative;z-index:1}.sq-content::-webkit-scrollbar{width:8px}.sq-content::-webkit-scrollbar-track{background:#0000}.sq-content::-webkit-scrollbar-thumb{background:var(--sq-border);border-radius:4px}.sq-content::-webkit-scrollbar-thumb:hover{background:var(--sq-accent)}.sq-generator-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:20px 0;width:100%}.sq-generator-header{margin-bottom:32px;text-align:center}.sq-generator-icon{animation:sq-float 3s ease-in-out infinite;color:var(--sq-accent);filter:drop-shadow(0 0 30px color-mix(in srgb,var(--sq-accent) 50%,transparent));margin-bottom:16px}@keyframes sq-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sq-generator-title{color:var(--sq-accent);font-family:Inter,sans-serif;font-size:28px;font-weight:800;letter-spacing:2px;margin:0 0 8px;text-transform:uppercase}.sq-generator-subtitle{color:var(--sq-text-secondary);font-size:11px;font-weight:600;letter-spacing:1px;line-height:1.6;margin:0;text-transform:uppercase}.sq-generator-form{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:24px;padding:0;width:100%}.sq-generator-form .sq-form-group{display:flex;flex-direction:column;gap:12px}.sq-generator-form .sq-form-group label{align-items:center;color:var(--sq-accent);display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:10px;letter-spacing:1.5px;text-transform:uppercase}.sq-generator-form .sq-form-group label svg{color:var(--sq-accent)}.sq-generator-form .sq-form-group input,.sq-generator-form .sq-form-group select{background:var(--sq-bg-tertiary);border:2px solid var(--sq-border);border-radius:12px;color:var(--sq-text-primary);font-family:Inter,sans-serif;font-size:15px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sq-generator-form .sq-form-group input:focus,.sq-generator-form .sq-form-group select:focus{border-color:var(--sq-accent);outline:none}.sq-generator-form .sq-form-group input::placeholder{color:var(--sq-text-muted);font-size:14px}.sq-generator-form .sq-form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,color-mix(in srgb,var(--sq-accent) 12%,var(--sq-bg-tertiary)) 0,color-mix(in srgb,var(--sq-accent) 8%,var(--sq-bg-tertiary)) 100%);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:2px solid color-mix(in srgb,var(--sq-accent) 30%,#0000);border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,var(--sq-accent) 10%,#0000);color:var(--sq-accent);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding-right:50px;text-transform:uppercase}.sq-generator-form .sq-form-group select:hover{border-color:var(--sq-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--sq-accent) 25%,#0000);transform:translateY(-1px)}.sq-generator-form .sq-form-group select:focus{border-color:var(--sq-accent);outline:none}.sq-generator-form .sq-form-group select option{background:var(--sq-bg-secondary);color:var(--sq-text-primary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.sq-generator-form .sq-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sq-generator-form .sq-adaptive-toggle{background:#0000;border:2px solid color-mix(in srgb,var(--sq-accent) 30%,#0000);border-radius:12px;padding:20px}.sq-generator-form .sq-toggle-label{align-items:center;cursor:pointer;display:flex;gap:14px}.sq-generator-form .sq-toggle-label input[type=checkbox]{accent-color:var(--sq-accent);border-radius:4px;cursor:pointer;height:22px;width:22px}.sq-generator-form .sq-toggle-text{align-items:center;color:var(--sq-text-primary);display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:12px;letter-spacing:1.5px;text-transform:uppercase}.sq-generator-form .sq-toggle-text svg{color:var(--sq-accent)}.sq-generator-form .sq-toggle-desc{color:var(--sq-text-muted);font-size:12px;letter-spacing:normal;line-height:1.6;margin:12px 0 0 36px;text-transform:none}.sq-mode-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.sq-mode-btn{background:var(--sq-bg-tertiary);border:2px solid var(--sq-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:8px;padding:16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.sq-mode-btn:hover{background:color-mix(in srgb,var(--sq-accent) 5%,var(--sq-bg-tertiary));border-color:color-mix(in srgb,var(--sq-accent) 40%,#0000)}.sq-mode-btn.active{background:color-mix(in srgb,var(--sq-accent) 12%,var(--sq-bg-tertiary));border-color:var(--sq-accent)}.sq-mode-header{align-items:center;display:flex;justify-content:space-between}.sq-mode-name{color:var(--sq-text-primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sq-mode-btn.active .sq-mode-name{color:var(--sq-accent)}.sq-mode-desc{color:var(--sq-text-muted);font-size:11px;line-height:1.5;margin:0}.sq-timing-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.sq-timing-btn{background:var(--sq-bg-tertiary);border:2px solid var(--sq-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:6px;padding:14px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.sq-timing-btn:hover{background:color-mix(in srgb,var(--sq-accent) 5%,var(--sq-bg-tertiary));border-color:color-mix(in srgb,var(--sq-accent) 40%,#0000)}.sq-timing-btn.active{background:color-mix(in srgb,var(--sq-accent) 12%,var(--sq-bg-tertiary));border-color:var(--sq-accent)}.sq-timing-name{color:var(--sq-text-primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sq-timing-btn.active .sq-timing-name{color:var(--sq-accent)}.sq-timing-desc{color:var(--sq-text-muted);font-size:10px;line-height:1.4;margin:0}.sq-generator-form .sq-submit-btn{align-items:center;background:linear-gradient(135deg,var(--sq-accent),var(--sq-accent-dark));border:none;border-radius:12px;color:var(--sq-bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:12px;justify-content:center;letter-spacing:2px;margin-top:8px;overflow:hidden;padding:18px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .sq-generator-form .sq-submit-btn{color:#fff}.sq-generator-form .sq-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sq-generator-form .sq-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.sq-generator-form .sq-submit-btn:hover:not(:disabled):before{left:100%}.sq-generator-form .sq-submit-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.spinner{animation:sq-spin 1s linear infinite}@keyframes sq-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sq-generator-form .sq-error{align-items:center;animation:sq-shake .5s ease-in-out;background:color-mix(in srgb,var(--sq-danger) 10%,#0000);border:1px solid color-mix(in srgb,var(--sq-danger) 40%,#0000);border-radius:12px;color:var(--sq-danger);display:flex;gap:14px;padding:16px 20px}@keyframes sq-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.sq-generator-form .sq-error svg{flex-shrink:0}.sq-generator-form .sq-error span{flex:1 1;font-size:13px;font-weight:500}.sq-generator-form .sq-error button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--sq-danger);cursor:pointer;display:flex;font-size:22px;height:28px;justify-content:center;opacity:.7;padding:0;transition:all .2s;width:28px}.sq-generator-form .sq-error button:hover{background:color-mix(in srgb,var(--sq-danger) 20%,#0000);opacity:1}@media (max-width:1024px){.sq-generator-form .sq-form-row,.sq-mode-options,.sq-timing-options{grid-template-columns:1fr}}@media (max-width:768px){.sq-header{padding:16px 20px}.sq-content{padding:30px 20px}.sq-generator-container{padding:10px 0}.sq-generator-title{font-size:24px}.sq-generator-form{padding:0}.sq-generator-form .sq-form-row{grid-template-columns:1fr}}@media (max-width:480px){.sq-generator-title{font-size:20px}.sq-generator-form{padding:0}.sq-content{padding:20px 16px}}.sq-body{display:flex;flex:1 1;overflow:hidden}.sq-sidebar{background:var(--sq-bg-secondary);border-right:1px solid color-mix(in srgb,var(--sq-accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;gap:24px;height:100%;overflow-y:auto;padding:24px 20px;width:260px}[data-theme-mode=dark] .sq-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .sq-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.sq-sidebar-section{display:flex;flex-direction:column;gap:12px}.sq-sidebar-heading{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.sq-sidebar-menu{display:flex;flex-direction:column;gap:4px}.sq-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;padding:12px 16px;position:relative;text-align:left;text-transform:uppercase;transition:all .2s ease;width:100%}.sq-menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sq-menu-item.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent)}.sq-menu-item svg{flex-shrink:0}.sq-active-indicator{background:var(--accent);border-radius:0;height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sq-main{background:var(--sq-bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto}.sq-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:32px 40px 24px}.sq-section-header svg{color:var(--accent);flex-shrink:0}.sq-section-title{color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.sq-section-desc{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.sq-completed-list{display:flex;flex-direction:column;gap:16px;padding:32px 40px}.sq-quiz-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .2s ease}.sq-quiz-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.sq-quiz-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sq-quiz-card-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.sq-score-badge{border-radius:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;padding:6px 12px}.sq-score-badge.excellent{background:color-mix(in srgb,var(--success) 15%,#0000);color:var(--success)}.sq-score-badge.good{background:color-mix(in srgb,var(--warning) 15%,#0000);color:var(--warning)}.sq-score-badge.needs-work{background:color-mix(in srgb,var(--danger) 15%,#0000);color:var(--danger)}.sq-quiz-card-meta{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-bottom:16px}.sq-quiz-card-meta span{align-items:center;display:flex;gap:6px}.sq-review-btn{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:6px;color:var(--accent);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.sq-review-btn:hover{background:color-mix(in srgb,var(--accent) 20%,#0000);transform:translateX(4px)}.sq-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:32px 40px}.sq-stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.sq-stat-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.sq-stat-icon{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border-radius:12px;color:var(--bg-primary);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}[data-theme-mode=light] .sq-stat-icon{color:#fff}.sq-stat-content{flex:1 1}.sq-stat-value{color:var(--accent);font-size:32px;font-weight:800;line-height:1;margin:0 0 4px}.sq-stat-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.sq-empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 40px;text-align:center}.sq-empty-state svg{color:var(--accent);opacity:.4}.sq-empty-state h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.sq-empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.sq-empty-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-top:8px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}[data-theme-mode=light] .sq-empty-btn{color:#fff}.sq-empty-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.analytics-page{background:radial-gradient(circle at 2px 2px,#ffffff14 1.5px,#0000 0),linear-gradient(135deg,var(--bg-primary) 0,color-mix(in srgb,var(--bg-primary) 55%,var(--accent)) 50%,var(--bg-primary) 100%);background-position:5px 5px,0 0;background-size:30px 30px,100% 100%;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.analytics-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:auto;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.analytics-header-left{align-items:center;display:flex;gap:16px}.analytics-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px}.analytics-logo,.analytics-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-logo-img{background-color:var(--accent);height:40px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:40px}.analytics-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.analytics-logo:hover .analytics-logo-img{transform:scale(1.1)}.analytics-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.analytics-subtitle{color:color-mix(in srgb,var(--accent) 70%,#fff);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.analytics-header-right{align-items:center;display:flex;gap:12px}.analytics-nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.analytics-nav-btn-accent{background:var(--accent);color:var(--bg-primary)}.analytics-nav-btn-accent:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.analytics-nav-btn-ghost{background:#0000;border:none;color:var(--text-secondary)}.analytics-nav-btn-ghost:hover{background:#0000;color:var(--accent)}.analytics-container{margin:0 auto;max-width:1800px;padding:48px}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:80vh}.loading-spinner{border:3px solid var(--border)}.analytics-loading p{color:var(--text-secondary);font-size:14px;font-weight:500}.analytics-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.analytics-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.analytics-card:before{background:var(--accent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.analytics-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.analytics-card:hover:before{opacity:1}.analytics-card-accent{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 80%,#000) 100%);border:none}.analytics-card-accent .analytics-card-icon{background:#0003;color:var(--bg-primary)}.analytics-card-accent .analytics-card-value{color:var(--bg-primary)}.analytics-card-accent .analytics-card-label{color:var(--bg-primary);opacity:.8}.analytics-card-icon{align-items:center;background:#d7b38c1a;background:rgba(var(--accent-rgb,215,179,140),.1);border-radius:10px;color:var(--accent);display:flex;height:48px;justify-content:center;width:48px}.analytics-card-content{display:flex;flex-direction:column;gap:6px}.analytics-card-value{color:var(--text-primary);font-size:36px;font-weight:800;line-height:1}.analytics-card-label{color:var(--text-secondary);font-size:12px;font-weight:500}.analytics-filters{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:32px;margin-bottom:32px;padding:24px}.analytics-filter-group{align-items:center;display:flex;gap:16px}.analytics-filter-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analytics-filter-buttons{display:flex;gap:8px}.analytics-filter-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.analytics-filter-btn:hover{background:#d7b38c1a;background:rgba(var(--accent-rgb,215,179,140),.1);border-color:var(--accent);color:var(--text-primary)}.analytics-filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.analytics-metrics{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.analytics-metrics label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analytics-metric-chips{display:flex;flex-wrap:wrap;gap:10px}.analytics-metric-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.analytics-metric-chip:hover{border-color:var(--accent);color:var(--accent)}.analytics-metric-chip.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.analytics-chart-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:32px}.analytics-chart-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.analytics-chart-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 6px}.analytics-chart-subtitle{color:var(--text-secondary);font-size:12px;font-weight:500}.analytics-chart-legend{display:flex;flex-wrap:wrap;gap:16px}.analytics-legend-item{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:500;gap:8px}.analytics-legend-dot{border-radius:3px;flex-shrink:0;height:12px;width:12px}.analytics-chart-area{min-height:420px}.analytics-chart-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:420px;justify-content:center}.analytics-chart-empty p{font-size:14px;font-weight:500}.analytics-bar-chart{display:flex;gap:20px;height:420px}.analytics-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:20px 0;width:50px}.analytics-y-label{color:var(--text-secondary);font-size:11px;font-weight:600;text-align:right}.analytics-bars-container{align-items:flex-end;border-bottom:2px solid var(--border);border-left:2px solid var(--border);border-radius:0 0 8px 0;display:flex;flex:1 1;justify-content:space-around;overflow-x:auto;padding:20px 0}.analytics-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:60px}.analytics-bars{align-items:flex-end;display:flex;gap:4px;height:340px}.analytics-bar{border-radius:4px 4px 0 0;cursor:pointer;min-height:4px;transition:all .3s ease;width:16px}.analytics-bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}.analytics-x-label{color:var(--text-secondary);font-size:11px;font-weight:600;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-line-chart{height:420px;overflow-x:auto;width:100%}.analytics-line-chart svg{height:100%;min-width:100%;width:100%}.analytics-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.analytics-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.analytics-stat-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.analytics-stat-card-accent{background:#d7b38c0d;background:rgba(var(--accent-rgb,215,179,140),.05);border-color:var(--accent)}.analytics-stat-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.analytics-stat-header svg{color:var(--accent)}.analytics-stat-header span{color:var(--text-primary);font-size:12px;font-weight:600}.analytics-stat-values{display:flex;flex-direction:column;gap:12px}.analytics-stat-row{align-items:center;display:flex;justify-content:space-between}.analytics-stat-row span:first-child{color:var(--text-secondary);font-size:11px;font-weight:500}.analytics-stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.analytics-stat-highlight{color:var(--accent);font-size:22px}.analytics-points-reference{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px}.analytics-points-reference h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 24px}.analytics-points-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.analytics-point-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;font-size:12px;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.analytics-point-item:hover{border-color:var(--accent);transform:translateX(4px)}.analytics-point-item span:first-child{color:var(--text-secondary);font-weight:500}.analytics-point-item span:last-child{color:var(--accent);font-size:16px;font-weight:700}.analytics-point-highlight{background:#d7b38c0d;background:rgba(var(--accent-rgb,215,179,140),.05);border-color:var(--accent)}.analytics-point-highlight span:last-child{font-size:18px}@media (max-width:1400px){.analytics-summary-cards{grid-template-columns:repeat(2,1fr)}.analytics-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 24px}.analytics-header-right{justify-content:flex-end;width:100%}.analytics-container{padding:24px}.analytics-stats-grid,.analytics-summary-cards{grid-template-columns:1fr}.analytics-filters{align-items:flex-start;flex-direction:column}.analytics-points-grid{grid-template-columns:1fr}}[data-theme-mode=dark] .analytics-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .analytics-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.analytics-tabs{border-bottom:2px solid var(--border);display:flex;gap:12px;margin-bottom:32px;padding-bottom:0}.analytics-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:-2px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease}.analytics-tab:hover{background:#d7b38c0d;background:rgba(var(--accent-rgb,215,179,140),.05);color:var(--accent)}.analytics-tab.active{background:#d7b38c14;background:rgba(var(--accent-rgb,215,179,140),.08);border-bottom-color:var(--accent);color:var(--accent)}.weak-areas-content{animation:fadeIn .4s ease}.weak-areas-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:400px}.weak-areas-loading p{color:var(--text-secondary);font-size:14px;font-weight:500}.weak-areas-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.weak-summary-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;position:relative;transition:all .3s ease}.weak-summary-card:after{bottom:8px;color:var(--text-secondary);content:"CLICK TO FILTER";font-size:8px;font-weight:700;letter-spacing:1px;opacity:0;position:absolute;transition:opacity .3s ease}.weak-summary-card:hover:after{opacity:.5}.weak-summary-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.weak-summary-card.active{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.weak-summary-card.active:after{content:"FILTERED";opacity:1}.weak-summary-card.critical{background:#ef44440d;border-color:#ef4444;border-width:2px}.weak-summary-card.critical.active{background:#ef444426;border-width:2px}.weak-summary-card.needs-practice{background:#f59e0b0d;border-color:#f59e0b;border-width:2px}.weak-summary-card.needs-practice.active{background:#f59e0b26;border-width:2px}.weak-summary-card.improving{background:#3b82f60d;border-color:#3b82f6;border-width:2px}.weak-summary-card.improving.active{background:#3b82f626;border-width:2px}.weak-summary-card.strong{background:#10b9810d;border-color:#10b981;border-width:2px}.weak-summary-card.strong.active{background:#10b98126;border-width:2px}.weak-summary-value{font-size:48px;font-weight:800;line-height:1}.weak-summary-card.critical .weak-summary-value{color:#ef4444}.weak-summary-card.needs-practice .weak-summary-value{color:#f59e0b}.weak-summary-card.improving .weak-summary-value{color:#3b82f6}.weak-summary-card.strong .weak-summary-value{color:#10b981}.weak-summary-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.weak-areas-section{margin-bottom:48px}.weak-section-title{border-bottom:2px solid var(--accent);color:var(--accent);font-size:14px;font-weight:800;letter-spacing:3px;margin:0 0 24px;padding-bottom:12px;text-transform:uppercase}.weak-areas-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.weak-area-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.weak-area-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.weak-area-card.critical{border-color:#ef4444;border-width:2px}.weak-area-card.critical:before{background:#ef4444}.weak-area-card.needs-practice{border-color:#f59e0b;border-width:2px}.weak-area-card.needs-practice:before{background:#f59e0b}.weak-area-card.improving{border-color:#3b82f6;border-width:2px}.weak-area-card.improving:before{background:#3b82f6}.weak-area-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.weak-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.weak-card-topic{color:var(--text-primary);flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.weak-card-severity{border-radius:8px;font-size:24px;font-weight:800;line-height:1;padding:8px 12px}.weak-area-card.critical .weak-card-severity{background:#ef444426;color:#ef4444}.weak-area-card.needs-practice .weak-card-severity{background:#f59e0b26;color:#f59e0b}.weak-area-card.improving .weak-card-severity{background:#3b82f626;color:#3b82f6}.weak-card-accuracy{align-items:center;background:#0000;border-radius:0;display:flex;justify-content:space-between;padding:0}.weak-accuracy-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.weak-accuracy-value{color:var(--accent);font-size:24px;font-weight:800}.weak-card-sources{display:flex;flex-wrap:wrap;gap:8px}.weak-source-badge{border-radius:6px;font-size:10px;font-weight:700;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.weak-source-badge.quiz{background:#ef444426;color:#ef4444}.weak-source-badge.flashcard{background:#f59e0b26;color:#f59e0b}.weak-source-badge.chat{background:#3b82f626;color:#3b82f6}.weak-card-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.weak-stat{background:#0000;border-radius:0;display:flex;flex-direction:column;gap:6px;padding:0}.weak-stat-label{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.weak-stat-value{color:var(--accent);font-size:24px;font-weight:800}.weak-practice-btn{background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:14px;text-transform:uppercase;transition:all .3s ease;width:100%}.weak-practice-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.weak-areas-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.weak-areas-empty svg{color:var(--accent);opacity:.5}.weak-areas-empty h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.weak-areas-empty p{color:var(--text-secondary);font-size:14px;margin:0}.weak-empty-btn{background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:12px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.weak-empty-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}@media (max-width:1400px){.weak-areas-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.weak-areas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.weak-areas-grid,.weak-areas-summary{grid-template-columns:1fr}.analytics-tabs{flex-wrap:nowrap;overflow-x:auto}.analytics-tab{white-space:nowrap}}.weak-card-doubtful,.weak-card-struggling{align-items:center;background:#ef44441a;border-radius:6px;color:var(--error);display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:8px;padding:6px 10px}.weak-card-struggling{background:#f59e0b1a;color:var(--warning)}.weak-card-actions{display:flex;gap:8px;margin-top:12px}.weak-tips-btn{background:#0000;border:1.5px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;flex:1 1;font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 16px;transition:all .2s ease}.weak-tips-btn:hover{background:var(--accent);color:var(--bg-primary);transform:translateY(-1px)}.topic-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.topic-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px}.topic-modal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:24px 28px}.topic-modal-header h2{color:var(--text-primary);font-size:24px;font-weight:700}.topic-modal-close{background:var(--bg-tertiary);border:none;color:var(--text-secondary);font-size:24px;height:36px;width:36px}.topic-modal-close:hover{background:var(--error)}.topic-modal-content{padding:24px 28px}.topic-modal-section{margin-bottom:32px}.topic-modal-section h3{color:var(--text-primary);margin-bottom:16px}.topic-suggestions-list{display:flex;flex-direction:column;gap:12px}.topic-suggestion{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease}.topic-suggestion:hover{border-color:var(--accent);transform:translateX(4px)}.topic-suggestion.high{border-left:4px solid var(--error)}.topic-suggestion.medium{border-left:4px solid var(--warning)}.topic-suggestion.low{border-left:4px solid var(--success)}.suggestion-header{margin-bottom:8px}.suggestion-title{font-size:14px}.suggestion-priority{padding:4px 10px}.suggestion-priority.high{color:var(--error)}.suggestion-priority.medium{color:var(--warning)}.suggestion-priority.low{color:var(--success)}.suggestion-description{font-size:13px;line-height:1.6}.topic-tips-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.topic-tips-list li{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:13px;line-height:1.6;padding:12px 16px 12px 40px;position:relative}.topic-tips-list li:before{content:"💡";font-size:16px;left:14px;position:absolute;top:12px}.topic-questions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.topic-question{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease}.topic-question:hover{border-color:var(--accent)}.question-header{gap:8px;margin-bottom:10px}.question-difficulty,.question-number{padding:4px 10px}.question-difficulty.easy{color:var(--success)}.question-difficulty.medium{color:var(--warning)}.question-difficulty.hard{color:var(--error)}.question-new-badge{padding:4px 10px}.question-text{font-size:13px;margin:0 0 10px}.question-history{font-size:12px;gap:6px;padding-top:10px}.question-your-answer{color:var(--error)}.question-correct-answer{color:var(--success)}.topic-practice-all-btn{background:var(--accent);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 20px;transition:all .2s ease;width:100%}.topic-practice-all-btn:hover{box-shadow:0 6px 20px #d7b38c4d;transform:translateY(-2px)}@media (max-width:768px){.topic-modal{border-radius:0;max-height:100vh;max-width:100%}.topic-modal-content,.topic-modal-header{padding:20px}.weak-card-actions{flex-direction:column}.weak-tips-btn{width:100%}}.challenge-session-loading *,.challenge-session-loading :after,.challenge-session-loading :before,.challenge-session-page *,.challenge-session-page :after,.challenge-session-page :before{border-radius:0!important}.challenge-session-loading{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,var(--bg-top) 100%);color:#eaecef;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:20px;justify-content:center;min-height:100vh;padding:20px}.challenge-session-loading .spinner{animation:spin 1s linear infinite;color:#d7b38c;color:var(--accent)}.challenge-session-page{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,var(--bg-top) 100%);font-family:Inter,sans-serif;min-height:100vh;padding:20px}.session-header{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:8px;justify-content:space-between;margin:0 auto 20px;max-width:1200px;padding:20px}.session-header,.session-info{align-items:center;display:flex}.session-info{gap:24px}.info-item{align-items:center;color:#b8c0cc;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.info-item svg{color:#d7b38c;color:var(--accent)}.question-counter{color:#eaecef;color:var(--text-primary);font-weight:600}.session-timer{align-items:center;display:flex;font-size:24px;font-weight:700;gap:8px}.session-timer,.session-timer svg{color:#d7b38c;color:var(--accent)}.time-warning{animation:pulse 1s infinite;color:#ef4444;color:var(--danger)}.progress-container{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:0 auto 24px;max-width:1200px;padding:20px}.progress-label{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-label span:first-child{color:#b8c0cc;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.progress-percentage{color:#d7b38c;color:var(--accent);font-size:18px}.progress-bar{height:8px;margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,#d7b38c,#10b981);background:linear-gradient(90deg,var(--accent),var(--success))}.progress-goal{color:#b8c0cc;color:var(--text-secondary);font-size:13px;text-align:center}.challenge-session-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1200px}.question-card{background:var(--panel);gap:32px;padding:32px}.question-header{align-items:flex-start;gap:20px}.question-text{flex:1 1;font-size:24px;margin:0}.question-subject{flex-shrink:0}.subject-badge{background:color-mix(in srgb,#d7b38c 20%,#0000);background:color-mix(in srgb,var(--accent) 20%,#0000);border:1px solid #d7b38c;border:1px solid var(--accent);border-radius:4px;color:#d7b38c;color:var(--accent);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.answers-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.answer-option{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:2px solid var(--border);border-radius:8px;color:#eaecef;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;gap:16px;padding:20px 24px;text-align:left;transition:all .3s}.answer-option:hover:not(:disabled){background:color-mix(in srgb,#d7b38c 5%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 5%,var(--bg-bottom));border-color:#d7b38c;border-color:var(--accent);transform:translateX(4px)}.answer-option:disabled{cursor:not-allowed}.answer-option.selected{background:color-mix(in srgb,#d7b38c 10%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 10%,var(--bg-bottom));border-color:#d7b38c;border-color:var(--accent)}.answer-option.correct{background:color-mix(in srgb,#10b981 10%,var(--bg-secondary));background:color-mix(in srgb,var(--success) 10%,var(--bg-bottom));border-color:#10b981;border-color:var(--success)}.answer-option.incorrect{background:color-mix(in srgb,#ef4444 10%,var(--bg-secondary));background:color-mix(in srgb,var(--danger) 10%,var(--bg-bottom));border-color:#ef4444;border-color:var(--danger)}.option-letter{align-items:center;background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.answer-option.selected .option-letter{background:#d7b38c;background:var(--accent);border-color:#d7b38c;border-color:var(--accent);color:var(--bg-secondary);color:var(--bg-bottom)}.answer-option.correct .option-letter{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.answer-option.incorrect .option-letter{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.option-icon{flex-shrink:0}.answer-feedback{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:20px}.answer-feedback.correct{background:color-mix(in srgb,#10b981 10%,#0000);background:color-mix(in srgb,var(--success) 10%,#0000);border:1px solid #10b981;border:1px solid var(--success)}.answer-feedback.incorrect{background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--danger) 10%,#0000);border:1px solid #ef4444;border:1px solid var(--danger)}.feedback-icon{flex-shrink:0}.answer-feedback.correct .feedback-icon{color:#10b981;color:var(--success)}.answer-feedback.incorrect .feedback-icon{color:#ef4444;color:var(--danger)}.feedback-text{flex:1 1}.feedback-text strong{color:#eaecef;color:var(--text-primary);display:block;font-size:16px;margin-bottom:8px}.feedback-text p{color:#b8c0cc;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.question-actions{justify-content:flex-end}.next-question-btn{background:#d7b38c;background:var(--accent);border:none;border-radius:6px;color:var(--bg-secondary);color:var(--bg-bottom);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .3s}.next-question-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.challenge-sidebar{display:flex;flex-direction:column;gap:20px}.stats-card{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.stats-card h3{color:#b8c0cc;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.stat-row{border-bottom:1px solid var(--border);padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{color:#b8c0cc;color:var(--text-secondary);font-size:13px}.stat-row .stat-value{color:#d7b38c;color:var(--accent);font-size:18px;font-weight:700}.questions-overview{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.questions-overview h3{color:#b8c0cc;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.question-dots{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.question-dot{align-items:center;aspect-ratio:1;border-radius:6px;display:flex;font-size:12px;font-weight:600;justify-content:center;transition:all .3s}.question-dot.upcoming{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary)}.question-dot.current{background:#d7b38c;background:var(--accent);border:1px solid #d7b38c;border:1px solid var(--accent);color:var(--bg-secondary);color:var(--bg-bottom);transform:scale(1.1)}.question-dot.answered{background:color-mix(in srgb,#10b981 20%,#0000);background:color-mix(in srgb,var(--success) 20%,#0000);border:1px solid #10b981;border:1px solid var(--success);color:#10b981;color:var(--success)}.challenge-result-page{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,var(--bg-top) 100%);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.result-container{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:600px;padding:48px;text-align:center;width:100%}.result-header{margin-bottom:32px}.result-icon{color:#d7b38c;color:var(--accent);margin-bottom:16px}.result-header h1{color:#eaecef;color:var(--text-primary);font-size:32px;font-weight:800;margin:0}.result-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.result-stat{display:flex;flex-direction:column;gap:8px}.result-stat .stat-label{color:#b8c0cc;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-stat .stat-value{color:#d7b38c;color:var(--accent);font-size:32px;font-weight:800}.result-message{border-radius:8px;margin-bottom:32px;padding:20px}.result-message.success{background:color-mix(in srgb,#10b981 10%,#0000);background:color-mix(in srgb,var(--success) 10%,#0000);border:1px solid #10b981;border:1px solid var(--success)}.result-message.info{background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid #d7b38c;border:1px solid var(--accent)}.result-message p{color:#eaecef;color:var(--text-primary);font-size:16px;margin:8px 0}.result-hint{color:#b8c0cc!important;color:var(--text-secondary)!important;font-size:14px!important}.result-button{background:#d7b38c;background:var(--accent);border:none;border-radius:6px;color:var(--bg-secondary);color:var(--bg-bottom);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .3s}.result-button:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:968px){.challenge-session-container{grid-template-columns:1fr}.challenge-sidebar{flex-direction:row;order:-1}.question-dots{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}@media (max-width:768px){.session-header{flex-direction:column;gap:16px}.question-text{font-size:20px}.result-stats{gap:16px;grid-template-columns:1fr}.challenge-sidebar{flex-direction:column}}.challenges-page{background:linear-gradient(135deg,var(--bg-secondary) 0,color-mix(in srgb,var(--bg-primary) 50%,#0000) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,color-mix(in srgb,var(--bg-top) 50%,#0000) 100%);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.challenges-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-secondary) 80%,#0000);background:color-mix(in srgb,var(--panel) 80%,#0000);border-bottom:1px solid color-mix(in srgb,#d7b38c 15%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:flex;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .challenges-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .challenges-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.challenges-header-left{align-items:center;display:flex;gap:6px}.challenges-logo-img{background-color:#d7b38c;background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.challenges-logo,.challenges-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.challenges-logo{align-items:center;color:#d7b38c;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px}.challenges-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,#d7b38c 50%,#0000);text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.challenges-logo:hover .challenges-logo-img{transform:scale(1.1)}.challenges-header-divider{background:color-mix(in srgb,#d7b38c 30%,#0000);background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;margin-left:10px;width:1px}.challenges-subtitle{color:color-mix(in srgb,#d7b38c 70%,#eaecef);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.challenges-header-right{display:flex;gap:12px}.challenges-nav-btn{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.challenges-nav-btn:hover{background:color-mix(in srgb,#d7b38c 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#d7b38c;color:var(--accent);transform:translateY(-2px)}.challenges-container{flex:1 1;margin:0 auto;max-width:1200px;padding:32px;width:100%}.challenges-welcome{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.challenges-welcome-left{flex:1 1}.challenges-title{color:#eaecef;color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.challenges-description{color:#b8c0cc;color:var(--text-secondary);font-size:14px}.create-challenge-btn{align-items:center;background:#d7b38c;background:var(--accent);border:none;border-radius:0;color:var(--bg-secondary);color:var(--bg-bottom);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s}.create-challenge-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-2px)}.challenges-filters{border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:24px}.filter-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;padding:12px 24px;text-transform:uppercase;transition:all .3s}.filter-tab:hover{background:color-mix(in srgb,#d7b38c 5%,#0000);background:color-mix(in srgb,var(--accent) 5%,#0000);color:#eaecef;color:var(--text-primary)}.filter-tab.active{border-bottom-color:#d7b38c;border-bottom-color:var(--accent);color:#d7b38c;color:var(--accent)}.empty-challenges{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-challenges svg{color:#d7b38c;color:var(--accent);margin-bottom:16px}.empty-challenges p{font-size:14px;margin:8px 0}.challenges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.challenge-card{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.challenge-card:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 1px #d7b38c,0 4px 6px -1px #0006;box-shadow:0 0 0 1px var(--accent),var(--shadow-md);transform:translateY(-4px)}.challenge-header{align-items:flex-start;display:flex;justify-content:space-between}.challenge-icon{flex-shrink:0}.challenge-status{color:#b8c0cc;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:1px}.challenge-content{display:flex;flex-direction:column;gap:16px}.challenge-title{color:#eaecef;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.3}.challenge-description{color:#b8c0cc;color:var(--text-secondary);font-size:13px;line-height:1.5}.challenge-details{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:12px 0}.detail-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.detail-label{color:#b8c0cc;color:var(--text-secondary);font-weight:600;letter-spacing:.6px;text-transform:uppercase}.detail-value{color:#eaecef;color:var(--text-primary);font-weight:500}.challenge-stats{display:flex;flex-wrap:wrap;gap:16px}.stat{color:#b8c0cc;color:var(--text-secondary);font-size:12px}.stat svg{flex-shrink:0}.stat svg,.stat.progress{color:#d7b38c;color:var(--accent)}.stat.progress{font-weight:600}.challenge-footer{margin-top:auto}.challenge-btn{border:none;border-radius:0;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s;width:100%}.challenge-btn.join{background:#d7b38c;background:var(--accent);color:var(--bg-secondary);color:var(--bg-bottom)}.challenge-btn.join:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.challenge-btn.continue{background:#0000;border:1px solid #d7b38c;border:1px solid var(--accent);color:#d7b38c;color:var(--accent)}.challenge-btn.continue:hover{background:color-mix(in srgb,#d7b38c 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);transform:translateY(-2px)}.challenge-btn.disabled{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);cursor:not-allowed;opacity:.5}.completed-badge{background:color-mix(in srgb,#10b981 15%,#0000);background:color-mix(in srgb,var(--success) 15%,#0000);border:1px solid #10b981;border:1px solid var(--success);color:#10b981;color:var(--success);font-weight:600;padding:12px}.modal-overlay{background:#000c}.modal-content{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--border);padding:24px}.modal-header h3{color:#eaecef;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.modal-close{border:none;padding:4px;transition:all .3s}.modal-close:hover{color:#d7b38c;color:var(--accent)}.challenge-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group label{color:#b8c0cc;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);border-radius:0;color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;resize:vertical;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 1px #d7b38c;box-shadow:0 0 0 1px var(--accent);outline:none}.submit-challenge-btn{align-items:center;background:#d7b38c;background:var(--accent);border:none;border-radius:0;color:var(--bg-secondary);color:var(--bg-bottom);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;justify-content:center;letter-spacing:1px;margin-top:12px;padding:14px 24px;text-transform:uppercase;transition:all .3s}.submit-challenge-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (max-width:768px){.challenges-container{padding:20px 16px}.challenges-header{flex-direction:column;gap:12px;padding:16px}.challenges-header-left,.challenges-header-right{justify-content:space-between;width:100%}.challenges-welcome{align-items:flex-start;flex-direction:column;gap:16px}.create-challenge-btn{justify-content:center;width:100%}.challenges-title{font-size:24px}.challenges-grid{grid-template-columns:1fr}.challenges-filters{gap:4px;overflow-x:auto}.filter-tab{font-size:11px;padding:10px 16px;white-space:nowrap}}.challenges-page *,.challenges-page :after,.challenges-page :before,.shared-content-page *,.shared-content-page :after,.shared-content-page :before{border-radius:0!important}.shared-content-page{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,var(--bg-top) 100%);font-family:Inter,sans-serif;min-height:100vh}.shared-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-secondary) 80%,#0000);background:color-mix(in srgb,var(--panel) 80%,#0000);border-bottom:1px solid color-mix(in srgb,#d7b38c 15%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:flex;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .shared-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .shared-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.shared-header-left{align-items:center;display:flex;gap:6px}.shared-logo-img{background-color:#d7b38c;background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.shared-logo,.shared-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.shared-logo{align-items:center;color:#d7b38c;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.shared-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,#d7b38c 50%,#0000);text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.shared-logo:hover .shared-logo-img{transform:scale(1.1)}.shared-header-divider{background:color-mix(in srgb,#d7b38c 30%,#0000);background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;margin-left:10px;width:1px}.shared-subtitle{color:color-mix(in srgb,#d7b38c 70%,#eaecef);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.shared-header-right{display:flex;gap:12px}.shared-nav-btn{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.shared-nav-btn:hover{background:color-mix(in srgb,#d7b38c 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#d7b38c;color:var(--accent);transform:translateY(-2px)}.shared-container{margin:0 auto;max-width:1400px;padding:32px}.shared-welcome{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.shared-welcome-left{flex:1 1}.shared-title{color:#eaecef;color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.shared-description{color:#b8c0cc;color:var(--text-secondary);font-size:14px;margin:0}.shared-stats{display:flex;gap:12px}.stat-badge{align-items:center;background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:8px;color:#eaecef;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.stat-badge svg{color:#d7b38c;color:var(--accent)}.shared-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filters-left{flex:1 1;min-width:250px}.search-box{max-width:400px;position:relative;width:100%}.search-box svg{color:#b8c0cc;color:var(--text-secondary);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:8px;color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:12px 14px 12px 44px;transition:all .2s;width:100%}.search-box input:focus{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,#d7b38c 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.search-box input::placeholder{color:#b8c0cc;color:var(--text-secondary)}.filters-right{display:flex;gap:12px}.filter-select{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:6px;color:#eaecef;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s}.filter-select:focus,.filter-select:hover{border-color:#d7b38c;border-color:var(--accent)}.filter-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,#d7b38c 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.loading-text{font-size:14px;padding:60px 20px}.empty-shared,.loading-text{color:#b8c0cc;color:var(--text-secondary);text-align:center}.empty-shared{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:80px 20px}.empty-shared svg{color:#d7b38c;color:var(--accent);margin-bottom:16px}.empty-shared p{font-size:14px;margin:8px 0}.empty-hint{font-size:13px;opacity:.7}.shared-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.shared-card{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s}.shared-card:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 1px #d7b38c,0 4px 6px -1px #0006;box-shadow:0 0 0 1px var(--accent),var(--shadow-md);transform:translateY(-4px)}.shared-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.content-type-badge{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.content-type-badge[data-type=chat]{background:color-mix(in srgb,#d7b38c 15%,#0000);background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid #d7b38c;border:1px solid var(--accent);color:#d7b38c;color:var(--accent)}.content-type-badge[data-type=note]{background:color-mix(in srgb,#10b981 15%,#0000);background:color-mix(in srgb,var(--success) 15%,#0000);border:1px solid #10b981;border:1px solid var(--success);color:#10b981;color:var(--success)}.permission-badge{border-radius:4px;font-size:10px;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.permission-badge[data-permission=view]{background:color-mix(in srgb,#b8c0cc 15%,#0000);background:color-mix(in srgb,var(--text-secondary) 15%,#0000);border:1px solid #b8c0cc;border:1px solid var(--text-secondary);color:#b8c0cc;color:var(--text-secondary)}.permission-badge[data-permission=edit]{background:color-mix(in srgb,#f59e0b 15%,#0000);background:color-mix(in srgb,var(--warning) 15%,#0000);border:1px solid #f59e0b;border:1px solid var(--warning);color:#f59e0b;color:var(--warning)}.shared-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.shared-item-title{color:#eaecef;color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3}.share-message,.shared-item-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.share-message{color:#b8c0cc;color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.5}.shared-by{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:10px}.shared-by-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.shared-by-avatar img{height:100%;object-fit:cover;width:100%}.shared-by-avatar-placeholder{align-items:center;background:color-mix(in srgb,#d7b38c 20%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 20%,var(--bg-bottom));color:#d7b38c;color:var(--accent);display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.shared-by-info{display:flex;flex-direction:column;gap:2px}.shared-by-text{color:#b8c0cc;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.shared-by-name{color:#eaecef;color:var(--text-primary);font-size:13px;font-weight:600}.shared-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{font-size:12px}.shared-card-footer{border-top:1px solid var(--border);display:flex;gap:8px;padding-top:12px}.shared-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.shared-action-btn.open{background:#d7b38c;background:var(--accent);color:var(--bg-secondary);color:var(--bg-bottom);flex:1 1}.shared-action-btn.open:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.shared-action-btn.remove{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);padding:10px}.shared-action-btn.remove:hover{background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}@media (max-width:1024px){.shared-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.shared-container{padding:20px 16px}.shared-header{flex-direction:column;gap:12px;padding:16px}.shared-header-left,.shared-header-right{justify-content:space-between;width:100%}.shared-welcome{align-items:flex-start;flex-direction:column}.shared-stats{width:100%}.stat-badge{flex:1 1;justify-content:center}.shared-filters{flex-direction:column}.filters-left,.search-box{max-width:none;width:100%}.filters-right{flex-wrap:wrap;width:100%}.filter-select{flex:1 1;min-width:120px}.shared-grid{grid-template-columns:1fr}.shared-title{font-size:24px}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.kr-page{background:var(--bg-primary)!important;bottom:0!important;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.kr-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);flex-shrink:0;height:70px;justify-content:space-between;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.kr-header,.kr-header-left{align-items:center;display:flex}.kr-header-left{gap:16px}.kr-brand{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:8px;letter-spacing:-1px;margin:0}.kr-brand,.kr-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.kr-logo-img{background-color:var(--accent);height:40px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:40px}.kr-brand:hover{transform:translateY(-2px)}.kr-brand:hover .kr-logo-img{transform:scale(1.1)}.kr-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:24px;width:1px}.kr-page-title{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.kr-roadmap-title{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.kr-back-to-list-compact,.kr-create-btn,.kr-delete-node-btn,.kr-export-btn,.kr-nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;padding:0 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.kr-back-to-list-compact,.kr-nav-btn{background:#0000;color:var(--text-primary)}.kr-back-to-list-compact:hover,.kr-nav-btn:hover{background:var(--bg-elevated);color:var(--accent)}.kr-create-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary)}[data-theme-mode=light] .kr-create-btn{color:#fff}.kr-create-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.kr-delete-node-btn{background:#0000;border:1px solid var(--danger);color:var(--danger)}.kr-delete-node-btn:hover{background:var(--danger);box-shadow:0 4px 12px color-mix(in srgb,var(--danger) 40%,#0000);color:#fff;transform:translateY(-2px)}.kr-export-btn{background:#0000;border:1px solid var(--border);color:var(--text-primary)}.kr-export-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.kr-export-btn:disabled{cursor:not-allowed;opacity:.5}.kr-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px 40px}.kr-section-header{margin-bottom:32px;max-width:1400px;width:100%}.kr-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.kr-section-title{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:800;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.kr-section-subtitle{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0}.kr-main{justify-content:flex-start;max-width:1400px;width:100%}.kr-empty,.kr-loading,.kr-main{align-items:center;display:flex;flex-direction:column;min-height:400px}.kr-empty,.kr-loading{gap:20px;justify-content:center;text-align:center}.kr-spinner{animation:kr-spin 1s linear infinite;color:var(--accent)}@keyframes kr-spin{to{transform:rotate(1turn)}}.kr-empty p,.kr-loading p{color:var(--accent);font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.kr-empty-icon{color:var(--accent);opacity:.4}.kr-empty h3{color:var(--accent);font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.kr-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.kr-card{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.kr-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.kr-card-header{align-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary));border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;justify-content:space-between;padding:20px;position:relative}.kr-card-icon{color:var(--accent)}.kr-card-icon,.kr-delete-btn{align-items:center;display:flex;justify-content:center}.kr-delete-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.kr-delete-btn:hover{background:color-mix(in srgb,var(--danger) 15%,#0000);border-color:var(--danger);color:var(--danger)}.kr-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.kr-card-title{color:var(--accent);font-size:16px;font-weight:800;letter-spacing:.5px;line-height:1.4;text-transform:uppercase}.kr-card-title,.kr-card-topic{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Inter,sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis}.kr-card-topic{color:var(--text-secondary);font-size:13px;line-height:1.5}.kr-card-stats{border-top:1px solid var(--border);display:flex;gap:20px;padding-top:12px}.kr-stat{display:flex;flex-direction:column;gap:4px}.kr-stat-value{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:800}.kr-stat-label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kr-card-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;justify-content:space-between;padding:16px 20px}.kr-card-date{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kr-viewer-fullscreen{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;width:100%}.kr-viewer-actions,.kr-viewer-header-compact,.kr-viewer-stats-compact,.kr-viewer-title-compact,.kr-viewer-title-section{display:none!important}.kr-flow-wrapper{display:flex;flex:1 1;overflow:hidden}.kr-flow-container-fullscreen,.kr-flow-wrapper{background:var(--bg-primary);height:100%;position:relative;width:100%}.custom-kr-node{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:140px;min-width:120px;overflow:hidden;padding:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-kr-node:before{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#0000));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.custom-kr-node:hover{border-color:var(--accent);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.custom-kr-node:hover:before{opacity:1}.custom-kr-node.kr-explored{background:color-mix(in srgb,var(--success) 3%,var(--bg-secondary));border-color:var(--success)}.custom-kr-node.kr-explored:before{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 70%,#0000));opacity:1}.custom-kr-node.kr-expanded{background:color-mix(in srgb,var(--accent) 3%,var(--bg-secondary));border-color:var(--accent)}.custom-kr-node.kr-selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000)}.kr-node-content-flow{align-items:flex-start;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,#0000);display:flex;gap:6px;margin-bottom:6px;padding-bottom:6px}.kr-node-icon-flow{align-items:center;background:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:4px;color:var(--accent);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.kr-node-icon-flow svg{height:11px;width:11px}.kr-node-text-flow{flex:1 1;min-width:0}.kr-node-text-flow h4{color:var(--text-primary);font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.3px;line-height:1.2;margin:0 0 3px;text-transform:uppercase}.kr-node-title-text{word-wrap:break-word}.kr-node-text-flow p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:7px;line-height:1.3;margin:0;overflow:hidden}.kr-explored-badge-flow{align-items:center;background:color-mix(in srgb,var(--success) 15%,#0000);border:1px solid color-mix(in srgb,var(--success) 25%,#0000);border-radius:3px;color:var(--success);display:inline-flex;font-size:6px;font-weight:700;gap:2px;letter-spacing:.3px;margin-top:4px;padding:2px 4px;text-transform:uppercase}.kr-explored-badge-flow svg{height:6px;width:6px}.kr-notes-badge-flow{align-items:center;background:color-mix(in srgb,var(--warning) 15%,#0000);border:1px solid color-mix(in srgb,var(--warning) 25%,#0000);border-radius:3px;color:var(--warning);display:inline-flex;font-size:6px;font-weight:700;gap:2px;letter-spacing:.3px;margin-left:3px;margin-top:4px;padding:2px 4px;text-transform:uppercase}.kr-notes-badge-flow svg{height:6px;width:6px}.kr-node-actions-flow{display:flex;flex-wrap:nowrap;gap:2px;margin-top:6px;overflow:visible}.kr-node-btn-flow{align-items:center;background:#0000;border:1px solid;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:6px;font-weight:700;gap:2px;justify-content:center;letter-spacing:.1px;min-width:0;overflow:hidden;padding:3px 4px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.kr-node-btn-flow svg{flex-shrink:0;height:8px;width:8px}.kr-node-btn-flow span{overflow:hidden;text-overflow:ellipsis}.kr-node-btn-flow:hover:not(:disabled){box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.kr-node-btn-flow:disabled{cursor:not-allowed;opacity:.4}.kr-node-btn-flow.kr-explore-btn{border-color:var(--success);color:var(--success)}.kr-node-btn-flow.kr-explore-btn:hover:not(:disabled){background:var(--success);box-shadow:0 2px 8px color-mix(in srgb,var(--success) 40%,#0000);color:#fff}.kr-node-btn-flow.kr-expand-btn{border-color:var(--accent);color:var(--accent)}.kr-node-btn-flow.kr-expand-btn:hover:not(:disabled){background:var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,#0000);color:var(--bg-primary)}[data-theme-mode=light] .kr-node-btn-flow.kr-expand-btn:hover:not(:disabled){color:#fff}.kr-node-btn-flow.kr-add-child-btn{border-color:var(--info);color:var(--info)}.kr-node-btn-flow.kr-add-child-btn:hover:not(:disabled){background:var(--info);box-shadow:0 2px 8px color-mix(in srgb,var(--info) 40%,#0000);color:#fff}.react-flow{background:var(--bg-primary)}.react-flow__renderer{z-index:1}.react-flow__node{border-radius:12px;z-index:2}.react-flow__edge{z-index:1}.react-flow__edge-path{stroke:var(--accent);stroke-width:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.react-flow__handle{background:var(--accent);border:2px solid var(--bg-secondary);height:10px;transition:all .2s;width:10px}.react-flow__handle:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,#0000);transform:scale(1.3)}.react-flow__controls{border:none!important;border-radius:0;bottom:24px;flex-direction:column;gap:8px;left:24px}.react-flow__controls,.react-flow__controls button{background:#0000!important;box-shadow:none!important;display:flex;padding:0}.react-flow__controls button{align-items:center;border:none!important;border-radius:8px;color:var(--accent)!important;height:44px;justify-content:center;margin:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.react-flow__controls button:hover{background:#0000!important;border:none!important;box-shadow:none!important;color:var(--accent)!important;transform:scale(1.15)}.react-flow__controls button svg{fill:var(--accent)!important;stroke:var(--accent)!important;height:24px;width:24px}.react-flow__minimap{display:none!important}.react-flow__background{background:var(--bg-primary)}.react-flow__attribution{display:none!important;opacity:0!important;visibility:hidden!important}.kr-explanation-sidebar{background:var(--bg-secondary);border-left:1px solid color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;max-width:420px;min-width:420px;overflow:hidden;width:420px}.kr-explanation-header-sticky{align-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary));border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.kr-explanation-header-sticky h3{color:var(--accent);flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:800;letter-spacing:.5px;margin:0;padding-right:12px;text-transform:uppercase}.kr-close-explanation{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:300;height:32px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.kr-close-explanation:hover{background:color-mix(in srgb,var(--danger) 15%,#0000);border-color:var(--danger);color:var(--danger)}.kr-explanation-scrollable{flex:1 1;overflow-y:auto;padding:24px}.kr-explanation-section{background:var(--bg-tertiary);border-left:3px solid var(--accent);border-radius:8px;margin-bottom:24px;padding:16px}.kr-explanation-section h4{color:var(--accent);font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.kr-explanation-section p{color:var(--text-primary);font-size:13px;line-height:1.7;margin:0}.kr-explanation-section ul{list-style:disc;margin:0;padding-left:20px}.kr-explanation-section li{color:var(--text-primary);font-size:13px;line-height:1.7;margin-bottom:8px}.kr-manual-notes-section{background:color-mix(in srgb,var(--warning) 5%,#0000);border:1px solid color-mix(in srgb,var(--warning) 20%,#0000);border-radius:8px;margin-top:24px;padding:16px}.kr-manual-notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.kr-manual-notes-header h4{font-size:12px;letter-spacing:1px;margin:0}.kr-edit-notes-btn,.kr-manual-notes-header h4,.kr-save-notes-btn{color:var(--warning);font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase}.kr-edit-notes-btn,.kr-save-notes-btn{align-items:center;background:#0000;border:1px solid var(--warning);border-radius:6px;cursor:pointer;display:flex;font-size:11px;gap:6px;letter-spacing:.5px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.kr-edit-notes-btn:hover,.kr-save-notes-btn:hover{background:var(--warning);box-shadow:0 2px 8px color-mix(in srgb,var(--warning) 40%,#0000);color:var(--bg-primary);transform:translateY(-1px)}[data-theme-mode=light] .kr-edit-notes-btn:hover,[data-theme-mode=light] .kr-save-notes-btn:hover{color:#fff}.kr-manual-notes-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;line-height:1.6;padding:12px;resize:vertical;transition:all .2s;width:100%}.kr-manual-notes-input:focus{border-color:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 15%,#0000);outline:none}.kr-manual-notes-content p{color:var(--text-primary);font-size:13px;line-height:1.7;margin:0;white-space:pre-wrap}.kr-no-notes{color:var(--text-secondary);font-style:italic;opacity:.7}.kr-chat-section{background:color-mix(in srgb,var(--info) 5%,#0000);border:1px solid color-mix(in srgb,var(--info) 20%,#0000);border-radius:8px;margin-top:24px;padding:16px}.kr-chat-section h4{color:var(--info);font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.kr-chat-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:300px;overflow-y:auto}.kr-chat-placeholder{color:var(--text-secondary);font-size:12px;font-style:italic;padding:40px 20px;text-align:center}.kr-chat-message{animation:kr-message-slide-in .3s ease;border-radius:8px;max-width:85%;padding:12px}@keyframes kr-message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kr-chat-message.user{align-self:flex-end;background:var(--accent);color:var(--bg-primary);margin-left:auto}[data-theme-mode=light] .kr-chat-message.user{color:#fff}.kr-chat-message.assistant{align-self:flex-start;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.kr-chat-message-content{font-size:13px;line-height:1.6;margin-bottom:6px}.kr-chat-message-time{font-size:10px;opacity:.7}.kr-chat-typing{display:flex;gap:4px}.kr-chat-typing span{animation:kr-typing 1.4s infinite;background:var(--accent);border-radius:50%;height:8px;width:8px}.kr-chat-typing span:nth-child(2){animation-delay:.2s}.kr-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes kr-typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.kr-chat-input-container{align-items:flex-end;display:flex;gap:8px}.kr-chat-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;min-height:44px;padding:10px 12px;resize:none;transition:all .2s}.kr-chat-input:focus{border-color:var(--info);box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 15%,#0000);outline:none}.kr-chat-send-btn{align-items:center;background:var(--info);border:1px solid var(--info);border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:44px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.kr-chat-send-btn:hover:not(:disabled){background:color-mix(in srgb,var(--info) 85%,#000);box-shadow:0 4px 12px color-mix(in srgb,var(--info) 40%,#0000);transform:translateY(-1px)}.kr-chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.kr-modal-overlay{align-items:center;animation:kr-fade-in .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes kr-fade-in{0%{opacity:0}to{opacity:1}}.kr-modal{animation:kr-slide-up .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes kr-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kr-modal-header{align-items:center;background:color-mix(in srgb,var(--accent) 8%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;justify-content:space-between;padding:28px 28px 24px}.kr-modal-header h2,.kr-modal-header h3{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.kr-modal-close{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;font-weight:300;height:36px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.kr-modal-close:hover{background:color-mix(in srgb,var(--danger) 15%,#0000);border-color:var(--danger);color:var(--danger)}.kr-modal-content{padding:28px}.kr-form-group{margin-bottom:24px}.kr-form-group label{color:var(--accent);display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.kr-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.kr-input:focus{background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000);outline:none}.kr-input::placeholder{color:var(--text-secondary);opacity:.6}.kr-textarea{min-height:100px;resize:vertical}.kr-input-hint{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;line-height:1.5;margin-top:6px}.kr-modal-footer{background:color-mix(in srgb,var(--accent) 3%,#0000);border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;gap:12px;justify-content:flex-end;padding:16px 28px}.kr-btn-cancel{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.kr-btn-cancel:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.kr-btn-create{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:6px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}[data-theme-mode=light] .kr-btn-create{color:#fff}.kr-btn-create:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.kr-btn-create:disabled{cursor:not-allowed;opacity:.5}.kr-export-modal{max-width:500px;padding:32px;text-align:center}.kr-export-modal-icon{align-items:center;background:color-mix(in srgb,var(--success) 15%,#0000);border:2px solid var(--success);border-radius:50%;color:var(--success);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.kr-export-modal h3{color:var(--accent);font-family:Inter,sans-serif;font-size:24px;font-weight:800;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.kr-export-modal p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 24px}.kr-modal-actions{display:flex;gap:12px;justify-content:center}.kr-modal-btn{border:1px solid;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.kr-modal-btn.secondary{background:#0000;border-color:var(--border);color:var(--text-primary)}.kr-modal-btn.secondary:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.kr-modal-btn.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary)}[data-theme-mode=light] .kr-modal-btn.primary{color:#fff}.kr-modal-btn.primary:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.kr-chat-messages::-webkit-scrollbar,.kr-content::-webkit-scrollbar,.kr-explanation-scrollable::-webkit-scrollbar,.kr-modal::-webkit-scrollbar{width:8px}.kr-chat-messages::-webkit-scrollbar-track,.kr-content::-webkit-scrollbar-track,.kr-explanation-scrollable::-webkit-scrollbar-track,.kr-modal::-webkit-scrollbar-track{background:var(--bg-tertiary)}.kr-chat-messages::-webkit-scrollbar-thumb,.kr-content::-webkit-scrollbar-thumb,.kr-explanation-scrollable::-webkit-scrollbar-thumb,.kr-modal::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.kr-chat-messages::-webkit-scrollbar-thumb:hover,.kr-content::-webkit-scrollbar-thumb:hover,.kr-explanation-scrollable::-webkit-scrollbar-thumb:hover,.kr-modal::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}@media (max-width:1400px){.kr-explanation-sidebar{max-width:360px;min-width:360px;width:360px}.custom-kr-node{max-width:220px;min-width:180px}}@media (max-width:1024px){.kr-header{padding:0 24px}.kr-content{padding:24px}.kr-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.kr-explanation-sidebar{max-width:320px;min-width:320px;width:320px}.custom-kr-node{max-width:200px;min-width:160px}}@media (max-width:768px){.kr-header{flex-wrap:wrap;gap:12px;height:auto;min-height:60px;padding:0 16px}.kr-brand{font-size:20px}.kr-logo-img{height:32px;width:32px}.kr-content{padding:16px}.kr-grid{grid-template-columns:1fr}.kr-explanation-sidebar{bottom:0;max-width:100%;min-width:100%;position:fixed;right:0;top:0;width:100%;z-index:1000}.custom-kr-node{max-width:180px;min-width:140px}.kr-header-right{justify-content:flex-start;width:100%}}@keyframes kr-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes kr-glow{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--accent) 40%,#0000)}}.kr-hidden{display:none!important}.kr-visible{display:block!important}.kr-flex,.kr-flex-center{display:flex!important}.kr-flex-center{align-items:center!important;justify-content:center!important}.kr-text-accent{color:var(--accent)!important}.kr-text-success{color:var(--success)!important}.kr-text-danger{color:var(--danger)!important}.kr-text-warning{color:var(--warning)!important}.kr-text-info{color:var(--info)!important}@media print{.kr-header,.react-flow__controls,.react-flow__minimap{display:none!important}.kr-page{background:#fff!important}.kr-explanation-sidebar{border-left:1px solid #ccc!important}}.kr-chat-input:focus,.kr-create-btn:focus,.kr-input:focus,.kr-nav-btn:focus,.kr-node-btn-flow:focus{outline:2px solid var(--accent);outline-offset:2px}[data-theme-mode=dark] .custom-kr-node{box-shadow:0 2px 8px #0000004d}[data-theme-mode=dark] .custom-kr-node:hover{box-shadow:0 8px 24px #0006}[data-theme-mode=dark] .react-flow__controls,[data-theme-mode=dark] .react-flow__minimap{box-shadow:0 8px 32px #0006}[data-theme-mode=light] .custom-kr-node{box-shadow:0 2px 8px #00000014}[data-theme-mode=light] .custom-kr-node:hover{box-shadow:0 8px 24px #0000001f}[data-theme-mode=light] .react-flow__controls,[data-theme-mode=light] .react-flow__minimap{box-shadow:0 8px 32px #0000001a}.qbd-container{--qbd-bg-primary:var(--bg);--qbd-bg-secondary:var(--panel);--qbd-bg-tertiary:var(--hover-bg);--qbd-border-subtle:var(--border);--qbd-text-primary:var(--text-primary);--qbd-text-secondary:var(--text-secondary);--qbd-accent:var(--accent);--qbd-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--qbd-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--qbd-sidebar-width:260px;--qbd-header-height:70px}.qbd-container *{box-sizing:border-box;margin:0;padding:0}.qbd-container{background:var(--qbd-bg-primary)!important;bottom:0!important;color:var(--qbd-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.qbd-container:before{display:none}.qbd-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--qbd-bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;width:100%;z-index:100}[data-theme-mode=dark] .qbd-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .qbd-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.qbd-header-left{align-items:center;display:flex;gap:16px}.qbd-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.qbd-header-title,.qbd-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.qbd-header-title{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.qbd-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.qbd-header-title:hover .qbd-logo-img{transform:scale(1.1)}.qbd-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.qbd-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.qbd-header-right{gap:12px}.qbd-header-right,.qbd-nav-btn{align-items:center;display:flex}.qbd-nav-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:120px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.qbd-nav-btn-accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary)}[data-theme-mode=light] .qbd-nav-btn-accent{color:#fff}[data-theme-mode=dark] .qbd-nav-btn-accent{color:var(--bg-primary)}.qbd-nav-btn-accent:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.qbd-nav-btn-ghost{background:#0000;color:var(--text-primary)}.qbd-nav-btn-ghost:hover{background:var(--bg-elevated);color:var(--accent)}[data-theme-mode=dark] .qbd-header-title,[data-theme-mode=light] .qbd-header-title{color:var(--accent)!important}[data-theme-mode=light] .qbd-header{background:var(--bg-secondary)!important}.qbd-body{display:flex;flex:1 1;overflow:hidden}.qbd-sidebar{background:var(--qbd-bg-secondary);border-right:1px solid color-mix(in srgb,var(--qbd-accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:var(--qbd-sidebar-width)}[data-theme-mode=dark] .qbd-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .qbd-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}[data-theme-mode=dark] .qbd-sidebar,[data-theme-mode=dark] .qbd-sidebar-item{color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=light] .qbd-sidebar,[data-theme-mode=light] .qbd-sidebar-item{color:color-mix(in srgb,var(--accent) 80%,var(--text-primary))!important}.qbd-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.qbd-sidebar-item{align-items:center;background:#0000;border:none;border-radius:8px!important;color:var(--qbd-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;letter-spacing:0;padding:12px 16px;text-align:left;text-transform:none;transition:all .2s;width:100%}.qbd-sidebar-item svg{flex-shrink:0;height:20px;width:20px}.qbd-nav-text{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.qbd-sidebar-item:hover{background:var(--qbd-bg-tertiary);color:var(--qbd-text-primary);transform:none}.qbd-sidebar-item.active{background:var(--qbd-accent-glow);box-shadow:none;color:var(--qbd-accent)}.qbd-sidebar-item.qbd-convert-btn{background:linear-gradient(135deg,var(--qbd-accent),var(--qbd-accent-dark));border:none;color:var(--qbd-bg-primary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:8px;overflow:hidden;position:relative;text-transform:uppercase}.qbd-sidebar-item.qbd-convert-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.qbd-sidebar-item.qbd-convert-btn:hover:before{left:100%}.qbd-sidebar-item.qbd-convert-btn:hover{background:linear-gradient(135deg,var(--qbd-accent),var(--qbd-accent-dark))!important;box-shadow:0 4px 12px color-mix(in srgb,var(--qbd-accent) 40%,#0000);transform:translateY(-2px)}[data-theme-mode=light] .qbd-sidebar-item.qbd-convert-btn,[data-theme-mode=light] .qbd-sidebar-item.qbd-convert-btn:hover{color:#fff!important}[data-theme-mode=dark] .qbd-sidebar-item.qbd-convert-btn,[data-theme-mode=dark] .qbd-sidebar-item.qbd-convert-btn:hover{color:var(--bg-primary)!important}.qbd-sidebar-footer{border-top:1px solid color-mix(in srgb,var(--qbd-accent) 40%,#0000);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.qbd-sidebar-footer .qbd-sidebar-item{border:1px solid color-mix(in srgb,var(--qbd-accent) 40%,#0000)}.qbd-main{background:var(--qbd-bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:1}.qbd-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.qbd-view{margin:0 auto;max-width:1400px;padding:40px;width:100%}.qbd-view-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--qbd-accent) 15%,#0000);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:24px}.qbd-view-title-group{align-items:center;display:flex;gap:16px}.qbd-view-icon{color:var(--accent)}.qbd-view-title{color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.qbd-view-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400}.qbd-content-grid{grid-gap:32px;display:grid;gap:32px}.qbd-upload-section{background:var(--panel);border:1px solid var(--border);border-radius:8px!important;overflow:hidden;padding:40px;position:relative}.qbd-upload-box{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px;text-align:center}.qbd-upload-box svg{color:var(--accent);opacity:.6}.qbd-upload-box h3{color:var(--text-primary);font-size:20px;font-weight:700}.qbd-upload-box p{color:var(--text-secondary);font-size:14px;max-width:400px}.qbd-btn-primary{align-items:center;background:linear-gradient(135deg,var(--qbd-accent),var(--qbd-accent-dark));border:none;border-radius:8px!important;color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:10px;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .qbd-btn-primary{color:#fff}[data-theme-mode=dark] .qbd-btn-primary{color:var(--bg-primary)}.qbd-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--qbd-accent) 40%,#0000);transform:translateY(-2px)}.qbd-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.qbd-btn-primary.qbd-btn-large{font-size:12px;justify-content:center;margin-top:24px;padding:16px 32px;width:100%}.qbd-btn-secondary{background:#0000;border:1px solid var(--border);border-radius:8px!important;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.qbd-btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:var(--accent);color:var(--accent)}.qbd-btn-secondary:disabled{cursor:not-allowed;opacity:.3}.qbd-btn-secondary.qbd-btn-small{align-items:center;display:inline-flex;font-size:10px;gap:4px;padding:8px 12px}.qbd-documents-section{display:flex;flex-direction:column;gap:24px}.qbd-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.qbd-section-title svg{color:var(--accent)}.qbd-documents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.qbd-document-card{background:linear-gradient(145deg,var(--panel),var(--qbd-bg-tertiary));border:1px solid var(--border);border-radius:8px!important;cursor:pointer;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.qbd-document-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.qbd-document-card.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)))}.qbd-document-header{display:flex;gap:12px;margin-bottom:12px}.qbd-document-header svg{color:var(--accent);flex-shrink:0}.qbd-document-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.qbd-document-info p{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.qbd-document-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.qbd-topic-tag{background:color-mix(in srgb,var(--accent) 20%,#0000);border:1px solid var(--accent);border-radius:6px!important;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.qbd-document-footer{border-top:1px solid var(--border);padding-top:12px}.qbd-document-date{color:var(--text-secondary);font-size:11px}.qbd-generation-settings{background:var(--panel);border:1px solid var(--border);border-radius:8px!important;padding:32px}.qbd-setting-group{margin-bottom:24px}.qbd-setting-group label{color:var(--text-primary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.qbd-input{background:var(--qbd-bg-tertiary);border:1px solid var(--border);border-radius:8px!important;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.qbd-input:focus{border-color:var(--accent);outline:none}.qbd-difficulty-sliders{gap:16px}.qbd-slider-item{gap:8px}.qbd-slider-item span{color:var(--text-secondary);font-size:12px;font-weight:600}.qbd-slider-item input[type=range]{border-radius:2px!important;height:4px}.qbd-slider-item input[type=range]::-webkit-slider-thumb{border-radius:50%!important;height:16px;width:16px}.qbd-slider-item input[type=range]::-moz-range-thumb{border-radius:50%!important;height:16px;width:16px}.qbd-checkbox-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.qbd-checkbox-label{background:var(--qbd-bg-tertiary);border:1px solid var(--border);border-radius:8px!important;gap:10px;padding:10px;transition:all .2s}.qbd-checkbox-label:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel));border-color:var(--accent)}.qbd-checkbox-label input[type=checkbox]{height:18px;width:18px}.qbd-checkbox-label span{color:var(--text-primary);font-size:13px;text-transform:capitalize}.qbd-content-sections{display:flex;flex-direction:column;gap:32px}.qbd-source-section{display:flex;flex-direction:column;gap:16px}.qbd-source-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.qbd-source-card{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px!important;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.qbd-source-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.qbd-source-card.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)));border-color:var(--accent)}.qbd-source-check{position:absolute;right:12px;top:12px}.qbd-source-card svg:not(.qbd-source-check svg),.qbd-source-check{color:var(--accent)}.qbd-source-card h4{color:var(--text-primary);font-size:14px;font-weight:600}.qbd-source-card p{color:var(--text-secondary);font-size:11px}.qbd-selected-sources{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.qbd-selected-tag{align-items:center;background:color-mix(in srgb,var(--accent) 20%,#0000);border:1px solid var(--accent);border-radius:6px!important;color:var(--accent);display:flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px}.qbd-selected-tag button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:16px;line-height:1;padding:0}.qbd-custom-container{margin:0 auto;max-width:1000px;padding:0}.qbd-custom-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:16px!important;box-shadow:0 4px 24px #00000014;margin-bottom:32px;padding:48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.qbd-custom-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));box-shadow:0 8px 32px #0000001f}.qbd-custom-section-header{align-items:center;border-bottom:2px solid color-mix(in srgb,var(--accent) 15%,var(--border));display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.qbd-custom-section-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#0000),color-mix(in srgb,var(--accent) 10%,#0000));border-radius:12px!important;color:var(--accent);display:flex;height:40px;justify-content:center;width:40px}.qbd-custom-section-title{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.5px}.qbd-custom-input-wrapper{margin-bottom:32px}.qbd-custom-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.qbd-custom-input{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px!important;color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:500;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.qbd-custom-input:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,#0000);outline:none}.qbd-custom-input::placeholder{color:var(--text-tertiary);font-weight:400}.qbd-textarea-large{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px!important;color:var(--text-primary);font-family:Inter,Monaco,Courier New,monospace;font-size:14px;font-weight:400;line-height:1.8;min-height:320px;padding:20px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.qbd-textarea-large:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,#0000);outline:none}.qbd-textarea-large::placeholder{color:var(--text-tertiary)}.qbd-settings-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.qbd-difficulty-section{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--bg-tertiary)),var(--bg-tertiary));border:1px solid var(--border);border-radius:16px!important;margin-bottom:32px;padding:32px}.qbd-difficulty-sliders{display:flex;flex-direction:column;gap:28px}.qbd-slider-item{display:flex;flex-direction:column;gap:12px}.qbd-slider-header{align-items:center;display:flex;justify-content:space-between}.qbd-slider-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.qbd-slider-value{background:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px!important;color:var(--accent);font-size:13px;font-weight:700;padding:4px 12px}.qbd-slider-item input[type=range]{background:var(--border);border-radius:4px!important;height:8px}.qbd-slider-item input[type=range]::-webkit-slider-thumb{box-shadow:0 2px 8px #0000004d;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}.qbd-slider-item input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0006;transform:scale(1.2)}.qbd-slider-item input[type=range]::-moz-range-thumb{box-shadow:0 2px 8px #0000004d;height:20px;-moz-transition:all .2s;transition:all .2s;width:20px}.qbd-slider-item input[type=range]::-moz-range-thumb:hover{box-shadow:0 4px 12px #0006;transform:scale(1.2)}.qbd-difficulty-total{background:var(--panel);border:1px solid var(--border);border-radius:12px!important;color:var(--text-primary);font-size:14px;font-weight:600;margin-top:16px;padding:16px}.qbd-checkbox-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.qbd-checkbox-label{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px!important;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.qbd-checkbox-label:hover{background:var(--panel);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--text-primary)}.qbd-checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:20px;width:20px}.qbd-checkbox-label input[type=checkbox]:checked+span{color:var(--accent);font-weight:600}.qbd-checkbox-label:has(input:checked){background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-color:var(--accent)}.qbd-generate-button{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:14px!important;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;margin-top:40px;padding:20px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.qbd-generate-button:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.qbd-generate-button:active:not(:disabled){transform:translateY(0)}.qbd-generate-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.qbd-generate-button svg{animation:sparkle 2s ease-in-out infinite}.qbd-sets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.qbd-set-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.qbd-set-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.qbd-set-card-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,#0000) 0,color-mix(in srgb,var(--accent) 20%,#0000) 100%);border-bottom:1px solid var(--border);height:160px;overflow:hidden;position:relative;width:100%}.qbd-set-cover-icon{align-items:center;color:var(--accent);display:flex;inset:0;justify-content:center;opacity:.3;position:absolute;transition:all .3s ease}.qbd-set-card:hover .qbd-set-cover-icon{opacity:.5;transform:scale(1.1)}.qbd-set-delete{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:10}.qbd-set-card:hover .qbd-set-delete{opacity:1}.qbd-set-delete:hover{background:var(--danger);border-color:var(--danger)}.qbd-set-content{display:flex;flex-direction:column;gap:12px;padding:20px}.qbd-set-content h3{color:var(--accent);font-size:14px;font-weight:700;line-height:1.4}.qbd-set-content h3,.qbd-set-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:Inter,sans-serif;letter-spacing:.5px;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.qbd-set-content p{color:var(--text-secondary);font-size:11px;line-height:1.5}.qbd-set-meta{display:flex;flex-wrap:wrap;gap:6px}.qbd-date-badge,.qbd-source-badge{border-radius:4px;font-family:Inter,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;padding:5px 10px;text-transform:uppercase}.qbd-source-badge{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);color:var(--accent)}.qbd-date-badge{background:color-mix(in srgb,var(--text-secondary) 10%,#0000);border:1px solid color-mix(in srgb,var(--text-secondary) 20%,#0000);color:var(--text-secondary)}.qbd-set-stats{border-top:1px solid var(--border);display:flex;gap:16px;padding-top:12px}.qbd-stat-item{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:10px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.qbd-stat-item svg{color:var(--accent);height:14px;opacity:.8;width:14px}.qbd-set-actions{border-top:1px solid var(--border);gap:8px;padding-top:12px}.qbd-set-export,.qbd-set-study-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s}.qbd-set-study-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff}.qbd-set-study-btn:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.qbd-set-export{border:1px solid var(--border);color:var(--text-secondary)}.qbd-set-export:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}[data-theme-mode=dark] .qbd-set-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--bg-secondary)) 0,var(--bg-tertiary) 100%);box-shadow:0 2px 8px #0003}[data-theme-mode=dark] .qbd-set-card:hover{box-shadow:0 8px 32px #0006}[data-theme-mode=light] .qbd-set-card{background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--accent) 3%,#fafafa) 100%);box-shadow:0 2px 8px #0000000d}[data-theme-mode=light] .qbd-set-card:hover{box-shadow:0 8px 24px #0000001f}.qbd-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.qbd-loading svg{color:var(--accent)}.qbd-loading p{color:var(--text-secondary);font-size:14px}.qbd-spin{animation:qbd-spin 1s linear infinite}@keyframes qbd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qbd-empty-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.qbd-empty-state svg{color:var(--accent);opacity:.5}.qbd-empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600}.qbd-empty-state p{color:var(--text-secondary);font-size:14px;max-width:400px}.qbd-analytics-grid{grid-gap:24px;display:grid;gap:24px}.qbd-stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.qbd-stat-box{align-items:center;background:linear-gradient(145deg,var(--panel),var(--qbd-bg-tertiary));border:1px solid var(--border);border-radius:8px!important;display:flex;gap:16px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.qbd-stat-box:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.qbd-stat-icon{align-items:center;border-radius:10px!important;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.qbd-stat-icon.primary{background:var(--qbd-accent-glow);color:var(--accent)}.qbd-stat-icon.success{background:color-mix(in srgb,var(--success) 15%,#0000);color:var(--success)}.qbd-stat-icon.accent{background:color-mix(in srgb,var(--accent-2) 15%,#0000);color:var(--accent-2)}.qbd-stat-icon.warning{background:color-mix(in srgb,var(--warning) 15%,#0000);color:var(--warning)}.qbd-stat-data{display:flex;flex-direction:column;gap:4px}.qbd-stat-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.qbd-stat-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.qbd-adaptive-box{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)));border:2px solid var(--accent);border-radius:8px!important;box-shadow:0 0 30px color-mix(in srgb,var(--glow) 50%,#0000);padding:24px}.qbd-adaptive-header{align-items:center;color:var(--accent);display:flex;gap:12px;margin-bottom:16px}.qbd-adaptive-header h3{font-size:16px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.qbd-adaptive-content{display:flex;flex-direction:column;gap:12px}.qbd-adaptive-rec{color:var(--text-primary);font-size:14px}.qbd-adaptive-rec strong{color:var(--accent)}.qbd-adaptive-reason{color:var(--text-secondary);font-size:13px;line-height:1.6}.qbd-adaptive-dist{border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:16px;padding-top:12px}.qbd-difficulty-section,.qbd-performance-section,.qbd-weak-topics{background:var(--panel);border:2px solid var(--border);border-radius:8px!important;padding:28px}.qbd-performance-list{display:flex;flex-direction:column;gap:16px}.qbd-performance-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto auto}.qbd-performance-info{display:flex;flex-direction:column;gap:4px}.qbd-performance-topic{color:var(--text-primary);font-size:14px;font-weight:600}.qbd-performance-stats{color:var(--text-secondary);font-size:11px}.qbd-performance-bar{background:var(--bg-bottom);border:1px solid var(--border);border-radius:4px!important;flex:1 1;height:8px;min-width:120px;overflow:hidden;position:relative}.qbd-performance-fill{border-radius:4px!important;height:100%;transition:width .3s ease}.qbd-performance-accuracy{color:var(--accent);font-size:14px;font-weight:700;min-width:48px;text-align:right}.qbd-difficulty-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.qbd-difficulty-card{align-items:center;background:var(--bg-bottom);border:2px solid var(--border);border-radius:8px!important;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.qbd-difficulty-card:hover{border-color:var(--accent);transform:translateY(-4px)}.qbd-difficulty-badge{border:1px solid;border-radius:6px!important;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.qbd-difficulty-badge.easy{background:color-mix(in srgb,var(--success) 20%,#0000);border-color:var(--success);color:var(--success)}.qbd-difficulty-badge.medium{background:color-mix(in srgb,var(--warning) 20%,#0000);border-color:var(--warning);color:var(--warning)}.qbd-difficulty-badge.hard{background:color-mix(in srgb,var(--danger) 20%,#0000);border-color:var(--danger);color:var(--danger)}.qbd-difficulty-stats{align-items:center;display:flex;flex-direction:column;gap:4px}.qbd-difficulty-accuracy{color:var(--text-primary);font-size:24px;font-weight:800}.qbd-difficulty-count{color:var(--text-secondary);font-size:12px}.qbd-topics-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.qbd-weak-topic-card{align-items:center;background:var(--bg-bottom);border:2px solid var(--danger);border-radius:8px!important;display:flex;justify-content:space-between;padding:16px}.qbd-weak-topic-name{color:var(--text-primary);font-size:13px;font-weight:600}.qbd-weak-topic-accuracy{color:var(--danger);font-size:14px;font-weight:700}.qbd-modal-overlay{background:#000000d9;bottom:0;left:0;padding:20px;right:0;top:0;z-index:1000}.qbd-modal{background:var(--panel);border:2px solid var(--border);border-radius:12px!important;box-shadow:var(--shadow-lg),0 0 50px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.qbd-modal-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:24px 32px}.qbd-modal-header h3{color:var(--text-primary);font-size:20px;font-weight:700}.qbd-modal-close{background:#0000;border:1px solid var(--border);border-radius:6px!important;color:var(--text-secondary);cursor:pointer;font-size:24px;height:36px;line-height:1;transition:all .2s;width:36px}.qbd-modal-close:hover{background:color-mix(in srgb,var(--danger) 8%,#0000);border-color:var(--danger);color:var(--danger)}.qbd-modal-content{padding:32px}.qbd-progress-bar-container{margin-bottom:32px}.qbd-progress-text{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.qbd-progress-bar{background:var(--bg-bottom);border:1px solid var(--border);border-radius:4px!important;height:8px;overflow:hidden;width:100%}.qbd-progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:4px!important;height:100%;transition:width .3s ease}.qbd-question-header{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.qbd-topic-badge{background:color-mix(in srgb,var(--accent) 20%,#0000);border:1px solid var(--accent);border-radius:6px!important;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.qbd-question-text{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.6;margin-bottom:24px}.qbd-options{display:flex;flex-direction:column;gap:12px}.qbd-option{align-items:center;background:var(--bg-bottom);border:2px solid var(--border);border-radius:8px!important;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:16px;transition:all .2s}.qbd-option:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel));border-color:var(--accent)}.qbd-option input[type=radio]{accent-color:var(--accent);cursor:pointer;height:20px;width:20px}.qbd-textarea{background:var(--bg-bottom);border:2px solid var(--border);border-radius:8px!important;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;line-height:1.6;padding:16px;resize:vertical;transition:all .2s;width:100%}.qbd-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.qbd-navigation-btns{display:flex;gap:12px;justify-content:space-between;margin-top:32px}.qbd-results,.qbd-results-header{display:flex;flex-direction:column;gap:24px}.qbd-results-header{align-items:center;border-bottom:2px solid var(--border);padding-bottom:24px}.qbd-score-circle{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#0000),color-mix(in srgb,var(--accent) 5%,#0000));border:3px solid var(--accent);border-radius:50%!important;box-shadow:0 0 30px var(--glow);display:flex;flex-direction:column;height:140px;justify-content:center;width:140px}.qbd-score-value{color:var(--accent);font-size:42px;font-weight:800;line-height:1}.qbd-score-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1px;margin-top:6px;text-transform:uppercase}.qbd-results-stats{display:flex;gap:32px}.qbd-result-stat{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.qbd-result-stat.correct{color:var(--success)}.qbd-result-stat.incorrect{color:var(--danger)}.qbd-results-details h4{color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.8px;margin-bottom:16px;text-transform:uppercase}.qbd-result-item{background:var(--bg-bottom);border:2px solid var(--border);border-radius:8px!important;display:flex;gap:16px;margin-bottom:12px;padding:20px}.qbd-result-item.correct{background:color-mix(in srgb,var(--success) 5%,var(--bg-bottom));border-color:var(--success)}.qbd-result-item.incorrect{background:color-mix(in srgb,var(--danger) 5%,var(--bg-bottom));border-color:var(--danger)}.qbd-result-indicator{flex-shrink:0}.qbd-result-item.correct .qbd-result-indicator{color:var(--success)}.qbd-result-item.incorrect .qbd-result-indicator{color:var(--danger)}.qbd-result-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.qbd-result-question{color:var(--accent);font-size:14px;font-weight:600}.qbd-result-answer{color:var(--text-primary);font-size:13px}.qbd-result-correct{color:var(--success);font-size:13px}.qbd-result-explanation{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.6}.qbd-suggested-distribution{border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:16px;margin-top:12px;padding-top:12px}@media (max-width:1024px){.qbd-sidebar{width:240px}.qbd-view{padding:24px}}@media (max-width:768px){.qbd-container{flex-direction:column}.qbd-sidebar{height:auto;position:relative;width:100%}.qbd-sidebar-nav{flex-direction:row;overflow-x:auto}.qbd-sidebar-item{flex-shrink:0}.qbd-view{padding:16px}.qbd-documents-grid,.qbd-sets-grid,.qbd-source-grid{grid-template-columns:1fr}.qbd-stats-overview{grid-template-columns:repeat(2,1fr)}.qbd-modal{max-width:100%}}.qbd-section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.qbd-selection-info{align-items:center;display:flex;gap:12px}.qbd-selection-count{background:var(--qbd-accent-glow);border-radius:20px;color:var(--accent);font-size:13px;font-weight:600;padding:4px 12px}.qbd-btn-text{background:none;border:none;color:var(--qbd-text-secondary);cursor:pointer;font-size:13px;padding:4px 8px;transition:color .2s}.qbd-btn-text:hover{color:var(--accent)}.qbd-section-hint{color:var(--qbd-text-secondary);font-size:13px;margin-bottom:16px;opacity:.8}.qbd-document-card{position:relative}.qbd-document-select-indicator{align-items:center;background:var(--qbd-bg-secondary);border:2px solid var(--qbd-border-subtle);border-radius:50%;display:flex;height:24px;justify-content:center;left:12px;position:absolute;top:12px;transition:all .2s ease;width:24px;z-index:2}.qbd-document-card.selected .qbd-document-select-indicator{background:var(--accent);border-color:var(--accent);color:#fff}.qbd-document-delete-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:3}.qbd-document-card:hover .qbd-document-delete-btn{opacity:1}.qbd-document-delete-btn:hover{background:#ef444433;transform:translateY(-50%) scale(1.1)}.qbd-selected-sources-panel{background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:12px;margin-bottom:20px;margin-top:20px;padding:16px}.qbd-selected-sources-panel h4{color:var(--qbd-text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.qbd-selected-sources-list{display:flex;flex-wrap:wrap;gap:8px}.qbd-selected-source-item{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);color:var(--qbd-text-primary);font-size:13px;gap:8px;padding:8px 12px}.qbd-selected-source-item svg{color:var(--accent);flex-shrink:0}.qbd-remove-source-btn{background:none;border:none;color:var(--qbd-text-secondary);cursor:pointer;font-size:18px;line-height:1;margin-left:4px;padding:0 4px;transition:color .2s}.qbd-remove-source-btn:hover{color:#ef4444}.qbd-document-card.selected{background:color-mix(in srgb,var(--accent) 5%,var(--qbd-bg-secondary));border-color:var(--accent);box-shadow:0 0 0 2px var(--qbd-accent-glow)}.qbd-document-card.selected:before{background:linear-gradient(135deg,var(--qbd-accent-glow),#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.qbd-set-header-actions{align-items:center;display:flex;gap:8px}.qbd-set-export{align-items:center;background:#0000;border:1px solid var(--qbd-border-subtle);border-radius:8px;color:var(--qbd-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.qbd-set-export:hover{background:var(--qbd-accent-glow);border-color:var(--qbd-accent);color:var(--qbd-accent)}.qbd-set-export:disabled{cursor:not-allowed;opacity:.5}.qbd-set-actions{display:flex;gap:10px;margin-top:auto;padding-top:16px}.qbd-set-export-btn{align-items:center;background:#0000;border:1px solid var(--qbd-border-subtle);border-radius:8px;color:var(--qbd-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.qbd-set-export-btn:hover{background:var(--qbd-accent-glow);border-color:var(--qbd-accent);color:var(--qbd-accent)}.qbd-set-export-btn:disabled{cursor:not-allowed;opacity:.5}.qbd-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.qbd-export-modal{animation:slideUp .3s ease;background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:16px;box-shadow:0 20px 60px #0006;max-width:480px;overflow:hidden;width:90%}.qbd-export-modal-header{background:linear-gradient(180deg,var(--qbd-accent-glow),#0000);border-bottom:1px solid var(--qbd-border-subtle);padding:32px 32px 24px;text-align:center}.qbd-export-modal-icon{align-items:center;background:var(--qbd-accent-glow);border:1px solid var(--qbd-accent);border-radius:16px;color:var(--qbd-accent);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.qbd-export-modal-header h2{color:var(--qbd-text-primary);font-size:20px;font-weight:700;margin-bottom:8px}.qbd-export-modal-header p{color:var(--qbd-text-secondary);font-size:14px}.qbd-export-modal-content{padding:24px 32px}.qbd-export-option{margin-bottom:24px}.qbd-export-checkbox{align-items:flex-start;background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s}.qbd-export-checkbox:hover{background:var(--qbd-accent-glow);border-color:var(--qbd-accent)}.qbd-export-checkbox input{display:none}.qbd-checkbox-custom{align-items:center;background:var(--qbd-bg-primary);border:2px solid var(--qbd-border-subtle);border-radius:6px;display:flex;height:22px;justify-content:center;margin-top:2px;min-width:22px;transition:all .2s;width:22px}.qbd-export-checkbox input:checked+.qbd-checkbox-custom{background:var(--qbd-accent);border-color:var(--qbd-accent)}.qbd-export-checkbox input:checked+.qbd-checkbox-custom:after{color:var(--qbd-bg-primary);content:"✓";font-size:14px;font-weight:700}.qbd-export-option-text{display:flex;flex-direction:column;gap:4px}.qbd-export-option-title{color:var(--qbd-text-primary);font-size:14px;font-weight:600}.qbd-export-option-desc{color:var(--qbd-text-secondary);font-size:12px;line-height:1.4}.qbd-export-features{background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:12px;padding:16px 20px}.qbd-export-features h4{color:var(--qbd-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.qbd-export-features ul{display:flex;flex-direction:column;gap:8px;list-style:none}.qbd-export-features li{align-items:center;color:var(--qbd-text-primary);display:flex;font-size:13px;gap:10px}.qbd-export-features li svg{color:var(--qbd-accent);flex-shrink:0}.qbd-export-modal-actions{border-top:1px solid var(--qbd-border-subtle);display:flex;gap:12px;padding:20px 32px 32px}.qbd-export-modal-actions .qbd-btn-secondary{background:#0000;border:1px solid var(--qbd-border-subtle);border-radius:10px;color:var(--qbd-text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s}.qbd-export-modal-actions .qbd-btn-secondary:hover{background:var(--qbd-bg-tertiary);color:var(--qbd-text-primary)}.qbd-export-modal-actions .qbd-btn-primary{align-items:center;background:linear-gradient(135deg,var(--qbd-accent),var(--qbd-accent-dark));border:none;border-radius:10px;color:var(--qbd-bg-primary);cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s}.qbd-export-modal-actions .qbd-btn-primary:hover{box-shadow:0 8px 24px var(--qbd-accent-glow);transform:translateY(-2px)}.qbd-export-modal-actions .qbd-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.qbd-spin{animation:spin 1s linear infinite}.qbd-set-card{display:flex;flex-direction:column}.qbd-set-study-btn{flex:1 1}.qbd-panel-header{margin-bottom:12px}.qbd-panel-header h4{color:var(--qbd-text-primary);font-size:14px;font-weight:600;margin:0}.qbd-smart-toggle{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:20px;color:var(--accent);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.qbd-smart-toggle:hover{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent)}.qbd-smart-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.qbd-selected-source-item{align-items:center;background:var(--qbd-bg-tertiary);border:1px solid #0000;border-radius:8px;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.qbd-selected-source-item.reference{background:color-mix(in srgb,var(--accent) 15%,var(--qbd-bg-tertiary));border-color:var(--accent)}.qbd-source-name{color:var(--qbd-text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbd-ref-toggle{background:#0000;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-radius:12px;color:var(--qbd-text-secondary);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.qbd-ref-toggle:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);color:var(--accent)}.qbd-ref-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.qbd-smart-hint{align-items:center;background:color-mix(in srgb,var(--accent) 8%,#0000);border-left:3px solid var(--accent);border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:10px 14px}.qbd-smart-hint span{color:var(--qbd-text-secondary);font-size:12px;line-height:1.4}.qbd-smart-hint svg{color:var(--accent);flex-shrink:0}.qbd-prompt-section{background:color-mix(in srgb,var(--accent) 5%,var(--qbd-bg-tertiary));border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;margin-bottom:16px;padding:16px}.qbd-prompt-section label{align-items:center;color:var(--accent);display:flex;font-weight:600;gap:8px;margin-bottom:10px}.qbd-prompt-input{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:8px;color:var(--qbd-text-primary);font-size:13px;line-height:1.5;padding:12px 14px;resize:vertical;transition:all .2s ease;width:100%}.qbd-prompt-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--qbd-accent-glow);outline:none}.qbd-prompt-input::placeholder{color:var(--qbd-text-secondary);opacity:.7}.qbd-prompt-examples{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.qbd-examples-label{color:var(--qbd-text-secondary);font-size:11px;font-weight:500}.qbd-prompt-examples button{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:14px;color:var(--qbd-text-secondary);cursor:pointer;font-size:11px;padding:5px 10px;transition:all .2s ease}.qbd-prompt-examples button:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);color:var(--accent)}.qbd-smart-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#9333ea))!important;box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 40%,#0000)}.qbd-smart-btn:hover:not(:disabled){box-shadow:0 6px 28px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}@media (max-width:768px){.qbd-panel-header{align-items:flex-start;flex-direction:column;gap:10px}.qbd-selected-source-item{flex-wrap:wrap}.qbd-ref-toggle{margin-left:auto}.qbd-prompt-examples{align-items:flex-start;flex-direction:column}}.qbd-difficulty-total{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);font-size:13px;font-weight:500;margin-top:10px;padding:8px 12px;text-align:center}.qbd-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.qbd-input[type=number]::-webkit-inner-spin-button,.qbd-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qbd-slider-item input[type=range]{-webkit-appearance:none;appearance:none;background:var(--qbd-bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.qbd-slider-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:18px}.qbd-slider-item input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,#0000);transform:scale(1.15)}.qbd-slider-item input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.qbd-slider-item span{color:var(--qbd-text-secondary);font-size:13px;min-width:140px}.qbd-ai-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.qbd-ai-btn{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.qbd-ai-btn:hover:not(:disabled){transform:translateY(-1px)}.qbd-adaptive-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important}.qbd-adaptive-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}.qbd-topics-panel{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:12px;margin-bottom:16px;padding:16px}.qbd-topics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.qbd-topics-header h4{align-items:center;color:var(--qbd-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.qbd-topics-header button{background:none;border:none;color:var(--qbd-text-secondary);cursor:pointer;padding:4px}.qbd-chapter-group{margin-bottom:12px}.qbd-chapter-group h5{color:var(--qbd-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qbd-topic-chips{display:flex;flex-wrap:wrap;gap:8px}.qbd-topic-chip{align-items:center;background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:16px;color:var(--qbd-text-primary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.qbd-topic-chip.selected,.qbd-topic-chip:hover{border-color:var(--accent)}.qbd-topic-chip.selected{background:var(--accent);color:#fff}.qbd-topic-potential{background:#fff3;border-radius:8px;font-size:10px;padding:2px 6px}.qbd-selected-topics{align-items:center;border-top:1px solid var(--qbd-border-subtle);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.qbd-selected-topics span{color:var(--accent);font-size:13px;font-weight:500}.qbd-selected-topics button{background:none;border:none;color:var(--qbd-text-secondary);cursor:pointer;font-size:12px}.qbd-preview-modal{background:var(--qbd-bg-primary);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.qbd-preview-header{align-items:center;border-bottom:1px solid var(--qbd-border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.qbd-preview-title{align-items:center;display:flex;gap:12px}.qbd-preview-title h2{font-size:18px;font-weight:600;margin:0}.qbd-preview-title p{color:var(--qbd-text-secondary);font-size:13px;margin:0}.qbd-preview-stats{background:var(--qbd-bg-secondary);border-bottom:1px solid var(--qbd-border-subtle);display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px}.qbd-stat-chip{align-items:center;background:var(--qbd-bg-tertiary);border-radius:16px;color:var(--qbd-text-primary);display:flex;font-size:12px;gap:6px;padding:6px 12px}.qbd-stat-chip.warning{background:#f59e0b26;color:#f59e0b}.qbd-bloom-dist{display:flex;gap:6px;margin-left:auto}.qbd-bloom-chip{border-radius:8px;font-size:10px;font-weight:500;padding:4px 8px;text-transform:capitalize}.qbd-bloom-chip.remember{background:#dbeafe;color:#1d4ed8}.qbd-bloom-chip.understand{background:#dcfce7;color:#15803d}.qbd-bloom-chip.apply{background:#fef3c7;color:#b45309}.qbd-bloom-chip.analyze{background:#fce7f3;color:#be185d}.qbd-bloom-chip.evaluate{background:#ede9fe;color:#7c3aed}.qbd-bloom-chip.create{background:#fee2e2;color:#dc2626}.qbd-preview-questions{flex:1 1;overflow-y:auto;padding:16px 24px}.qbd-preview-question{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:12px;margin-bottom:12px;padding:16px}.qbd-preview-question.duplicate-warning{background:#f59e0b0d;border-color:#f59e0b}.qbd-preview-q-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.qbd-q-number{color:var(--accent);font-size:14px;font-weight:700}.qbd-bloom-badge{border-radius:8px;font-size:10px;font-weight:500;padding:3px 8px;text-transform:capitalize}.qbd-bloom-badge.remember{background:#dbeafe;color:#1d4ed8}.qbd-bloom-badge.understand{background:#dcfce7;color:#15803d}.qbd-bloom-badge.apply{background:#fef3c7;color:#b45309}.qbd-bloom-badge.analyze{background:#fce7f3;color:#be185d}.qbd-bloom-badge.evaluate{background:#ede9fe;color:#7c3aed}.qbd-bloom-badge.create{background:#fee2e2;color:#dc2626}.qbd-quality-badge{background:#10b98126;color:#10b981}.qbd-duplicate-badge,.qbd-quality-badge{align-items:center;border-radius:8px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.qbd-duplicate-badge{background:#f59e0b26;color:#f59e0b}.qbd-preview-q-text{color:var(--qbd-text-primary);font-size:14px;line-height:1.5;margin-bottom:12px}.qbd-preview-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.qbd-preview-option{background:var(--qbd-bg-tertiary);border-radius:8px;color:var(--qbd-text-primary);font-size:13px;padding:8px 12px}.qbd-preview-option.correct{background:#10b98126;color:#10b981;font-weight:500}.qbd-preview-answer{color:var(--qbd-text-secondary);font-size:13px;margin-bottom:8px}.qbd-preview-explanation{background:var(--qbd-bg-tertiary);border-radius:8px;color:var(--qbd-text-secondary);font-size:12px;margin-bottom:12px;padding:10px}.qbd-preview-q-actions{align-items:center;display:flex;gap:10px}.qbd-regenerate-input{display:flex;flex:1 1;gap:8px}.qbd-regenerate-input input{background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:8px;color:var(--qbd-text-primary);flex:1 1;font-size:12px;padding:8px 12px}.qbd-regenerate-input button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .2s ease}.qbd-regenerate-input button:hover:not(:disabled){transform:scale(1.05)}.qbd-remove-q-btn{background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;padding:8px;transition:all .2s ease}.qbd-remove-q-btn:hover{background:#ef444433}.qbd-preview-footer{border-top:1px solid var(--qbd-border-subtle);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.qbd-merge-modal{background:var(--qbd-bg-primary);border-radius:16px;max-width:450px;padding:24px;width:90%}.qbd-merge-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.qbd-merge-header h2{font-size:18px;font-weight:600;margin:0}.qbd-merge-content{margin-bottom:20px}.qbd-merge-content p{color:var(--qbd-text-secondary);margin-bottom:16px}.qbd-merge-actions{display:flex;gap:12px;justify-content:flex-end}.qbd-batch-bar{align-items:center;background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0003;display:flex;gap:16px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.qbd-batch-bar span{color:var(--qbd-text-primary);font-size:13px;font-weight:500}.qbd-batch-actions{display:flex;gap:8px}.qbd-batch-actions button{align-items:center;background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:8px;color:var(--qbd-text-primary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 14px;transition:all .2s ease}.qbd-batch-actions button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.qbd-batch-delete:hover:not(:disabled){background:#ef4444!important;border-color:#ef4444!important}.qbd-batch-clear{background:#0000!important;border:none!important}.qbd-sets-header{align-items:center;border-bottom:1px solid var(--qbd-border-subtle);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.qbd-sets-title h2{font-size:18px;font-weight:600;margin:0}.qbd-sets-actions{display:flex;gap:10px}.qbd-btn-small{font-size:12px!important;padding:6px 12px!important}.qbd-set-card{position:relative}.qbd-set-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--qbd-accent-glow)}.qbd-set-checkbox{cursor:pointer;left:12px;position:absolute;top:12px;z-index:10}.qbd-set-checkbox input{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}@media (max-width:768px){.qbd-preview-modal{max-height:95vh;width:95%}.qbd-batch-bar{gap:10px;width:90%}.qbd-ai-actions,.qbd-batch-bar{flex-direction:column}.qbd-ai-btn{justify-content:center;width:100%}}.qbd-weak-areas-content{display:flex;flex-direction:column;gap:24px;max-height:calc(100vh - 200px);overflow-y:auto;padding:0}.qbd-weak-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:8px}.qbd-weak-stats-row .qbd-stat-box{align-items:center;background:linear-gradient(145deg,var(--panel),var(--qbd-bg-tertiary));border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.qbd-weak-stats-row .qbd-stat-icon.danger{background:color-mix(in srgb,#ef4444 15%,#0000);background:color-mix(in srgb,var(--danger,#ef4444) 15%,#0000);color:#ef4444;color:var(--danger,#ef4444)}.qbd-recommendations-panel{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:12px;padding:24px}.qbd-recommendations-panel .qbd-section-title{margin-bottom:0}.qbd-recommendations-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.qbd-recommendation-card{background:var(--qbd-bg-tertiary);border-left:4px solid var(--qbd-accent);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.qbd-recommendation-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.qbd-recommendation-card.critical{background:color-mix(in srgb,#ef4444 8%,var(--qbd-bg-tertiary));background:color-mix(in srgb,var(--danger,#ef4444) 8%,var(--qbd-bg-tertiary));border-left-color:#ef4444;border-left-color:var(--danger,#ef4444)}.qbd-recommendation-card.declining{background:color-mix(in srgb,#f59e0b 8%,var(--qbd-bg-tertiary));background:color-mix(in srgb,var(--warning,#f59e0b) 8%,var(--qbd-bg-tertiary));border-left-color:#f59e0b;border-left-color:var(--warning,#f59e0b)}.qbd-recommendation-card.stale{background:color-mix(in srgb,#3b82f6 8%,var(--qbd-bg-tertiary));background:color-mix(in srgb,var(--info,#3b82f6) 8%,var(--qbd-bg-tertiary));border-left-color:#3b82f6;border-left-color:var(--info,#3b82f6)}.qbd-recommendation-card.review{background:color-mix(in srgb,var(--qbd-accent) 8%,var(--qbd-bg-tertiary));border-left-color:var(--qbd-accent)}.qbd-rec-header{align-items:center;display:flex;gap:12px}.qbd-rec-header h4{color:var(--qbd-text-primary);font-size:15px;font-weight:600;margin:0}.qbd-rec-icon{flex-shrink:0;height:24px;width:24px}.qbd-rec-icon.critical{color:#ef4444;color:var(--danger,#ef4444)}.qbd-rec-icon.declining{color:#f59e0b;color:var(--warning,#f59e0b)}.qbd-rec-icon.stale{color:#3b82f6;color:var(--info,#3b82f6)}.qbd-rec-icon.review{color:var(--qbd-accent)}.qbd-rec-description{color:var(--qbd-text-secondary);font-size:13px;line-height:1.6;margin:0}.qbd-rec-topics{display:flex;flex-wrap:wrap;gap:8px}.qbd-rec-topics .qbd-topic-tag{background:var(--qbd-bg-primary);border-radius:20px;color:var(--qbd-text-secondary);font-size:11px;padding:4px 10px}.qbd-weak-areas-section{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:12px;padding:24px}.qbd-weak-areas-section .qbd-section-title{margin-bottom:0}.qbd-weak-areas-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:20px}.qbd-weak-area-card{background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.qbd-weak-area-card:hover{border-color:var(--qbd-accent);box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.qbd-weak-area-card.critical{border-left:4px solid #ef4444;border-left:4px solid var(--danger,#ef4444)}.qbd-weak-area-card.medium{border-left:4px solid #f59e0b;border-left:4px solid var(--warning,#f59e0b)}.qbd-weak-area-card.low{border-left:4px solid #22c55e;border-left:4px solid var(--success,#22c55e)}.qbd-weak-area-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.qbd-weak-area-info{flex:1 1;min-width:0}.qbd-weak-area-topic{color:var(--qbd-text-primary);font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbd-weak-area-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.qbd-status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.qbd-status-badge.needs-practice,.qbd-status-badge.needs_practice{background:color-mix(in srgb,#ef4444 15%,#0000);background:color-mix(in srgb,var(--danger,#ef4444) 15%,#0000);color:#ef4444;color:var(--danger,#ef4444)}.qbd-status-badge.improving{background:color-mix(in srgb,#f59e0b 15%,#0000);background:color-mix(in srgb,var(--warning,#f59e0b) 15%,#0000);color:#f59e0b;color:var(--warning,#f59e0b)}.qbd-status-badge.mastered{background:color-mix(in srgb,#22c55e 15%,#0000);background:color-mix(in srgb,var(--success,#22c55e) 15%,#0000);color:#22c55e;color:var(--success,#22c55e)}.qbd-weak-area-stats{color:var(--qbd-text-secondary);font-size:12px}.qbd-weak-area-accuracy{flex-shrink:0;text-align:right}.qbd-accuracy-value{font-size:28px;font-weight:800;line-height:1}.qbd-accuracy-value.low{color:#ef4444;color:var(--danger,#ef4444)}.qbd-accuracy-value.medium{color:#f59e0b;color:var(--warning,#f59e0b)}.qbd-accuracy-value.high{color:#22c55e;color:var(--success,#22c55e)}.qbd-weak-area-bar{background:var(--qbd-bg-primary);border-radius:4px;height:8px;overflow:hidden}.qbd-weak-area-fill{border-radius:4px;height:100%;transition:width .4s ease}.qbd-weak-area-footer{align-items:center;border-top:1px solid var(--qbd-border-subtle);display:flex;justify-content:space-between;padding-top:8px}.qbd-weak-area-details{display:flex;flex-wrap:wrap;gap:16px}.qbd-practice-badge,.qbd-streak-badge{align-items:center;color:var(--qbd-text-secondary);display:flex;font-size:12px;gap:6px}.qbd-streak-badge{color:#ef4444;color:var(--danger,#ef4444)}.qbd-weak-area-actions{display:flex;gap:8px}.qbd-btn-icon{align-items:center;background:var(--qbd-bg-primary);border:1px solid var(--qbd-border-subtle);border-radius:8px;color:var(--qbd-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.qbd-btn-icon:hover{background:var(--qbd-accent);border-color:var(--qbd-accent);color:#fff;transform:scale(1.05)}.qbd-wrong-answers-panel{background:var(--qbd-bg-secondary);border:1px solid var(--qbd-border-subtle);border-radius:12px;margin-top:8px;padding:24px}.qbd-panel-header{align-items:center;border-bottom:1px solid var(--qbd-border-subtle);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.qbd-panel-header h3{align-items:center;color:var(--qbd-text-primary);display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.qbd-wrong-answers-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.qbd-wrong-answer-card{background:var(--qbd-bg-tertiary);border:1px solid var(--qbd-border-subtle);border-radius:12px;padding:20px;transition:all .2s ease}.qbd-wrong-answer-card:hover{border-color:var(--qbd-accent)}.qbd-wrong-answer-card.reviewed{opacity:.6}.qbd-wrong-answer-question{margin-bottom:16px}.qbd-wrong-answer-question .qbd-difficulty-badge{margin-bottom:8px}.qbd-wrong-answer-question p{color:var(--qbd-text-primary);font-size:15px;line-height:1.6;margin:0}.qbd-wrong-answer-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.qbd-answer-box{border-radius:10px;padding:16px}.qbd-answer-box.wrong{background:color-mix(in srgb,#ef4444 10%,var(--qbd-bg-primary));background:color-mix(in srgb,var(--danger,#ef4444) 10%,var(--qbd-bg-primary));border:1px solid color-mix(in srgb,#ef4444 25%,#0000);border:1px solid color-mix(in srgb,var(--danger,#ef4444) 25%,#0000)}.qbd-answer-box.correct{background:color-mix(in srgb,#22c55e 10%,var(--qbd-bg-primary));background:color-mix(in srgb,var(--success,#22c55e) 10%,var(--qbd-bg-primary));border:1px solid color-mix(in srgb,#22c55e 25%,#0000);border:1px solid color-mix(in srgb,var(--success,#22c55e) 25%,#0000)}.qbd-answer-label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qbd-answer-box.wrong .qbd-answer-label{color:#ef4444;color:var(--danger,#ef4444)}.qbd-answer-box.correct .qbd-answer-label{color:#22c55e;color:var(--success,#22c55e)}.qbd-answer-text{color:var(--qbd-text-primary);font-size:14px;line-height:1.5}.qbd-wrong-answer-actions{align-items:center;display:flex;gap:12px}.qbd-btn-sm{border-radius:8px!important;font-size:13px!important;padding:8px 16px!important}.qbd-reviewed-badge{align-items:center;background:color-mix(in srgb,#22c55e 10%,#0000);background:color-mix(in srgb,var(--success,#22c55e) 10%,#0000);border-radius:8px;color:#22c55e;color:var(--success,#22c55e);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.qbd-empty-text{color:var(--qbd-text-secondary);font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1024px){.qbd-weak-stats-row{grid-template-columns:repeat(2,1fr)}.qbd-recommendations-list,.qbd-weak-areas-list{grid-template-columns:1fr}}@media (max-width:768px){.qbd-weak-stats-row,.qbd-wrong-answer-comparison{grid-template-columns:1fr}.qbd-weak-area-header{flex-direction:column;gap:12px}.qbd-weak-area-accuracy{text-align:left}.qbd-weak-area-footer{align-items:flex-start;flex-direction:column;gap:12px}.qbd-weak-area-actions{justify-content:flex-end;width:100%}}.qbd-container .iem-overlay *,.qbd-container .iem-overlay :after,.qbd-container .iem-overlay :before{border-radius:0!important}.qbd-container .iem-overlay{--iem-bg-primary:var(--qbd-bg-primary);--iem-bg-secondary:var(--qbd-bg-secondary);--iem-bg-tertiary:var(--qbd-bg-tertiary);--iem-border:var(--qbd-border-subtle);--iem-text-primary:var(--qbd-text-primary);--iem-text-secondary:var(--qbd-text-secondary);--iem-accent:var(--qbd-accent);align-items:center;animation:qbd-iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.qbd-container .iem-modal{animation:qbd-iem-slideUp .3s ease;background:var(--iem-bg-secondary);border:2px solid var(--iem-border);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.qbd-container .iem-header{align-items:center;background:var(--iem-bg-secondary);border-bottom:2px solid var(--iem-border);display:flex;justify-content:space-between;padding:24px}.qbd-container .iem-header-content{align-items:center;display:flex;gap:16px}.qbd-container .iem-header-icon{color:var(--iem-accent)}.qbd-container .iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.qbd-container .iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.qbd-container .iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.qbd-container .iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.qbd-container .iem-body{flex:1 1;overflow-y:auto;padding:24px}.qbd-container .iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.qbd-container .iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.qbd-container .iem-select-all-btn{background:#0000;border:2px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.qbd-container .iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.qbd-container .iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.qbd-container .iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.qbd-container .iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.qbd-container .iem-item-card:hover{background:var(--iem-bg-secondary);border-color:var(--iem-accent)}.qbd-container .iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.qbd-container .iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.qbd-container .iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.qbd-container .iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.qbd-container .iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.qbd-container .iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.qbd-container .iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.qbd-container .iem-conversion-card:hover{border-color:var(--iem-accent);transform:translateY(-2px)}.qbd-container .iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.qbd-container .iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.qbd-container .iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.qbd-container .iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.qbd-container .iem-settings{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin-bottom:20px;padding:20px}.qbd-container .iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.qbd-container .iem-setting-group{margin-bottom:16px}.qbd-container .iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.qbd-container .iem-input,.qbd-container .iem-select{background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.qbd-container .iem-input:focus,.qbd-container .iem-select:focus{border-color:var(--iem-accent)}.qbd-container .iem-result{padding:40px 20px;text-align:center}.qbd-container .iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.qbd-container .iem-result-icon.success{background:color-mix(in srgb,#22c55e 15%,#0000);color:#22c55e}.qbd-container .iem-result-icon.error{background:color-mix(in srgb,#ef4444 15%,#0000);color:#ef4444}.qbd-container .iem-result-details{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.qbd-container .iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.qbd-container .iem-result-details strong{color:var(--iem-text-primary)}.qbd-container .iem-empty,.qbd-container .iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.qbd-container .iem-spinner{animation:qbd-iem-spin 1s linear infinite;margin-bottom:16px}.qbd-container .iem-empty svg{margin-bottom:16px;opacity:.3}.qbd-container .iem-actions{border-top:2px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.qbd-container .iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.qbd-container .iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.qbd-container .iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-2px)}.qbd-container .iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.qbd-container .iem-btn-secondary{background:#0000;border:2px solid var(--iem-border);color:var(--iem-text-secondary)}.qbd-container .iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes qbd-iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes qbd-iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes qbd-iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qbd-container .iem-body::-webkit-scrollbar,.qbd-container .iem-items-list::-webkit-scrollbar{width:8px}.qbd-container .iem-body::-webkit-scrollbar-track,.qbd-container .iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.qbd-container .iem-body::-webkit-scrollbar-thumb,.qbd-container .iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.qbd-container .iem-body::-webkit-scrollbar-thumb:hover,.qbd-container .iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}.se-page{--se-bg-primary:var(--bg);--se-bg-secondary:var(--panel);--se-bg-tertiary:var(--hover-bg);--se-bg-card:var(--panel);--se-border-subtle:var(--border);--se-text-primary:var(--text-primary);--se-text-secondary:var(--text-secondary);--se-accent:var(--accent);--se-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--se-sidebar-width:260px;--se-header-height:70px;--se-success:#22c55e;--se-warning:#f59e0b;--se-danger:#ef4444}.se-page *{box-sizing:border-box;margin:0;padding:0}.se-page{background:var(--se-bg-primary)!important;bottom:0!important;color:var(--se-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.se-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--se-bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;width:100%;z-index:100}[data-theme-mode=dark] .se-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .se-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.se-header-left{align-items:center;display:flex;gap:16px}.se-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.se-header-title,.se-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.se-header-title{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.se-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.se-header-title:hover .se-logo-img{transform:scale(1.1)}.se-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.se-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}[data-theme-mode=dark] .se-header-title,[data-theme-mode=light] .se-header-title{color:var(--accent)!important}[data-theme-mode=light] .se-header{background:var(--bg-secondary)!important}.se-nav-btn.logout{background:linear-gradient(135deg,var(--se-accent),color-mix(in srgb,var(--se-accent) 85%,#000));border:none;color:var(--se-bg-primary)}.se-nav-btn.logout:hover{box-shadow:0 4px 12px var(--se-accent-glow);transform:translateY(-1px)}.se-main-layout{display:flex;flex:1 1;overflow:hidden}.se-sidebar{background:var(--se-bg-secondary);border-right:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:var(--se-sidebar-width)}[data-theme-mode=dark] .se-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .se-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.se-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.se-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--se-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.se-tab-btn svg{flex-shrink:0;height:20px;width:20px}.se-nav-text{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.se-tab-btn:hover{background:var(--se-bg-tertiary);color:var(--se-text-primary)}.se-tab-btn.active{background:var(--se-accent-glow);color:var(--se-accent)}.se-sidebar-footer{border-top:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.se-sidebar-footer .se-tab-btn{border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)}.se-main-content{flex:1 1;overflow-y:auto;padding:24px 32px}.se-content-title{color:var(--se-text-primary);font-size:22px;font-weight:700;margin-bottom:4px}[data-theme-mode=dark] .se-content-title{color:var(--se-accent)!important}.se-content-subtitle{color:var(--se-text-secondary);font-size:13px;margin-bottom:24px}.se-upload-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.se-upload-area{background:var(--se-bg-secondary);border:2px dashed var(--se-border-subtle);border-radius:12px;cursor:pointer;max-width:500px;padding:60px 40px;text-align:center;transition:all .2s;width:100%}.se-upload-area:hover{background:var(--se-bg-tertiary);border-color:var(--se-accent)}.se-upload-area.active{background:var(--se-accent-glow);border-color:var(--se-accent)}.se-upload-area.disabled{cursor:not-allowed;opacity:.5}.se-upload-icon{color:var(--se-accent);margin-bottom:16px}.se-upload-title{color:var(--se-text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.se-upload-subtitle{color:var(--se-text-secondary);font-size:13px}.se-file-input{display:none}.se-viewer-container{max-width:1200px}.se-viewer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.se-upload-new-btn{align-items:center;background:linear-gradient(135deg,var(--se-accent),color-mix(in srgb,var(--se-accent) 85%,#000));border:none;border-radius:8px;color:var(--se-bg-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.se-upload-new-btn:hover{box-shadow:0 4px 12px var(--se-accent-glow);transform:translateY(-1px)}.se-slide-nav{align-items:center;background:var(--se-bg-secondary);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.se-nav-arrow,.se-slide-nav{border:1px solid var(--se-border-subtle)}.se-nav-arrow{background:var(--se-bg-tertiary);border-radius:8px;color:var(--se-text-primary);cursor:pointer;padding:8px;transition:all .2s}.se-nav-arrow:hover:not(:disabled){background:var(--se-accent);border-color:var(--se-accent);color:var(--se-bg-primary)}.se-nav-arrow:disabled{cursor:not-allowed;opacity:.3}.se-slide-thumbnails{display:flex;flex:1 1;gap:8px;overflow-x:auto;padding:4px}.se-thumbnail{align-items:center;background:var(--se-bg-tertiary);border:1px solid var(--se-border-subtle);border-radius:8px;color:var(--se-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:40px;justify-content:center;min-width:40px;transition:all .2s}.se-thumbnail.active,.se-thumbnail:hover{border-color:var(--se-accent)}.se-thumbnail.active{background:var(--se-accent);color:var(--se-bg-primary)}.se-slide-display-vertical{display:flex;flex-direction:column;gap:0}.se-file-viewer-section{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:12px;margin-bottom:24px;overflow:hidden}.se-file-viewer-header{align-items:center;background:var(--se-bg-tertiary);border-bottom:1px solid var(--se-border-subtle);display:flex;justify-content:space-between;padding:16px 20px}.se-file-viewer-header h3{color:var(--se-text-primary);font-size:16px;font-weight:600;margin:0}.se-file-viewer-actions{display:flex;gap:10px}.se-file-action-btn{align-items:center;background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:8px;color:var(--se-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s}.se-file-action-btn:hover{background:var(--se-accent);border-color:var(--se-accent);color:var(--se-bg-primary)}.se-pdf-viewer-container{background:var(--se-bg-primary);height:600px;width:100%}.se-pdf-iframe{border:none;height:100%;width:100%}.se-ppt-viewer-container{padding:0}.se-ppt-embed-container{background:var(--se-bg-primary);height:500px;position:relative;width:100%}.se-ppt-iframe{background:#fff;border:none;height:100%;width:100%}.se-ppt-fallback{align-items:center;background:var(--se-bg-tertiary);color:var(--se-text-secondary);display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute}.se-ppt-fallback svg{color:var(--se-accent)}.se-ppt-fallback h4{color:var(--se-text-primary);font-size:16px}.se-ppt-fallback p{font-size:13px}.se-ppt-preview-info-compact{align-items:center;background:var(--se-bg-tertiary);border-top:1px solid var(--se-border-subtle);display:flex;justify-content:space-between;padding:16px 20px}.se-ppt-file-info{align-items:center;display:flex;gap:12px}.se-ppt-file-info svg{color:var(--se-accent)}.se-ppt-file-info h4{color:var(--se-text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.se-ppt-file-info p{color:var(--se-text-secondary);font-size:12px;margin:0}.se-ppt-actions-compact{display:flex;gap:10px}.se-ppt-preview-info{align-items:center;background:var(--se-bg-tertiary);border-radius:12px;display:flex;flex-direction:column;margin-bottom:24px;padding:40px 20px;text-align:center}.se-ppt-preview-info svg{color:var(--se-accent);margin-bottom:16px}.se-ppt-preview-info h4{color:var(--se-text-primary);font-size:18px;font-weight:600;margin-bottom:8px;word-break:break-word}.se-ppt-preview-info p{color:var(--se-text-secondary);font-size:14px;margin-bottom:8px}.se-ppt-hint{color:var(--se-text-secondary)!important;font-size:13px!important;margin-bottom:20px!important;max-width:400px}.se-ppt-actions{display:flex;gap:12px;margin-top:8px}.se-ppt-download-btn,.se-ppt-open-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.se-ppt-open-btn{background:linear-gradient(135deg,var(--se-accent),color-mix(in srgb,var(--se-accent) 85%,#000));color:var(--se-bg-primary)}.se-ppt-open-btn:hover{box-shadow:0 4px 12px var(--se-accent-glow);transform:translateY(-2px)}.se-ppt-download-btn{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);color:var(--se-text-primary)}.se-ppt-download-btn:hover{border-color:var(--se-accent);color:var(--se-accent)}.se-ppt-thumbnails-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.se-ppt-thumbnail-card{background:var(--se-bg-tertiary);border:2px solid var(--se-border-subtle);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.se-ppt-thumbnail-card:hover{border-color:var(--se-accent);transform:translateY(-2px)}.se-ppt-thumbnail-card.active{border-color:var(--se-accent);box-shadow:0 0 0 2px var(--se-accent-glow)}.se-ppt-thumbnail-img{object-fit:cover}.se-ppt-thumbnail-img,.se-ppt-thumbnail-placeholder{aspect-ratio:16/9;background:var(--se-bg-primary);width:100%}.se-ppt-thumbnail-placeholder{align-items:center;color:var(--se-text-secondary);display:flex;flex-direction:column;gap:4px;justify-content:center}.se-ppt-thumbnail-label{background:var(--se-bg-secondary);color:var(--se-text-secondary);display:block;font-size:12px;font-weight:500;padding:8px;text-align:center}.se-ppt-thumbnail-card.active .se-ppt-thumbnail-label{color:var(--se-accent);font-weight:600}.se-current-slide-label{color:var(--se-text-primary);font-size:14px;font-weight:600;margin:0}.se-slide-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.se-slide-preview-note{color:var(--se-text-secondary);font-size:12px;font-style:italic}.se-slide-preview-full{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-bottom:none;border-radius:12px 12px 0 0;padding:24px}.se-slide-image-container-full{align-items:center;aspect-ratio:16/9;background:var(--se-bg-primary);border-radius:8px;display:flex;justify-content:center;margin:0 auto;max-width:900px;overflow:hidden;width:100%}.se-slide-image-full{height:100%;object-fit:contain;width:100%}.se-slide-placeholder-full{align-items:center;color:var(--se-text-secondary);display:flex;flex-direction:column;gap:16px}.se-slide-number-large{color:var(--se-accent);font-size:48px;font-weight:700}.se-comprehensive-analysis{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:0 0 12px 12px;max-height:600px;overflow-y:auto;padding:32px}.se-analysis-header-main{align-items:center;border-bottom:1px solid var(--se-border-subtle);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px}.se-slide-title-main{color:var(--se-text-primary);flex:1 1;font-size:20px;font-weight:700}.se-difficulty-badge{border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px}.se-difficulty-introductory{background:color-mix(in srgb,var(--se-success) 15%,#0000);color:var(--se-success)}.se-difficulty-intermediate{background:color-mix(in srgb,var(--se-warning) 15%,#0000);color:var(--se-warning)}.se-difficulty-advanced{background:color-mix(in srgb,var(--se-danger) 15%,#0000);color:var(--se-danger)}.se-study-time-badge{background:var(--se-accent-glow);border-radius:8px;color:var(--se-accent);font-size:12px;font-weight:600;padding:6px 12px}.se-analysis-section-main{background:var(--se-bg-tertiary);border:1px solid var(--se-border-subtle);border-radius:12px;margin-bottom:24px;padding:20px}.se-section-header{align-items:center;color:var(--se-accent);display:flex;gap:10px;margin-bottom:16px}.se-section-header h3{color:var(--se-text-primary);font-size:16px;font-weight:600}.se-detailed-explanation p{color:var(--se-text-primary);font-size:14px;line-height:1.7;margin-bottom:12px}.se-key-concepts-list{display:flex;flex-direction:column;gap:8px;list-style:none}.se-key-concepts-list li{background:var(--se-bg-secondary);border-left:3px solid var(--se-accent);border-radius:6px;color:var(--se-text-primary);font-size:13px;padding:10px 14px}.se-definitions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.se-definition-card{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:8px;padding:14px}.se-definition-term{color:var(--se-accent);font-size:14px;font-weight:600;margin-bottom:6px}.se-definition-text{color:var(--se-text-primary);font-size:13px;line-height:1.5}.se-exam-section{background:var(--se-accent-glow);border-color:var(--se-accent)}.se-exam-questions{display:flex;flex-direction:column;gap:12px}.se-exam-question-card{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:8px;padding:16px}.se-question-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.se-question-number{background:var(--se-accent);border-radius:6px;color:var(--se-bg-primary);font-size:11px;font-weight:700;padding:4px 8px}.se-question-difficulty,.se-question-type{background:var(--se-bg-tertiary);border-radius:6px;color:var(--se-text-secondary);font-size:11px;font-weight:600;padding:4px 8px}.se-question-difficulty.easy{color:var(--se-success)}.se-question-difficulty.medium{color:var(--se-warning)}.se-question-difficulty.hard{color:var(--se-danger)}.se-question-text{color:var(--se-text-primary);font-size:14px;line-height:1.5;margin-bottom:10px}.se-answer-hint{background:var(--se-bg-tertiary);border-left:3px solid var(--se-accent);border-radius:4px;color:var(--se-text-secondary);font-size:12px;padding:10px}.se-answer-hint strong{color:var(--se-accent)}.se-applications-list,.se-misconceptions-list,.se-study-tips-list{display:flex;flex-direction:column;gap:8px;list-style:none}.se-applications-list li{background:var(--se-bg-secondary);border-left:3px solid var(--se-success);border-radius:6px;color:var(--se-text-primary);font-size:13px;padding:10px 14px}.se-misconceptions-section{background:color-mix(in srgb,var(--se-danger) 5%,var(--se-bg-tertiary))}.se-misconceptions-list li{background:var(--se-bg-secondary);border-left:3px solid var(--se-danger);border-radius:6px;color:var(--se-text-primary);font-size:13px;padding:10px 14px}.se-study-tips-section{background:color-mix(in srgb,var(--se-success) 5%,var(--se-bg-tertiary))}.se-study-tips-list li{background:var(--se-bg-secondary);border-left:3px solid var(--se-success);border-radius:6px;color:var(--se-text-primary);font-size:13px;padding:10px 14px}.se-cross-references{display:flex;flex-wrap:wrap;gap:8px}.se-cross-ref-tag{background:var(--se-bg-secondary);border:1px solid var(--se-accent);border-radius:8px;color:var(--se-accent);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.se-cross-ref-tag:hover{background:var(--se-accent);color:var(--se-bg-primary)}.se-no-insights{color:var(--se-text-secondary);padding:40px;text-align:center}.se-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.se-card{background:linear-gradient(145deg,var(--se-bg-card),var(--se-bg-tertiary));border:1px solid var(--se-border-subtle);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.se-card:hover{border-color:var(--se-accent);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.se-card-thumbnail{background:var(--se-bg-primary);height:160px;overflow:hidden;position:relative;width:100%}.se-card-thumbnail-img{height:100%;object-fit:cover;width:100%}.se-card-thumbnail-placeholder{align-items:center;background:var(--se-bg-tertiary);color:var(--se-text-secondary);display:flex;height:100%;justify-content:center;width:100%}.se-delete-btn{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:6px;color:var(--se-text-secondary);cursor:pointer;padding:6px;position:absolute;right:10px;top:10px;transition:all .2s}.se-delete-btn:hover{background:color-mix(in srgb,var(--se-danger) 15%,var(--se-bg-secondary));border-color:var(--se-danger);color:var(--se-danger)}.se-card-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.se-card-title{color:var(--se-text-primary);font-size:15px;font-weight:600;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-card-meta{display:flex;gap:16px;margin-bottom:8px}.se-meta-item{display:flex;font-size:12px;gap:4px}.se-meta-label{color:var(--se-text-secondary)}.se-meta-value{color:var(--se-text-primary);font-weight:600}.se-card-date{color:var(--se-text-secondary);font-size:11px}.se-card-actions{margin-top:auto;padding:0 16px 16px}.se-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.se-action-open{background:linear-gradient(135deg,var(--se-accent),color-mix(in srgb,var(--se-accent) 85%,#000));color:var(--se-bg-primary)}.se-action-open:hover:not(:disabled){box-shadow:0 4px 12px var(--se-accent-glow);transform:translateY(-1px)}.se-action-open:disabled{cursor:not-allowed;opacity:.5}.se-empty,.se-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.se-empty-icon{color:var(--se-accent);margin-bottom:16px;opacity:.3}.se-spinner{animation:se-spin 1s linear infinite;color:var(--se-accent)}@keyframes se-spin{to{transform:rotate(1turn)}}.se-analyzing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.se-analyzing-content{background:var(--se-bg-secondary);border:1px solid var(--se-border-subtle);border-radius:12px;max-width:400px;padding:40px;text-align:center}.se-analyzing-content h3{color:var(--se-text-primary);font-size:18px;margin:16px 0 8px}.se-analyzing-content p{color:var(--se-text-secondary);font-size:13px}@media (max-width:1024px){.se-sidebar{width:200px}.se-comprehensive-analysis{max-height:500px}.se-definitions-grid{grid-template-columns:1fr}}@media (max-width:768px){.se-header{padding:0 16px}.se-sidebar{display:none}.se-main-content{padding:16px}.se-grid{grid-template-columns:1fr}}.st-page *,.st-page :after,.st-page :before{border-radius:0!important}.st-page{--st-bg-primary:var(--bg);--st-bg-secondary:var(--panel);--st-bg-tertiary:var(--hover-bg);--st-bg-card:var(--panel);--st-border-subtle:var(--border);--st-text-primary:var(--text-primary);--st-text-secondary:var(--text-secondary);--st-accent:var(--accent);--st-header-height:70px;--st-success:#22c55e;--st-warning:#f59e0b;--st-danger:#ef4444}.st-page *{box-sizing:border-box;margin:0;padding:0}.st-page{background:var(--st-bg-primary)!important;bottom:0!important;color:var(--st-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.st-page:before{display:none}.st-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--st-bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px}[data-theme-mode=dark] .st-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .st-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.st-header-left{gap:16px}.st-back-btn,.st-header-left{align-items:center;display:flex}.st-back-btn{background:var(--st-bg-tertiary);border:1px solid var(--st-border-subtle);border-radius:8px;color:var(--st-text-primary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.st-back-btn:hover{background:var(--st-bg-secondary)}.st-header-title-group{align-items:center;display:flex;gap:6px}.st-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.st-logo,.st-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.st-logo{color:var(--accent);cursor:pointer;font-size:24px;font-weight:800;letter-spacing:-1px;position:relative}.st-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.st-logo:hover .st-logo-img{transform:scale(1.1)}.st-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.st-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.st-header-right{gap:12px}.st-header-right,.st-nav-btn{align-items:center;display:flex}.st-nav-btn{background:var(--st-bg-tertiary);border:1px solid var(--st-border-subtle);border-radius:8px;color:var(--st-text-primary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.st-nav-btn:hover{background:var(--st-bg-secondary)}.st-nav-btn.logout{background:linear-gradient(135deg,var(--st-accent),color-mix(in srgb,var(--st-accent) 85%,#000));border:none;color:var(--st-bg-primary)}.st-nav-btn.logout:hover{transform:translateY(-1px)}.st-filters{background:var(--st-bg-secondary);border-bottom:1px solid var(--st-border-subtle);flex-shrink:0;gap:24px;padding:16px 32px}.st-filter-group,.st-filters{align-items:center;display:flex}.st-filter-group{gap:12px}.st-filter-label{color:var(--st-text-secondary);font-size:13px;font-weight:500}.st-filter-buttons{display:flex;gap:8px}.st-filter-btn{background:var(--st-bg-tertiary);border:1px solid var(--st-border-subtle);border-radius:8px;color:var(--st-text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.st-filter-btn:hover{background:var(--st-bg-primary)}.st-filter-btn.active,.st-filter-btn:hover{border-color:var(--st-accent);color:var(--st-accent)}.st-filter-btn.active{background:color-mix(in srgb,var(--st-accent) 15%,#0000)}.st-content{flex:1 1;overflow-y:auto;padding:24px 32px}.st-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px}.st-stat-card{align-items:center;background:linear-gradient(145deg,var(--st-bg-card),var(--st-bg-tertiary));border:1px solid var(--st-border-subtle);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.st-stat-card:hover{border-color:var(--st-accent);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.st-stat-icon{align-items:center;background:color-mix(in srgb,var(--st-accent) 15%,#0000);border-radius:10px;color:var(--st-accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.st-stat-content{flex:1 1}.st-stat-label{color:var(--st-text-secondary);font-size:12px;font-weight:500;margin-bottom:4px}.st-stat-value{color:var(--st-text-primary);font-size:24px;font-weight:700}[data-theme-mode=dark] .st-stat-value{color:var(--st-accent)!important}.st-performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.st-performance-card{background:linear-gradient(145deg,var(--st-bg-card),var(--st-bg-tertiary));border:1px solid var(--st-border-subtle);border-radius:12px;padding:20px;transition:all .2s}.st-performance-card:hover{border-color:var(--st-accent)}.st-performance-header{align-items:center;border-bottom:1px solid var(--st-border-subtle);display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.st-performance-header.st-strength{color:var(--st-success)}.st-performance-header.st-warning{color:var(--st-warning)}.st-performance-title{color:var(--st-text-primary);font-size:14px;font-weight:600}.st-performance-list{display:flex;flex-direction:column;gap:10px}.st-performance-item{align-items:center;background:var(--st-bg-tertiary);border-radius:8px;display:flex;gap:10px;padding:10px}.st-item-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.st-strength-item .st-item-indicator{background:var(--st-success)}.st-improvement-item .st-item-indicator{background:var(--st-warning)}.st-item-text{color:var(--st-text-primary);font-size:13px;font-weight:500}.st-empty-text{color:var(--st-text-secondary);font-size:13px;padding:20px;text-align:center}.st-reviews-section{background:linear-gradient(145deg,var(--st-bg-card),var(--st-bg-tertiary));border:1px solid var(--st-border-subtle);border-radius:12px;overflow:hidden}.st-section-header{border-bottom:1px solid var(--st-border-subtle);padding:20px}.st-section-title{color:var(--st-text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.st-section-subtitle{color:var(--st-text-secondary);font-size:12px}.st-reviews-list{display:flex;flex-direction:column}.st-review-item{align-items:center;border-bottom:1px solid var(--st-border-subtle);display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.st-review-item:last-child{border-bottom:none}.st-review-item:hover{background:var(--st-bg-tertiary)}.st-review-topic{flex:1 1}.st-review-title{color:var(--st-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.st-review-date{color:var(--st-text-secondary);font-size:11px}.st-review-stats{align-items:center;display:flex;gap:12px}.st-score{background:var(--st-bg-tertiary);border-radius:8px;font-size:13px;font-weight:600;padding:6px 12px}.st-score.high{background:color-mix(in srgb,var(--st-success) 15%,#0000);color:var(--st-success)}.st-score.low{background:color-mix(in srgb,var(--st-warning) 15%,#0000);color:var(--st-warning)}.st-duration{background:var(--st-bg-tertiary);border-radius:8px;color:var(--st-text-secondary);font-size:12px;padding:6px 12px}.st-empty,.st-loading{align-items:center;color:var(--st-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.st-spinner{animation:st-spin 1s linear infinite;color:var(--st-accent)}@keyframes st-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.st-stats-grid{grid-template-columns:repeat(2,1fr)}.st-performance-grid{grid-template-columns:1fr}}@media (max-width:768px){.st-header{padding:0 16px}.st-filters{flex-wrap:wrap;padding:12px 16px}.st-content{padding:16px}.st-stats-grid{grid-template-columns:1fr}}.flashcards-page *,.flashcards-page :after,.flashcards-page :before{border-radius:0!important}.flashcards-page .fc-card,.flashcards-page .fc-empty,.flashcards-page .fc-generator,.flashcards-page .fc-preview-card,.flashcards-page .fc-search,.flashcards-page .fc-section-header-card,.flashcards-page .fc-set-card,.flashcards-page .fc-set-card-new,.flashcards-page .fc-study-card,.flashcards-page button,.flashcards-page input[type=number],.flashcards-page input[type=text],.flashcards-page select,.flashcards-page textarea{border-radius:8px!important}.flashcards-page{--fc-bg-primary:var(--bg-primary);--fc-bg-secondary:var(--bg-secondary);--fc-bg-tertiary:var(--bg-secondary);--fc-bg-card:var(--bg-secondary);--fc-bg-elevated:var(--panel);--fc-border-subtle:var(--border);--fc-border-default:var(--border);--fc-text-primary:var(--text-primary);--fc-text-secondary:var(--text-secondary);--fc-text-muted:var(--text-secondary);--fc-accent:var(--accent);--fc-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--fc-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--fc-success:#22c55e;--fc-warning:var(--warning);--fc-danger:var(--danger);--fc-sidebar-width:260px;--fc-sidebar-collapsed:70px;--fc-header-height:70px;background:var(--fc-bg-primary)!important;bottom:0!important;color:var(--fc-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}[data-theme-mode=light] .fc-main,[data-theme-mode=light] .flashcards-page{background:var(--bg-primary)!important}[data-theme-mode=light] .fc-header{background:var(--bg-secondary)!important}[data-theme-mode=light] .fc-content,[data-theme-mode=light] .fc-study-mode{background:var(--bg-primary)!important}.flashcards-page *{box-sizing:border-box;margin:0;padding:0}.fc-layout{display:flex;flex-direction:column;height:100%;width:100%}.fc-layout-body{display:flex;flex:1 1;overflow:hidden}.fc-sidebar{background:var(--fc-bg-secondary);border-right:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:width .3s ease;width:var(--fc-sidebar-width)}[data-theme-mode=dark] .fc-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .fc-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}[data-theme-mode=dark] .fc-logo-text,[data-theme-mode=dark] .fc-nav-text,[data-theme-mode=dark] .fc-sidebar{color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=light] .fc-logo-text,[data-theme-mode=light] .fc-nav-text,[data-theme-mode=light] .fc-sidebar{color:color-mix(in srgb,var(--accent) 80%,var(--text-primary))!important}.fc-sidebar.collapsed{border-right:none!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:0!important}.fc-show-sidebar-btn{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);color:var(--fc-accent);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;left:20px;position:absolute;transition:all .2s;width:44px}.fc-show-sidebar-btn:hover{background:var(--fc-bg-tertiary);border-color:var(--fc-accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--fc-accent)}.fc-sidebar-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:none;border-bottom:none;display:none;height:0;min-height:0;padding:0}.fc-logo{align-items:center;cursor:pointer;display:flex;gap:6px}.fc-logo,.fc-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.fc-logo-img{background-color:var(--accent);height:20px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:20px}.fc-logo:hover{transform:translateY(-2px)}.fc-logo:hover .fc-logo-img{transform:scale(1.1)}.fc-logo-icon{display:none}.fc-logo-text{color:var(--fc-accent);font-family:Inter,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.fc-logo-text:after{background:var(--fc-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.fc-logo:hover .fc-logo-text{text-shadow:0 4px 20px color-mix(in srgb,var(--fc-accent) 50%,#0000)}.fc-logo:hover .fc-logo-text:after{width:100%}.fc-sidebar.collapsed .fc-logo-text{display:none}.fc-collapse-btn{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:6px;color:var(--fc-text-muted);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.fc-collapse-btn:hover{background:var(--fc-bg-elevated);color:var(--fc-accent)}.fc-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.fc-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--fc-text-secondary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.fc-nav-item:hover{background:var(--fc-bg-tertiary);color:var(--fc-text-primary)}.fc-nav-item.fc-convert-btn:hover{color:inherit!important}.fc-nav-item.active{background:var(--fc-accent-glow);color:var(--fc-accent)}.fc-nav-item.fc-convert-btn{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));border:none;font-weight:600;margin-top:8px;overflow:hidden;position:relative}.fc-nav-item.fc-convert-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.fc-nav-item.fc-convert-btn:hover:before{left:100%}.fc-nav-item.fc-convert-btn:hover{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark))!important;box-shadow:0 4px 12px color-mix(in srgb,var(--fc-accent) 40%,#0000);transform:translateY(-2px)}[data-theme-mode=light] .fc-nav-item.fc-convert-btn,[data-theme-mode=light] .fc-nav-item.fc-convert-btn .fc-nav-icon,[data-theme-mode=light] .fc-nav-item.fc-convert-btn .fc-nav-text,[data-theme-mode=light] .fc-nav-item.fc-convert-btn:hover,[data-theme-mode=light] .fc-nav-item.fc-convert-btn:hover .fc-nav-icon,[data-theme-mode=light] .fc-nav-item.fc-convert-btn:hover .fc-nav-text{color:#fff!important}[data-theme-mode=dark] .fc-nav-item.fc-convert-btn,[data-theme-mode=dark] .fc-nav-item.fc-convert-btn .fc-nav-icon,[data-theme-mode=dark] .fc-nav-item.fc-convert-btn .fc-nav-text,[data-theme-mode=dark] .fc-nav-item.fc-convert-btn:hover,[data-theme-mode=dark] .fc-nav-item.fc-convert-btn:hover .fc-nav-icon,[data-theme-mode=dark] .fc-nav-item.fc-convert-btn:hover .fc-nav-text{color:var(--bg-primary)!important}.fc-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.fc-nav-icon,.fc-nav-icon svg{height:20px;width:20px}.fc-nav-text{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fc-sidebar.collapsed .fc-nav-text{display:none}.fc-sidebar.collapsed .fc-nav-item{justify-content:center;padding:12px}.fc-sidebar-footer{border-top:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.fc-sidebar-footer .fc-nav-item{border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)}.fc-main{background:var(--fc-bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative}[data-theme-mode=dark] .fc-content.fc-cards-panel,[data-theme-mode=light] .fc-content.fc-cards-panel{background-image:none!important}.hub-header{background:var(--fc-bg-primary);height:70px;min-height:70px;position:-webkit-sticky;position:sticky;top:0}.nav-menu-btn:hover{background:var(--fc-bg-tertiary)}.fc-header-left{align-items:center;display:flex;gap:16px}.fc-header-title{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;position:relative}.fc-header-logo-img,.fc-header-title{transition:all .3s cubic-bezier(.4,0,.2,1)}.fc-header-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.fc-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.fc-header-title:hover .fc-header-logo-img{transform:scale(1.1)}.fc-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.fc-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.fc-stats-bar{display:none;padding:0;text-align:center}.fc-stats-text{color:var(--fc-text-secondary);font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0}[data-theme-mode=dark] .fc-stats-text{color:var(--fc-accent)!important}.fc-header-actions{gap:12px}.fc-search{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px;display:flex;gap:8px;height:38px;min-width:200px;padding:0 14px}.fc-search:focus-within{border-color:var(--fc-accent)}.fc-search-icon{color:var(--fc-accent);display:flex}.fc-search-icon svg{height:16px;width:16px}.fc-search input{background:#0000!important;border:none;color:var(--fc-text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;outline:none;text-transform:uppercase}.fc-search input:-webkit-autofill,.fc-search input:-webkit-autofill:active,.fc-search input:-webkit-autofill:focus,.fc-search input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fc-text-primary)!important;background-color:initial!important;-webkit-box-shadow:0 0 0 30px var(--fc-bg-tertiary) inset!important}.fc-search input::placeholder{color:var(--fc-text-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fc-custom-select-wrapper{display:inline-block;position:relative;width:100%}.fc-custom-select{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px!important;color:var(--fc-accent);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:12px;height:38px;justify-content:space-between;letter-spacing:.5px;min-width:120px;padding:0 12px;text-transform:uppercase;transition:all .2s;width:100%}.fc-custom-select:hover{border-color:var(--fc-accent);box-shadow:0 2px 8px #0000001a}.fc-custom-select-text{flex:1 1;text-align:left}.fc-custom-select-arrow{align-items:center;color:var(--fc-accent);display:flex;justify-content:center;transition:transform .2s}.fc-custom-select-wrapper:has(.fc-custom-dropdown) .fc-custom-select-arrow{transform:rotate(180deg)}.fc-custom-dropdown{animation:dropdownSlideIn .2s ease-out;background:var(--fc-bg-primary);border:1px solid var(--fc-border-subtle);border-radius:8px;box-shadow:0 8px 24px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.fc-custom-option{background:#0000;border:none;border-bottom:1px solid var(--fc-border-subtle);color:var(--fc-accent);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:all .2s;width:100%}.fc-custom-option:last-child{border-bottom:none;border-radius:0 0 8px 8px}.fc-custom-option:first-child{border-radius:8px 8px 0 0}.fc-custom-option:hover{background:var(--fc-accent-glow);color:var(--fc-accent)}.fc-custom-option.active{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));color:var(--fc-bg-primary)}[data-theme-mode=light] .fc-custom-option.active{color:#fff}[data-theme-mode=dark] .fc-custom-option.active{color:var(--bg-primary)}.fc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.fc-btn-secondary{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);color:var(--fc-text-primary)}.fc-btn-secondary:hover{background:var(--fc-bg-elevated)}.fc-btn-primary{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));color:var(--fc-bg-primary)}[data-theme-mode=light] .fc-btn-primary{color:#fff}[data-theme-mode=dark] .fc-btn-primary{color:var(--bg-primary)}.fc-btn-primary:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.fc-btn svg{height:18px;width:18px}.fc-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:24px 32px}.fc-content:has(.fc-empty),.fc-content:has(.fc-generator),.fc-content:has(.fc-loading){align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:calc(100vh - 70px)!important;padding-top:0!important}.fc-content:has(.fc-generator){align-items:center;display:flex;flex-direction:column;justify-content:center}.fc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.fc-grid-rearranging .fc-set-card-new{animation:cardShake .5s ease-in-out}.fc-load-more-container{display:flex;justify-content:center;margin-top:32px;padding:20px 0}.fc-load-more-btn{align-items:center;display:flex;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;min-width:200px;text-transform:uppercase}.fc-spinner-small{gap:4px}.fc-spinner-small span{animation:bounce 1.4s ease-in-out infinite both;height:6px;width:6px}@keyframes cardShake{0%,to{transform:translate(0) rotate(0deg)}10%{transform:translate(-3px,-3px) rotate(-1deg)}20%{transform:translate(3px,2px) rotate(1deg)}30%{transform:translate(-2px,3px) rotate(-.5deg)}40%{transform:translate(2px,-2px) rotate(.5deg)}50%{transform:translate(-3px,1px) rotate(-1deg)}60%{transform:translate(3px,-1px) rotate(1deg)}70%{transform:translate(-2px,2px) rotate(-.5deg)}80%{transform:translate(2px,-3px) rotate(.5deg)}90%{transform:translate(-1px,1px) rotate(-.2deg)}}.fc-set-card{background:var(--fc-bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.fc-set-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #0003,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000)}.fc-set-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.fc-set-icon{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.fc-set-icon svg{height:20px;width:20px}.fc-set-menu{display:flex;gap:4px;opacity:0;transition:opacity .2s}.fc-set-card:hover .fc-set-menu{opacity:1}.fc-set-menu-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--fc-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.fc-set-menu-btn:hover{background:var(--fc-bg-elevated);color:var(--fc-text-primary)}.fc-set-menu-btn.delete:hover{background:color-mix(in srgb,var(--fc-danger) 8%,#0000);border-color:var(--fc-danger);color:var(--fc-danger)}.fc-set-menu-btn svg{height:14px;width:14px}.fc-set-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--accent);display:-webkit-box;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;line-height:1.4;margin:0;overflow:hidden;padding:20px 20px 0;text-overflow:ellipsis;text-transform:uppercase}.fc-set-meta{border-top:1px solid var(--border);display:flex;gap:16px;padding:16px 20px}.fc-set-meta-item{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:10px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.fc-set-meta-item svg{color:var(--accent);height:14px;opacity:.8;width:14px}.fc-set-progress{background:var(--fc-bg-elevated);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.fc-set-progress-fill{border-radius:2px;height:100%;transition:width .3s}.fc-set-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fc-set-mastery{font-size:12px;font-weight:600}.fc-set-accuracy{color:var(--fc-text-muted);font-size:12px}.fc-set-actions{display:flex;gap:8px}.fc-set-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.fc-set-btn.preview{background:var(--fc-bg-elevated);border:1px solid var(--fc-border-subtle);color:var(--fc-text-primary)}.fc-set-btn.study{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));border:none;color:var(--fc-bg-primary)}.fc-set-btn svg{height:14px;width:14px}.fc-empty{align-items:center!important;display:flex!important;flex-direction:column!important;gap:24px!important;justify-content:center!important;margin:0!important;max-width:800px!important;padding:20px!important;position:relative!important;text-align:center!important}.fc-empty h3{color:var(--fc-text-primary)!important;font-size:24px!important;font-weight:600!important;margin-bottom:0!important;margin-top:0!important}.fc-empty>p{color:var(--fc-text-muted)!important;display:block!important;font-size:14px!important;line-height:1.5!important;margin:0!important;opacity:.7!important}.fc-empty .fc-btn{border-radius:8px!important;font-size:11px!important;font-weight:600!important;letter-spacing:2px!important;margin-top:0!important;padding:12px 24px!important;text-transform:uppercase!important}.fc-empty-search-container{display:flex;flex-direction:column;gap:0;margin-top:4px;max-width:700px;width:100%}.fc-empty .fc-search,.fc-empty .fc-search-large{all:unset!important;align-items:center!important;background:var(--fc-bg-primary)!important;border:3px solid var(--fc-accent)!important;border-radius:12px!important;box-sizing:border-box!important;display:flex!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.fc-empty .fc-search-large:hover,.fc-empty .fc-search:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,#0000)!important}.fc-empty .fc-search-large:focus-within,.fc-empty .fc-search:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,#0000)!important}.fc-empty .fc-search-icon:not(.search-btn){display:none!important}.fc-empty .fc-search input,.fc-empty .fc-search-large input{all:unset!important;color:var(--fc-accent)!important;flex:1 1!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:13px!important;font-weight:600!important;height:60px!important;letter-spacing:.08em!important;padding:0 20px!important;text-transform:uppercase!important;width:100%!important}.fc-empty .fc-search input::placeholder,.fc-empty .fc-search-large input::placeholder{color:color-mix(in srgb,var(--accent) 40%,#0000)!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important}.fc-empty .fc-search input:focus,.fc-empty .fc-search-large input:focus{outline:none!important}.fc-empty .fc-search-icon.search-btn,.fc-empty-search-container .fc-btn.search-btn-integrated{all:unset!important;align-items:center!important;background:#0000!important;border:none!important;color:var(--fc-accent)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:60px!important;justify-content:center!important;margin:0!important;padding:0!important;transition:all .2s ease!important;width:60px!important}.fc-empty .fc-search-icon.search-btn:hover,.fc-empty-search-container .fc-btn.search-btn-integrated:hover{background:color-mix(in srgb,var(--accent) 10%,#0000)!important}.fc-empty .fc-search-icon.search-btn svg,.fc-empty-search-container .fc-btn.search-btn-integrated svg{stroke-width:2.5!important;height:22px!important;width:22px!important}.fc-empty-search-buttons{display:none!important}[data-theme-mode=dark] .fc-empty,[data-theme-mode=light] .fc-empty{background:#0000!important}.fc-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.fc-spinner span{background:var(--fc-accent)}.fc-loading p{color:var(--fc-text-muted);font-size:14px}.fc-generator{max-width:700px;width:100%}.fc-mode-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.fc-mode-btn{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px;cursor:pointer;padding:20px;text-align:left;transition:all .2s}.fc-mode-btn.active,.fc-mode-btn:hover{border-color:var(--fc-accent)}.fc-mode-btn.active{background:var(--fc-accent-glow)}.fc-mode-icon{align-items:center;background:var(--fc-bg-elevated);border-radius:8px;color:var(--fc-accent);display:flex;height:36px;justify-content:center;margin-bottom:12px;width:36px}.fc-mode-icon svg{height:18px;width:18px}.fc-mode-label{color:var(--fc-text-primary);display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:4px;text-transform:uppercase}.fc-mode-desc{color:var(--fc-text-muted);display:block;font-size:12px}.fc-form-group{margin-bottom:20px}.fc-label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.fc-input{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px;color:var(--fc-text-primary);font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.fc-input:focus{border-color:var(--fc-accent)}.fc-input::placeholder{color:var(--fc-text-muted)}.fc-form-row{display:flex;gap:16px;justify-content:flex-start}.fc-form-row .fc-form-group{flex:0 0 auto;min-width:140px}.fc-number-input{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px!important;display:flex;height:38px;overflow:hidden}.fc-number-btn{background:#0000;border:none;color:var(--fc-accent);cursor:pointer;font-size:16px;font-weight:600;height:100%;transition:all .2s;width:40px}.fc-number-btn:hover{background:var(--fc-accent-glow);color:var(--fc-accent)}.fc-number-input input{background:#0000;color:var(--fc-accent);flex:1 1;letter-spacing:.5px;outline:none;text-align:center;width:50px}.fc-generate-btn,.fc-number-input input{border:none;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase}.fc-generate-btn{align-items:center;background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));border-radius:10px;color:var(--fc-bg-primary);cursor:pointer;display:flex;gap:8px;justify-content:center;letter-spacing:2px;margin-top:24px;padding:14px;transition:all .2s;width:100%}.fc-generate-btn:hover:not(:disabled){box-shadow:0 8px 24px #d7b38c4d;transform:translateY(-2px)}.fc-generate-btn:disabled{cursor:not-allowed;opacity:.6}.fc-generate-btn svg{height:18px;width:18px}.fc-sessions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fc-sessions-header h3{color:var(--fc-text-primary);font-size:15px;font-weight:600}.fc-sessions-actions{display:flex;gap:8px}.fc-sessions-list{border:1px solid var(--fc-border-subtle);border-radius:10px;margin-bottom:20px;max-height:300px;overflow-y:auto}.fc-session-item{align-items:center;border-bottom:1px solid var(--fc-border-subtle);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.fc-session-item:last-child{border-bottom:none}.fc-session-item:hover{background:var(--fc-bg-tertiary)}.fc-session-item.selected{background:var(--fc-accent-glow)}.fc-session-checkbox{accent-color:var(--fc-accent);height:18px;width:18px}.fc-session-info{flex:1 1}.fc-session-title{color:var(--fc-text-primary);font-size:14px;margin-bottom:2px}.fc-session-date{color:var(--fc-text-muted);font-size:12px}.fc-preview{border-top:1px solid var(--fc-border-subtle);margin-top:32px;padding-top:32px}.fc-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.fc-preview-title{align-items:center;color:var(--fc-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px}.fc-preview-title svg{color:var(--fc-accent);height:18px;width:18px}.fc-preview-counter{color:var(--fc-text-muted);font-size:13px}.fc-preview-card-area{align-items:center;display:flex;gap:16px;margin-bottom:20px}.fc-preview-nav{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:50%;color:var(--fc-text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.fc-preview-nav:disabled{cursor:not-allowed;opacity:.3}.fc-preview-card{background:var(--fc-bg-card);border:1px solid var(--fc-border-subtle);border-radius:8px;cursor:pointer;flex:1 1;min-height:200px;padding:24px;perspective:1000px}.fc-preview-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.fc-preview-card.flipped .fc-preview-card-inner{transform:rotateY(180deg)}.fc-preview-card-back,.fc-preview-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%}.fc-preview-card-back{transform:rotateY(180deg)}.fc-card-label{color:var(--fc-accent);font-size:11px;font-weight:600;margin-bottom:12px;text-transform:uppercase}.fc-card-text{font-size:16px;line-height:1.6}.fc-flip-hint{color:var(--fc-text-muted);font-size:12px;margin-top:16px;text-align:center}.fc-preview-actions{display:flex;justify-content:center}.fc-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.fc-stat-card{background:var(--fc-bg-card);border:1px solid var(--fc-border-subtle);border-radius:8px;padding:20px;text-align:center}.fc-stat-icon{align-items:center;background:var(--fc-accent-glow);border-radius:8px;color:var(--fc-accent);display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.fc-stat-icon svg{height:24px;width:24px}.fc-stat-value{color:var(--fc-text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.fc-stat-label{color:var(--fc-text-muted);font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fc-study-mode{background:var(--fc-bg-primary);display:flex;flex-direction:column;inset:0;position:fixed;z-index:10000}.fc-study-header{border-bottom:1px solid var(--fc-border-subtle);justify-content:space-between;padding:16px 32px}.fc-exit-btn,.fc-study-header{align-items:center;display:flex}.fc-exit-btn{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px;color:var(--fc-text-primary);cursor:pointer;font-size:14px;gap:8px;padding:8px 16px}.fc-exit-btn svg{height:16px;width:16px}.fc-study-title{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:center;text-align:center}.fc-study-title h2{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary))}.fc-card-counter,.fc-study-title h2{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.fc-card-counter{background:#0000;color:var(--fc-accent);padding:0}.fc-study-title p{color:var(--fc-text-muted);font-size:13px}.fc-shuffle-btn{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px;color:var(--fc-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.fc-shuffle-btn.active{background:var(--fc-accent-glow);border-color:var(--fc-accent);color:var(--fc-accent)}.fc-shuffle-btn svg{height:18px;width:18px}.fc-study-progress{background:var(--fc-bg-tertiary);height:4px}.fc-study-progress-fill{background:var(--fc-accent);height:100%;transition:width .3s}.fc-study-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:32px}.fc-card-counter-above{background:var(--fc-accent-glow);border:2px solid var(--fc-accent);color:var(--fc-accent);font-size:14px;font-weight:700;letter-spacing:1.5px;margin-bottom:24px;padding:10px 24px;text-transform:uppercase}[data-theme-mode=light] .fc-card-counter-above{background:var(--fc-accent);box-shadow:0 4px 12px #ec48994d;color:#fff}[data-theme-mode=dark] .fc-card-counter-above{background:#d7b38c26;border-color:var(--fc-accent);color:var(--fc-accent)}.fc-study-card-area{margin-bottom:32px;max-width:700px}.fc-preview-card-container,.fc-study-card-area{align-items:center;display:flex;gap:24px;width:100%}.fc-preview-card-container{flex-direction:row;justify-content:center;margin:0 auto 32px;max-width:900px}.fc-preview-card-container .fc-study-card{max-width:700px;width:100%}.fc-arrow-btn{align-items:center;background:#0000;border:none;color:var(--fc-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;opacity:.8;transition:all .2s;width:50px}.fc-arrow-btn:hover:not(:disabled){color:var(--fc-accent);opacity:1;transform:scale(1.2)}.fc-arrow-btn:disabled{cursor:not-allowed;opacity:.2}.fc-arrow-left{margin-right:8px}.fc-arrow-right{margin-left:8px}.fc-study-nav{align-items:center;background:var(--bg-secondary);border:2px solid var(--fc-accent);border-radius:50%;color:var(--fc-accent);cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .2s;width:50px}.fc-study-nav:hover:not(:disabled){background:var(--fc-accent);color:var(--bg-primary);transform:scale(1.1)}.fc-study-nav:disabled{cursor:not-allowed;opacity:.3}.fc-study-nav svg{height:24px;width:24px}[data-theme-mode=light] .fc-study-nav{background:#fff!important;border-color:var(--fc-accent)!important;box-shadow:0 4px 12px #ec489933!important;color:var(--fc-accent)!important}[data-theme-mode=light] .fc-study-nav:hover:not(:disabled){background:var(--fc-accent)!important;box-shadow:0 6px 20px #ec489966!important;color:#fff!important}[data-theme-mode=dark] .fc-study-nav{background:var(--bg-secondary)!important;border-color:var(--fc-accent)!important;color:var(--fc-accent)!important}[data-theme-mode=dark] .fc-study-nav:hover:not(:disabled){background:var(--fc-accent)!important;color:var(--bg-primary)!important}.fc-study-card{background:#0000;border:none;cursor:pointer;flex:1 1;height:380px;max-height:380px;max-width:700px;min-height:300px;perspective:2000px;position:relative;width:100%}.fc-study-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.fc-study-card.flipped .fc-study-card-inner{transform:rotateY(180deg)}.fc-study-card-back,.fc-study-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid var(--fc-accent);box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden!important;padding:24px;position:absolute;text-align:center;top:0;width:100%}.fc-study-card-back,.fc-study-card-front{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary))}.fc-study-card-back{transform:rotateY(180deg)}[data-theme-mode=dark] .fc-study-card-back,[data-theme-mode=dark] .fc-study-card-front{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary))!important;border:2px solid var(--fc-accent)!important;box-shadow:0 8px 24px #d7b38c4d!important}[data-theme-mode=light] .fc-study-card-back,[data-theme-mode=light] .fc-study-card-front{background:linear-gradient(145deg,var(--fc-accent),color-mix(in srgb,var(--fc-accent) 85%,#fff))!important;border:2px solid var(--fc-accent)!important;box-shadow:0 8px 32px #ec489966!important}.fc-study-badge{background:var(--fc-accent-glow);color:var(--fc-accent);flex-shrink:0;font-size:11px;font-weight:600;margin-bottom:auto;padding:6px 12px;text-transform:uppercase}.fc-study-card-text{word-wrap:break-word;-webkit-box-orient:vertical;color:var(--fc-text-primary);display:-webkit-box;font-size:17px;line-height:1.4;max-height:240px;max-width:500px;overflow:hidden!important;overflow-wrap:break-word;padding:8px;text-align:center;white-space:pre-wrap;word-break:break-word}.fc-edited-badge{background:#d7b38c40;border-radius:4px;color:var(--fc-accent);cursor:help;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:auto;margin-right:auto;margin-top:12px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}[data-theme-mode=light] .fc-edited-badge{background:#fff6;color:#fff;font-weight:800}[data-theme-mode=dark] .fc-study-card-text{color:var(--fc-accent)!important}[data-theme-mode=dark] .fc-study-badge{background:#d7b38c33!important;color:var(--fc-accent)!important}[data-theme-mode=dark] .fc-study-hint{color:#d7b38cb3!important}[data-theme-mode=light] .fc-study-card-text{color:#fff!important}[data-theme-mode=light] .fc-study-badge{background:#ffffff40!important;color:#fff!important}[data-theme-mode=light] .fc-study-hint{color:#fffc!important}.fc-study-hint{color:var(--fc-text-muted);flex-shrink:0;font-size:13px;margin-top:auto;padding-top:20px}.fc-response-btns{display:flex;gap:16px}.fc-response-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:16px 32px;transition:all .2s}.fc-response-btn.incorrect{background:color-mix(in srgb,var(--fc-danger) 15%,#0000);color:var(--fc-danger)}.fc-response-btn.skip{background:var(--fc-bg-tertiary);color:var(--fc-text-secondary)}.fc-response-btn.correct{background:#22c55e26;color:var(--fc-success)}.fc-response-btn:hover{transform:translateY(-2px)}.fc-response-btn svg{height:24px;width:24px}.fc-response-btn span{font-size:13px;font-weight:500}.fc-knowledge-btns{display:flex;gap:20px;justify-content:center;margin-top:32px;max-width:600px;width:100%}.fc-knowledge-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--fc-accent);border-radius:8px;color:var(--fc-accent);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:10px;justify-content:center;letter-spacing:2px;min-width:200px;padding:16px 32px;text-transform:uppercase;transition:all .2s}.fc-knowledge-btn:hover{background:var(--fc-accent);box-shadow:0 6px 20px #d7b38c66;color:var(--bg-primary);transform:translateY(-2px)}.fc-knowledge-btn svg{stroke-width:2.5;height:16px;width:16px}[data-theme-mode=light] .fc-knowledge-btn{background:#fff!important;border-color:var(--fc-accent)!important;box-shadow:0 4px 12px #ec489933!important;color:var(--fc-accent)!important}[data-theme-mode=light] .fc-knowledge-btn:hover{background:var(--fc-accent)!important;box-shadow:0 6px 20px #ec489966!important;color:#fff!important}[data-theme-mode=dark] .fc-knowledge-btn{background:var(--bg-secondary)!important;border-color:var(--fc-accent)!important;color:var(--fc-accent)!important}[data-theme-mode=dark] .fc-knowledge-btn:hover{background:var(--fc-accent)!important;color:var(--bg-primary)!important}.fc-results{align-items:center;display:flex;justify-content:center;padding:40px}.fc-results-card{background:var(--fc-bg-card);border:1px solid var(--fc-border-subtle);border-radius:20px;max-width:500px;padding:40px;text-align:center;width:100%}.fc-results-icon{align-items:center;background:var(--fc-accent-glow);border-radius:50%;color:var(--fc-accent);display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.fc-results-icon svg{height:36px;width:36px}.fc-results h2{color:var(--fc-text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.fc-results-subtitle{color:var(--fc-text-muted);font-size:14px;margin-bottom:32px}.fc-results-stats{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.fc-result-stat{text-align:center}.fc-result-stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin:0 auto 8px;width:40px}.fc-result-stat.correct .fc-result-stat-icon{background:#22c55e26;color:var(--fc-success)}.fc-result-stat.incorrect .fc-result-stat-icon{background:color-mix(in srgb,var(--fc-danger) 15%,#0000);color:var(--fc-danger)}.fc-result-stat.skipped .fc-result-stat-icon{background:var(--fc-bg-tertiary);color:var(--fc-text-muted)}.fc-result-stat-icon svg{height:20px;width:20px}.fc-result-stat-num{color:var(--fc-text-primary);font-size:24px;font-weight:700}.fc-result-stat-label{color:var(--fc-text-muted);font-size:12px}.fc-results-actions{display:flex;gap:12px;justify-content:center}@media (max-width:1024px){.fc-stats-grid{grid-template-columns:repeat(2,1fr)}.fc-form-row{grid-template-columns:1fr}}@media (max-width:768px){.fc-sidebar{display:none}.fc-header{padding:0 16px}.fc-header-actions{flex-wrap:wrap}.fc-content{padding:16px}.fc-grid{grid-template-columns:1fr}.fc-stats-grid{grid-template-columns:1fr 1fr}.fc-study-card-area{flex-direction:column}.fc-study-nav{display:none}.fc-response-btns{flex-direction:column;width:100%}.fc-response-btn{width:100%}}.fc-preview-vertical{display:flex;flex-direction:column;gap:0;height:100%}.fc-preview-header-main{align-items:center;background:var(--fc-bg-secondary);border-bottom:1px solid var(--fc-border-default);display:flex;justify-content:space-between;padding:20px 24px}.fc-preview-title-main{align-items:center;color:var(--fc-text-primary);display:flex;font-size:20px;font-weight:700;gap:10px}.fc-preview-counter-main{background:var(--fc-accent-glow);border:1px solid var(--fc-accent);border-radius:20px;color:var(--fc-accent);font-size:13px;font-weight:600;padding:6px 14px}.fc-card-navigation{align-items:center;background:var(--fc-bg-secondary);border-bottom:1px solid var(--fc-border-default);display:flex;gap:16px;padding:16px 24px}.fc-nav-arrow{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-default);border-radius:8px;color:var(--fc-text-primary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.fc-nav-arrow:hover:not(:disabled){background:var(--fc-accent);border-color:var(--fc-accent);color:#fff;transform:scale(1.05)}.fc-nav-arrow:disabled{cursor:not-allowed;opacity:.3}.fc-card-dots{flex:1 1}.fc-btn-primary-large{box-shadow:0 4px 12px #00000026;font-weight:700;transition:all .3s}[data-theme-mode=light] .fc-btn-primary-large{color:#fff!important}[data-theme-mode=dark] .fc-btn-primary-large{color:var(--bg-primary)!important}.fc-btn-primary-large:hover{box-shadow:0 6px 20px #0003}@media (max-width:1024px){.fc-card-content-below{padding:24px}.fc-card-number{font-size:36px}}@media (max-width:768px){.fc-card-color-block{aspect-ratio:4/3}.fc-card-number{font-size:28px}.fc-card-dots{max-width:200px}}.fc-set-card-new{background:var(--fc-bg-secondary)!important;border:1px solid var(--fc-border-default)!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;height:360px!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.fc-set-card-new:hover{border-color:var(--fc-accent)!important;box-shadow:0 12px 32px #0003,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000)!important;transform:translateY(-4px)!important}.fc-set-thumbnail{flex-shrink:0!important;height:160px!important;max-height:160px!important;min-height:160px!important;overflow:hidden!important;position:relative!important}.fc-set-thumbnail,.fc-set-thumbnail-content{align-items:center!important;display:flex!important;justify-content:center!important;width:100%!important}.fc-set-thumbnail-content{flex-direction:column!important;gap:8px!important;height:100%!important;padding:24px!important}.fc-thumbnail-title{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#fff!important;display:-webkit-box!important;font-size:18px!important;line-height:1.2!important;margin:0!important;overflow:hidden!important;text-align:center!important;word-break:break-word!important}.fc-thumbnail-card-count,.fc-thumbnail-title{font-family:Inter,sans-serif!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important}.fc-thumbnail-card-count{color:#fffc!important;font-size:10px!important;margin:6px 0 0!important}.fc-input-title-thumb{background:#fffffff2;border:2px solid #fff;border-radius:8px;color:var(--bg-primary);font-size:14px;font-weight:700;max-width:210px;padding:8px 12px;text-align:center;width:100%}.fc-delete-btn-thumb{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #ffffff4d;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.fc-set-card-new:hover .fc-delete-btn-thumb{opacity:1}.fc-delete-btn-thumb:hover{background:#00000080;border-color:#ffffff80;transform:scale(1.1)}.fc-delete-btn-thumb svg{color:#fff;height:14px;width:14px}.fc-set-content-new{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:12px!important;min-height:0!important;padding:20px!important}.fc-set-meta-new{border:none!important;display:flex!important;gap:16px!important;padding:0!important}.fc-meta-item-new{align-items:center!important;color:var(--accent)!important;display:flex!important;font-family:Inter,sans-serif!important;font-size:10px!important;font-weight:700!important;gap:6px!important;letter-spacing:.5px!important;text-transform:uppercase!important}.fc-meta-item-new svg{color:var(--accent)!important;height:14px!important;opacity:.8!important;width:14px!important}.fc-meta-item-new:first-child,.fc-meta-item-new:has(svg[data-icon=layers]){display:none!important}.fc-meta-label{display:none!important}.fc-meta-value{color:var(--accent)!important;font-weight:700!important}.fc-set-date-new{color:var(--text-secondary)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 0 12px!important;order:-1!important;text-transform:uppercase!important}.fc-mastery-section{margin-bottom:12px}.fc-mastery-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.fc-mastery-label{color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.fc-mastery-label,.fc-mastery-value{font-size:10px;text-transform:uppercase}.fc-mastery-value{color:var(--accent);font-weight:700}.fc-set-progress-new{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.fc-set-progress-fill-new{background:var(--accent);border-radius:8px;height:100%;transition:width .3s ease}.fc-mastery-percentage{font-size:9px;font-weight:600}.fc-mastery-percentage,.fc-set-date-new{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.fc-set-date-new{font-size:10px;font-weight:700;margin-top:auto}.fc-set-actions-new{display:none}.fc-action-btn-new{border-radius:8px;flex:1 1;font-family:Inter,sans-serif;letter-spacing:1px}.fc-action-preview{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-default);color:var(--fc-accent)}.fc-action-preview:hover{background:var(--fc-accent);border-color:var(--fc-accent);color:var(--bg-primary)}[data-theme-mode=light] .fc-action-preview:hover{color:#fff}.fc-action-study{background:linear-gradient(135deg,var(--fc-accent) 0,color-mix(in srgb,var(--fc-accent) 85%,#fff) 100%);box-shadow:0 4px 12px #00000026}[data-theme-mode=light] .fc-action-study,[data-theme-mode=light] .fc-action-study svg{color:#fff!important}[data-theme-mode=dark] .fc-action-study,[data-theme-mode=dark] .fc-action-study svg{color:var(--bg-primary)!important}.fc-action-study:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.fc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));padding:20px}@media (max-width:768px){.fc-grid{grid-template-columns:1fr}.fc-set-card-new{height:auto;min-height:380px}}.fc-header-centered{justify-content:center}.fc-header-title-group{align-items:center;display:flex;gap:16px}.fc-header-subtitle-inline{color:var(--fc-text-secondary);font-size:13px;font-weight:400;margin:0}.fc-card-dots{display:flex;gap:8px;overflow-x:auto;padding:4px}.fc-dot{background:var(--fc-bg-tertiary);border:2px solid var(--fc-border-default);border-radius:50%;cursor:pointer;height:10px;min-width:10px;transition:all .2s;width:10px}.fc-dot:hover{transform:scale(1.2)}.fc-dot.active,.fc-dot:hover{border-color:var(--fc-accent)}.fc-dot.active{background:var(--fc-accent);border-radius:5px;width:24px}.fc-card-preview-top{background:var(--fc-bg-secondary);border-bottom:none;padding:24px;width:100%}.fc-card-color-block{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--fc-accent) 0,color-mix(in srgb,var(--fc-accent) 85%,#fff) 100%);border-radius:8px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.fc-card-color-block:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.fc-card-label-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:30px;font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 24px;position:relative;text-transform:uppercase;z-index:1}[data-theme-mode=light] .fc-card-label-badge{color:#fff!important}[data-theme-mode=dark] .fc-card-label-badge{color:var(--bg-primary)!important}.fc-card-number{font-size:48px;font-weight:800;position:relative;z-index:1}[data-theme-mode=light] .fc-card-number{color:#fff!important}[data-theme-mode=dark] .fc-card-number{color:var(--bg-primary)!important}.fc-card-content-below{background:var(--fc-bg-secondary);border-radius:0 0 12px 12px;flex:1 1;overflow-y:auto;padding:32px}.fc-content-section{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-default);border-radius:8px;margin-bottom:32px;padding:24px}.fc-answer-section{background:color-mix(in srgb,var(--fc-accent) 5%,var(--fc-bg-tertiary));border-color:var(--fc-accent)}.fc-section-header-card{align-items:center;display:flex;gap:12px;margin-bottom:16px}.fc-section-icon{align-items:center;background:var(--fc-accent);border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.fc-section-header-card h3{color:var(--fc-text-primary);font-size:18px;font-weight:700;margin:0}.fc-answer-text,.fc-question-text{color:var(--fc-text-primary);font-size:16px;line-height:1.8;white-space:pre-wrap}.fc-preview-actions-bottom{display:flex;justify-content:center;margin-top:24px}.fc-btn-primary-large{align-items:center;background:linear-gradient(135deg,var(--fc-accent) 0,color-mix(in srgb,var(--fc-accent) 85%,#fff) 100%);border:none;border-radius:8px;color:var(--fc-bg-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:16px 48px;transition:all .2s}.fc-btn-primary-large:hover{box-shadow:0 8px 24px #d7b38c4d;transform:translateY(-2px)}.fc-btn-primary-large svg{height:20px;width:20px}.fc-study-mcq-area{flex-direction:column;gap:32px;padding:20px 0 40px}.fc-mcq-question-container,.fc-study-mcq-area{align-items:center;display:flex;max-width:900px;width:100%}.fc-mcq-question-container{flex-direction:row;gap:24px;justify-content:center}.fc-study-question-card{align-items:center;background:var(--fc-bg-card);border:2px solid var(--fc-accent);border-radius:16px;box-shadow:0 8px 24px #00000026;cursor:default;display:flex;flex-direction:column;flex-shrink:0;height:380px;justify-content:flex-start;margin:0 auto;max-width:700px;min-height:380px;padding:24px;position:relative;text-align:center;transition:all .3s ease;width:100%}.fc-study-question-card:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.fc-study-question-text{align-items:center;color:var(--fc-text-primary);display:flex;flex:1 1;font-size:20px;font-weight:500;justify-content:center;line-height:1.6;margin:auto 0;max-width:500px}[data-theme-mode=dark] .fc-study-question-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary))!important;border:2px solid var(--fc-accent)!important;box-shadow:0 8px 32px #d7b38c4d!important}[data-theme-mode=dark] .fc-study-question-text{color:var(--fc-accent)!important}[data-theme-mode=dark] .fc-study-question-card .fc-study-badge{background:#d7b38c33!important;color:var(--fc-accent)!important}[data-theme-mode=light] .fc-study-question-card{background:linear-gradient(145deg,var(--fc-accent),color-mix(in srgb,var(--fc-accent) 85%,#fff))!important;border:2px solid var(--fc-accent)!important;box-shadow:0 8px 32px #ec489966!important}[data-theme-mode=light] .fc-study-question-text{color:#fff!important}[data-theme-mode=light] .fc-study-question-card .fc-study-badge{background:#ffffff40!important;color:#fff!important}.fc-mcq-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;max-width:900px;width:100%}.fc-mcq-option{align-items:flex-start;background:var(--fc-bg-card);border:2px solid var(--fc-border-subtle);border-radius:8px;color:var(--fc-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:10px;max-height:180px;min-height:120px;overflow-y:auto;padding:18px 20px;position:relative;text-align:left;transition:all .2s}.fc-mcq-option:hover:not(:disabled){background:var(--fc-bg-tertiary);border-color:var(--fc-accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.fc-mcq-option:disabled{cursor:not-allowed}.fc-mcq-letter{align-items:center;background:var(--fc-bg-tertiary);border:2px solid var(--fc-border-subtle);border-radius:8px;display:flex;font-size:15px;font-weight:700;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.fc-mcq-letter,.fc-mcq-text{color:var(--fc-text-primary)}.fc-mcq-text{flex:1 1;font-size:14px;line-height:1.5;width:100%}.fc-mcq-icon{align-items:center;display:flex;height:24px;justify-content:center;min-width:24px;position:absolute;right:12px;top:12px;width:24px}.fc-mcq-icon svg{stroke-width:3;height:20px;width:20px}.fc-mcq-option.correct{background:#22c55e1a!important;border-color:var(--fc-success)!important;border-width:2px!important}.fc-mcq-option.correct .fc-mcq-letter{background:var(--fc-success)!important;border-color:var(--fc-success)!important;color:#fff!important}.fc-mcq-option.correct .fc-mcq-text{color:var(--fc-success)!important;font-weight:600!important}.fc-mcq-option.correct .fc-mcq-icon{color:var(--fc-success)!important}.fc-mcq-option.incorrect{background:color-mix(in srgb,var(--fc-danger) 10%,#0000)!important;border-color:var(--fc-danger)!important;border-width:2px!important}.fc-mcq-option.incorrect .fc-mcq-letter{background:var(--fc-danger)!important;border-color:var(--fc-danger)!important;color:#fff!important}.fc-mcq-option.incorrect .fc-mcq-text{color:var(--fc-danger)!important;font-weight:600!important}.fc-mcq-option.incorrect .fc-mcq-icon{color:var(--fc-danger)!important}.fc-mcq-option.disabled{background:var(--fc-bg-tertiary)!important;border-color:var(--fc-border-subtle)!important;opacity:.5}.fc-mcq-option.disabled:hover{border-color:var(--fc-border-subtle)!important;transform:none}.fc-next-question-btn{align-items:center;background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));border:none;border-radius:8px;box-shadow:0 4px 12px #d7b38c4d;color:var(--fc-bg-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin:0 auto;max-width:350px;padding:14px 28px;transition:all .2s;width:100%}.fc-next-question-btn:hover{box-shadow:0 6px 20px #d7b38c66;transform:translateY(-2px)}.fc-next-question-btn svg{height:18px;width:18px}[data-theme-mode=light] .fc-mcq-option{background:#fff}[data-theme-mode=dark] .fc-mcq-option{background:var(--fc-bg-card)}@media (max-width:768px){.fc-study-mcq-area{gap:24px;max-width:100%}.fc-study-question-card{min-height:200px;padding:32px 20px}.fc-study-question-text{font-size:16px}.fc-mcq-options{gap:12px;grid-template-columns:1fr}.fc-mcq-option{gap:8px;min-height:80px;padding:16px 18px}.fc-mcq-letter{font-size:14px;height:28px;min-width:28px;width:28px}.fc-mcq-text{font-size:13px}.fc-next-question-btn{font-size:14px;padding:12px 24px}}@keyframes mcq-select{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.fc-mcq-option.correct,.fc-mcq-option.incorrect{animation:mcq-select .3s ease-out}.fc-nav-badge{font-size:11px;font-weight:600;min-width:20px;text-align:center}.fc-review-section{display:flex;flex-direction:column;gap:24px}.fc-review-summary{background:var(--fc-bg-elevated);border:1px solid var(--fc-border-subtle);color:var(--fc-text-secondary);font-size:16px;padding:16px}.fc-review-count{color:var(--fc-danger);font-weight:600}.fc-review-set{background:var(--fc-bg-card);border:1px solid var(--fc-border-subtle);padding:20px}.fc-review-set-header{align-items:center;border-bottom:1px solid var(--fc-border-subtle);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.fc-review-set-header h3{color:var(--fc-text-primary);font-size:18px;font-weight:600;margin:0}.fc-review-set-count{background:var(--fc-bg-elevated);color:var(--fc-text-muted);font-size:13px;padding:4px 10px}.fc-review-cards-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:400px;overflow-y:auto}.fc-review-card-item{align-items:flex-start;background:var(--fc-bg-elevated);border:1px solid var(--fc-border-subtle);display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.fc-review-card-item:hover{border-color:var(--fc-accent)}.fc-review-card-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.fc-review-card-answer,.fc-review-card-question{font-size:14px;line-height:1.5}.fc-review-card-question{color:var(--fc-text-primary);font-weight:500}.fc-review-card-answer{color:var(--fc-text-secondary)}.fc-review-label{color:var(--fc-accent);font-weight:600;margin-right:8px}.fc-review-card-actions{display:flex;flex-shrink:0;gap:8px}.fc-btn-small{font-size:13px;padding:8px 12px}.fc-btn-small svg{height:16px;width:16px}.fc-btn-success{background:var(--fc-success);border:none;color:#fff}.fc-btn-success:hover{background:color-mix(in srgb,var(--fc-success) 85%,#000)}.fc-review-study-btn{gap:8px;justify-content:center;width:100%}.fc-review-study-btn svg{height:18px;width:18px}[data-theme-mode=dark] .fc-main{background:radial-gradient(ellipse 120% 100% at 50% 0,color-mix(in srgb,var(--accent) 8%,var(--bg)) 0,var(--bg) 60%)!important}[data-theme-mode=light] .fc-main{background:radial-gradient(ellipse 120% 100% at 50% 0,color-mix(in srgb,var(--accent) 12%,#fff) 0,#fff 60%)!important}.fc-set-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.fc-set-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#0000);inset:0}.fc-set-card:hover{box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateY(-4px)}[data-theme-mode=dark] .fc-btn-primary{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 25%,#0000)}[data-theme-mode=light] .fc-btn-primary{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 30%,#0000)}.fc-btn-primary:hover{box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 40%,#0000)!important}.fc-input:focus,.fc-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}.fc-set-card:after{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--accent) 8%,#0000),#0000);background-size:1000px 100%;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.fc-set-card:hover:after{opacity:1}.fc-btn{overflow:hidden;position:relative}.fc-btn:before{background:color-mix(in srgb,var(--accent) 30%,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.fc-btn:active:before{height:300px;width:300px}.fc-set-card{background:var(--fc-bg-card);background-clip:padding-box;border:1px solid #0000;position:relative}.fc-set-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,#0000),color-mix(in srgb,var(--accent) 10%,#0000),#0000);border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .3s;z-index:-1}.fc-set-card:hover:before{opacity:1}.fc-set-progress-fill{background:linear-gradient(90deg,var(--fc-accent),color-mix(in srgb,var(--accent) 70%,#fff));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 40%,#0000)}.fc-empty-icon{animation:none!important;display:none!important}.fc-nav-item{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.fc-nav-item:before{background:var(--fc-accent);content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s;width:3px}.fc-nav-item.active:before,.fc-nav-item:hover:before{height:60%}[data-theme-mode=dark] .fc-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--fc-accent),color-mix(in srgb,var(--accent) 70%,#fff));-webkit-background-clip:text;background-clip:text}[data-theme-mode=light] .fc-header-title{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--fc-accent)!important}.fc-search{position:relative;transition:all .3s}.fc-search:after{background:var(--fc-accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.fc-search:focus-within:after{width:100%}.fc-stat-card{overflow:hidden;position:relative;transition:all .3s}.fc-stat-card:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,#0000) 0,#0000 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .3s;width:200%}.fc-stat-card:hover:before{opacity:1}.fc-stat-card:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 15%,#0000);transform:translateY(-2px)}[data-theme-mode=dark] .fc-sidebar:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 100%)}[data-theme-mode=dark] .fc-sidebar:before,[data-theme-mode=light] .fc-sidebar:before{content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme-mode=light] .fc-sidebar:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,#0000) 0,#0000 100%)}.fc-sidebar>*{position:relative;z-index:1}.fc-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--fc-bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--fc-border-subtle);border-radius:8px!important;color:var(--fc-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:12px 36px 12px 16px;transition:all .2s;width:100%}.fc-select:hover{border-color:var(--fc-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 15%,#0000)}.fc-select:focus{border-color:var(--fc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}.fc-select option{background:var(--fc-bg-primary);color:var(--fc-text-primary);padding:12px}.fc-nav-item.fc-convert-btn{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 30%,#0000)}.fc-nav-item.fc-convert-btn:hover{box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 50%,#0000)}.fc-spinner span{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,#0000)}[data-theme-mode=dark] .fc-content:before{background-image:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 2%,#0000) 0,#0000 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--accent) 2%,#0000) 0,#0000 50%)}[data-theme-mode=dark] .fc-content:before,[data-theme-mode=light] .fc-content:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme-mode=light] .fc-content:before{background-image:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--accent) 3%,#0000) 0,#0000 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--accent) 3%,#0000) 0,#0000 50%)}.fc-content>*{position:relative;z-index:1}.fc-set-btn.study{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000)}.fc-set-btn.study:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,#0000)}@keyframes borderGlow{0%,to{border-color:color-mix(in srgb,var(--accent) 30%,#0000)}50%{border-color:color-mix(in srgb,var(--accent) 60%,#0000)}}.fc-input:focus,.fc-textarea:focus{animation:borderGlow 2s infinite}.fc-empty{position:relative}.fc-empty:before{content:none!important;display:none!important}.fc-btn,.fc-input,.fc-nav-item,.fc-search,.fc-select,.fc-set-card,.fc-stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme-mode=dark] .fc-header{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--bg)) 0,var(--bg) 100%)!important}[data-theme-mode=light] .fc-header{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,#fff) 0,#fff 100%)!important}[data-theme-mode=dark] .fc-nav-item.active{box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 15%,#0000)}[data-theme-mode=light] .fc-nav-item.active{box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.fc-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fc-accent),color-mix(in srgb,var(--accent) 60%,#0000));box-shadow:0 0 6px color-mix(in srgb,var(--accent) 40%,#0000)}[data-theme-mode=dark] .fc-stats-bar{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent) 3%,#0000) 50%,#0000 100%)}[data-theme-mode=light] .fc-stats-bar{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent) 5%,#0000) 50%,#0000 100%)}.fc-nav-icon,.fc-stat-icon{transition:all .3s}.fc-nav-item:hover .fc-nav-icon,.fc-stat-card:hover .fc-stat-icon{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 60%,transparent))}[data-theme-mode=dark] .fc-set-card{box-shadow:0 4px 16px #0006,inset 0 1px 0 color-mix(in srgb,var(--accent) 10%,#0000)}[data-theme-mode=light] .fc-set-card{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 8%,#0000),inset 0 1px 0 color-mix(in srgb,var(--accent) 15%,#0000)}.fc-btn:focus-visible,.fc-nav-item:focus-visible{outline:2px solid var(--fc-accent);outline-offset:2px}.fc-sidebar-footer{position:relative}.fc-sidebar-footer:before{background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 5%,#0000) 0,#0000 100%);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;z-index:0}.fc-sidebar-footer>*{position:relative;z-index:1}.fc-set-mastery{text-shadow:0 0 10px color-mix(in srgb,var(--accent) 40%,#0000)}.fc-nav-item,.fc-set-card,.fc-stat-card{animation:fadeIn .4s ease-out}.fc-set-card:first-child{animation-delay:.05s}.fc-set-card:nth-child(2){animation-delay:.1s}.fc-set-card:nth-child(3){animation-delay:.15s}.fc-set-card:nth-child(4){animation-delay:.2s}.fc-set-card:nth-child(5){animation-delay:.25s}.fc-set-card:nth-child(6){animation-delay:.3s}.fc-btn:active{transform:scale(.98)}.fc-btn-primary:active{box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,#0000)!important}[data-theme-mode=dark] .fc-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--fc-accent),color-mix(in srgb,var(--accent) 60%,#fff));-webkit-background-clip:text;background-clip:text}[data-theme-mode=light] .fc-stat-value{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--fc-accent)!important}.fc-logo{transition:all .3s}.fc-logo:hover{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 40%,transparent))}.fc-collapse-btn:hover{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,#0000)}.fc-grid{gap:24px}.flashcards-page *{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease-in-out}.flashcards-page [class*=animate],.flashcards-page [class*=animation]{transition:none}[data-theme-mode=dark] .fc-content:after{background:radial-gradient(ellipse 80% 50% at 20% 20%,color-mix(in srgb,var(--accent) 4%,#0000) 0,#0000 50%),radial-gradient(ellipse 80% 50% at 80% 80%,color-mix(in srgb,var(--accent) 3%,#0000) 0,#0000 50%)}[data-theme-mode=dark] .fc-content:after,[data-theme-mode=light] .fc-content:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme-mode=light] .fc-content:after{background:radial-gradient(ellipse 80% 50% at 20% 20%,color-mix(in srgb,var(--accent) 6%,#0000) 0,#0000 50%),radial-gradient(ellipse 80% 50% at 80% 80%,color-mix(in srgb,var(--accent) 5%,#0000) 0,#0000 50%)}.fc-header-left{padding:8px 0}.fc-header-title{flex-shrink:0;margin-bottom:0}.fc-header-subtitle{line-height:1.4;margin-top:0;position:relative}[data-theme-mode=dark] .fc-stat-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--panel)) 0,var(--panel) 100%)}[data-theme-mode=light] .fc-stat-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel)) 0,var(--panel) 100%)}[data-theme-mode=dark] .fc-set-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,var(--panel)) 0,var(--panel) 100%)!important}[data-theme-mode=light] .fc-set-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--panel)) 0,var(--panel) 100%)!important}[data-theme-mode=dark] .fc-generator,[data-theme-mode=light] .fc-generator{background:#0000;border-radius:0;padding:0}.fc-mode-btn{overflow:hidden;position:relative}.fc-mode-btn:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#0000),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.fc-mode-btn.active:before,.fc-mode-btn:hover:before{opacity:1}[data-theme-mode=dark] .fc-empty,[data-theme-mode=light] .fc-empty{background:#0000!important}[data-theme-mode=dark] .fc-stats-bar{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent) 5%,var(--bg)) 50%,#0000 100%)!important;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,#0000)}[data-theme-mode=light] .fc-stats-bar{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent) 8%,#fff) 50%,#0000 100%)!important;border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,#0000)}[data-theme-mode=dark] .fc-content:has(.fc-review-card){background:radial-gradient(ellipse 100% 80% at 50% 30%,color-mix(in srgb,var(--accent) 5%,var(--bg)) 0,var(--bg) 70%)}[data-theme-mode=light] .fc-content:has(.fc-review-card){background:radial-gradient(ellipse 100% 80% at 50% 30%,color-mix(in srgb,var(--accent) 8%,var(--bg)) 0,var(--bg) 70%)}[data-theme-mode=dark] .fc-input,[data-theme-mode=dark] .fc-textarea{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 3%,var(--hover-bg)) 0,var(--hover-bg) 100%)}[data-theme-mode=light] .fc-input,[data-theme-mode=light] .fc-textarea{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--hover-bg)) 0,var(--hover-bg) 100%)}[data-theme-mode=dark] .fc-search{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,var(--hover-bg)) 0,var(--hover-bg) 100%)!important}[data-theme-mode=light] .fc-search{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--hover-bg)) 0,var(--hover-bg) 100%)!important}[data-theme-mode=dark] .fc-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme-mode=dark] .fc-select,[data-theme-mode=light] .fc-select{background-color:var(--fc-bg-tertiary);background-position:right 12px center;background-repeat:no-repeat}[data-theme-mode=light] .fc-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.fc-set-progress{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,var(--hover-bg)),var(--hover-bg))}.fc-set-btn.study{background:linear-gradient(135deg,var(--fc-accent) 0,var(--accent-hover) 100%)!important}[data-theme-mode=dark] .fc-set-btn.preview{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--hover-bg)) 0,var(--hover-bg) 100%)!important}[data-theme-mode=light] .fc-set-btn.preview{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--hover-bg)) 0,var(--hover-bg) 100%)!important}.fc-logo-text{text-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,#0000)}[data-theme-mode=dark] .fc-nav-item:hover:not(.fc-convert-btn){background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,var(--hover-bg)) 0,var(--hover-bg) 100%)!important}[data-theme-mode=light] .fc-nav-item:hover:not(.fc-convert-btn){background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,var(--hover-bg)) 0,var(--hover-bg) 100%)!important}[data-theme-mode=dark] .fc-nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,var(--hover-bg)) 0,color-mix(in srgb,var(--accent) 8%,var(--hover-bg)) 100%)!important}[data-theme-mode=light] .fc-nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 20%,var(--hover-bg)) 0,color-mix(in srgb,var(--accent) 12%,var(--hover-bg)) 100%)!important}.fc-visibility-toggle{gap:12px;margin-top:8px}.fc-visibility-btn{background:var(--bg-secondary);border:2px solid var(--border);border-radius:0;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.fc-visibility-btn:hover{border-color:var(--accent);color:var(--text-primary)}.fc-visibility-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.fc-visibility-btn svg{flex-shrink:0}.fc-visibility-hint{color:var(--text-secondary);font-style:italic;margin:8px 0 0}[data-theme-mode=light] .fc-set-card{background:#fff!important;border-color:#0000001a!important}[data-theme-mode=light] .fc-set-card:hover{border-color:var(--fc-accent)!important;box-shadow:0 8px 24px #0000001f!important}[data-theme-mode=light] .fc-set-title{color:#1a1a1a!important}[data-theme-mode=light] .fc-set-meta-item{color:#666!important}[data-theme-mode=light] .fc-set-mastery{color:#1a1a1a!important}[data-theme-mode=light] .fc-set-accuracy{color:#666!important}[data-theme-mode=light] .fc-set-btn.preview{background:#fff!important;border-color:#0003!important;color:#333!important}[data-theme-mode=light] .fc-set-btn.preview:hover{background:#f8f9fa!important;border-color:var(--fc-accent)!important;color:var(--fc-accent)!important}[data-theme-mode=light] .fc-set-btn.study{background:var(--fc-accent)!important;color:#fff!important}[data-theme-mode=light] .fc-set-progress{background:#f0f0f0!important}[data-theme-mode=light] .fc-set-card-new{background:#fff!important;border-color:#0000001a!important}[data-theme-mode=light] .fc-set-card-new:hover{border-color:var(--fc-accent)!important;box-shadow:0 8px 24px #0000001f!important}[data-theme-mode=light] .fc-set-content-new{background:#fff!important;color:#1a1a1a!important}[data-theme-mode=light] .fc-meta-label{color:#666!important}[data-theme-mode=light] .fc-meta-value{color:#1a1a1a!important}[data-theme-mode=light] .fc-mastery-label{color:#666!important}[data-theme-mode=light] .fc-mastery-value{color:#1a1a1a!important}[data-theme-mode=light] .fc-mastery-percentage,[data-theme-mode=light] .fc-set-date-new{color:#666!important}[data-theme-mode=light] .fc-set-progress-new{background:#f0f0f0!important}[data-theme-mode=light] .fc-set-actions-new{background:#fff!important}[data-theme-mode=light] .fc-action-btn-new,[data-theme-mode=light] .fc-action-preview{background:#fff!important;border-color:#0003!important;color:#1a1a1a!important}[data-theme-mode=light] .fc-action-preview:hover{background:#f8f9fa!important;border-color:var(--fc-accent)!important;color:#1a1a1a!important}[data-theme-mode=light] .fc-action-preview svg,[data-theme-mode=light] .fc-action-preview:hover svg{color:#1a1a1a!important}.fc-flashcard,.fc-flashcard-back,.fc-flashcard-front,.fc-flashcard-inner{max-height:none!important;overflow:hidden!important}.fc-flashcard-container{height:360px;margin:0 auto;max-width:700px;perspective:1000px;position:relative;width:100%}.fc-flashcard{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.fc-flashcard.flipped{transform:rotateY(180deg)}.fc-flashcard-inner{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--fc-bg-card);border:1px solid var(--fc-border-default);display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.fc-flashcard-front{transform:rotateY(0deg)}.fc-flashcard-back{transform:rotateY(180deg)}.fc-card-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:24px;position:relative}.fc-card-text{color:var(--fc-text-primary);font-size:17px;line-height:1.5;max-height:260px;max-width:100%;text-align:center}.fc-card-question,.fc-card-text{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fc-card-question{font-size:22px;font-weight:600;margin-bottom:16px;max-height:100px}.fc-card-answer{-webkit-box-orient:vertical;display:-webkit-box;font-size:17px;line-height:1.5;max-height:220px;overflow:hidden}.fc-card-header{align-items:center;border-bottom:1px solid var(--fc-border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.fc-card-number{color:var(--fc-accent);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fc-card-footer{align-items:center;border-top:1px solid var(--fc-border-subtle);flex-shrink:0;padding:12px 20px}.fc-card-footer,.fc-study-controls{display:flex;justify-content:center}.fc-study-controls{gap:12px;margin-top:20px}.fc-study-btn{align-items:center;background:var(--fc-bg-secondary);border:1px solid var(--fc-border-default);color:var(--fc-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.fc-study-btn:hover{background:var(--fc-bg-elevated);border-color:var(--fc-accent);transform:translateY(-2px)}.fc-study-btn.know{border-color:var(--fc-success);color:var(--fc-success)}.fc-study-btn.know:hover{background:color-mix(in srgb,var(--fc-success) 10%,var(--fc-bg-secondary))}.fc-study-btn.dont-know{border-color:var(--fc-danger);color:var(--fc-danger)}.fc-study-btn.dont-know:hover{background:color-mix(in srgb,var(--fc-danger) 10%,var(--fc-bg-secondary))}.fc-nav-buttons{display:flex;gap:16px;justify-content:center;margin-top:16px}.fc-nav-btn{background:var(--fc-bg-secondary);border:1px solid var(--fc-border-default);color:var(--fc-text-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.fc-nav-btn:hover:not(:disabled){background:var(--fc-bg-elevated);border-color:var(--fc-accent);transform:translateY(-2px)}.fc-nav-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.fc-flashcard-container{height:320px;max-width:100%}.fc-card-text{font-size:15px;max-height:200px}.fc-card-question{font-size:18px;max-height:80px}.fc-card-answer{font-size:15px;max-height:180px}.fc-preview-card-container{gap:12px;max-width:100%;padding:0 8px}.fc-arrow-btn{font-size:24px;height:40px;width:40px}.fc-arrow-left{margin-right:4px}.fc-arrow-right{margin-left:4px}}.fc-section-header-text{padding:40px 0 32px;text-align:center;width:100%}.fc-section-header-text h2{color:var(--accent);font-family:Inter,sans-serif;font-size:18px;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.fc-section-header-text p{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:11px;letter-spacing:.5px;margin:0}[data-theme-mode=dark] .fc-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .fc-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.fc-mode-selector-3{grid-template-columns:repeat(3,1fr)!important}@media (max-width:768px){.fc-mode-selector-3{grid-template-columns:1fr!important}}.fc-custom-cards-container{margin-bottom:24px}.fc-custom-cards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fc-custom-cards-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.fc-custom-card-item{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px!important;display:flex;gap:12px;padding:16px;transition:all .2s}.fc-custom-card-item:hover{border-color:var(--fc-accent)}.fc-custom-card-item.fc-card-deleted{background:#ef44441a;border-color:var(--fc-danger);opacity:.5}.fc-custom-card-item.fc-card-new{background:#22c55e0d;border-color:var(--fc-success)}.fc-custom-card-number{align-items:center;background:var(--fc-accent-glow);border-radius:50%!important;color:var(--fc-accent);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.fc-custom-card-fields{display:flex;flex:1 1;flex-direction:column;gap:8px}.fc-custom-card-fields .fc-input{font-size:13px;padding:10px 14px}.fc-custom-card-remove{align-items:center;background:#0000;border:1px solid var(--fc-border-subtle);border-radius:8px!important;color:var(--fc-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.fc-custom-card-remove:hover{background:#ef44441a;border-color:var(--fc-danger);color:var(--fc-danger)}.fc-custom-card-remove.fc-restore:hover{background:#22c55e1a;border-color:var(--fc-success);color:var(--fc-success)}.fc-custom-card-remove:disabled{cursor:not-allowed;opacity:.3}.fc-custom-card-remove svg{height:16px;width:16px}.fc-edit-actions{display:flex;gap:12px;margin-top:24px}.fc-edit-actions .fc-btn-secondary{flex:1 1}.fc-edit-actions .fc-generate-btn{flex:2 1;margin-top:0}.fc-action-btn-new.fc-action-edit{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);color:var(--fc-accent)}.fc-action-btn-new.fc-action-edit:hover{background:var(--fc-accent);border-color:var(--fc-accent);color:var(--bg-primary)}[data-theme-mode=light] .fc-action-btn-new.fc-action-edit:hover{color:#fff}.fc-public-search-bar{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:800px}.fc-empty .fc-public-search-bar{margin-bottom:0;margin-top:0;width:100%}.fc-public-search-bar .fc-search-large{width:100%}.fc-search-large{flex:1 1;height:48px;min-width:300px}.fc-search-large input{font-size:14px!important;height:100%;text-transform:none!important}.fc-public-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:4px!important;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.fc-public-card .fc-set-thumbnail{position:relative}.fc-public-card .fc-set-actions-new{grid-template-columns:repeat(2,1fr)}.fc-action-btn-new.fc-action-copy{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));border:none;color:var(--fc-bg-primary)}[data-theme-mode=light] .fc-action-btn-new.fc-action-copy{color:#fff}.fc-action-btn-new.fc-action-copy:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--fc-accent) 40%,#0000);transform:translateY(-2px)}.fc-section-header-text{margin-bottom:24px}.fc-section-header-text h2{color:var(--fc-accent);font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.fc-section-header-text p{color:var(--fc-text-muted);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.fc-btn-small{font-size:10px!important;height:32px!important;padding:0 12px!important}.fc-visibility-btn,.fc-visibility-toggle{display:flex;gap:8px}.fc-visibility-btn{align-items:center;background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px!important;color:var(--fc-text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;justify-content:center;padding:12px 16px;transition:all .2s}.fc-visibility-btn.active,.fc-visibility-btn:hover{border-color:var(--fc-accent)}.fc-visibility-btn.active{background:var(--fc-accent-glow);color:var(--fc-accent)}.fc-visibility-hint{color:var(--fc-text-muted);font-size:12px;margin-top:8px}.fc-nav-badge{background:var(--fc-danger);border-radius:10px!important;color:#fff;font-size:10px;font-weight:700;margin-left:auto;padding:2px 6px}.fc-set-actions-new{grid-gap:8px;border-top:1px solid var(--fc-border-subtle);display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:12px}.fc-action-btn-new{align-items:center;border:none;border-radius:8px!important;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;padding:10px 8px;text-transform:uppercase;transition:all .2s}.fc-action-btn-new svg{height:14px;width:14px}.fc-action-btn-new.fc-action-preview{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);color:var(--fc-text-primary)}.fc-action-btn-new.fc-action-preview:hover{background:var(--fc-bg-elevated);border-color:var(--fc-accent)}.fc-action-btn-new.fc-action-study{background:linear-gradient(135deg,var(--fc-accent),var(--fc-accent-dark));color:var(--fc-bg-primary)}[data-theme-mode=light] .fc-action-btn-new.fc-action-study{color:#fff}.fc-action-btn-new.fc-action-study:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--fc-accent) 40%,#0000);transform:translateY(-2px)}@media (max-width:400px){.fc-set-actions-new{grid-template-columns:1fr}.fc-action-btn-new span{display:none}}.fc-edit-mode{background:var(--fc-bg-primary)}.fc-edit-title-input{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--fc-text-primary);font-size:20px;font-weight:700;max-width:400px;outline:none;padding:4px 8px;transition:all .2s}.fc-edit-title-input:focus,.fc-edit-title-input:hover{background:var(--fc-bg-tertiary);border-bottom-color:var(--fc-accent);border-radius:4px 4px 0 0!important}.fc-create-header{background:#0000!important;border-bottom:none!important}.fc-create-header .fc-study-title{flex:1 1;justify-content:center}.fc-exit-styled{align-items:center;background:#0000!important;border:none!important;color:var(--fc-text-secondary);display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;letter-spacing:2px;margin-left:auto;padding:8px 0;text-transform:uppercase}.fc-exit-styled svg{height:16px;width:16px}.fc-exit-styled:hover{color:var(--fc-text-primary)}.fc-create-title-area{display:flex;flex:1 1;justify-content:center}.fc-create-title-input{background:#0000!important;border:none!important;color:color-mix(in srgb,var(--fc-accent) 70%,var(--fc-text-primary));font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;max-width:400px;text-align:center;text-transform:uppercase}.fc-create-title-input::placeholder{color:var(--fc-text-muted);text-transform:uppercase}.fc-create-title-input:focus,.fc-create-title-input:hover{background:#0000!important;border:none!important}.fc-header-actions{align-items:center;display:flex;gap:8px}.fc-header-left{justify-content:flex-start}.fc-header-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;height:32px!important;justify-content:center;letter-spacing:.8px;padding:0 14px!important;text-transform:uppercase;transition:all .2s}.fc-done-btn{background:var(--fc-accent)!important;border:none!important;color:#000!important}.fc-done-btn:hover:not(:disabled){background:var(--fc-accent-hover)!important}.fc-save-btn-small{background:var(--fc-bg-tertiary)!important;border:1px solid var(--fc-border-subtle)!important;color:var(--fc-text-primary)!important}.fc-save-btn-small:hover:not(:disabled){background:var(--fc-bg-secondary)!important;border-color:var(--fc-accent)!important}.fc-autosave-btn{background:#0000!important;border:1px solid var(--fc-border-subtle)!important;color:var(--fc-text-muted)!important}.fc-autosave-btn:hover:not(:disabled){border-color:var(--fc-accent)!important;color:var(--fc-accent)!important}.fc-header-btn:disabled{cursor:not-allowed;opacity:.5}.fc-save-btn{font-family:Inter,sans-serif;font-size:13px;font-weight:600;height:40px!important;letter-spacing:1px;padding:0 20px!important;text-transform:uppercase}.fc-edit-content{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:40px 20px}.fc-edit-card-container{align-items:center;display:flex;gap:24px;max-width:800px;width:100%}.fc-edit-card{background:var(--fc-bg-card);border:1px solid var(--fc-border-subtle);border-radius:16px!important;display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:400px;padding:24px}.fc-edit-card-header{align-items:center;border-bottom:1px solid var(--fc-border-subtle);display:flex;justify-content:space-between;padding-bottom:16px}.fc-edit-card-number{color:var(--fc-accent);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.fc-edit-card-actions{align-items:center;display:flex;gap:12px}.fc-edit-badge{border-radius:4px!important;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.fc-badge-new{background:#22c55e26;color:var(--fc-success)}.fc-badge-edited{background:#d7b38c26;color:var(--fc-accent);cursor:help}[data-theme-mode=light] .fc-badge-edited{background:#d7b38c40;color:#8b6f47}.fc-edit-delete-btn{align-items:center;background:#0000;border:1px solid var(--fc-border-subtle);border-radius:8px!important;color:var(--fc-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.fc-edit-delete-btn:hover{background:#ef44441a;border-color:var(--fc-danger);color:var(--fc-danger)}.fc-edit-delete-btn svg{height:16px;width:16px}.fc-edit-field{display:flex;flex:1 1;flex-direction:column;gap:8px}.fc-edit-label{color:var(--fc-accent);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.fc-edit-textarea{background:var(--fc-bg-tertiary);border:1px solid var(--fc-border-subtle);border-radius:8px!important;color:var(--fc-text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;min-height:100px;outline:none;padding:16px;resize:none;transition:border-color .2s}.fc-edit-textarea:focus{border-color:var(--fc-accent)}.fc-edit-textarea::placeholder{color:var(--fc-text-muted)}.fc-edit-bottom-actions{display:flex;gap:12px;justify-content:center}.fc-add-card-btn{height:auto!important;padding:12px 24px!important}.fc-edit-card-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:600px}.fc-edit-dot{background:var(--fc-bg-tertiary);border:2px solid var(--fc-border-subtle);border-radius:50%!important;cursor:pointer;height:12px;padding:0;transition:all .2s;width:12px}.fc-edit-dot:hover{border-color:var(--fc-accent);transform:scale(1.2)}.fc-edit-dot.active{background:var(--fc-accent);border-color:var(--fc-accent)}@media (max-width:768px){.fc-edit-card-container{flex-direction:column}.fc-edit-card-container .fc-arrow-btn{display:none}.fc-edit-card{width:100%}.fc-edit-title-input{font-size:16px;max-width:200px}}.fc-loading-more{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;opacity:.8;padding:30px 20px}.fc-loading-more p{color:var(--fc-text-muted);font-size:13px;font-weight:500}.fc-spinner-small{align-items:center;display:flex;gap:6px;justify-content:center}.fc-spinner-small span{animation:fc-bounce 1.4s ease-in-out infinite both;background:var(--fc-accent);border-radius:50%;height:8px;width:8px}.fc-spinner-small span:first-child{animation-delay:-.32s}.fc-spinner-small span:nth-child(2){animation-delay:-.16s}.fc-spinner-small span:nth-child(3){animation-delay:0s}.fc-end-of-list{align-items:center;display:flex;justify-content:center;margin-top:20px;padding:40px 20px}.fc-end-of-list p{color:var(--fc-text-muted);font-size:13px;font-weight:500;opacity:.6;text-align:center}.fc-load-more-sentinel{height:20px;margin:20px 0;pointer-events:none;visibility:hidden}@keyframes fc-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fc-set-card-new{animation:fc-fade-in-up .4s ease-out}.fc-grid .fc-set-card-new:nth-child(n+1){animation-delay:0s}.fc-grid .fc-set-card-new:nth-child(n+2){animation-delay:.05s}.fc-grid .fc-set-card-new:nth-child(n+3){animation-delay:.1s}.fc-grid .fc-set-card-new:nth-child(n+4){animation-delay:.15s}.fc-main{will-change:scroll-position}.fc-grid{will-change:contents}@media (prefers-reduced-motion:reduce){.fc-set-card-new,.fc-spinner span,.fc-spinner-small span{animation:none}}.flashcards-page .iem-overlay *,.flashcards-page .iem-overlay :after,.flashcards-page .iem-overlay :before{border-radius:0!important}.flashcards-page .iem-overlay{--iem-bg-primary:var(--fc-bg-primary);--iem-bg-secondary:var(--fc-bg-secondary);--iem-bg-tertiary:var(--fc-bg-tertiary);--iem-border:var(--fc-border-subtle);--iem-text-primary:var(--fc-text-primary);--iem-text-secondary:var(--fc-text-secondary);--iem-accent:var(--fc-accent);align-items:center;animation:fc-iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.flashcards-page .iem-modal{animation:fc-iem-slideUp .3s ease;background:var(--iem-bg-secondary);border:2px solid var(--iem-border);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.flashcards-page .iem-header{align-items:center;background:var(--iem-bg-secondary);border-bottom:2px solid var(--iem-border);display:flex;justify-content:space-between;padding:24px}.flashcards-page .iem-header-content{align-items:center;display:flex;gap:16px}.flashcards-page .iem-header-icon{color:var(--iem-accent)}.flashcards-page .iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.flashcards-page .iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.flashcards-page .iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.flashcards-page .iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.flashcards-page .iem-body{flex:1 1;overflow-y:auto;padding:24px}.flashcards-page .iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.flashcards-page .iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.flashcards-page .iem-select-all-btn{background:#0000;border:2px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.flashcards-page .iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.flashcards-page .iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.flashcards-page .iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.flashcards-page .iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.flashcards-page .iem-item-card:hover{background:var(--iem-bg-secondary);border-color:var(--iem-accent)}.flashcards-page .iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.flashcards-page .iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.flashcards-page .iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.flashcards-page .iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.flashcards-page .iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.flashcards-page .iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.flashcards-page .iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.flashcards-page .iem-conversion-card:hover{border-color:var(--iem-accent);transform:translateY(-2px)}.flashcards-page .iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.flashcards-page .iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.flashcards-page .iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.flashcards-page .iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.flashcards-page .iem-settings{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin-bottom:20px;padding:20px}.flashcards-page .iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.flashcards-page .iem-setting-group{margin-bottom:16px}.flashcards-page .iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.flashcards-page .iem-input,.flashcards-page .iem-select{background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.flashcards-page .iem-input:focus,.flashcards-page .iem-select:focus{border-color:var(--iem-accent)}.flashcards-page .iem-result{padding:40px 20px;text-align:center}.flashcards-page .iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.flashcards-page .iem-result-icon.success{background:color-mix(in srgb,#22c55e 15%,#0000);color:#22c55e}.flashcards-page .iem-result-icon.error{background:color-mix(in srgb,#ef4444 15%,#0000);color:#ef4444}.flashcards-page .iem-result-details{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.flashcards-page .iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.flashcards-page .iem-result-details strong{color:var(--iem-text-primary)}.flashcards-page .iem-empty,.flashcards-page .iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.flashcards-page .iem-spinner{animation:fc-iem-spin 1s linear infinite;margin-bottom:16px}.flashcards-page .iem-empty svg{margin-bottom:16px;opacity:.3}.flashcards-page .iem-actions{border-top:2px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.flashcards-page .iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.flashcards-page .iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.flashcards-page .iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-2px)}.flashcards-page .iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.flashcards-page .iem-btn-secondary{background:#0000;border:2px solid var(--iem-border);color:var(--iem-text-secondary)}.flashcards-page .iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes fc-iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fc-iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fc-iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flashcards-page .iem-body::-webkit-scrollbar,.flashcards-page .iem-items-list::-webkit-scrollbar{width:8px}.flashcards-page .iem-body::-webkit-scrollbar-track,.flashcards-page .iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.flashcards-page .iem-body::-webkit-scrollbar-thumb,.flashcards-page .iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.flashcards-page .iem-body::-webkit-scrollbar-thumb:hover,.flashcards-page .iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--bg:var(--bg-secondary)}.notes-redesign{--nr-bg-primary:var(--bg-primary);--nr-bg-secondary:var(--bg-secondary);--nr-bg-tertiary:var(--hover-bg);--nr-bg-card:var(--panel);--nr-bg-elevated:var(--hover-bg);--nr-border-subtle:var(--border);--nr-border-default:var(--border);--nr-text-primary:var(--text-primary);--nr-text-secondary:var(--text-secondary);--nr-text-muted:var(--text-secondary);--nr-accent:var(--accent);--nr-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--nr-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--nr-success:#22c55e;--nr-warning:#f59e0b;--nr-danger:#ef4444;--nr-sidebar-width:260px;--nr-sidebar-collapsed:70px;--nr-header-height:70px;--nr-shadow-sm:0 1px 2px 0 #0000004d;--nr-shadow-md:0 4px 6px -1px #0006;--nr-shadow-lg:0 10px 15px -3px #00000080;--editor-bg:#fff;--editor-text:var(--bg-primary);--editor-placeholder:#666;--scrollbar-track:#ffffff0d;--scrollbar-thumb:#0000004d;--scrollbar-thumb-hover:var(--accent);--selection-bg:#d7b38c4d;background:var(--bg-primary)!important;bottom:0!important;color:var(--nr-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.notes-redesign *{box-sizing:border-box;margin:0;padding:0}.nr-body{display:flex;flex:1 1;overflow:hidden}.tools-sidepanel{background:var(--bg-secondary);border-right:1px solid var(--nr-border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:auto;padding-top:16px;transition:width .3s ease;width:var(--nr-sidebar-width)}[data-theme-mode=dark] .tools-sidepanel{background:var(--bg-secondary)!important;color:color-mix(in srgb,#d7b38c 60%,#fff)!important;color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=dark] .tool-section-label{color:#d7b38c!important;color:var(--accent)!important}[data-theme-mode=dark] .tool-panel-btn span{color:color-mix(in srgb,#d7b38c 60%,#fff)!important;color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=light] .tools-sidepanel{background:var(--bg-secondary)!important;color:color-mix(in srgb,#d7b38c 80%,#000)!important;color:color-mix(in srgb,var(--accent) 80%,#000)!important}[data-theme-mode=light] .tool-section-label{color:#d7b38c!important;color:var(--accent)!important}[data-theme-mode=light] .tool-panel-btn span{color:color-mix(in srgb,#d7b38c 80%,#000)!important;color:color-mix(in srgb,var(--accent) 80%,#000)!important}.tools-sidepanel.closed{border-right:none!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:0!important}.nr-show-sidebar-btn{align-items:center!important;background:var(--nr-bg-secondary)!important;border:1px solid var(--nr-border-subtle)!important;color:var(--nr-accent)!important;cursor:pointer!important;display:flex!important;height:44px!important;justify-content:center!important;left:16px!important;position:fixed!important;top:80px!important;transition:all .2s!important;width:44px!important;z-index:100!important}.nr-show-sidebar-btn:hover{background:var(--nr-accent)!important;color:var(--nr-bg-primary)!important}.tools-panel-header{align-items:center;border-bottom:1px solid var(--nr-border-subtle);display:flex;justify-content:space-between;padding:20px}.tools-panel-header h3{color:#d7b38c;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.tools-sidepanel.closed .tools-panel-header h3{display:none}.close-panel-btn{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:6px;color:var(--nr-text-muted);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.close-panel-btn:hover{background:var(--nr-bg-elevated);color:var(--nr-accent)}.tools-panel-content{flex:1 1;overflow-y:auto;padding:16px 12px}.tool-section,.tools-panel-content{display:flex;flex-direction:column;gap:4px}.tool-section{margin-bottom:16px}.tool-section-label{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--nr-accent),var(--nr-accent-dark));-webkit-background-clip:text;background-clip:text;color:#d7b38c;color:var(--accent);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:2px;margin-bottom:4px;margin-top:8px;padding:12px 16px 8px;text-transform:uppercase}.tool-buttons-group{display:flex;flex-direction:column;gap:2px}.tool-panel-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--nr-text-secondary);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .2s;width:100%}.tool-panel-btn span{flex:1 1;font-size:11px;font-weight:600;letter-spacing:2px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tool-panel-btn:before{background:linear-gradient(90deg,var(--nr-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.tool-panel-btn:hover:before{opacity:1}.tool-panel-btn.active:before{background:linear-gradient(90deg,var(--nr-accent-glow),#0000);opacity:1}.tool-panel-btn:hover{background:var(--nr-bg-tertiary);color:var(--nr-text-primary)}.tool-panel-btn.active{background:var(--nr-accent-glow);color:var(--nr-accent)}.tool-panel-btn svg{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.tools-sidepanel.closed .tool-panel-btn span{display:none}.tools-sidepanel.closed .tool-panel-btn{justify-content:center;padding:12px}.notes-redesign .tool-panel-btn.convert-btn{background:var(--nr-accent);color:var(--nr-bg-primary)}.notes-redesign .tool-panel-btn.convert-btn:hover{background:color-mix(in srgb,var(--nr-accent) 85%,#fff);color:var(--nr-bg-primary)}.note-stats{background:var(--nr-bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:8px 12px;padding:12px 16px}.stat-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.stat-label{color:var(--nr-text-muted);font-weight:500}.stat-value{color:var(--nr-accent)}.editor-area-new{background:var(--nr-bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.top-nav-new{align-items:center;background:var(--bg-primary);border-bottom:1px solid color-mix(in srgb,#d7b38c 15%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:var(--nr-header-height);justify-content:space-between;min-height:var(--nr-header-height);padding:20px 40px;width:100%;z-index:100}.top-nav-new.hidden{display:none}.nav-left{align-items:center!important;display:flex!important;flex-direction:row!important;gap:16px}.toggle-sidebar{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:6px;color:var(--nr-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.toggle-sidebar:hover{background:var(--nr-bg-elevated);color:var(--nr-accent)}.nav-title{align-items:center;display:flex;gap:16px;position:relative}.nav-title,.nr-header-title{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.nr-header-title{color:#d7b38c;color:var(--accent);font-size:24px;font-weight:800;letter-spacing:-1px;margin:0}.nr-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,#d7b38c 50%,#0000);text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.nr-header-divider{background:color-mix(in srgb,#d7b38c 30%,#0000);background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.nr-header-subtitle{color:color-mix(in srgb,#d7b38c 70%,var(--nr-text-primary));color:color-mix(in srgb,var(--accent) 70%,var(--nr-text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}[data-theme-mode=dark] .nr-header-title,[data-theme-mode=light] .nr-header-title{color:#d7b38c!important;color:var(--accent)!important}[data-theme-mode=dark] .nr-header-subtitle,[data-theme-mode=light] .nr-header-subtitle{color:color-mix(in srgb,#d7b38c 70%,var(--nr-text-primary))!important;color:color-mix(in srgb,var(--accent) 70%,var(--nr-text-primary))!important}.nav-title:after{background:var(--nr-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.nav-title:hover:after{width:100%}.nav-title:hover{transform:translateY(-1px)}.nav-title:hover span:first-child{color:color-mix(in srgb,var(--nr-accent) 80%,#fff)}.nav-title span:first-child{color:var(--nr-accent);font-size:20px;font-weight:700;transition:color .2s ease}[data-theme-mode=dark] .nav-title span:first-child{color:var(--nr-accent)!important}.nav-title span:nth-child(2){color:var(--nr-text-secondary);font-size:20px;font-weight:700}.shared-badge{background:var(--nr-accent-glow);border:1px solid var(--nr-accent);border-radius:4px;color:var(--nr-accent);font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.nav-center{display:flex;flex:1 1;justify-content:center}.shared-note-info{color:var(--nr-text-muted);font-size:13px}.nav-actions-new{align-items:center;display:flex;gap:12px}.nav-btn,.theme-toggle{align-items:center;background:#0000;border:none;color:var(--nr-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;opacity:.7;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-btn:hover,.theme-toggle:hover{color:#d7b38c;color:var(--accent);opacity:1}.nav-btn svg{height:14px!important;width:14px!important}.nr-nav-btn-ghost{align-items:center;background:#0000;border:none;color:var(--nr-text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;opacity:.7;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.nr-nav-btn-ghost:hover{color:#d7b38c;color:var(--accent);opacity:1}.nr-nav-btn-ghost svg{stroke:currentColor!important;fill:none!important;height:14px!important;width:14px!important}.logout-btn-new{align-items:center;background:linear-gradient(135deg,var(--nr-accent),var(--nr-accent-dark));border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s}[data-theme-mode=dark] .logout-btn-new{color:#000!important}[data-theme-mode=light] .logout-btn-new{color:#fff!important}.logout-btn-new:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.editor-with-sidepanel{background:#fff!important;display:flex;flex:1 1;height:100%;overflow:hidden;width:100%}.editor-with-sidepanel:has(.editor-content.dark-mode){background:#1a1a1a!important}[data-theme-mode=dark] .editor-with-sidepanel:has(.editor-content:not(.dark-mode)){background:#fff!important}.editor-content{color:var(--bg-primary)!important;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px 32px}.editor-content,.editor-content:not(.dark-mode){background:#fff!important}.title-section{border-bottom:1px solid var(--nr-border-subtle);margin-bottom:20px;padding:0 0 20px}.title-section.collapsed{display:none}.editor-content.sidebar-closed .title-section{padding-left:70px!important}.title-section-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.title-section-content{flex:1 1;min-width:0}.title-input-new{background:#0000;border:none;color:var(--nr-text-primary);font-family:Inter,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px;outline:none;width:100%}.title-input-new::placeholder{color:var(--nr-text-muted)}.title-meta{color:var(--nr-text-muted);font-size:13px;gap:12px}.title-actions,.title-meta{align-items:center;display:flex}.title-actions{gap:8px}.title-action-btn,.title-collapse-btn{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:6px;color:var(--nr-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.title-action-btn:hover,.title-collapse-btn:hover{background:var(--nr-bg-elevated);color:var(--nr-accent)}.floating-expand-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:10px;transform:translateX(-50%);transition:all .2s;width:40px;z-index:1000}.floating-expand-btn.light{background:var(--bg-primary);box-shadow:0 4px 12px #00000040;color:#fff}.floating-expand-btn.light:hover{background:#222;box-shadow:0 6px 16px #00000059;transform:translateX(-50%) scale(1.05)}.floating-expand-btn.dark{background:#fff;box-shadow:0 4px 12px #fff3;color:var(--bg-primary)}.floating-expand-btn.dark:hover{background:#f0f0f0;box-shadow:0 6px 16px #ffffff4d;transform:translateX(-50%) scale(1.05)}.formatting-toolbar-wrapper{background:#fff;border-bottom:1px solid #0000001a;margin-bottom:20px;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.editor-content.dark-mode .formatting-toolbar-wrapper{background:#1a1a1a;border-color:#ffffff1a}.formatting-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.format-btn{align-items:center;background:#fff;border:1px solid #00000026;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.format-btn:hover{background:#0000000d;color:var(--bg-primary)}.format-select{border:1px solid #00000026;border-radius:6px;cursor:pointer;font-size:13px;height:32px;padding:6px 12px}.format-select,.format-select option{background:#fff;color:var(--bg-primary)}.editor-content.dark-mode .format-btn{background:#2a2a2a;border-color:#ffffff26;color:#fff9}.editor-content.dark-mode .format-btn:hover{background:#ffffff1a;color:#fff}.editor-content.dark-mode .format-select{background:#2a2a2a;border-color:#ffffff26;color:#fff}.editor-content.dark-mode .format-select option{background:#2a2a2a;color:#fff}.format-color{background:#0000;border:1px solid var(--nr-border-subtle);border-radius:6px;cursor:pointer;height:32px;padding:2px;width:32px}.toolbar-divider{background:var(--nr-border-subtle);height:24px;margin:0 8px;width:1px}.block-editor-wrapper{background:#fff!important;border:1px solid #0000001a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:400px;overflow-y:auto}.block-editor-wrapper.dark-mode{background:#1a1a1a!important;border-color:#ffffff1a}.block-editor-container{background:#fff!important;border-radius:12px;color:var(--bg-primary)!important;flex:1 1;min-height:500px;overflow-y:auto;padding:24px 40px 24px 120px}.block-editor-container .block-editor{background:#fff!important;color:var(--bg-primary)!important;min-height:300px;width:100%}.block-editor-container.dark-mode .block-editor{background:#1a1a1a!important;color:#fff!important}.block-editor-container:not(.dark-mode) .block-wrapper{background:#0000!important;border-radius:6px;margin-bottom:4px;padding:8px 12px;position:relative;transition:all .2s}.block-editor-container:not(.dark-mode) .block-wrapper:hover{background:#00000005!important}.block-editor-container:not(.dark-mode) .block-wrapper:focus-within{background:#00000008!important}.block-editor-container.dark-mode .block-wrapper{background:#0000!important;border-radius:6px;margin-bottom:4px;padding:8px 12px;position:relative;transition:all .2s}.block-editor-container.dark-mode .block-wrapper:hover{background:#ffffff08!important}.block-editor-container.dark-mode .block-wrapper:focus-within{background:#ffffff0d!important}.block-editor-container:not(.dark-mode) .block-content{background:#0000!important;color:var(--bg-primary)!important;cursor:text;min-height:1.5em;outline:none}.block-editor-container:not(.dark-mode) .block-content[contenteditable=true]:empty:before{color:#666;content:attr(data-placeholder);pointer-events:none}.block-editor-container.dark-mode .block-content{background:#0000!important;caret-color:#fff!important;cursor:text;min-height:1.5em;outline:none}.block-editor-container.dark-mode .block-content[contenteditable=true]:empty:before{color:#fff6;content:attr(data-placeholder);pointer-events:none}.block-editor-container:not(.dark-mode) .block-content.block-heading1,.block-editor-container:not(.dark-mode) .block-content.block-heading2,.block-editor-container:not(.dark-mode) .block-content.block-heading3{color:var(--bg-primary)!important}.block-editor-container.dark-mode .block-content.block-heading1,.block-editor-container.dark-mode .block-content.block-heading2,.block-editor-container.dark-mode .block-content.block-heading3{color:#fff!important}.ai-floating-button{animation:fadeInUp .2s ease}.ai-assist-btn{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.ai-assist-btn.light{background:var(--bg-primary);box-shadow:0 4px 16px #00000040;color:#fff}.ai-assist-btn.light:hover{background:#222;box-shadow:0 6px 20px #00000059;transform:translateY(-2px)}.ai-assist-btn.dark{background:#fff;box-shadow:0 4px 16px #fff3;color:var(--bg-primary)}.ai-assist-btn.dark:hover{background:#f0f0f0;box-shadow:0 6px 20px #ffffff4d;transform:translateY(-2px)}.quill-container{background:var(--editor-bg);border:1px solid var(--nr-border-subtle);border-radius:12px}.quill-container,.quill-editor-enhanced{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.quill-editor-enhanced .ql-toolbar{background:var(--nr-bg-secondary)!important;border:none!important;border-bottom:1px solid var(--nr-border-subtle)!important;border-radius:12px 12px 0 0;padding:10px 12px!important}.quill-editor-enhanced .ql-toolbar .ql-picker-label,.quill-editor-enhanced .ql-toolbar button{color:var(--nr-text-muted)!important;transition:all .2s}.quill-editor-enhanced .ql-toolbar .ql-picker-label:hover,.quill-editor-enhanced .ql-toolbar button:hover{color:var(--nr-accent)!important}.quill-editor-enhanced .ql-toolbar .ql-stroke{stroke:var(--nr-text-muted)!important}.quill-editor-enhanced .ql-toolbar button:hover .ql-stroke{stroke:var(--nr-accent)!important}.quill-editor-enhanced .ql-toolbar .ql-fill{fill:var(--nr-text-muted)!important}.quill-editor-enhanced .ql-toolbar button:hover .ql-fill{fill:var(--nr-accent)!important}.quill-editor-enhanced .ql-toolbar .ql-picker-options{background:var(--nr-bg-secondary)!important;border:1px solid var(--nr-border-subtle)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026}.quill-editor-enhanced .ql-toolbar .ql-picker-item{color:var(--nr-text-primary)!important}.quill-editor-enhanced .ql-toolbar .ql-picker-item:hover{background:var(--nr-bg-tertiary)!important}.quill-editor-enhanced .ql-container{background:var(--editor-bg)!important;border:none!important;border-radius:0 0 12px 12px;flex:1 1;font-family:Inter,sans-serif!important;font-size:16px!important;line-height:1.8}.quill-editor-enhanced .ql-editor{background:var(--editor-bg);color:var(--editor-text);min-height:100%;padding:24px 32px}.quill-editor-enhanced .ql-editor.ql-blank:before{color:var(--editor-placeholder)!important;font-style:italic}.note-footer{background:var(--nr-bg-primary);border-top:1px solid var(--nr-border-subtle);flex-shrink:0;font-size:13px;justify-content:space-between;padding:12px 32px}.footer-left,.note-footer{align-items:center;display:flex}.footer-left{color:var(--nr-text-muted);gap:12px}.stat-item{font-weight:500}.stat-divider{color:var(--nr-border-subtle)}.footer-right{align-items:center;display:flex;gap:8px}.saving-indicator{color:var(--nr-warning);font-weight:500}.saved-indicator{align-items:center;color:var(--nr-success);display:flex;font-weight:500;gap:4px}.unsaved-indicator{color:var(--nr-text-muted);font-weight:500}.empty-state-new{color:var(--nr-text-muted);flex:1 1;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.empty-icon-large,.empty-state-new{align-items:center;display:flex;justify-content:center}.empty-icon-large{background:var(--nr-bg-tertiary);border-radius:16px;color:var(--nr-accent);height:70px;margin-bottom:8px;width:70px}.empty-state-new h2{color:var(--nr-text-primary);font-size:18px;font-weight:600;margin:0}.empty-state-new p{color:var(--nr-text-muted);font-size:14px;margin:0}.btn-create-empty{align-items:center;background:linear-gradient(135deg,var(--nr-accent),var(--nr-accent-dark));border:none;border-radius:10px;color:var(--nr-bg-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:8px;padding:12px 24px;transition:all .2s}.btn-create-empty:hover{box-shadow:0 6px 16px #d7b38c4d;transform:translateY(-2px)}.ai-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ai-assistant-modal,.chat-import-modal-new,.folder-modal{background:var(--nr-bg-secondary);border:1px solid var(--nr-border-subtle);border-radius:16px;box-shadow:0 20px 40px #0000004d;left:50%;max-height:85vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.ai-assistant-header,.folder-modal-header,.modal-header-new{align-items:center;border-bottom:1px solid var(--nr-border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.ai-assistant-header h3,.folder-modal-header h3,.modal-header-new h2{color:var(--nr-text-primary);font-size:18px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:6px;color:var(--nr-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:var(--nr-bg-elevated);color:var(--nr-danger)}.ai-assistant-content,.folder-modal-content,.modal-content-new{padding:24px}.ai-assistant-section{margin-bottom:20px}.ai-assistant-section label{color:var(--nr-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.ai-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.ai-action-btn{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.ai-action-btn:hover{background:var(--nr-bg-elevated)}.ai-action-btn.active{background:var(--nr-accent-glow);border-color:var(--nr-accent);color:var(--nr-accent)}.ai-text-input,.folder-name-input{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);font-family:Inter,sans-serif;font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.ai-text-input:focus,.folder-name-input:focus{border-color:var(--nr-accent)}.ai-text-input::placeholder,.folder-name-input::placeholder{color:var(--nr-text-muted)}.ai-text-input.code-mode{font-family:Monaco,Menlo,monospace;font-size:13px}.tone-selector{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);cursor:pointer;font-size:14px;padding:10px 14px;width:100%}.tone-selector option{background:var(--nr-bg-secondary);color:var(--nr-text-primary)}.voice-to-text-container{display:flex;flex-direction:column;gap:12px}.voice-record-btn{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.voice-record-btn:hover{background:var(--nr-bg-elevated)}.voice-record-btn.recording{background:#ef444426;border-color:var(--nr-danger);color:var(--nr-danger)}.recording-indicator{animation:pulse 1s infinite;background:var(--nr-danger);border-radius:50%;height:8px;width:8px}.voice-transcript-preview{background:var(--nr-bg-tertiary);border-radius:8px;padding:12px}.voice-transcript-preview label{color:var(--nr-text-muted);font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.voice-transcript-preview p{color:var(--nr-text-primary);font-size:14px;margin:0}.voice-help-text{color:var(--nr-text-muted);font-size:12px;margin:0}.ai-assistant-actions,.folder-modal-actions,.modal-footer-new{border-top:1px solid var(--nr-border-subtle);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.ai-btn-cancel,.cancel-btn-new{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.ai-btn-cancel:hover,.cancel-btn-new:hover{background:var(--nr-bg-elevated)}.ai-btn-generate,.import-btn-new{align-items:center;background:linear-gradient(135deg,var(--nr-accent),var(--nr-accent-dark));border:none;border-radius:8px;color:var(--nr-bg-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.ai-btn-generate:hover:not(:disabled),.import-btn-new:hover:not(:disabled){box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.ai-btn-generate:disabled,.import-btn-new:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:16px;width:16px}.color-picker-section{margin-top:16px}.color-picker-section label{color:var(--nr-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.color-picker-options{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:2px solid #0000;border-radius:8px;cursor:pointer;height:32px;transition:all .2s;width:32px}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--nr-text-primary);box-shadow:0 0 0 2px var(--nr-bg-primary)}.chat-import-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.import-mode-section-new{margin-bottom:24px}.import-mode-section-new h3{color:var(--nr-text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.import-mode-options-new{display:flex;flex-direction:column;gap:8px}.mode-option-new{align-items:flex-start;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.mode-option-new:hover{background:var(--nr-bg-elevated)}.mode-option-new.selected{background:var(--nr-accent-glow);border-color:var(--nr-accent)}.mode-option-new input[type=radio]{accent-color:var(--nr-accent);margin-top:2px}.mode-content-new{flex:1 1}.mode-content-new strong{color:var(--nr-text-primary);display:block;font-size:14px;margin-bottom:2px}.mode-content-new p{color:var(--nr-text-muted);font-size:12px;margin:0}.sessions-section-new{margin-bottom:16px}.sessions-header-new{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sessions-header-new h3{color:var(--nr-text-primary);font-size:14px;font-weight:600}.selection-actions-new{display:flex;gap:8px}.clear-all-btn-new,.select-all-btn-new{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:6px;color:var(--nr-text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.clear-all-btn-new:hover,.select-all-btn-new:hover{background:var(--nr-bg-elevated);color:var(--nr-text-primary)}.sessions-list-new{border:1px solid var(--nr-border-subtle);border-radius:10px;max-height:250px;overflow-y:auto}.session-item-new{align-items:center;border-bottom:1px solid var(--nr-border-subtle);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.session-item-new:last-child{border-bottom:none}.session-item-new:hover{background:var(--nr-bg-tertiary)}.session-item-new.selected{background:var(--nr-accent-glow)}.session-item-new input[type=checkbox]{accent-color:var(--nr-accent);height:18px;width:18px}.session-info-new{flex:1 1}.session-title-new{color:var(--nr-text-primary);font-size:14px;margin-bottom:2px}.session-date-new{color:var(--nr-text-muted);font-size:12px}.no-sessions-new{color:var(--nr-text-muted);padding:40px 20px;text-align:center}.ai-dropdown-new{background:var(--nr-bg-secondary);border:1px solid var(--nr-border-subtle);border-radius:12px;box-shadow:0 10px 30px #0003;padding:16px;width:350px;z-index:10000}.ai-dropdown-header{align-items:center;display:flex;font-weight:600;gap:8px}.ai-dropdown-header,.ai-prompt-input{color:var(--nr-text-primary);font-size:14px;margin-bottom:12px}.ai-prompt-input{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;outline:none;padding:10px 14px;width:100%}.ai-prompt-input:focus{border-color:var(--nr-accent)}.ai-examples{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ai-examples button{background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:6px;color:var(--nr-text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.ai-examples button:hover{background:var(--nr-bg-elevated);color:var(--nr-accent)}.ai-dropdown-actions{display:flex;gap:8px;justify-content:flex-end}.recently-viewed-modal{background:var(--nr-bg-secondary);border:1px solid var(--nr-border-subtle);border-radius:16px;box-shadow:0 20px 40px #0000004d;left:50%;max-height:70vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.exit-preview-btn{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:16px;padding:8px 16px;transition:all .2s}.exit-preview-btn:hover{background:var(--nr-bg-elevated);color:var(--nr-accent)}.notes-redesign.fullscreen-mode .tools-sidepanel,.notes-redesign.fullscreen-mode .top-nav-new{display:none}.notes-redesign.fullscreen-mode .editor-content{padding:40px}.notes-redesign.preview-mode .block-editor-container{background:var(--nr-bg-primary)}.ai-assistant-modal::-webkit-scrollbar,.chat-import-modal-new::-webkit-scrollbar,.editor-content::-webkit-scrollbar,.sessions-list-new::-webkit-scrollbar,.tools-panel-content::-webkit-scrollbar{width:6px}.ai-assistant-modal::-webkit-scrollbar-track,.chat-import-modal-new::-webkit-scrollbar-track,.editor-content::-webkit-scrollbar-track,.sessions-list-new::-webkit-scrollbar-track,.tools-panel-content::-webkit-scrollbar-track{background:#0000}.ai-assistant-modal::-webkit-scrollbar-thumb,.chat-import-modal-new::-webkit-scrollbar-thumb,.editor-content::-webkit-scrollbar-thumb,.sessions-list-new::-webkit-scrollbar-thumb,.tools-panel-content::-webkit-scrollbar-thumb{background:var(--nr-border-subtle);border-radius:3px}.ai-assistant-modal::-webkit-scrollbar-thumb:hover,.chat-import-modal-new::-webkit-scrollbar-thumb:hover,.editor-content::-webkit-scrollbar-thumb:hover,.sessions-list-new::-webkit-scrollbar-thumb:hover,.tools-panel-content::-webkit-scrollbar-thumb:hover{background:var(--nr-accent)}@media (max-width:1024px){.tools-sidepanel{width:var(--nr-sidebar-collapsed)}.tools-sidepanel .tool-panel-btn span{display:none}.tools-sidepanel .tool-panel-btn{justify-content:center;padding:12px}.tools-panel-header h3{display:none}}@media (max-width:768px){.tools-sidepanel{display:none}.top-nav-new{padding:0 16px}.nav-actions-new{flex-wrap:wrap;gap:8px}.editor-content{padding:16px}.title-input-new{font-size:22px}.block-editor-container{padding:16px}.note-footer{flex-direction:column;gap:8px;padding:12px 16px}.ai-assistant-modal,.chat-import-modal-new,.folder-modal{max-height:90vh;width:95%}}.loading-state{padding:60px 20px}.loading-spinner{border:3px solid var(--nr-border-subtle);border-top-color:var(--nr-accent);height:40px;margin-bottom:16px;width:40px}.loading-state p{color:var(--nr-text-muted);font-size:14px}.block-editor-container.dark-mode .block-content,.block-editor-container.dark-mode h1,.block-editor-container.dark-mode h2,.block-editor-container.dark-mode h3{color:#fff!important}.block-editor-container.dark-mode blockquote{border-left-color:var(--nr-accent)!important;color:#fffc!important}.block-editor-container:not(.dark-mode),.editor-content:not(.dark-mode) .block-editor-container:not(.dark-mode),[data-theme-mode=dark] .block-editor-container:not(.dark-mode),[data-theme-mode=dark] .editor-content:not(.dark-mode),[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-editor{background:#fff!important;color:var(--bg-primary)!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-wrapper{background:#0000!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-content{color:var(--bg-primary)!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .format-btn{background:#fff!important;border-color:#00000026!important;color:#666!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .format-btn:hover{background:#0000000d!important;color:var(--bg-primary)!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .format-select{background:#fff!important;border-color:#00000026!important;color:var(--bg-primary)!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .formatting-toolbar-wrapper{background:#fff!important;border-color:#0000001a!important}.editor-content:not(.dark-mode) .title-input-new,[data-theme-mode=dark] .editor-content:not(.dark-mode) .title-input-new{color:var(--bg-primary)!important}.editor-content.dark-mode .title-input-new{color:#fff!important}.editor-content:not(.dark-mode) .block-content:empty:before,.editor-content:not(.dark-mode) .block-content[data-placeholder]:empty:before,[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-content:empty:before,[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-content[data-placeholder]:empty:before{color:#999!important}.editor-content.dark-mode .block-content:empty:before,.editor-content.dark-mode .block-content[data-placeholder]:empty:before{color:#fff6!important}.editor-content:not(.dark-mode) .block-controls{background:#fffffffa!important;border-color:#0000001a!important}.editor-content:not(.dark-mode) .block-control-btn{color:#666!important}.editor-content:not(.dark-mode) .block-control-btn:hover{background:#0000000d!important;color:var(--bg-primary)!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-controls{background:#fffffffa!important;border-color:#0000001a!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-control-btn{color:#666!important}[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-control-btn:hover{background:#0000000d!important;color:var(--bg-primary)!important}.editor-content.dark-mode .block-controls{background:#282828f2!important;border-color:#ffffff1a!important}.editor-content.dark-mode .block-control-btn{color:#fff9!important}.editor-content.dark-mode .block-control-btn:hover{background:#ffffff1a!important;color:#fff!important}.editor-content:not(.dark-mode) .block-content.block-heading1,.editor-content:not(.dark-mode) .block-content.block-heading2,.editor-content:not(.dark-mode) .block-content.block-heading3,.editor-content:not(.dark-mode) h1,.editor-content:not(.dark-mode) h2,.editor-content:not(.dark-mode) h3,[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-content.block-heading1,[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-content.block-heading2,[data-theme-mode=dark] .editor-content:not(.dark-mode) .block-content.block-heading3,[data-theme-mode=dark] .editor-content:not(.dark-mode) h1,[data-theme-mode=dark] .editor-content:not(.dark-mode) h2,[data-theme-mode=dark] .editor-content:not(.dark-mode) h3{color:var(--bg-primary)!important}.editor-content.dark-mode .block-content.block-heading1,.editor-content.dark-mode .block-content.block-heading2,.editor-content.dark-mode .block-content.block-heading3,.editor-content.dark-mode h1,.editor-content.dark-mode h2,.editor-content.dark-mode h3{color:#fff!important}.block-editor-container.dark-mode,.editor-content.dark-mode{background:#1a1a1a!important;color:#fff!important}.editor-content.dark-mode .block-editor-container{background:#1a1a1a!important}.editor-content.dark-mode .block-content{color:#fff!important}[data-theme-mode=dark] .quill-editor-enhanced .ql-container{background:#1a1a1a!important}[data-theme-mode=dark] .quill-editor-enhanced .ql-editor{background:#1a1a1a!important;color:#fff!important}.quill-editor-enhanced .ql-editor p{line-height:1.8;margin:12px 0}.quill-editor-enhanced .ql-editor h1{font-size:32px;font-weight:700;margin:24px 0 16px}.quill-editor-enhanced .ql-editor h2{font-size:26px;font-weight:600;margin:20px 0 12px}.quill-editor-enhanced .ql-editor h3{font-size:22px;font-weight:600;margin:16px 0 10px}.quill-editor-enhanced .ql-editor ol,.quill-editor-enhanced .ql-editor ul{margin:12px 0;padding-left:30px}.quill-editor-enhanced .ql-editor li{line-height:1.6;margin:6px 0}.quill-editor-enhanced .ql-editor pre.ql-syntax{background:#f5f5f5;border-radius:8px;font-family:Monaco,Menlo,monospace;overflow-x:auto;padding:16px}[data-theme-mode=dark] .quill-editor-enhanced .ql-editor pre.ql-syntax{background:#2a2a2a}.quill-editor-enhanced .ql-editor blockquote{border-left:4px solid var(--nr-accent);color:var(--nr-text-secondary);font-style:italic;margin:16px 0;padding-left:16px}.quill-editor-enhanced .ql-editor a{color:var(--nr-accent);text-decoration:underline}.quill-editor-enhanced .ql-editor img{border-radius:8px;height:auto;margin:16px 0;max-width:100%}.quill-editor-enhanced .ql-editor table{border-collapse:collapse;margin:20px 0;width:100%}.quill-editor-enhanced .ql-editor table td,.quill-editor-enhanced .ql-editor table th{border:1px solid var(--nr-border-subtle);padding:12px;text-align:left}.quill-editor-enhanced .ql-editor table th{background:var(--nr-bg-tertiary);font-weight:600}.ql-snow .ql-tooltip{background:var(--nr-bg-secondary)!important;border:1px solid var(--nr-border-subtle)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026;z-index:10000!important}.ql-snow .ql-tooltip,.ql-snow .ql-tooltip input{color:var(--nr-text-primary)!important;padding:8px 12px!important}.ql-snow .ql-tooltip input{background:var(--nr-bg-tertiary)!important;border:1px solid var(--nr-border-subtle)!important;border-radius:6px!important;font-size:14px!important;outline:none!important}.ql-snow .ql-tooltip input:focus{border-color:var(--nr-accent)!important}.ql-snow .ql-tooltip a{color:var(--nr-accent)!important}.katex{font-size:1.1em!important}.katex-display{background:var(--nr-bg-tertiary)!important;border-left:3px solid var(--nr-accent)!important;border-radius:0 8px 8px 0;margin:16px 0!important;overflow-x:auto!important;padding:12px!important}.block-editor-container ::selection,.block-editor-container:not(.dark-mode) ::selection,.editable-title ::selection,.note-title-input ::selection,.quill-editor-enhanced .ql-editor ::selection,.title-input ::selection,h1.note-title ::selection,input[type=text]::selection{background:#000!important;color:#fff!important}.block-editor-container ::-moz-selection,.block-editor-container:not(.dark-mode) ::-moz-selection,.editable-title ::-moz-selection,.note-title-input ::-moz-selection,.quill-editor-enhanced .ql-editor ::-moz-selection,.title-input ::-moz-selection,h1.note-title ::-moz-selection,input[type=text]::-moz-selection{background:#000!important;color:#fff!important}.block-editor-container.dark-mode ::selection,.dark-mode .editable-title ::selection,.dark-mode .note-title-input ::selection,.dark-mode .ql-editor ::selection,.dark-mode .title-input ::selection,.dark-mode div::selection,.dark-mode h1.note-title ::selection,.dark-mode input[type=text]::selection,.dark-mode p::selection,.dark-mode span::selection{-webkit-text-fill-color:#000!important;background:#fff!important;color:#000!important;text-shadow:none!important}.block-editor-container.dark-mode ::-moz-selection,.dark-mode .editable-title ::-moz-selection,.dark-mode .note-title-input ::-moz-selection,.dark-mode .ql-editor ::-moz-selection,.dark-mode .title-input ::-moz-selection,.dark-mode div::-moz-selection,.dark-mode h1.note-title ::-moz-selection,.dark-mode input[type=text]::-moz-selection,.dark-mode p::-moz-selection,.dark-mode span::-moz-selection{-webkit-text-fill-color:#000!important;background:#fff!important;color:#000!important;text-shadow:none!important}.ai-button-icon{display:inline-block;height:16px;margin-right:6px;width:16px}.ai-button-text{font-size:13px;font-weight:600}.notes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px 0}.note-card{background:var(--nr-bg-card);border:1px solid var(--nr-border-subtle);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.note-card:hover{border-color:#d7b38c4d;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.note-card-title{color:var(--nr-text-primary);font-size:15px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-preview{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--nr-text-muted);display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:12px;overflow:hidden}.note-card-meta{color:var(--nr-text-muted);font-size:12px;justify-content:space-between}.folder-item,.note-card-meta{align-items:center;display:flex}.folder-item{background:#0000;border:none;border-radius:8px;color:var(--nr-text-secondary);cursor:pointer;gap:10px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.folder-item:hover{background:var(--nr-bg-tertiary);color:var(--nr-text-primary)}.folder-item.active{background:var(--nr-accent-glow);color:var(--nr-accent)}.folder-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.folder-name{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{background:var(--nr-bg-tertiary);border-radius:10px;color:var(--nr-text-muted);font-size:12px;padding:2px 8px}.note-list-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--nr-text-secondary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.note-list-item:hover{background:var(--nr-bg-tertiary)}.note-list-item.active{background:var(--nr-accent-glow);color:var(--nr-accent)}.note-list-icon{align-items:center;background:var(--nr-bg-tertiary);border-radius:8px;color:var(--nr-accent);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.note-list-content{flex:1 1;min-width:0}.note-list-title{color:var(--nr-text-primary);font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-list-date{color:var(--nr-text-muted);font-size:12px}.note-list-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.note-list-item:hover .note-list-actions{opacity:1}.note-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--nr-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.note-action-btn:hover{background:var(--nr-bg-elevated);color:var(--nr-text-primary)}.note-action-btn.delete:hover{color:var(--nr-danger)}.note-action-btn.favorite.active{color:var(--nr-warning)}.search-box{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;display:flex;gap:8px;margin:12px;padding:10px 14px}.search-box:focus-within{border-color:var(--nr-accent)}.search-box svg{color:var(--nr-text-muted);height:16px;width:16px}.search-box input{background:#0000;border:none;color:var(--nr-text-primary);flex:1 1;font-size:13px;outline:none}.search-box input::placeholder{color:var(--nr-text-muted)}.sidebar-footer{border-top:1px solid var(--nr-border-subtle);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:var(--nr-bg-card);border:1px solid var(--nr-border-subtle);border-radius:12px;padding:20px;text-align:center}.stat-card-icon{align-items:center;background:var(--nr-accent-glow);border-radius:12px;color:var(--nr-accent);display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.stat-card-value{color:var(--nr-text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.stat-card-label{color:var(--nr-text-muted);font-size:13px}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--nr-accent),var(--nr-accent-dark));border-radius:8px;color:var(--nr-bg-primary);display:flex;font-size:14px;gap:6px;padding:10px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.btn-secondary{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-primary);display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:var(--nr-bg-elevated)}.icon-btn{align-items:center;background:var(--nr-bg-tertiary);border:1px solid var(--nr-border-subtle);border-radius:8px;color:var(--nr-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{background:var(--nr-bg-elevated);color:var(--nr-accent)}.icon-btn svg{height:18px;width:18px}.badge{background:var(--nr-accent-glow);border:1px solid var(--nr-accent);color:var(--nr-accent);font-size:12px;font-weight:600}.badge-success{background:#22c55e26;border-color:var(--nr-success);color:var(--nr-success)}.badge-warning{background:#f59e0b26;border-color:var(--nr-warning);color:var(--nr-warning)}.badge-danger{background:#ef444426;border-color:var(--nr-danger);color:var(--nr-danger)}.dropdown-menu{background:var(--nr-bg-secondary);border:1px solid var(--nr-border-subtle);border-radius:10px;box-shadow:0 10px 30px #0003;min-width:180px;padding:6px;position:absolute;z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--nr-text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:var(--nr-bg-tertiary)}.dropdown-item.danger{color:var(--nr-danger)}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-divider{background:var(--nr-border-subtle);height:1px;margin:6px 0}[data-tooltip]:after{background:var(--nr-bg-secondary);border:1px solid var(--nr-border-subtle);border-radius:6px;bottom:100%;color:var(--nr-text-primary);content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 10px;position:absolute;transform:translateX(-50%);transition:all .2s;visibility:hidden;white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1;visibility:visible}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideUp{animation:slideUp .2s ease}.animate-slideDown{animation:slideDown .2s ease}@media print{.ai-floating-button,.formatting-toolbar-wrapper,.note-footer,.tools-sidepanel,.top-nav-new{display:none!important}.editor-content{padding:0!important}.block-editor-container{border:none!important;box-shadow:none!important}}.notes-redesign .smart-folders-panel *,.notes-redesign .smart-folders-panel :after,.notes-redesign .smart-folders-panel :before{border-radius:0!important}.notes-redesign .smart-folders-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--nr-bg-secondary);border-left:2px solid var(--nr-border-subtle);box-shadow:var(--nr-shadow-lg);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:10001}.notes-redesign .smart-folders-header{align-items:center;background:var(--nr-bg-primary);border-bottom:2px solid var(--nr-border-subtle);display:flex;justify-content:space-between;padding:16px}.notes-redesign .smart-folders-header .header-title{align-items:center;color:var(--nr-accent);display:flex;gap:8px}.notes-redesign .smart-folders-header .header-title h3{font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.notes-redesign .smart-folders-header .close-btn{align-items:center;background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);color:var(--nr-accent);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.notes-redesign .smart-folders-header .close-btn:hover{background:var(--nr-bg-elevated);border-color:var(--nr-accent);transform:scale(1.05)}.notes-redesign .smart-folders-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:16px}.notes-redesign .smart-folders-content::-webkit-scrollbar{width:6px}.notes-redesign .smart-folders-content::-webkit-scrollbar-track{background:var(--nr-bg-primary)}.notes-redesign .smart-folders-content::-webkit-scrollbar-thumb{background:var(--nr-accent);border:2px solid var(--nr-bg-primary)}.notes-redesign .smart-folders-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--nr-accent) 80%,#fff)}.notes-redesign .folders-section,.notes-redesign .templates-section{display:flex;flex-direction:column;gap:12px}.notes-redesign .section-header h4,.notes-redesign .templates-section h4{color:var(--nr-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.notes-redesign .templates-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.notes-redesign .template-card{align-items:center;background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);cursor:pointer;display:flex;justify-content:center;padding:12px 16px;text-align:center;transition:all .3s ease}.notes-redesign .template-card:hover{background:var(--nr-bg-elevated);border-color:var(--nr-accent);box-shadow:var(--nr-shadow-md);transform:translateY(-2px)}.notes-redesign .template-name{color:var(--nr-text-primary);font-size:11px;font-weight:600}.notes-redesign .section-header{align-items:center;display:flex;justify-content:space-between}.notes-redesign .create-btn{align-items:center;background:var(--nr-accent);border:1px solid var(--nr-accent);color:var(--nr-bg-primary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.notes-redesign .create-btn:hover{background:color-mix(in srgb,var(--nr-accent) 85%,#fff);box-shadow:var(--nr-shadow-md);transform:translateY(-1px)}.notes-redesign .folders-list{display:flex;flex-direction:column;gap:6px}.notes-redesign .empty-state{align-items:center;color:var(--nr-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.notes-redesign .empty-state p{font-size:13px;font-weight:600;margin:0 0 8px}.notes-redesign .empty-state .hint{font-size:11px;font-weight:400;opacity:.7}.notes-redesign .smart-folder-item{align-items:center;background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);display:flex;gap:8px;padding:4px;transition:all .3s ease}.notes-redesign .smart-folder-item:hover{border-color:var(--nr-accent);box-shadow:var(--nr-shadow-sm)}.notes-redesign .folder-button{align-items:center;background:#0000;border:none;color:var(--nr-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .3s ease}.notes-redesign .folder-button:hover{color:var(--nr-accent)}.notes-redesign .folder-name{flex:1 1}.notes-redesign .folder-count{background:var(--nr-accent);color:var(--nr-bg-primary);font-size:10px;font-weight:700;padding:2px 8px}.notes-redesign .delete-btn{align-items:center;background:#0000;border:none;color:var(--nr-danger);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.notes-redesign .delete-btn:hover{background:color-mix(in srgb,var(--nr-danger) 15%,#0000);transform:scale(1.1)}.notes-redesign .smart-folder-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}.notes-redesign .smart-folder-modal .modal-content{background:var(--nr-bg-secondary);border:2px solid var(--nr-border-subtle);box-shadow:var(--nr-shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.notes-redesign .smart-folder-modal .modal-header{align-items:center;background:var(--nr-bg-primary);border-bottom:2px solid var(--nr-border-subtle);display:flex;justify-content:space-between;padding:16px}.notes-redesign .smart-folder-modal .modal-header h3{color:var(--nr-accent);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.notes-redesign .smart-folder-modal .modal-header button{align-items:center;background:#0000;border:none;color:var(--nr-accent);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.notes-redesign .smart-folder-modal .modal-header button:hover{transform:scale(1.1)}.notes-redesign .smart-folder-modal .modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.notes-redesign .smart-folder-modal .form-group{display:flex;flex-direction:column;gap:8px}.notes-redesign .smart-folder-modal .form-group label{color:var(--nr-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.notes-redesign .smart-folder-modal .form-group input,.notes-redesign .smart-folder-modal .form-group select{background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);color:var(--nr-text-primary);font-family:inherit;font-size:12px;padding:10px 12px;transition:all .3s ease}.notes-redesign .smart-folder-modal .form-group input:focus,.notes-redesign .smart-folder-modal .form-group select:focus{border-color:var(--nr-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--nr-accent) 20%,#0000);outline:none}.notes-redesign .smart-folder-modal .rule-row{align-items:center;background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);display:flex;gap:8px;padding:8px}.notes-redesign .smart-folder-modal .rule-row input,.notes-redesign .smart-folder-modal .rule-row select{flex:1 1;min-width:0}.notes-redesign .smart-folder-modal .remove-rule-btn{align-items:center;background:#0000;border:1px solid var(--nr-border-subtle);color:var(--nr-danger);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .3s ease}.notes-redesign .smart-folder-modal .remove-rule-btn:hover:not(:disabled){background:color-mix(in srgb,var(--nr-danger) 15%,#0000);border-color:var(--nr-danger)}.notes-redesign .smart-folder-modal .remove-rule-btn:disabled{cursor:not-allowed;opacity:.3}.notes-redesign .smart-folder-modal .add-rule-btn{background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);color:var(--nr-accent);cursor:pointer;font-size:11px;font-weight:600;padding:8px 12px;text-align:center;transition:all .3s ease}.notes-redesign .smart-folder-modal .add-rule-btn:hover{background:var(--nr-bg-elevated);border-color:var(--nr-accent)}.notes-redesign .smart-folder-modal .modal-footer{background:var(--nr-bg-primary);border-top:2px solid var(--nr-border-subtle);display:flex;gap:12px;justify-content:flex-end;padding:16px}.notes-redesign .smart-folder-modal .cancel-btn{background:var(--nr-bg-primary);border:1px solid var(--nr-border-subtle);color:var(--nr-text-primary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.notes-redesign .smart-folder-modal .cancel-btn:hover{background:var(--nr-bg-elevated);border-color:var(--nr-accent)}.notes-redesign .smart-folder-modal .modal-footer .create-btn{align-items:center;background:var(--nr-accent);border:1px solid var(--nr-accent);color:var(--nr-bg-primary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.notes-redesign .smart-folder-modal .modal-footer .create-btn:hover{background:color-mix(in srgb,var(--nr-accent) 85%,#fff);box-shadow:var(--nr-shadow-md);transform:translateY(-1px)}.sbe-dropdown-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:0!important;box-shadow:0 8px 32px #0003!important;max-height:400px!important;max-width:280px!important;min-width:200px!important;opacity:1!important;overflow-y:auto!important;padding:6px!important;pointer-events:auto!important;position:fixed!important;visibility:visible!important;z-index:999999!important}.block-editor-container:not(.dark-mode) .sbe-dropdown-menu,.block-editor:not(.dark-mode) .sbe-dropdown-menu,.notes-redesign .sbe-dropdown-menu{background:#fff!important;background-color:#fff!important;border-color:#ddd!important;color:#333!important}.block-editor-container.dark-mode .sbe-dropdown-menu,.block-editor.dark-mode .sbe-dropdown-menu{background:#1a1a1a!important;background-color:#1a1a1a!important;border-color:#444!important;box-shadow:0 8px 32px #000000b3!important;color:#fff!important}.sbe-dropdown-menu button{align-items:center!important;background:#fff!important;background-color:#fff!important;border:none!important;color:#333!important;cursor:pointer!important;display:flex!important;font-size:13px!important;gap:8px!important;padding:8px 10px!important;width:100%!important}.sbe-dropdown-menu button:hover{background:#f0f0f0!important;background-color:#f0f0f0!important}.block-editor-container.dark-mode .sbe-dropdown-menu button,.block-editor.dark-mode .sbe-dropdown-menu button{background:#1a1a1a!important;background-color:#1a1a1a!important;color:#fff!important}.block-editor-container.dark-mode .sbe-dropdown-menu button:hover,.block-editor.dark-mode .sbe-dropdown-menu button:hover{background:#333!important;background-color:#333!important}.sbe-dropdown-menu::-webkit-scrollbar{width:8px!important}.sbe-dropdown-menu::-webkit-scrollbar-track{background:#f0f0f0!important}.sbe-dropdown-menu::-webkit-scrollbar-thumb{background:#333!important;border-radius:0!important}.sbe-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--bg-primary)!important}.block-editor-container.dark-mode .sbe-dropdown-menu::-webkit-scrollbar-track,.block-editor.dark-mode .sbe-dropdown-menu::-webkit-scrollbar-track{background:#2a2a2a!important}.block-editor-container.dark-mode .sbe-dropdown-menu::-webkit-scrollbar-thumb,.block-editor.dark-mode .sbe-dropdown-menu::-webkit-scrollbar-thumb{background:#ccc!important}.block-editor-container.dark-mode .sbe-dropdown-menu::-webkit-scrollbar-thumb:hover,.block-editor.dark-mode .sbe-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#fff!important}.sbe-slash-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:0!important;box-shadow:0 8px 32px #0003!important;max-height:400px!important;min-width:320px!important;opacity:1!important;overflow-y:auto!important;padding:8px!important;pointer-events:auto!important;position:fixed!important;visibility:visible!important;z-index:999999!important}.sbe-slash-menu[style*="background: rgb(26, 26, 26)"], .sbe-slash-menu[style*="background:#1a1a1a"]{background:#1a1a1a!important;background-color:#1a1a1a!important;border-color:#444!important;box-shadow:0 8px 32px #000000b3!important}.sbe-slash-menu::-webkit-scrollbar{width:8px!important}.sbe-slash-menu::-webkit-scrollbar-track{background:#f0f0f0!important}.sbe-slash-menu::-webkit-scrollbar-thumb{background:#333!important;border-radius:0!important}.sbe-slash-menu::-webkit-scrollbar-thumb:hover{background:var(--bg-primary)!important}.nr-exit-btn{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;color:#eaecef!important;color:var(--text-primary)!important;margin-right:12px}.nr-exit-btn:hover{background:#d7b38c!important;background:var(--accent)!important;border-color:#d7b38c!important;border-color:var(--accent)!important;color:var(--bg-primary)!important}.ai-suggestion-modal{animation:modalSlideIn .3s ease;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:650px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ai-suggestion-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 10%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.ai-suggestion-header h3{align-items:center;color:#eaecef;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px}.ai-suggestion-header h3 svg{color:#d7b38c;color:var(--accent)}.ai-suggestion-content{flex:1 1;overflow-y:auto;padding:24px}.ai-suggestion-section{margin-bottom:20px}.ai-suggestion-section:last-of-type{margin-bottom:0}.ai-suggestion-label{align-items:center;color:#b8c0cc;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.ai-suggestion-label .label-icon{align-items:center;border-radius:4px;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.ai-suggestion-label .label-icon.remove{background:color-mix(in srgb,#ef4444 20%,var(--bg-primary));color:#ef4444}.ai-suggestion-label .label-icon.add{background:color-mix(in srgb,#22c55e 20%,var(--bg-primary));color:#22c55e}.ai-suggestion-label .label-icon.info{background:color-mix(in srgb,#d7b38c 20%,var(--bg-primary));background:color-mix(in srgb,var(--accent) 20%,var(--bg-primary));color:#d7b38c;color:var(--accent)}.ai-suggestion-text{border-radius:10px;font-size:14px;line-height:1.8;padding:16px 20px;white-space:pre-wrap;word-break:break-word}.ai-suggestion-text.original{background:color-mix(in srgb,#ef4444 8%,var(--bg-primary));border:1px solid color-mix(in srgb,#ef4444 25%,#0000);border-left:4px solid #ef4444}.ai-suggestion-text.suggested{background:color-mix(in srgb,#22c55e 8%,var(--bg-primary));border:1px solid color-mix(in srgb,#22c55e 25%,#0000);border-left:4px solid #22c55e}.ai-suggestion-text.explanation-only{background:color-mix(in srgb,#d7b38c 8%,var(--bg-primary));background:color-mix(in srgb,var(--accent) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,#d7b38c 25%,#0000);border-left:4px solid #d7b38c;border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-left:4px solid var(--accent)}.diff-removed{background:color-mix(in srgb,#ef4444 20%,#0000);color:#fca5a5;text-decoration:line-through;-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444}.diff-added,.diff-removed{border-radius:3px;padding:2px 4px}.diff-added{background:color-mix(in srgb,#22c55e 20%,#0000);color:#86efac}.ai-suggestion-hint{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:#b8c0cc;color:var(--text-secondary);font-size:13px;margin-top:20px;padding:14px 16px;text-align:center}.ai-suggestion-hint .hint-removed{color:#ef4444;font-weight:500;text-decoration:line-through}.ai-suggestion-hint .hint-added{color:#22c55e;font-weight:500}.ai-suggestion-actions{background:var(--bg-primary);border-top:1px solid var(--border);display:flex;gap:12px;padding:20px 24px}.ai-suggestion-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.ai-suggestion-btn.reject{background:var(--bg-secondary);border:1px solid var(--border);color:#eaecef;color:var(--text-primary)}.ai-suggestion-btn.reject:hover{background:color-mix(in srgb,#ef4444 15%,var(--bg-secondary));border-color:#ef4444;color:#ef4444}.ai-suggestion-btn.apply{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;box-shadow:0 4px 12px #22c55e4d;color:#fff}.ai-suggestion-btn.apply:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.ai-suggestion-text.suggested h1,.ai-suggestion-text.suggested h2,.ai-suggestion-text.suggested h3,.ai-suggestion-text.suggested h4{color:#eaecef;color:var(--text-primary);font-weight:600;margin:16px 0 8px}.ai-suggestion-text.suggested h1:first-child,.ai-suggestion-text.suggested h2:first-child,.ai-suggestion-text.suggested h3:first-child{margin-top:0}.ai-suggestion-text.suggested h2{border-bottom:1px solid color-mix(in srgb,#22c55e 30%,#0000);font-size:18px;padding-bottom:8px}.ai-suggestion-text.suggested h3{color:color-mix(in srgb,#eaecef 90%,#22c55e);color:color-mix(in srgb,var(--text-primary) 90%,#22c55e);font-size:15px}.ai-suggestion-text.suggested p{line-height:1.7;margin:10px 0}.ai-suggestion-text.suggested ol,.ai-suggestion-text.suggested ul{margin:10px 0;padding-left:24px}.ai-suggestion-text.suggested li{line-height:1.6;margin:6px 0}.ai-suggestion-text.suggested blockquote{border-left:3px solid #d7b38c;border-left:3px solid var(--accent);color:#b8c0cc;color:var(--text-secondary);font-style:italic;margin:12px 0;padding-left:16px}.ai-suggestion-text.suggested code{background:var(--bg-primary);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;padding:2px 6px}.ai-suggestion-text.suggested pre{background:var(--bg-primary);border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px 16px}.ai-suggestion-text.suggested pre code{background:none;padding:0}.diff-added-content{background:color-mix(in srgb,#22c55e 10%,#0000);border-radius:6px;padding:4px}.ai-action-btn.explain-only{background:color-mix(in srgb,#d7b38c 15%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 15%,var(--bg-secondary));border-color:#d7b38c;border-color:var(--accent)}.ai-action-btn.explain-only:hover{background:color-mix(in srgb,#d7b38c 25%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 25%,var(--bg-secondary))}.ai-action-btn.explain-only.active{background:#d7b38c;background:var(--accent);color:var(--bg-primary)}[data-theme-mode=dark] .notes-redesign{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important}[data-theme-mode=light] .notes-redesign{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#fff)!important}[data-theme-mode=dark] .tools-sidepanel{background:linear-gradient(180deg,color-mix(in srgb,#d7b38c 15%,#000),color-mix(in srgb,#d7b38c 8%,#000))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important}[data-theme-mode=light] .tools-sidepanel{background:linear-gradient(180deg,color-mix(in srgb,#d7b38c 15%,#fff),color-mix(in srgb,#d7b38c 25%,#fff) 50%,color-mix(in srgb,#d7b38c 18%,#fff))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important}[data-theme-mode=dark] .top-nav-new{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .top-nav-new{background:linear-gradient(180deg,#fff,#fafafa)!important;box-shadow:0 2px 20px #0000000d}[data-theme-mode=dark] .editor-area-new{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important}[data-theme-mode=light] .editor-area-new{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#fff)!important}.notes-redesign:before{background-image:radial-gradient(circle at 20% 50%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 80% 80%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 40% 20%,#d7b38c05 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.editor-area-new,.nr-body,.tools-sidepanel,.top-nav-new{position:relative;z-index:1}.tools-panel-content::-webkit-scrollbar{width:8px}.tools-panel-content::-webkit-scrollbar-track{background:#0000}.tools-panel-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--nr-accent),var(--nr-accent-dark));border-radius:4px;box-shadow:0 0 10px var(--nr-accent)}.notes-redesign .tool-panel-btn.convert-btn{background:linear-gradient(135deg,var(--nr-accent),var(--nr-accent-dark));font-weight:600;margin-top:8px}[data-theme-mode=dark] .notes-redesign .tool-panel-btn.convert-btn,[data-theme-mode=dark] .notes-redesign .tool-panel-btn.convert-btn span{color:#000!important}[data-theme-mode=light] .notes-redesign .tool-panel-btn.convert-btn,[data-theme-mode=light] .notes-redesign .tool-panel-btn.convert-btn span{color:#fff!important}.notes-redesign .tool-panel-btn.convert-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--nr-accent) 40%,#0000);transform:translateY(-2px)}.notes-redesign .iem-overlay *,.notes-redesign .iem-overlay :after,.notes-redesign .iem-overlay :before{border-radius:0!important}.notes-redesign .iem-overlay{--iem-bg-primary:var(--nr-bg-primary);--iem-bg-secondary:var(--nr-bg-secondary);--iem-bg-tertiary:var(--nr-bg-tertiary);--iem-border:var(--nr-border-subtle);--iem-text-primary:var(--nr-text-primary);--iem-text-secondary:var(--nr-text-secondary);--iem-accent:var(--nr-accent);align-items:center;animation:nr-iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notes-redesign .iem-modal{animation:nr-iem-slideUp .3s ease;background:var(--iem-bg-secondary);border:2px solid var(--iem-border);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.notes-redesign .iem-header{align-items:center;background:var(--iem-bg-secondary);border-bottom:2px solid var(--iem-border);display:flex;justify-content:space-between;padding:24px}.notes-redesign .iem-header-content{align-items:center;display:flex;gap:16px}.notes-redesign .iem-header-icon{color:var(--iem-accent)}.notes-redesign .iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.notes-redesign .iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.notes-redesign .iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.notes-redesign .iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.notes-redesign .iem-body{flex:1 1;overflow-y:auto;padding:24px}.notes-redesign .iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.notes-redesign .iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.notes-redesign .iem-select-all-btn{background:#0000;border:2px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.notes-redesign .iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.notes-redesign .iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.notes-redesign .iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.notes-redesign .iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.notes-redesign .iem-item-card:hover{background:var(--iem-bg-secondary);border-color:var(--iem-accent)}.notes-redesign .iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.notes-redesign .iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.notes-redesign .iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.notes-redesign .iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.notes-redesign .iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.notes-redesign .iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.notes-redesign .iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.notes-redesign .iem-conversion-card:hover{border-color:var(--iem-accent);transform:translateY(-2px)}.notes-redesign .iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.notes-redesign .iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.notes-redesign .iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.notes-redesign .iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.notes-redesign .iem-settings{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin-bottom:20px;padding:20px}.notes-redesign .iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.notes-redesign .iem-setting-group{margin-bottom:16px}.notes-redesign .iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.notes-redesign .iem-input,.notes-redesign .iem-select{background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.notes-redesign .iem-input:focus,.notes-redesign .iem-select:focus{border-color:var(--iem-accent)}.notes-redesign .iem-result{padding:40px 20px;text-align:center}.notes-redesign .iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.notes-redesign .iem-result-icon.success{background:color-mix(in srgb,#22c55e 15%,#0000);color:#22c55e}.notes-redesign .iem-result-icon.error{background:color-mix(in srgb,#ef4444 15%,#0000);color:#ef4444}.notes-redesign .iem-result-details{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.notes-redesign .iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.notes-redesign .iem-result-details strong{color:var(--iem-text-primary)}.notes-redesign .iem-empty,.notes-redesign .iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.notes-redesign .iem-spinner{animation:nr-iem-spin 1s linear infinite;margin-bottom:16px}.notes-redesign .iem-empty svg{margin-bottom:16px;opacity:.3}.notes-redesign .iem-actions{border-top:2px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.notes-redesign .iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.notes-redesign .iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.notes-redesign .iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-2px)}.notes-redesign .iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.notes-redesign .iem-btn-secondary{background:#0000;border:2px solid var(--iem-border);color:var(--iem-text-secondary)}.notes-redesign .iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes nr-iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes nr-iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nr-iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notes-redesign .iem-body::-webkit-scrollbar,.notes-redesign .iem-items-list::-webkit-scrollbar{width:8px}.notes-redesign .iem-body::-webkit-scrollbar-track,.notes-redesign .iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.notes-redesign .iem-body::-webkit-scrollbar-thumb,.notes-redesign .iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.notes-redesign .iem-body::-webkit-scrollbar-thumb:hover,.notes-redesign .iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}.notes-redesign .smart-folders-panel{background:#1a1a1a!important;border:1px solid #333!important;border-radius:12px!important;box-shadow:0 20px 60px #0009!important;display:flex!important;flex-direction:column!important;height:auto!important;left:50%!important;max-height:80vh!important;max-width:95vw!important;position:fixed!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:400px!important;z-index:10002!important}.notes-redesign .smart-folders-panel .sf-loading{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;padding:60px 20px!important}.notes-redesign .smart-folders-panel .sf-loading p{color:#888!important;font-size:13px!important;margin:0!important}.notes-redesign .smart-folders-panel .sf-spinner{animation:sfSpin 1s linear infinite!important;color:#d7b38c!important}.notes-redesign .smart-folders-panel .sf-header{align-items:center!important;background:#222!important;border-bottom:1px solid #333!important;border-radius:12px 12px 0 0!important;display:flex!important;justify-content:space-between!important;padding:16px 20px!important}.notes-redesign .smart-folders-panel .sf-header h3{color:#eee!important;font-size:15px!important;font-weight:600!important;margin:0!important}.notes-redesign .smart-folders-panel .sf-header-actions{display:flex!important;gap:8px!important}.notes-redesign .smart-folders-panel .sf-close-btn,.notes-redesign .smart-folders-panel .sf-refresh-btn{align-items:center!important;background:#0000!important;border:1px solid #444!important;border-radius:6px!important;color:#888!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;transition:all .2s!important;width:32px!important}.notes-redesign .smart-folders-panel .sf-close-btn:hover,.notes-redesign .smart-folders-panel .sf-refresh-btn:hover{background:#333!important;border-color:#d7b38c!important;color:#d7b38c!important}.notes-redesign .smart-folders-panel .sf-content{flex:1 1!important;overflow-y:auto!important;padding:16px!important}.notes-redesign .smart-folders-panel .sf-empty{align-items:center!important;color:#666!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 20px!important}.notes-redesign .smart-folders-panel .sf-empty svg{margin-bottom:12px!important;opacity:.3!important}.notes-redesign .smart-folders-panel .sf-empty p{font-size:13px!important;margin:0!important}.notes-redesign .smart-folders-panel .sf-folders-list{display:flex!important;flex-direction:column!important;gap:6px!important}.notes-redesign .smart-folders-panel .sf-folder-item{align-items:center!important;background:#222!important;border:1px solid #333!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 14px!important;transition:all .2s!important}.notes-redesign .smart-folders-panel .sf-folder-item:hover{background:#2a2a2a!important;border-color:#d7b38c66!important}.notes-redesign .smart-folders-panel .sf-folder-item.selected{background:#d7b38c26!important;border-color:#d7b38c!important}.notes-redesign .smart-folders-panel .sf-folder-icon{align-items:center!important;color:#d7b38c!important;display:flex!important}.notes-redesign .smart-folders-panel .sf-folder-info{align-items:center!important;display:flex!important;flex:1 1!important;justify-content:space-between!important}.notes-redesign .smart-folders-panel .sf-folder-name{color:#eee!important;font-size:13px!important;font-weight:500!important}.notes-redesign .smart-folders-panel .sf-folder-count{background:#333!important;border-radius:10px!important;color:#888!important;font-size:11px!important;padding:3px 8px!important}.notes-redesign .smart-folders-panel .sf-notes-preview{border-top:1px solid #333!important;margin-top:16px!important;padding-top:16px!important}.notes-redesign .smart-folders-panel .sf-notes-preview h4{color:#d7b38c!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0 0 12px!important;text-transform:uppercase!important}.notes-redesign .smart-folders-panel .sf-notes-list{display:flex!important;flex-direction:column!important;gap:4px!important;max-height:200px!important;overflow-y:auto!important}.notes-redesign .smart-folders-panel .sf-note-item{align-items:center!important;background:#222!important;border-radius:6px!important;display:flex!important;font-size:12px!important;justify-content:space-between!important;padding:10px 12px!important}.notes-redesign .smart-folders-panel .sf-note-title{color:#ddd!important;flex:1 1!important;margin-right:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.notes-redesign .smart-folders-panel .sf-note-date{color:#666!important;flex-shrink:0!important;font-size:11px!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel{background:#fff!important;border-color:#e0e0e0!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel .sf-header{background:#f5f5f5!important;border-color:#e0e0e0!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel .sf-header h3{color:#333!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel .sf-folder-item{background:#f5f5f5!important;border-color:#e0e0e0!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel .sf-folder-name{color:#333!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel .sf-note-item{background:#f5f5f5!important}[data-theme-mode=light] .notes-redesign .smart-folders-panel .sf-note-title{color:#333!important}.notes-redesign .chat-import-modal-new,.notes-redesign .chat-import-modal-new *,.notes-redesign .chat-import-modal-new :after,.notes-redesign .chat-import-modal-new :before,.notes-redesign .chat-import-overlay{border-radius:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.notes-redesign .chat-import-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000c!important;bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9998!important}.notes-redesign .chat-import-modal-new{background:var(--bg-secondary)!important;border:2px solid var(--border)!important;box-shadow:0 25px 80px #0009!important;display:flex!important;flex-direction:column!important;left:50%!important;max-height:85vh!important;max-width:600px!important;overflow:hidden!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;z-index:9999!important}.notes-redesign .chat-import-modal-new .modal-header-new{align-items:center!important;background:var(--bg-secondary)!important;border-bottom:2px solid var(--border)!important;display:flex!important;justify-content:space-between!important;padding:20px 24px!important}.notes-redesign .chat-import-modal-new .modal-header-new h2{color:#d7b38c!important;font-size:18px!important;font-weight:700!important;letter-spacing:1px!important;margin:0!important;text-transform:uppercase!important}.notes-redesign .chat-import-modal-new .modal-close-btn{align-items:center!important;background:var(--bg-secondary)!important;border:2px solid var(--border)!important;color:#d7b38c!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;transition:all .2s!important;width:36px!important}.notes-redesign .chat-import-modal-new .modal-close-btn:hover{background:#d7b38c!important;border-color:#d7b38c!important;color:var(--bg-secondary)!important}.notes-redesign .chat-import-modal-new .modal-content-new{background:var(--bg-secondary)!important;flex:1 1!important;overflow-y:auto!important;padding:24px!important}.notes-redesign .chat-import-modal-new .import-mode-section-new{margin-bottom:28px!important}.notes-redesign .chat-import-modal-new .import-mode-section-new h3{color:#b8c0cc!important;font-size:12px!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:14px!important;text-transform:uppercase!important}.notes-redesign .chat-import-modal-new .import-mode-options-new{display:flex!important;flex-direction:column!important;gap:10px!important}.notes-redesign .chat-import-modal-new .mode-option-new{align-items:flex-start!important;background:var(--bg-secondary)!important;border:2px solid var(--border)!important;cursor:pointer!important;display:flex!important;gap:14px!important;padding:16px 18px!important;transition:all .2s!important}.notes-redesign .chat-import-modal-new .mode-option-new:hover{background:#d7b38c0d!important;border-color:#d7b38c4d!important}.notes-redesign .chat-import-modal-new .mode-option-new.selected{background:#d7b38c1a!important;border-color:#d7b38c!important}.notes-redesign .chat-import-modal-new .mode-option-new input[type=radio]{accent-color:#d7b38c!important;height:18px!important;margin-top:3px!important;width:18px!important}.notes-redesign .chat-import-modal-new .mode-content-new{flex:1 1!important}.notes-redesign .chat-import-modal-new .mode-content-new strong{color:#eaecef!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:4px!important}.notes-redesign .chat-import-modal-new .mode-content-new p{color:#b8c0cc!important;font-size:12px!important;line-height:1.4!important;margin:0!important}.notes-redesign .chat-import-modal-new .sessions-section-new{margin-bottom:20px!important}.notes-redesign .chat-import-modal-new .sessions-header-new{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:14px!important}.notes-redesign .chat-import-modal-new .sessions-header-new h3{color:#b8c0cc!important;font-size:12px!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important}.notes-redesign .chat-import-modal-new .selection-actions-new{display:flex!important;gap:10px!important}.notes-redesign .chat-import-modal-new .clear-all-btn-new,.notes-redesign .chat-import-modal-new .select-all-btn-new{background:var(--bg-secondary)!important;border:2px solid var(--border)!important;color:#b8c0cc!important;cursor:pointer!important;font-size:11px!important;font-weight:600!important;padding:8px 14px!important;text-transform:uppercase!important;transition:all .2s!important}.notes-redesign .chat-import-modal-new .clear-all-btn-new:hover,.notes-redesign .chat-import-modal-new .select-all-btn-new:hover{background:#d7b38c1a!important;border-color:#d7b38c!important;color:#eaecef!important}.notes-redesign .chat-import-modal-new .sessions-list-new{background:var(--bg-secondary)!important;border:2px solid var(--border)!important;max-height:280px!important;overflow-y:auto!important}.notes-redesign .chat-import-modal-new .sessions-list-new::-webkit-scrollbar{width:8px!important}.notes-redesign .chat-import-modal-new .sessions-list-new::-webkit-scrollbar-track{background:var(--bg-secondary)!important}.notes-redesign .chat-import-modal-new .sessions-list-new::-webkit-scrollbar-thumb{background:#d7b38c!important}.notes-redesign .chat-import-modal-new .session-item-new{align-items:center!important;border-bottom:1px solid var(--border)!important;cursor:pointer!important;display:flex!important;gap:14px!important;padding:14px 18px!important;transition:background .2s!important}.notes-redesign .chat-import-modal-new .session-item-new:last-child{border-bottom:none!important}.notes-redesign .chat-import-modal-new .session-item-new:hover{background:#d7b38c0d!important}.notes-redesign .chat-import-modal-new .session-item-new.selected{background:#d7b38c1a!important}.notes-redesign .chat-import-modal-new .session-item-new input[type=checkbox]{accent-color:#d7b38c!important;height:20px!important;width:20px!important}.notes-redesign .chat-import-modal-new .session-info-new{flex:1 1!important}.notes-redesign .chat-import-modal-new .session-title-new{color:#eaecef!important;font-size:14px!important;font-weight:600!important;margin-bottom:4px!important}.notes-redesign .chat-import-modal-new .session-date-new{color:#b8c0cc!important;font-size:12px!important}.notes-redesign .chat-import-modal-new .no-sessions-new{color:#b8c0cc!important;padding:50px 20px!important;text-align:center!important}.notes-redesign .chat-import-modal-new .no-sessions-new p{font-size:14px!important;margin:0!important}.notes-redesign .chat-import-modal-new .modal-footer-new{background:var(--bg-secondary)!important;border-top:2px solid var(--border)!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:20px 24px!important}.notes-redesign .chat-import-modal-new .cancel-btn-new{background:var(--bg-secondary)!important;border:2px solid var(--border)!important;color:#eaecef!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;padding:12px 24px!important;transition:all .2s!important}.notes-redesign .chat-import-modal-new .cancel-btn-new:hover{background:#ffffff0d!important;border-color:#d7b38c!important}.notes-redesign .chat-import-modal-new .import-btn-new{align-items:center!important;background:#d7b38c!important;border:2px solid #d7b38c!important;color:var(--bg-secondary)!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:700!important;gap:8px!important;padding:12px 24px!important;transition:all .2s!important}.notes-redesign .chat-import-modal-new .import-btn-new:hover:not(:disabled){background:#c9a67a!important;transform:translateY(-1px)!important}.notes-redesign .chat-import-modal-new .import-btn-new:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.notes-redesign .chat-import-modal-new .spinner{animation:nr-chat-spin .8s linear infinite!important;border:2px solid #0000!important;border-radius:50%!important;border-top-color:initial!important;height:16px!important;width:16px!important}@keyframes nr-chat-spin{to{transform:rotate(1turn)}}.block-editor *,.block-editor :after,.block-editor :before{border-radius:0!important}.block-editor{background:#fff!important;color:#000!important;min-height:100%;padding:20px 0;position:relative;width:100%}.block-wrapper{border-radius:4px;margin:2px 0;padding:3px 0;position:relative;transform:translateZ(0);transition:background .15s ease,transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;will-change:transform}.block-editor:not(.dark-mode) .block-wrapper,.block-wrapper{background:#0000!important}.block-wrapper:hover{background:#00000005!important;transition:background .15s ease,transform .2s ease}.block-editor.dark-mode .block-wrapper{background:#0000!important}.block-editor.dark-mode .block-wrapper:hover{background:#ffffff08!important}.block-wrapper:hover:not(.dragging){transform:translateX(2px)}.block-wrapper.focused{background:#00000008!important}.block-editor.dark-mode .block-wrapper.focused{background:#ffffff0d!important}.block-wrapper.dragging{background:#0000001a;border:2px dashed #666;border-radius:6px;box-shadow:0 4px 12px #0003;opacity:.5;position:relative;transform:scale(.98)!important;transition:all .2s ease}.block-wrapper.drop-target{background:#10b98126;border:2px solid #10b981;border-radius:4px;box-shadow:0 0 20px #10b9814d;transition:all .2s ease}.block-wrapper.drop-target .block-content-wrapper{opacity:.6}.drop-indicator{animation:magneticPulse .6s ease-in-out infinite;background:#000;border-radius:2px;box-shadow:0 0 10px #00000080,0 0 20px #0000004d;height:3px;left:0;pointer-events:none;position:absolute;right:0;z-index:100}.drop-indicator:before{left:-4px}.drop-indicator:after,.drop-indicator:before{animation:magneticDot .6s ease-in-out infinite;background:#000;border-radius:50%;box-shadow:0 0 8px #00000080;content:"";height:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.drop-indicator:after{right:-4px}@keyframes magneticPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.2)}}@keyframes magneticDot{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.3)}}.drop-indicator-above{top:-2px}.drop-indicator-below{bottom:-2px}.block-wrapper.magnetic-snap{animation:magneticSnap .4s cubic-bezier(.34,1.56,.64,1)}@keyframes magneticSnap{0%{opacity:.7;transform:scale(.95)}50%{box-shadow:0 0 20px #0000004d;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.block-wrapper.in-snap-zone{background:#0000000d!important;border-radius:6px;box-shadow:0 0 0 2px #0003;transform:scale(1.01);transition:all .15s ease}.block-wrapper.in-snap-zone .block-content-wrapper{transform:translateX(4px);transition:transform .15s ease}.block-controls{background:#fffffffa;border:1px solid #0000001a;border-radius:6px;box-shadow:0 2px 8px #0000001f;display:flex!important;gap:4px!important;left:-90px!important;opacity:0!important;padding:4px 6px;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:opacity .15s ease!important;z-index:100!important}.block-controls.visible,.block-wrapper.dragging .block-controls,.block-wrapper:focus-within .block-controls,.block-wrapper:hover .block-controls{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.block-control-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666!important;cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;transition:all .15s ease;width:26px}.block-control-btn:hover{background:#0000000d;color:#000!important}.block-control-btn.drag-handle{cursor:grab!important;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.block-control-btn.drag-handle:active{background:#0000001a;cursor:grabbing!important}.block-control-btn.drag-handle *{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor.dark-mode .block-controls{background:#282828f2;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.block-editor.dark-mode .block-control-btn{color:#ffffffb3!important}.block-editor.dark-mode .block-control-btn:hover{background:#ffffff1a}.block-content,.block-content-wrapper{position:relative}.block-content{background:#0000!important;caret-color:#000;color:#000!important;line-height:1.6;margin:0;min-height:1.6em;outline:none;padding:3px 2px;width:100%}.block-editor.dark-mode .block-content{background:#0000!important;caret-color:#fff!important;color:#fff!important}.block-content ::selection,.block-content::selection{background:#0003!important;color:inherit!important}.block-editor.dark-mode .block-content ::selection,.block-editor.dark-mode .block-content::selection,.block-wrapper.dark-mode .block-content ::selection,.block-wrapper.dark-mode .block-content::selection{-webkit-text-fill-color:#000!important;background:#fff!important;color:#000!important;text-shadow:none!important}.block-content:empty:before{color:#999;content:attr(data-placeholder);pointer-events:none;position:absolute}.block-editor.dark-mode .block-content:empty:before{color:#fff6}.block-editor .block-menu-dropdown,.block-editor:not(.dark-mode) .block-menu-dropdown,.block-menu-dropdown,div.block-menu-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;background-color:#fff!important;border:1px solid #00000026!important;border-radius:0!important;box-shadow:0 4px 20px #00000040!important;display:block!important;left:0!important;margin-top:4px!important;max-height:400px!important;max-width:280px!important;min-width:200px!important;opacity:1!important;overflow-y:auto!important;padding:6px!important;pointer-events:auto!important;position:absolute!important;top:100%!important;visibility:visible!important;z-index:10000!important}.block-menu-dropdown::-webkit-scrollbar{width:8px}.block-menu-dropdown::-webkit-scrollbar-track{background:#f0f0f0}.block-menu-dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:0}.block-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#000}.block-editor .block-menu-dropdown button,.block-menu-dropdown button,div.block-menu-dropdown button{align-items:center!important;background:#fff!important;background-color:#fff!important;border:none!important;border-radius:0!important;color:#333!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:8px!important;padding:10px 12px!important;text-align:left!important;transition:all .15s ease!important;width:100%!important}.block-editor .block-menu-dropdown button:hover:not(:disabled),.block-menu-dropdown button:hover:not(:disabled){background:#f0f0f0!important;background-color:#f0f0f0!important;color:#000!important}.block-menu-dropdown button:disabled{cursor:not-allowed!important;opacity:.5!important}.block-menu-dropdown button.active{background:#e8e8e8!important;background-color:#e8e8e8!important;color:#000!important;font-weight:600!important}.block-menu-dropdown button svg{color:inherit!important;flex-shrink:0!important}.block-menu-dropdown .menu-divider,.menu-divider{background:#e0e0e0!important;background-color:#e0e0e0!important;height:1px!important;margin:4px 0!important}.block-menu-dropdown .menu-label,.menu-label{background:#fff!important;background-color:#fff!important;color:#666!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:6px 10px 4px!important;text-transform:uppercase!important}.block-content.block-heading1{color:#000!important;font-size:32px;font-weight:700;line-height:1.3;margin:8px 0}.block-editor.dark-mode .block-content.block-heading1{color:#fff!important}.block-content.block-heading2{color:#000!important;font-size:26px;font-weight:600;line-height:1.4;margin:6px 0}.block-editor.dark-mode .block-content.block-heading2{color:#fff!important}.block-content.block-heading3{color:#000!important;font-size:20px;font-weight:600;line-height:1.4;margin:4px 0}.block-editor.dark-mode .block-content.block-heading3{color:#fff!important}.block-code-wrapper{background:#1e1e1e;border:1px solid var(--border);border-radius:4px;margin:4px 0;overflow-x:auto;padding:16px}.block-code-wrapper code{background:none;border:none;color:#d4d4d4;display:block;font-family:Monaco,Courier New,monospace;font-size:14px;padding:0;white-space:pre}.block-content.block-quote{border-left:4px solid #666;color:var(--text-secondary);font-style:italic;margin:4px 0;padding-left:16px}.block-callout-inner{align-items:flex-start;background:#0000000d;border-left:4px solid #666;border-radius:4px;display:flex;gap:12px;padding:16px}.block-callout-inner svg{color:#666;flex-shrink:0;margin-top:2px}.block-callout-inner>div{flex:1 1}.block-info{background:color-mix(in srgb,#3b82f6 10%,#0000);border-left-color:#3b82f6}.block-info svg{color:#3b82f6}.block-warning{background:color-mix(in srgb,#f59e0b 10%,#0000);border-left-color:#f59e0b}.block-warning svg{color:#f59e0b}.block-success{background:color-mix(in srgb,#10b981 10%,#0000);border-left-color:#10b981}.block-success svg{color:#10b981}.block-tip{background:color-mix(in srgb,#8b5cf6 10%,#0000);border-left-color:#8b5cf6}.block-tip svg{color:#8b5cf6}.block-bookmark-wrapper,.block-date-wrapper,.block-image-wrapper,.block-link-wrapper,.block-page-wrapper,.block-table-wrapper,.block-tag-wrapper{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:4px;display:flex;gap:12px;padding:12px}.block-image-wrapper{align-items:center;flex-direction:column;justify-content:center;min-height:120px;padding:24px}.block-bookmark-wrapper svg,.block-date-wrapper svg,.block-link-wrapper svg,.block-page-wrapper svg,.block-table-wrapper svg,.block-tag-wrapper svg{color:#666;flex-shrink:0}.block-tag-wrapper{background:#00000014;border-color:#666;border-radius:12px}.block-date-wrapper,.block-tag-wrapper{display:inline-flex;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.block-date-wrapper{border-radius:6px}.block-divider-line{border:none;border-top:2px solid var(--border);margin:16px 0;width:100%}.block-todo-inner{align-items:flex-start;display:flex;gap:12px}.block-todo-inner input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:4px;width:18px}.block-todo-inner>div{flex:1 1}.block-toggle-inner{align-items:flex-start;display:flex;gap:8px}.toggle-button{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .15s ease}.toggle-button:hover{background:var(--hover-bg);color:var(--text-primary)}.block-toggle-inner>div{flex:1 1}.slash-menu{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:10px!important;box-shadow:0 8px 30px #00000026!important;max-height:400px!important;min-width:320px!important;overflow-y:auto!important;padding:8px!important;position:absolute!important;z-index:10001!important}.block-editor.dark-mode .slash-menu{box-shadow:0 8px 30px #0006!important}.slash-menu-item{align-items:flex-start!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:10px 12px!important;transition:all .15s ease!important}.slash-menu-item.selected,.slash-menu-item:hover{background:#0000000d!important}.slash-menu-item svg{color:#666!important;flex-shrink:0!important;margin-top:2px!important}.slash-menu-item-content{flex:1 1!important}.slash-menu-item-label{color:#333!important;font-size:14px!important;font-weight:600!important;margin-bottom:2px!important}.slash-menu-item-description{color:#666!important;font-size:12px!important}.slash-menu-empty{color:#666!important;font-size:14px!important;padding:20px!important;text-align:center!important}.block-editor.dark-mode .slash-menu-empty{color:#ffffff80!important}.page-link{background:#0000000d;border-radius:3px;color:#000;cursor:pointer;padding:2px 4px;text-decoration:none;transition:all .2s}.page-link:hover{background:#0000001a;text-decoration:underline}.tag{align-items:center;background:#00000014;border:1px solid #666;border-radius:12px;color:#000;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin:0 4px;padding:2px 8px}.tag:hover{background:#0000001f;transform:translateY(-1px)}.block-file-inner{width:100%}.file-upload-zone{background:var(--hover-bg);border:2px dashed var(--border);border-radius:8px;padding:24px;text-align:center;transition:all .2s}.file-upload-zone:hover{background:#00000008;border-color:#666}.file-upload-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px}.file-upload-label:hover{color:#000}.file-attachment{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.file-attachment:hover{background:var(--hover-bg);border-color:#666}.file-icon{color:#666;flex-shrink:0}.file-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;transition:all .2s}.file-details:hover{opacity:.8}.file-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.file-details:hover .file-name{color:#000;text-decoration:underline}.file-size{color:var(--text-secondary);font-size:12px}.file-remove-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;padding:8px;transition:all .2s}.file-remove-btn:hover{background:#fee;background:var(--error-bg,#fee);border-color:#f44;border-color:var(--error,#f44);color:#f44;color:var(--error,#f44)}.style-menu{animation:slideIn .2s ease;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);max-width:400px;min-width:320px;padding:16px}.style-menu-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.style-close-btn{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s}.style-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.style-menu-section{margin-bottom:16px}.style-menu-section:last-child{margin-bottom:0}.style-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.color-btn{border:2px solid var(--border);border-radius:6px;height:40px;position:relative;transition:all .2s;width:40px}.color-btn:hover{border-color:#000}.color-btn.active{border-color:#000;border-width:3px;box-shadow:0 0 0 2px #0000001a}.color-btn.active:after{color:#000;content:"✓";font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.alignment-buttons,.spacing-buttons{display:flex;gap:8px}.align-btn,.spacing-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;padding:8px 12px;transition:all .2s}.align-btn:hover,.spacing-btn:hover{background:var(--panel);border-color:#000}.align-btn.active,.spacing-btn.active{background:#0000001a;border-color:#000;color:#000}.block-wrapper[data-indent="1"]{margin-left:32px}.block-wrapper[data-indent="2"]{margin-left:64px}.block-wrapper[data-indent="3"]{margin-left:96px}.block-wrapper[data-indent="4"]{margin-left:128px}.block-youtube-wrapper{background:var(--panel);border:2px solid var(--border);border-radius:12px;margin:16px 0;overflow:hidden}.youtube-header{align-items:center;background:#ff00000d;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:600;gap:10px;padding:14px 18px}.youtube-header svg{color:red;flex-shrink:0}.youtube-player{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.youtube-player iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.youtube-input{color:var(--text-primary)!important;cursor:text;font-size:14px;min-height:80px;outline:none;padding:20px}.youtube-input:empty:before{color:var(--text-secondary)!important;content:attr(placeholder);opacity:.6}.remove-embed-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;margin-left:auto;padding:6px 10px;transition:all .2s}.remove-embed-btn:hover{background:#fee;background:var(--danger,#fee);border-color:#f44;border-color:var(--danger,#f44);color:#f44;color:var(--danger,#f44)}.block-generic-embed-wrapper{background:var(--panel);border:2px solid var(--border);border-radius:12px;margin:16px 0;overflow:hidden}.embed-header{align-items:center;background:var(--hover-bg);border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:600;gap:10px;padding:14px 18px}.embed-header svg{color:#666;flex-shrink:0}.embed-player{height:500px;overflow:hidden;position:relative}.embed-player iframe{border:none;height:100%;width:100%}.embed-input{color:var(--text-primary)!important;cursor:text;font-size:14px;min-height:80px;outline:none;padding:20px}.embed-input:empty:before{color:var(--text-secondary)!important;content:attr(placeholder);opacity:.6}.block-mermaid-wrapper{background:var(--panel);border:2px solid var(--border);border-radius:12px;margin:16px 0;overflow:hidden}.mermaid-header{align-items:center;background:var(--hover-bg);border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:600;gap:10px;padding:14px 18px}.mermaid-header svg{color:#666;flex-shrink:0}.mermaid-actions{display:flex;gap:8px;margin-left:auto}.mermaid-toggle-btn{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.mermaid-toggle-btn:hover{background:var(--hover-bg);border-color:#000;color:#000}.mermaid-code-editor{padding:16px}.mermaid-textarea{background:#1e1e1e;border:1px solid var(--border);border-radius:8px;color:#d4d4d4;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;min-height:150px;padding:16px;resize:vertical;width:100%}.mermaid-textarea:focus{border-color:#000;outline:none}.mermaid-preview{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:200px;padding:24px}.mermaid-render{padding:20px;text-align:center;width:100%}.mermaid-diagram{display:inline-block;max-width:100%;overflow-x:auto}.mermaid-diagram svg{height:auto;max-width:100%}.mermaid-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;padding:16px;text-align:left}.mermaid-error strong{display:block;font-size:14px;margin-bottom:8px}.mermaid-empty{color:var(--text-secondary);font-size:14px}.block-wrapper:has(.block-column-container){display:inline-block!important;margin:2px 4px;vertical-align:top}.block-wrapper:has(.block-column-container[data-column-width="25%"]){width:calc(25% - 8px)}.block-wrapper:has(.block-column-container[data-column-width="33%"]),.block-wrapper:has(.block-column-container[data-column-width="33.33%"]){width:calc(33.33% - 8px)}.block-wrapper:has(.block-column-container[data-column-width="50%"]){width:calc(50% - 8px)}.block-wrapper:has(.block-column-container[data-column-width="66%"]),.block-wrapper:has(.block-column-container[data-column-width="66.66%"]){width:calc(66.66% - 8px)}.block-wrapper:has(.block-column-container[data-column-width="75%"]){width:calc(75% - 8px)}.block-wrapper:has(.block-column-container[data-column-width="100%"]){width:calc(100% - 8px)}.block-column-container{background:#0000;border:none;border-radius:0;box-sizing:border-box;min-height:120px;overflow:visible;padding:20px;position:relative;width:100%}.column-content-area{min-height:80px;position:relative}.column-add-first-block{align-items:center;background:#00000005;border:2px dashed #0003;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:16px;width:100%}.column-add-first-block:hover{background:#0000000d;border-color:#000}.column-locked-badge{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;color:#f59e0b;display:flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:12px;padding:8px 12px}.block-column-container[data-locked=true]{opacity:.8;pointer-events:none}.block-column-container[data-locked=true] .column-settings-btn{pointer-events:all}.block-column-single[data-bg-color]{border-radius:12px;padding:28px}.block-column-single[data-bg-color=blue]{background:linear-gradient(135deg,#3b82f614,#3b82f608)}.block-column-single[data-bg-color=green]{background:linear-gradient(135deg,#10b98114,#10b98108)}.block-column-single[data-bg-color=purple]{background:linear-gradient(135deg,#8b5cf614,#8b5cf608)}.block-column-single[data-bg-color=orange]{background:linear-gradient(135deg,#f9731614,#f9731608)}.block-column-single[data-bg-color=pink]{background:linear-gradient(135deg,#ec489914,#ec489908)}.block-column-single[data-bg-color=gray]{background:linear-gradient(135deg,#6b728014,#6b728008)}.block-column-single[data-bg-color=accent]{background:linear-gradient(135deg,#0000000f,#00000005)}.column-settings-btn{background:#fffffff2;border:1px solid #0003;border-radius:6px;box-shadow:0 2px 6px #0000001a;color:#666;cursor:pointer;display:none;font-size:11px;font-weight:700;padding:4px 10px;position:absolute;right:8px;top:8px;z-index:100}.block-column-container:hover .column-settings-btn{display:block}.column-settings-btn:hover{background:#000;border-color:#000;color:#fff}.block-row-container{border-bottom:2px solid #0000001a;border-top:2px solid #0000001a;margin:16px 0;padding:12px 0;width:100%}.row-label{align-items:center;color:#666;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;opacity:.6;text-transform:uppercase}.block-column-single .block-content{line-height:1.7;min-height:80px;outline:none}.block-column-single .block-content:empty:before{color:#0000004d;content:"Type / for commands...";font-style:italic}.block-column-single:after{bottom:0;content:"";cursor:col-resize;opacity:0;position:absolute;right:-4px;top:0;transition:opacity .2s ease;width:8px}.block-column-single:hover:after{background:linear-gradient(90deg,#0000,#0003,#0000);opacity:.3}.block-editor:not(.dark-mode){background:#fff!important;color:#000!important}.block-editor:not(.dark-mode) .block-wrapper,.block-wrapper:not(.dark-mode){background:#0000!important}.block-editor:not(.dark-mode) .block-wrapper:hover,.block-wrapper:not(.dark-mode):hover{background:#00000005!important}.block-editor:not(.dark-mode) .block-wrapper.focused,.block-wrapper:not(.dark-mode).focused{background:#00000008!important}.block-editor:not(.dark-mode) .block-content{background:#0000!important;caret-color:#000!important;color:#000!important}.block-editor:not(.dark-mode) .block-content:empty:before{color:#999!important}.block-editor:not(.dark-mode) .block-content.block-heading1,.block-editor:not(.dark-mode) .block-content.block-heading2,.block-editor:not(.dark-mode) .block-content.block-heading3{color:#000!important}.block-editor:not(.dark-mode) .block-control-btn{color:#666!important}.block-editor:not(.dark-mode) .block-control-btn:hover{background:#0000000d!important;color:#000!important}.block-editor:not(.dark-mode) .block-controls{background:#fffffffa!important;border-color:#0000001a!important}.block-editor:not(.dark-mode) .block-menu-dropdown{background:#fff!important;border-color:#00000026!important}.block-editor:not(.dark-mode) .block-menu-dropdown button{color:#333!important}.block-editor:not(.dark-mode) .block-menu-dropdown::-webkit-scrollbar{width:8px}.block-editor:not(.dark-mode) .block-menu-dropdown::-webkit-scrollbar-track{background:#f0f0f0}.block-editor:not(.dark-mode) .block-menu-dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:0}.block-editor:not(.dark-mode) .block-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#000}.block-editor:not(.dark-mode) .slash-menu{background:#fff!important;border-color:#0000001a!important}.block-editor:not(.dark-mode) .slash-menu-item-label{color:#333!important}.block-editor:not(.dark-mode) .slash-menu-item-description{color:#666!important}.block-editor.dark-mode{background:#1a1a1a!important;color:#fff!important}.block-editor.dark-mode .block-wrapper,.block-wrapper.dark-mode{background:#0000!important}.block-editor.dark-mode .block-wrapper:hover,.block-wrapper.dark-mode:hover{background:#ffffff08!important}.block-editor.dark-mode .block-wrapper.focused,.block-wrapper.dark-mode.focused{background:#ffffff0d!important}.block-editor.dark-mode .block-content,.block-wrapper.dark-mode .block-content{background:#0000!important;caret-color:#fff!important;color:#fff!important}.block-editor.dark-mode .block-content::placeholder,.block-wrapper.dark-mode .block-content::placeholder{color:#ffffff80!important}.block-editor.dark-mode .block-content:empty:before,.block-wrapper.dark-mode .block-content:empty:before{color:#fff6!important}.block-editor.dark-mode .block-content.block-heading1,.block-editor.dark-mode .block-content.block-heading2,.block-editor.dark-mode .block-content.block-heading3,.block-wrapper.dark-mode .block-content.block-heading1,.block-wrapper.dark-mode .block-content.block-heading2,.block-wrapper.dark-mode .block-content.block-heading3{color:#fff!important}.block-editor.dark-mode .block-control-btn{color:#fff9!important}.block-editor.dark-mode .block-control-btn:hover{background:#ffffff1a!important;color:#fff!important}.block-editor.dark-mode .block-controls{background:#282828f2!important;border-color:#ffffff1a!important}.block-editor.dark-mode .block-menu-dropdown,.block-editor.dark-mode div.block-menu-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#1a1a1a!important;background-color:#1a1a1a!important;border-color:#444!important}.block-editor.dark-mode .block-menu-dropdown button{background:#1a1a1a!important;background-color:#1a1a1a!important;color:#fff!important}.block-editor.dark-mode .block-menu-dropdown button:hover:not(:disabled){background:#333!important;background-color:#333!important}.block-editor.dark-mode .block-menu-dropdown .menu-divider{background:#444!important;background-color:#444!important}.block-editor.dark-mode .block-menu-dropdown .menu-label{background:#1a1a1a!important;background-color:#1a1a1a!important;color:#999!important}.block-editor.dark-mode .block-menu-dropdown::-webkit-scrollbar{width:8px}.block-editor.dark-mode .block-menu-dropdown::-webkit-scrollbar-track{background:#2a2a2a}.block-editor.dark-mode .block-menu-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:0}.block-editor.dark-mode .block-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#fff}.block-editor.dark-mode .slash-menu{background:#2a2a2a!important;border-color:#444!important}.block-editor.dark-mode .slash-menu-item-label{color:#fff!important}.block-editor.dark-mode .slash-menu-item-description{color:#fff9!important}.block-editor.dark-mode .block-divider-line{border-top-color:#fff3}.block-editor.dark-mode .block-callout-inner{background:#ffffff14}.block-editor.dark-mode .block-content.block-quote{color:#fffc}.block-editor.dark-mode .drop-indicator{background:#fff;box-shadow:0 0 15px #ffffff80}.block-bookmark-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.block-bookmark-wrapper:hover{background:var(--hover-bg);border-color:#000;box-shadow:var(--shadow-md);transform:translateY(-2px)}.bookmark-icon{align-items:center;background:var(--hover-bg);border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.bookmark-content{flex:1 1;min-width:0}.bookmark-title{color:var(--text-primary);font-weight:600;margin-bottom:4px;white-space:nowrap}.bookmark-description,.bookmark-title{overflow:hidden;text-overflow:ellipsis}.bookmark-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px}.bookmark-url{color:#666;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.style-menu{max-width:90vw;min-width:280px}.color-grid{grid-template-columns:repeat(4,1fr)}.block-wrapper:has(.block-column-single){display:block!important;margin:4px 0;width:100%!important}.block-column-single{width:100%!important}.block-column-single:before{opacity:1!important}.block-column-single:after{display:none}.column-width-controls{justify-content:center;margin-bottom:8px;opacity:1!important;position:static}.block-wrapper[data-indent="1"],.block-wrapper[data-indent="2"],.block-wrapper[data-indent="3"],.block-wrapper[data-indent="4"]{margin-left:16px}}.block-editor.dark-mode .block-youtube-wrapper{background:#ffffff0d;border-color:#444}.block-editor.dark-mode .youtube-header{background:#ff00001a;border-bottom-color:#444;color:#fff}.block-editor.dark-mode .youtube-input{color:#fff!important}.block-editor.dark-mode .youtube-input::placeholder,.block-editor.dark-mode .youtube-input:empty:before{color:#ffffff80!important}.block-editor.dark-mode .embed-input{color:#fff!important}.block-editor.dark-mode .embed-input::placeholder,.block-editor.dark-mode .embed-input:empty:before{color:#ffffff80!important}.block-editor.dark-mode .block-mermaid-wrapper{background:#ffffff0d;border-color:#444}.block-editor.dark-mode .mermaid-header{background:#ffffff0d;border-bottom-color:#444;color:#fff}.block-editor.dark-mode .mermaid-toggle-btn{background:#ffffff14;border-color:#444;color:#fff}.block-editor.dark-mode .mermaid-toggle-btn:hover{background:#ffffff1f;border-color:#fff}.block-editor.dark-mode .mermaid-textarea{background:#0d0d0d;border-color:#444;color:#fff!important}.block-editor.dark-mode .mermaid-textarea::placeholder{color:#ffffff80!important}.block-editor.dark-mode .mermaid-preview{background:#ffffff08}.block-editor.dark-mode .mermaid-diagram{background:#fff;border-radius:8px;padding:20px}.block-editor.dark-mode .mermaid-error{background:#ff00001a;border-color:#ff00004d;color:#ff6b6b}.block-editor.dark-mode .mermaid-empty{color:#ffffff80}.block-editor.dark-mode .block-column-single{background:#0000}.block-editor.dark-mode .block-column-single:hover{background:#ffffff0a;border-color:#fff3}.block-editor.dark-mode .block-column-single:focus-within{background:#ffffff0f;border-color:#ffffff4d}.block-editor.dark-mode .block-column-single:before{background:var(--panel);color:#fff}.block-editor.dark-mode .block-column-single .block-content{color:#fff!important}.block-editor.dark-mode .block-column-single .block-content:empty:before{color:#fff6!important}.block-editor.dark-mode [contenteditable=true]{color:#fff!important}.block-editor.dark-mode [contenteditable=true]:empty:before{color:#ffffff80!important}.block-column-single[data-bg-color]:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-1px)}.column-icon{font-size:20px;opacity:.3;pointer-events:none;position:absolute;right:8px;top:8px;transition:all .3s ease}.block-column-single:hover .column-icon{opacity:.6;transform:scale(1.1) rotate(5deg)}.column-quick-actions{bottom:8px;display:flex;gap:4px;opacity:0;position:absolute;right:8px;transition:all .3s ease}.block-column-single:hover .column-quick-actions{opacity:1}.column-quick-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00000026;border-radius:8px;box-shadow:0 2px 8px #00000014;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:28px}.column-quick-btn:hover{background:#000;box-shadow:0 4px 12px #0003;color:#fff;transform:scale(1.1)}.column-template-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000014;border:1px solid #0000001a;border-radius:6px;bottom:8px;color:#666;font-size:9px;font-weight:700;left:8px;letter-spacing:.5px;opacity:0;padding:3px 8px;position:absolute;text-transform:uppercase;transition:all .3s ease}.block-column-single:hover .column-template-badge{opacity:1}.block-column-single[data-pattern=dots]:before{background-image:radial-gradient(circle,#00000014 1px,#0000 0);background-size:20px 20px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:0}.block-column-single[data-pattern=dots]:hover:before{opacity:1}.block-column-single[data-pattern=lines]:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 0,#00000008 20px);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:0}.block-column-single[data-pattern=lines]:hover:before{opacity:1}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.block-column-single:focus-within .column-sparkle{animation:sparkle 1.5s ease-in-out infinite}.block-column-single .block-content{animation:contentFadeIn .4s ease}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.block-wrapper:has(.block-column-single)+.block-wrapper:has(.block-column-single):before{background:linear-gradient(180deg,#0000,#00000026 20%,#00000026 80%,#0000);bottom:10%;top:10%;transition:opacity .3s ease}.block-column-single .gradient-overlay{background:radial-gradient(circle at 50% 50%,#0000000d 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#0000000d 0,#0000 50%);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.block-column-single:hover .gradient-overlay{opacity:1}.block-column-single[data-column-type=main]{padding-left:32px}.block-column-single[data-column-type=sidebar]{padding-right:32px}.block-column-single[data-column-type=highlight]{position:relative}.block-column-single[data-column-type=highlight]:after{background:#000;box-shadow:0 0 16px #0000004d;opacity:1;width:4px}.column-settings-dialog{background:#fff;border:1px solid #00000026;border-radius:8px;box-shadow:0 8px 32px #00000026;min-width:280px;overflow:hidden;position:absolute;right:8px;top:40px;z-index:1000}.column-dialog-header{align-items:center;background:#00000008;border-bottom:1px solid #0000001a;color:#000;display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:12px 16px}.column-dialog-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.column-dialog-close:hover{background:#00000014;color:#000}.column-dialog-body{padding:16px}.column-dialog-section{margin-bottom:16px}.column-dialog-section:last-child{margin-bottom:0}.column-dialog-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.column-dialog-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.column-option-btn{background:#0000000a;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:700;padding:10px;text-align:center}.column-option-btn:hover{background:#00000014;border-color:#00000026;color:#000}.column-option-btn.active{background:#000;border-color:#000;color:#fff}.column-dialog-colors{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.column-color-option{aspect-ratio:1;border:2px solid #0000;border-radius:6px;cursor:pointer;position:relative;width:100%}.column-color-option:hover{border-color:#0003}.column-color-option.active{border-color:#000;box-shadow:0 0 0 2px #0003}.column-color-option.active:after{color:#fff;content:"✓";font-size:16px;font-weight:900;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.column-color-option[data-color=none]{background:linear-gradient(135deg,#fff,#f3f4f6)}.column-color-option[data-color=blue]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.column-color-option[data-color=green]{background:linear-gradient(135deg,#10b981,#059669)}.column-color-option[data-color=purple]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.column-color-option[data-color=orange]{background:linear-gradient(135deg,#f97316,#ea580c)}.column-color-option[data-color=pink]{background:linear-gradient(135deg,#ec4899,#db2777)}.column-color-option[data-color=gray]{background:linear-gradient(135deg,#6b7280,#4b5563)}.column-color-option[data-color=accent]{background:linear-gradient(135deg,#666,#444)}.column-dialog-actions{display:flex;flex-direction:column;gap:8px}.column-action-btn{align-items:center;background:#0000000a;border:1px solid #0000;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 14px;width:100%}.column-action-btn:hover{background:#00000014;border-color:#00000026;color:#000}.block-column-single.collapsed{background:#00000008;border-radius:8px;min-height:60px;padding:12px 24px}.column-expand-btn{align-items:center;background:#00000014;border:1px solid #00000026;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;margin:0 auto;padding:8px 16px;transition:all .2s ease}.column-expand-btn:hover{background:#000;color:#fff;transform:scale(1.05)}.block-column-single.sticky{box-shadow:0 8px 32px #0000001f;position:-webkit-sticky;position:sticky;top:80px;z-index:10}.block-column-single.sticky:before{content:"📌";font-size:16px;left:4px;opacity:.6;position:absolute;top:4px}@media (max-width:768px){.block-wrapper:has(.block-column-single){display:block!important;margin:8px 0!important;width:100%!important}.block-column-single{padding:16px!important;width:100%!important}.column-controls-panel{display:none!important}.block-column-single:hover .column-controls-compact{display:block}.column-dropdown-menu{left:0;max-width:calc(100vw - 32px);min-width:280px;right:auto}.block-wrapper:has(.block-column-single)+.block-wrapper:has(.block-column-single):before{display:none}.block-column-single:before{display:block!important;opacity:.6!important}}.block-in-column{display:block!important;margin:6px 0!important;width:100%!important}.block-in-column:first-child{margin-top:0!important}.block-in-column:last-child{margin-bottom:0!important}.block-in-column .block-controls{left:-50px!important}.block-in-column .block-content{cursor:text;min-height:1.5em;outline:none}.block-in-column .block-menu-dropdown,.column-content-area .slash-menu{z-index:1001!important}.block-wrapper:has(.block-column-single)+.block-wrapper:has(.block-column-single){position:relative}.block-wrapper:has(.block-column-single)+.block-wrapper:has(.block-column-single):before{background:linear-gradient(180deg,#0000,#0000001a 20%,#0000001a 80%,#0000);bottom:5%;content:"";left:-6px;opacity:0;position:absolute;top:5%;transition:opacity .2s ease;width:1px}.block-wrapper:has(.block-column-single)+.block-wrapper:has(.block-column-single):hover:before,.block-wrapper:has(.block-column-single):hover+.block-wrapper:has(.block-column-single):before{opacity:1}.block-wrapper:has(.block-column-single){transition:all .2s ease}.block-wrapper:has(.block-column-single):hover{z-index:1}.block-column-single *{box-sizing:border-box}.block-column-single .block-content{color:#000;color:var(--editor-text,#000);line-height:1.6}.block-wrapper:has(.block-column-single) .block-controls{left:-60px!important}.code-block-container *,.code-block-container :after,.code-block-container :before{border-radius:0!important}.code-block-container{background:#1e1e1e;border:1px solid var(--border);border-radius:8px;font-family:Monaco,Courier New,monospace;margin:8px 0;overflow:hidden}.code-block-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;padding:8px 12px}.code-lang-select{background:#3d3d3d;border:1px solid #4d4d4d;border-radius:4px;color:#d4d4d4;cursor:pointer;font-size:12px;outline:none;padding:4px 8px}.code-lang-select:hover{background:#4d4d4d}.code-block-actions{display:flex;gap:6px}.code-action-btn{align-items:center;background:#0000;border:1px solid #4d4d4d;border-radius:4px;color:#d4d4d4;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s}.code-action-btn:hover:not(:disabled){background:#3d3d3d;border-color:var(--accent);color:var(--accent)}.code-action-btn:disabled{cursor:not-allowed;opacity:.5}.code-block-content{display:flex;overflow-x:auto}.code-line-numbers{background:#252525;border-right:1px solid #3d3d3d;color:#858585;min-width:40px;overflow:hidden;padding:16px 12px;text-align:right;-webkit-user-select:none;user-select:none}.code-block-textarea,.code-line-numbers{font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre}.code-block-textarea{background:#0000;border:none;color:#d4d4d4;flex:1 1;margin:0;min-height:200px;outline:none;overflow-x:auto;overflow-y:auto;padding:16px;resize:none}.code-block-textarea::placeholder{color:#666}.language-javascript .keyword,.language-python .keyword{color:#569cd6}.language-javascript .string,.language-python .string{color:#ce9178}.language-javascript .comment,.language-python .comment{color:#6a9955;font-style:italic}.language-javascript .function,.language-python .function{color:#dcdcaa}.language-javascript .number,.language-python .number{color:#b5cea8}.table-block *,.table-block :after,.table-block :before{border-radius:0!important}.table-block{margin:16px 0;width:100%}.table-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.note-table{border-collapse:collapse;font-size:14px;width:100%}.note-table thead{background:var(--hover-bg);border-bottom:2px solid var(--border)}.note-table td,.note-table th{border:1px solid var(--border);padding:0;position:relative}.table-row-controls{background:var(--bg);border-right:2px solid var(--border);min-width:40px;padding:4px;vertical-align:middle;width:40px}.row-controls-group{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .2s}.note-table tr:hover .row-controls-group{opacity:1}.row-control-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.row-control-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.row-control-btn.delete:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.row-control-btn:disabled{cursor:not-allowed;opacity:.3}.table-header-cell{background:var(--hover-bg);color:var(--text-primary);font-weight:600}.table-cell-content{align-items:center;display:flex;gap:4px;padding:8px 12px;position:relative}.table-cell-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;min-width:100px;outline:none;padding:4px}.table-cell-input:focus{background:var(--bg);border-radius:4px}.header-input{font-weight:600}.note-table td.selected{background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 0 0 0 2px var(--accent)}.column-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px;transition:all .2s}.table-header-cell:hover .column-menu-btn{opacity:1}.column-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.column-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.column-menu button{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.column-menu button:hover:not(:disabled){background:var(--hover-bg)}.column-menu button:disabled{cursor:not-allowed;opacity:.5}.table-actions{display:flex;gap:8px;margin-top:12px;padding:0 4px}.table-action-btn{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.table-action-btn:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.table-wrapper{overflow-x:scroll}.table-cell-input{min-width:80px}}.file-viewer-overlay *,.file-viewer-overlay :after,.file-viewer-overlay :before{border-radius:0!important}.file-viewer-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.file-viewer-modal{background:var(--panel);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;width:90%}.file-viewer-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.file-viewer-header h3{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0 16px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-viewer-actions{display:flex;gap:8px}.file-viewer-actions button{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.file-viewer-actions button:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.file-viewer-content{flex:1 1;overflow:hidden;position:relative}.file-viewer-content iframe{border:none;height:100%;width:100%}.file-viewer-loading{color:var(--text-secondary);font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.file-viewer-unsupported{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.file-viewer-unsupported p{font-size:14px;margin:0}.download-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.download-btn:hover{background:color-mix(in srgb,var(--accent) 85%,#fff)}.advanced-search-modal *,.advanced-search-modal :after,.advanced-search-modal :before{border-radius:0!important}.advanced-search-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:700px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10000}.advanced-search-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.advanced-search-header h2{color:var(--text-primary);font-size:20px;margin:0}.advanced-search-content{flex:1 1;overflow-y:auto;padding:24px}.search-input-group{margin-bottom:20px}.search-input-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.search-main-input{background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.search-main-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}.search-filters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:var(--accent)}.search-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-option{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.search-option:hover{background:var(--accent);border-color:var(--accent);color:#fff}.search-option input[type=checkbox]{cursor:pointer}.search-results-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.search-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.search-results-header h3{color:var(--text-primary);font-size:16px;margin:0}.results-count{color:var(--text-secondary);font-size:13px}.search-results-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.search-result-item{background:var(--hover-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:12px 16px;transition:all .2s}.search-result-item:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateX(4px)}.result-title{font-size:14px;font-weight:600;margin-bottom:4px}.result-preview{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item:hover .result-preview{color:#fffc}.result-meta{color:var(--text-secondary);display:flex;font-size:11px;gap:12px;margin-top:6px}.search-result-item:hover .result-meta{color:#ffffffb3}.no-results{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-results svg{margin-bottom:12px;opacity:.5}.search-history{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.search-history h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.history-items{display:flex;flex-wrap:wrap;gap:8px}.history-item{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.history-item:hover{background:var(--accent);border-color:var(--accent);color:#fff}.history-clear-btn{background:#0000;border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.history-clear-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.advanced-search-footer{align-items:center;background:var(--hover-bg);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.search-shortcuts{color:var(--text-secondary);display:flex;font-size:11px;gap:12px}.shortcut-item{gap:4px}.shortcut-key{background:var(--bg);border-radius:3px;font-family:monospace;font-size:10px;padding:2px 6px}.search-actions{display:flex;gap:8px}.search-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.search-btn-cancel{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.search-btn-cancel:hover{background:var(--hover-bg)}.search-btn-search{background:var(--accent);color:#fff}.search-btn-search:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-1px)}.search-btn-search:disabled{cursor:not-allowed;opacity:.5;transform:none}.tpl-modal *,.tpl-modal :after,.tpl-modal :before{border-radius:0!important}.tpl-modal{--tpl-bg-primary:var(--bg);--tpl-bg-secondary:var(--panel);--tpl-bg-tertiary:var(--hover-bg);--tpl-border:var(--border);--tpl-text-primary:var(--text-primary);--tpl-text-secondary:var(--text-secondary);--tpl-accent:var(--accent);border:1px solid var(--tpl-border);box-shadow:0 20px 60px #00000080;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:50%;max-height:85vh;max-width:900px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}.tpl-header,.tpl-modal{background:var(--tpl-bg-secondary);display:flex}.tpl-header{align-items:center;border-bottom:1px solid var(--tpl-border);justify-content:space-between;padding:20px 24px}.tpl-header h2{color:var(--tpl-text-primary);font-size:20px;font-weight:700;margin:0}.tpl-close-btn{align-items:center;background:var(--tpl-bg-tertiary);border:1px solid var(--tpl-border);color:var(--tpl-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.tpl-close-btn:hover{background:var(--tpl-accent);border-color:var(--tpl-accent);color:var(--tpl-bg-primary)}.tpl-tabs{background:var(--tpl-bg-tertiary);border-bottom:1px solid var(--tpl-border);display:flex;gap:8px;padding:16px 24px}.tpl-tab{background:#0000;border:1px solid var(--tpl-border);color:var(--tpl-text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.tpl-tab:hover{background:var(--tpl-bg-secondary);color:var(--tpl-text-primary)}.tpl-tab.active{background:var(--tpl-accent);border-color:var(--tpl-accent);color:var(--tpl-bg-primary)}.tpl-content{flex:1 1;overflow-y:auto;padding:24px}.tpl-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tpl-card{background:var(--tpl-bg-tertiary);border:1px solid var(--tpl-border);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;transition:all .2s}.tpl-card:hover{border-color:var(--tpl-accent);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.tpl-card-dashed{border-style:dashed!important}.tpl-card-icon{align-items:center;background:linear-gradient(135deg,var(--tpl-accent),color-mix(in srgb,var(--tpl-accent) 85%,#000));color:var(--tpl-bg-primary);display:flex;height:48px;justify-content:center;width:48px}.tpl-card-icon svg{height:24px;width:24px}.tpl-card h3{color:var(--tpl-text-primary);font-size:15px;font-weight:600;margin:0}.tpl-card p{color:var(--tpl-text-secondary);font-size:13px;line-height:1.5;margin:0}.tpl-badge{background:var(--tpl-accent);color:var(--tpl-bg-primary);font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.tpl-form{background:var(--tpl-bg-tertiary);border:2px dashed var(--tpl-border);padding:24px}.tpl-form h3{color:var(--tpl-text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.tpl-form-group{margin-bottom:16px}.tpl-form-group label{color:var(--tpl-text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.tpl-input,.tpl-textarea{background:var(--tpl-bg-secondary);border:1px solid var(--tpl-border);color:var(--tpl-text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.tpl-textarea{font-family:Monaco,Courier New,monospace;min-height:120px;resize:vertical}.tpl-input:focus,.tpl-textarea:focus{border-color:var(--tpl-accent)}.tpl-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.tpl-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.tpl-btn-secondary{background:var(--tpl-bg-secondary);border:1px solid var(--tpl-border);color:var(--tpl-text-primary)}.tpl-btn-secondary:hover{background:var(--tpl-bg-tertiary)}.tpl-btn-primary{background:var(--tpl-accent);color:var(--tpl-bg-primary)}.tpl-btn-primary:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--tpl-accent) 40%,#0000);transform:translateY(-1px)}.tpl-saved-list{display:flex;flex-direction:column;gap:12px}.tpl-saved-item{align-items:center;background:var(--tpl-bg-tertiary);border:1px solid var(--tpl-border);display:flex;justify-content:space-between;padding:16px;transition:all .2s}.tpl-saved-item:hover{border-color:var(--tpl-accent)}.tpl-saved-info{cursor:pointer;flex:1 1}.tpl-saved-info h4{color:var(--tpl-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.tpl-saved-info p{color:var(--tpl-text-secondary);font-size:12px;margin:0}.tpl-saved-actions{display:flex;gap:8px}.tpl-action-btn{align-items:center;background:#0000;border:1px solid var(--tpl-border);color:var(--tpl-text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;transition:all .2s}.tpl-action-btn:hover{background:var(--tpl-accent);border-color:var(--tpl-accent);color:var(--tpl-bg-primary)}.tpl-action-btn.delete:hover{background:#ef4444;border-color:#ef4444}.tpl-hint{background:var(--tpl-bg-secondary);border:1px solid var(--tpl-border);color:var(--tpl-text-secondary);font-size:12px;margin-top:16px;padding:12px 16px}.tpl-hint strong{color:var(--tpl-accent)}.tpl-empty{color:var(--tpl-text-secondary);padding:40px;text-align:center}.tpl-empty p{font-size:14px;margin:0}@media (max-width:768px){.tpl-modal{max-height:90vh;width:95%}.tpl-grid{grid-template-columns:1fr}.tpl-tabs{flex-wrap:wrap}}.template-preview-overlay *,.template-preview-overlay :after,.template-preview-overlay :before{border-radius:0!important}.template-preview-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.template-preview-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--panel);border:1px solid var(--border);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}.template-preview-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px 28px}.template-preview-header h2{color:var(--accent);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0;text-transform:lowercase}.close-btn{background:#0000;border:none;color:var(--text-secondary);padding:8px;transition:all .2s}.close-btn:hover{color:var(--accent);transform:scale(1.1)}.template-preview-content{flex:1 1;overflow-y:auto;padding:28px}.template-preview-description{margin-bottom:24px}.template-preview-description p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.template-preview-body{background:var(--bg-bottom);border:1px solid var(--border);min-height:300px;padding:24px}.preview-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.template-preview-render{color:var(--text-primary);font-size:14px;line-height:1.8}.template-preview-render h1,.template-preview-render h2,.template-preview-render h3{color:var(--accent);margin:16px 0 12px}.template-preview-render p{margin:12px 0}.template-preview-render ol,.template-preview-render ul{margin:12px 0;padding-left:24px}.template-preview-footer{background:var(--bg-bottom);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.cancel-btn,.use-template-btn{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:var(--panel);border-color:var(--accent);color:var(--accent)}.use-template-btn{background:var(--accent);border:1px solid var(--accent);color:var(--bg-top)}.use-template-btn:hover{background:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-2px)}.template-preview-content::-webkit-scrollbar{width:8px}.template-preview-content::-webkit-scrollbar-track{background:var(--bg-bottom)}.template-preview-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.template-preview-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 80%,#fff)}.recently-viewed *,.recently-viewed :after,.recently-viewed :before{border-radius:0!important}.recently-viewed{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);max-width:400px;overflow:hidden}.recently-viewed-header{align-items:center;background:var(--hover-bg);border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:600;gap:8px;padding:12px 16px}.recently-viewed-list{max-height:400px;overflow-y:auto}.recently-viewed-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.recently-viewed-item:last-child{border-bottom:none}.item-icon,.recently-viewed-item:hover{background:var(--hover-bg)}.item-icon{align-items:center;border-radius:6px;color:var(--accent);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.item-content{flex:1 1;min-width:0}.item-title{color:var(--text-primary);font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-time{color:var(--text-secondary);font-size:12px}.recently-viewed-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.recently-viewed-empty p{margin:0}.page-properties *,.page-properties :after,.page-properties :before{border-radius:0!important}.page-properties{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:16px 0;padding:16px}.properties-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.properties-list{display:flex;flex-direction:column;gap:12px}.property-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:180px 1fr;padding:8px 0}.property-label{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.property-label svg{color:var(--accent);flex-shrink:0}.property-value{align-items:center;display:flex;gap:8px}.property-input{background:var(--hover-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s}.property-input:focus{background:var(--panel);border-color:var(--accent);outline:none}.property-checkbox{cursor:pointer;height:20px;width:20px}.property-value-display{color:var(--text-primary);font-size:14px}.delete-property-btn{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;padding:6px;transition:all .2s}.property-row:hover .delete-property-btn{opacity:1}.delete-property-btn:hover{background:#fee;background:var(--danger,#fee);color:#f44;color:var(--danger,#f44)}.add-property-form{background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px}.property-name-input,.property-type-select{background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px}.property-name-input:focus,.property-type-select:focus{border-color:var(--accent);outline:none}.form-actions{gap:8px}.add-btn,.cancel-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.add-btn{background:var(--accent);color:#fff}.add-btn:hover{background:color-mix(in srgb,var(--accent) 85%,#000)}.cancel-btn{background:var(--panel)}.cancel-btn:hover{background:var(--hover-bg)}.add-property-btn{align-items:center;background:#0000;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:12px;padding:8px 16px;transition:all .2s}.add-property-btn:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.property-row{gap:8px;grid-template-columns:1fr}.property-label{font-size:13px}}.canvas-mode *,.canvas-mode :after,.canvas-mode :before{border-radius:0!important}:root{--bg-top:#0b0b0c;--bg-bottom:#0f1012;--panel:#16181d;--border:#2a2f37}.canvas-mode{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1012;background:var(--bg-bottom);bottom:0;color:#eaecef;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.canvas-toolbar{-webkit-overflow-scrolling:touch;align-items:center;background:#0000;border-bottom:none;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;min-height:auto;overflow-x:auto;overflow-y:hidden;padding:12px 20px;scrollbar-width:thin;z-index:100}.toolbar-section{align-items:center;display:flex;gap:10px}.toolbar-section:last-child{margin-left:auto}.tool-btn{align-items:center!important;background:#0000!important;border:none!important;color:#b8c0cc!important;color:var(--text-secondary)!important;cursor:pointer!important;display:inline-flex!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;gap:6px!important;height:42px;justify-content:center!important;letter-spacing:1px!important;min-width:42px;padding:10px 18px!important;text-transform:uppercase!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.tool-btn:hover:not(:disabled){transform:translateY(-1px)!important}.tool-btn.active,.tool-btn:hover:not(:disabled){color:#d7b38c!important;color:var(--accent)!important}.tool-btn:disabled{cursor:not-allowed;opacity:.3}.tool-btn.back-btn{color:#d7b38c!important;color:var(--accent)!important}.tool-btn.back-btn:hover{color:color-mix(in srgb,#d7b38c 80%,#fff)!important;color:color-mix(in srgb,var(--accent) 80%,#fff)!important}.tool-btn.save-btn{color:#10b981!important;color:var(--success)!important}.tool-btn.save-btn:hover{color:color-mix(in srgb,#10b981 85%,#fff)!important;color:color-mix(in srgb,var(--success) 85%,#fff)!important}.zoom-level{color:#d7b38c;color:var(--accent);font-size:12px;font-weight:700;min-width:50px;text-align:center}.canvas-properties{align-items:center;background:#0000;display:flex;gap:20px;padding:8px 20px}.property-group{align-items:center;display:flex;gap:12px}.property-group label{color:#d7b38c;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.color-palette{display:flex;gap:6px}.color-btn{border:2px solid #0000;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-btn.active,.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#d7b38c;border-color:var(--accent)}.stroke-palette{display:flex;gap:6px}.stroke-btn{align-items:center;background:#0000;border:1px solid #2a2f37;border:1px solid var(--border);cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:40px}.stroke-btn.active,.stroke-btn:hover{border-color:#d7b38c;border-color:var(--accent)}.canvas-container{background:#0f1012;background:var(--bg-bottom);flex:1 1;height:100%;overflow:hidden;position:relative;width:100%}.canvas-svg{cursor:inherit;display:block;min-height:100%;min-width:100%;-webkit-user-select:none;user-select:none}.canvas-svg .selected{stroke-dasharray:5,5;animation:dash .5s linear infinite;filter:drop-shadow(0 0 8px #D7B38C);filter:drop-shadow(0 0 8px var(--accent))}@keyframes dash{to{stroke-dashoffset:-10}}.canvas-svg circle[fill="#D7B38C"]{transition:all .2s ease}.canvas-svg circle[fill="#D7B38C"]:hover{filter:drop-shadow(0 0 4px #D7B38C);filter:drop-shadow(0 0 4px var(--accent));transform:scale(1.3)}.text-edit-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.text-edit-content{animation:slideUp .3s ease;background:#16181d;background:var(--panel);border:2px solid #2a2f37;border:2px solid var(--border);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);max-width:500px;padding:24px;position:relative;width:90%}.text-edit-content:before{background:#d7b38c;background:var(--accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.text-edit-content h3{color:#d7b38c;color:var(--accent);font-size:18px;font-weight:700;margin:0 0 16px}.text-edit-content textarea{background:#0f1012;background:var(--bg-bottom);border:1px solid #2a2f37;border:1px solid var(--border);color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;min-height:80px;outline:none;padding:14px;resize:vertical;width:100%}.text-edit-content textarea:focus{background:#16181d;background:var(--panel);border-color:#d7b38c;border-color:var(--accent)}.text-edit-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.btn-save{background:#d7b38c;background:var(--accent);border:2px solid #d7b38c;border:2px solid var(--accent);color:#0b0b0c;color:var(--bg-top)}.btn-save:hover{background:color-mix(in srgb,#d7b38c 85%,#fff);background:color-mix(in srgb,var(--accent) 85%,#fff);transform:translateY(-1px)}.btn-cancel{background:#16181d;background:var(--panel);border:1px solid #2a2f37;border:1px solid var(--border);color:#eaecef;color:var(--text-primary)}.btn-cancel:hover{border-color:#d7b38c;border-color:var(--accent);color:#d7b38c;color:var(--accent)}.canvas-container.snap-active:after{background:#10b981;background:var(--success);bottom:20px;color:#fff;content:"SNAP";font-size:10px;font-weight:700;letter-spacing:1px;padding:6px 12px;position:fixed;right:20px;z-index:1000}.horizontal-ruler{height:30px;left:30px;right:0;top:120px}.horizontal-ruler,.vertical-ruler{background:#16181df2;pointer-events:none;position:fixed;z-index:200}.vertical-ruler{bottom:0;left:0;top:150px;width:30px}.ruler-mark{position:absolute}.horizontal-ruler .ruler-mark{align-items:center;display:flex;flex-direction:column;height:100%}.vertical-ruler .ruler-mark{align-items:center;display:flex;width:100%}.ruler-tick{background:#ffffff80}.horizontal-ruler .ruler-tick{height:10px;width:1px}.horizontal-ruler .ruler-tick.major{height:20px}.vertical-ruler .ruler-tick{height:1px;width:10px}.vertical-ruler .ruler-tick.major{width:20px}.ruler-label{color:#ffffffb3;font-family:Inter,sans-serif;font-size:10px;font-weight:500;margin-top:2px}.vertical-ruler .ruler-label{margin-left:2px;margin-top:0;transform:rotate(180deg);writing-mode:vertical-rl}.shortcuts-overlay{z-index:10001}.shortcuts-panel{animation:slideUp .3s ease;background:#16181d;background:var(--panel);border:2px solid #2a2f37;border:2px solid var(--border);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);max-height:80vh;max-width:800px;overflow-y:auto;padding:24px;width:90%}.shortcuts-header{border-bottom:2px solid #2a2f37;margin-bottom:24px;padding-bottom:16px}.shortcuts-header h3{color:#d7b38c;color:var(--accent);font-size:24px;font-weight:700;margin:0}.close-shortcuts{background:#0000;border:none;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.close-shortcuts:hover{color:#d7b38c;color:var(--accent);transform:scale(1.1)}.shortcuts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.shortcut-section h4{color:#d7b38c;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.shortcut-item{color:#eaecef;color:var(--text-primary);font-size:13px;gap:8px;padding:8px 0}.shortcut-item kbd{background:#0f1012;background:var(--bg-bottom);border:1px solid #2a2f37;border:1px solid var(--border);color:#d7b38c;color:var(--accent);font-family:Inter,monospace;font-size:11px;font-weight:700;min-width:32px;padding:4px 8px;text-align:center}.minimap{background:#16181d;background:var(--panel);border:2px solid #2a2f37;border:2px solid var(--border);bottom:80px;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);padding:8px;position:fixed;right:20px;z-index:1000}.minimap-header{align-items:center;color:#d7b38c;color:var(--accent);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.floating-help-btn{align-items:center;background:#d7b38c;background:var(--accent);border:none;border-radius:50%;bottom:20px;color:#0b0b0c;color:var(--bg-top);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:1000}.floating-help-btn,.floating-help-btn:hover{box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg)}.floating-help-btn:hover{transform:scale(1.1)}@media (max-width:768px){.canvas-toolbar{flex-wrap:wrap;padding:12px 16px}.tool-btn{height:38px;min-width:38px;padding:8px 10px!important}.tool-btn span{display:none}.canvas-properties{padding:12px 16px}.shortcuts-grid{grid-template-columns:1fr}.floating-help-btn{bottom:15px;height:45px;right:15px;width:45px}}.smart-folders-panel{animation:sfSlideIn .2s ease;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0009;color:#eee;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:50%;max-height:80vh;max-width:95vw;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:10002}@keyframes sfSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sf-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.sf-loading p{color:#888;font-size:13px;margin:0}.sf-spinner{animation:sfSpin 1s linear infinite;color:#d7b38c}.sf-header{align-items:center;background:#222;border-bottom:1px solid #333;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.sf-header h3{color:#eee;font-size:15px;font-weight:600;margin:0}.sf-header-actions{display:flex;gap:8px}.sf-close-btn,.sf-refresh-btn{align-items:center;background:#0000;border:1px solid #444;border-radius:6px;color:#888;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.sf-close-btn:hover,.sf-refresh-btn:hover{background:#333;border-color:#d7b38c;color:#d7b38c}.sf-content{flex:1 1;overflow-y:auto;padding:16px}.sf-content::-webkit-scrollbar{width:6px}.sf-content::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.sf-empty{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.sf-empty svg{margin-bottom:12px;opacity:.3}.sf-empty p{font-size:13px;margin:0}.sf-folders-list{display:flex;flex-direction:column;gap:6px}.sf-folder-item{align-items:center;background:#222;border:1px solid #333;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.sf-folder-item:hover{background:#2a2a2a;border-color:#d7b38c66}.sf-folder-item.selected{background:#d7b38c26;border-color:#d7b38c}.sf-folder-icon{align-items:center;color:#d7b38c;display:flex}.sf-folder-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.sf-folder-name{color:#eee;font-size:13px;font-weight:500}.sf-folder-count{background:#333;border-radius:10px;color:#888;font-size:11px;padding:3px 8px}.sf-notes-preview{border-top:1px solid #333;margin-top:16px;padding-top:16px}.sf-notes-preview h4{color:#d7b38c;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.sf-notes-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.sf-note-item{align-items:center;background:#222;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:10px 12px}.sf-note-title{color:#ddd;flex:1 1;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-note-date{color:#666;flex-shrink:0;font-size:11px}[data-theme-mode=light] .smart-folders-panel{background:#fff;border-color:#e0e0e0;color:#333}[data-theme-mode=light] .sf-header{background:#f5f5f5;border-color:#e0e0e0}[data-theme-mode=light] .sf-header h3{color:#333}[data-theme-mode=light] .sf-close-btn,[data-theme-mode=light] .sf-refresh-btn{border-color:#ddd;color:#666}[data-theme-mode=light] .sf-folder-item{background:#f5f5f5;border-color:#e0e0e0}[data-theme-mode=light] .sf-folder-item:hover{background:#eee}[data-theme-mode=light] .sf-folder-name{color:#333}[data-theme-mode=light] .sf-folder-count{background:#e0e0e0;color:#666}[data-theme-mode=light] .sf-note-item{background:#f5f5f5}[data-theme-mode=light] .sf-note-title{color:#333}[data-theme-mode=light] .sf-notes-preview{border-color:#e0e0e0}.shortcuts-overlay *,.shortcuts-overlay :after,.shortcuts-overlay :before{border-radius:0!important}.shortcuts-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.shortcuts-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--panel);border:2px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}.shortcuts-header{align-items:center;background:linear-gradient(135deg,var(--panel) 0,color-mix(in srgb,var(--panel) 95%,var(--accent) 5%) 100%);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:24px 28px}.shortcuts-title-section{align-items:center;display:flex;gap:12px}.shortcuts-icon{color:var(--accent)}.shortcuts-header h2{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.shortcuts-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.shortcuts-close:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent);transform:scale(1.1)}.shortcuts-content{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));overflow-y:auto;padding:24px 28px}.shortcuts-content::-webkit-scrollbar{width:8px}.shortcuts-content::-webkit-scrollbar-track{background:var(--bg-bottom);border-radius:4px}.shortcuts-content::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--bg-bottom);border-radius:4px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 80%,#fff)}.shortcuts-section{display:flex;flex-direction:column;gap:12px}.shortcuts-category{border-bottom:2px solid color-mix(in srgb,var(--accent) 30%,#0000);color:var(--accent);font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 8px;padding-bottom:8px;text-transform:uppercase}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{align-items:center;background:var(--bg-bottom);border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.shortcut-item:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-bottom));transform:translateX(4px)}.shortcut-description{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.shortcut-keys{align-items:center;display:flex;flex-shrink:0;gap:4px}.shortcut-key{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 4px #0003,inset 0 -2px 0 #0003;color:var(--accent);display:inline-flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:700;height:28px;justify-content:center;letter-spacing:.5px;min-width:28px;padding:0 8px;text-transform:uppercase}.key-separator{color:var(--text-secondary);font-size:12px;font-weight:600;margin:0 2px}.shortcuts-footer{background:var(--bg-bottom);border-top:2px solid var(--border);padding:16px 28px;text-align:center}.shortcuts-footer p{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin:0}.shortcuts-footer .shortcut-key{font-size:11px;height:24px;min-width:24px}@media (max-width:768px){.shortcuts-modal{max-height:90vh;width:95%}.shortcuts-content{gap:24px;grid-template-columns:1fr;padding:20px}.shortcuts-header{padding:20px}.shortcuts-header h2{font-size:20px}.shortcut-item{align-items:flex-start;flex-direction:column;gap:8px}.shortcut-keys{align-self:flex-end}}.nh{background:var(--bg-primary);background:var(--bg-primary,var(--bg-primary));color:#fff;color:var(--text-primary,#fff);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.nh *{box-sizing:border-box;margin:0;padding:0}.nh-ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.nh-ambient-orb{animation:nhOrbFloat 25s ease-in-out infinite;border-radius:50%!important;filter:blur(150px);opacity:.3;position:absolute}.nh-ambient-orb-1{background:var(--accent);height:500px;left:-100px;top:-150px;width:500px}.nh-ambient-orb-2{animation-delay:-12s;background:color-mix(in srgb,var(--accent) 50%,#000);bottom:-100px;height:400px;right:-100px;width:400px}.nh-ambient-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 6%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,#0000) 1px,#0000 1px);background-size:80px 80px;inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 20%,#0000 70%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 20%,#0000 70%);position:absolute}@keyframes nhOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-30px,40px) scale(.95)}}.nh-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nh-header,.nh-header-left{align-items:center;display:flex}.nh-header-left{gap:16px}.nh-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;position:relative}.nh-logo,.nh-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.nh-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.nh-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.nh-logo:hover .nh-logo-img{transform:scale(1.1)}.nh-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.nh-subtitle{color:color-mix(in srgb,var(--accent) 70%,#fff);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.nh-header-right{gap:12px}.nh-header-right,.nh-nav-btn{align-items:center;display:flex}.nh-nav-btn{border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.nh-nav-btn-ghost{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);opacity:.7}.nh-nav-btn-ghost:hover{color:var(--accent);opacity:1}.nh-nav-btn-accent{background:var(--accent);border:none;color:var(--bg-primary);color:var(--bg-primary,var(--bg-primary))}.nh-nav-btn-accent:hover{background:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.nh-main{display:grid;flex:1 1;grid-template-columns:1fr auto 1fr;min-height:0;position:relative;z-index:1}.nh-section{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative}.nh-section-ai{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#000) 100%)}.nh-section-manual{background:linear-gradient(135deg,var(--primary) 0,color-mix(in srgb,var(--primary) 85%,#000) 100%)}.nh-section-glow{inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.nh-section-ai .nh-section-glow,.nh-section-manual .nh-section-glow{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%)}.nh-section:hover .nh-section-glow{opacity:1}.nh-section-inner{align-items:center;display:flex;flex-direction:column;max-width:400px;padding:48px;text-align:center;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.nh-section:hover .nh-section-inner{transform:translateY(-8px)}.nh-section-icon{align-items:center;border-radius:8px;display:flex;height:80px;justify-content:center;margin-bottom:24px;transition:all .3s ease;width:80px}.nh-section-ai .nh-section-icon{background:#00000026;border:1px solid #0003;color:var(--bg-primary);color:var(--bg-primary,var(--bg-primary))}.nh-section-manual .nh-section-icon{background:#ffffff26;border:1px solid #fff3;color:var(--accent)}.nh-section:hover .nh-section-icon{transform:scale(1.05)}.nh-section-content{margin-bottom:32px}.nh-section-title{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.nh-section-ai .nh-section-title{color:var(--bg-primary);color:var(--bg-primary,var(--bg-primary))}.nh-section-manual .nh-section-title{color:var(--accent)}.nh-section-tag{font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:28px;text-transform:uppercase}.nh-section-ai .nh-section-tag{color:#00000080}.nh-section-manual .nh-section-tag{color:color-mix(in srgb,var(--accent) 70%,#0000)}.nh-features{flex-direction:column;gap:16px;list-style:none}.nh-feature,.nh-features{display:flex;padding-left:0}.nh-feature{align-items:center;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.nh-feature svg{flex-shrink:0;opacity:.7}.nh-section-ai .nh-feature{color:var(--bg-primary);color:var(--bg-primary,var(--bg-primary))}.nh-section-manual .nh-feature{color:var(--accent)}.nh-feature:hover{transform:translateX(4px)}.nh-feature:hover svg{opacity:1}.nh-section-cta{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;gap:10px;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.nh-section-ai .nh-section-cta{background:var(--bg-primary);background:var(--bg-primary,var(--bg-primary));color:var(--accent)}.nh-section-manual .nh-section-cta{background:var(--accent);color:var(--bg-primary)}[data-theme-mode=dark] .nh-section-manual .nh-section-cta{color:#000!important}[data-theme-mode=light] .nh-section-manual .nh-section-cta{color:#fff!important}.nh-section-cta:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.nh-section-line{bottom:0;height:4px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0;z-index:2}.nh-section-ai .nh-section-line{background:var(--bg-primary);background:var(--bg-primary,var(--bg-primary))}.nh-section-manual .nh-section-line{background:var(--accent)}.nh-section:hover .nh-section-line{width:100%}.nh-divider{align-items:center;background:var(--bg-primary);background:var(--bg-primary,var(--bg-primary));display:flex;justify-content:center;position:relative;width:80px}.nh-divider:before{background:linear-gradient(to bottom,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 30%,color-mix(in srgb,var(--accent) 20%,#0000) 70%,#0000 100%);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.nh-divider-text{background:var(--bg-primary);background:var(--bg-primary,var(--bg-primary));color:color-mix(in srgb,#fff 40%,#0000);color:color-mix(in srgb,var(--text-primary,#fff) 40%,#0000);font-size:12px;font-weight:600;letter-spacing:2px;padding:12px 0;text-transform:uppercase;z-index:1}[data-theme-mode=light] .nh{background:#fafafa;background:var(--bg-primary,#fafafa)}[data-theme-mode=light] .nh-ambient-orb{opacity:.15}[data-theme-mode=light] .nh-header{background:color-mix(in srgb,#fafafa 90%,#0000);background:color-mix(in srgb,var(--bg-primary,#fafafa) 90%,#0000)}[data-theme-mode=light] .nh-nav-btn-ghost{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .nh-section-manual{background:linear-gradient(135deg,var(--primary) 0,color-mix(in srgb,var(--primary) 90%,#fff) 100%)}[data-theme-mode=light] .nh-section-manual .nh-section-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .nh-section-manual .nh-section-tag{color:color-mix(in srgb,#1a1a2e 50%,#0000);color:color-mix(in srgb,var(--text-primary,#1a1a2e) 50%,#0000)}[data-theme-mode=light] .nh-section-manual .nh-feature{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .nh-divider,[data-theme-mode=light] .nh-divider-text{background:#fafafa;background:var(--bg-primary,#fafafa)}[data-theme-mode=light] .nh-divider-text{color:color-mix(in srgb,#1a1a2e 40%,#0000);color:color-mix(in srgb,var(--text-primary,#1a1a2e) 40%,#0000)}@media (max-width:1024px){.nh-main{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.nh-divider{height:60px;width:100%}.nh-divider:before{background:linear-gradient(to right,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 30%,color-mix(in srgb,var(--accent) 20%,#0000) 70%,#0000 100%);bottom:auto;height:1px;left:0;right:0;top:50%;transform:translateY(-50%);width:auto}.nh-section-inner{padding:40px}}@media (max-width:768px){.nh-header{flex-direction:column;gap:16px;padding:16px 20px}.nh-header-left,.nh-header-right{justify-content:center;width:100%}.nh-section-inner{padding:32px 24px}.nh-section-icon{height:64px;margin-bottom:20px;width:64px}.nh-section-title{font-size:20px}.nh-section-tag{font-size:9px;margin-bottom:20px}.nh-feature{font-size:12px;padding:8px 12px}.nh-section-cta{justify-content:center;padding:12px 24px;width:100%}}@media (max-width:480px){.nh-logo{font-size:20px}.nh-subtitle{font-size:9px}.nh-section-inner{padding:24px 20px}.nh-section-icon{height:56px;width:56px}.nh-section-title{font-size:18px}}.nh::-webkit-scrollbar{display:none}.nh{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion:reduce){.nh-ambient-orb{animation:none}.nh-feature,.nh-section-cta,.nh-section-icon,.nh-section-inner,.nh-section-line{transition:none}}[data-theme-mode=dark] .nh-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .nh-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.nh-generated-section{background:color-mix(in srgb,var(--bg-secondary) 50%,#0000);border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000);padding:24px 48px 32px}.nh-generated-title{align-items:center;color:var(--accent);display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.nh-generated-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:20px}.nh-generated-grid{display:flex;flex-wrap:wrap;gap:16px}.nh-generated-card{align-items:center;background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:14px;max-width:280px;min-width:200px;overflow:hidden;padding:16px 22px;position:relative;transition:all .2s ease}.nh-generated-card:before{background:linear-gradient(90deg,#0000 0,var(--accent) 50%,#0000 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nh-generated-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.nh-generated-card:hover:before{opacity:1}.nh-generated-card-icon{align-items:center;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.nh-generated-card:hover .nh-generated-card-icon{box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.nh-generated-card-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.nh-generated-card-title{color:var(--accent);font-size:14px;font-weight:700}.nh-generated-card-count,.nh-generated-card-title{font-family:Inter,sans-serif;letter-spacing:.5px;text-transform:uppercase}.nh-generated-card-count{color:var(--text-secondary);font-size:11px;font-weight:600}.nh-generated-card-arrow{color:var(--text-secondary);opacity:0;transition:all .2s ease}.nh-generated-card:hover .nh-generated-card-arrow{color:var(--accent);opacity:1;transform:translateX(4px)}[data-theme-mode=dark] .nh-generated-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--bg-secondary)) 0,var(--bg-tertiary) 100%);box-shadow:0 2px 8px #0003}[data-theme-mode=dark] .nh-generated-card:hover{box-shadow:0 8px 32px #0006}[data-theme-mode=light] .nh-generated-card{background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--accent) 3%,#fafafa) 100%);box-shadow:0 2px 8px #0000000d}[data-theme-mode=light] .nh-generated-card:hover{box-shadow:0 8px 24px #0000001f}@media (max-width:768px){.nh-generated-section{padding:20px 24px}.nh-generated-grid{flex-direction:column}.nh-generated-card{max-width:100%}}.notes-hub-page .iem-overlay *,.notes-hub-page .iem-overlay :after,.notes-hub-page .iem-overlay :before{border-radius:0!important}.notes-hub-page .iem-overlay{--iem-bg-primary:var(--bg-bottom);--iem-bg-secondary:var(--panel);--iem-bg-tertiary:color-mix(in srgb,var(--panel) 80%,var(--bg-bottom));--iem-border:var(--border);--iem-text-primary:var(--text-primary);--iem-text-secondary:var(--text-secondary);--iem-accent:var(--accent);align-items:center;animation:nh-iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notes-hub-page .iem-modal{animation:nh-iem-slideUp .3s ease;background:var(--iem-bg-secondary);border:2px solid var(--iem-border);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.notes-hub-page .iem-header{align-items:center;background:var(--iem-bg-secondary);border-bottom:2px solid var(--iem-border);display:flex;justify-content:space-between;padding:24px}.notes-hub-page .iem-header-content{align-items:center;display:flex;gap:16px}.notes-hub-page .iem-header-icon{color:var(--iem-accent)}.notes-hub-page .iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.notes-hub-page .iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.notes-hub-page .iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.notes-hub-page .iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.notes-hub-page .iem-body{flex:1 1;overflow-y:auto;padding:24px}.notes-hub-page .iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.notes-hub-page .iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.notes-hub-page .iem-select-all-btn{background:#0000;border:2px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.notes-hub-page .iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.notes-hub-page .iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.notes-hub-page .iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.notes-hub-page .iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.notes-hub-page .iem-item-card:hover{background:var(--iem-bg-secondary);border-color:var(--iem-accent)}.notes-hub-page .iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.notes-hub-page .iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.notes-hub-page .iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.notes-hub-page .iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.notes-hub-page .iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.notes-hub-page .iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.notes-hub-page .iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.notes-hub-page .iem-conversion-card:hover{border-color:var(--iem-accent);transform:translateY(-2px)}.notes-hub-page .iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.notes-hub-page .iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.notes-hub-page .iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.notes-hub-page .iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.notes-hub-page .iem-settings{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin-bottom:20px;padding:20px}.notes-hub-page .iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.notes-hub-page .iem-setting-group{margin-bottom:16px}.notes-hub-page .iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.notes-hub-page .iem-input,.notes-hub-page .iem-select{background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.notes-hub-page .iem-input:focus,.notes-hub-page .iem-select:focus{border-color:var(--iem-accent)}.notes-hub-page .iem-result{padding:40px 20px;text-align:center}.notes-hub-page .iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.notes-hub-page .iem-result-icon.success{background:color-mix(in srgb,#22c55e 15%,#0000);color:#22c55e}.notes-hub-page .iem-result-icon.error{background:color-mix(in srgb,#ef4444 15%,#0000);color:#ef4444}.notes-hub-page .iem-result-details{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.notes-hub-page .iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.notes-hub-page .iem-result-details strong{color:var(--iem-text-primary)}.notes-hub-page .iem-empty,.notes-hub-page .iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.notes-hub-page .iem-spinner{animation:nh-iem-spin 1s linear infinite;margin-bottom:16px}.notes-hub-page .iem-empty svg{margin-bottom:16px;opacity:.3}.notes-hub-page .iem-actions{border-top:2px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.notes-hub-page .iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.notes-hub-page .iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.notes-hub-page .iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-2px)}.notes-hub-page .iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.notes-hub-page .iem-btn-secondary{background:#0000;border:2px solid var(--iem-border);color:var(--iem-text-secondary)}.notes-hub-page .iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes nh-iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes nh-iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nh-iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notes-hub-page .iem-body::-webkit-scrollbar,.notes-hub-page .iem-items-list::-webkit-scrollbar{width:8px}.notes-hub-page .iem-body::-webkit-scrollbar-track,.notes-hub-page .iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.notes-hub-page .iem-body::-webkit-scrollbar-thumb,.notes-hub-page .iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.notes-hub-page .iem-body::-webkit-scrollbar-thumb:hover,.notes-hub-page .iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}.audio-video-notes-page *,.audio-video-notes-page :after,.audio-video-notes-page :before{border-radius:0!important}.audio-video-notes-page{background:radial-gradient(ellipse at top,var(--bg-primary),var(--bg-secondary));background:radial-gradient(ellipse at top,var(--bg-top),var(--bg-bottom));color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;padding:40px}.page-header-bar{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:48px;padding-bottom:24px}.header-left{flex-direction:column;gap:4px}.page-title-main{color:#d7b38c;color:var(--accent);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0;text-transform:lowercase}.page-subtitle-main{color:#b8c0cc;color:var(--text-secondary);font-size:14px;letter-spacing:.3px;margin:0;text-transform:lowercase}.back-btn{background:var(--bg-bottom);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);font-weight:700;overflow:hidden;padding:10px 18px;position:relative;text-transform:lowercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.back-btn:hover:before{left:100%}.back-btn:hover{background:color-mix(in srgb,var(--bg-secondary) 80%,#d7b38c 20%);background:color-mix(in srgb,var(--panel) 80%,var(--accent) 20%);box-shadow:0 4px 6px -1px #0006,0 0 20px #d7b38c59;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.content-grid{grid-gap:32px;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.output-panel,.upload-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-secondary) 10%,#0000);background:color-mix(in srgb,var(--panel) 10%,#0000);border:2px solid #d7b38c;border:2px solid var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);padding:32px}.output-panel h2,.upload-panel h2{color:#d7b38c;color:var(--accent);font-size:18px;font-weight:700;margin-bottom:24px;text-transform:lowercase}.upload-area{background:var(--bg-secondary);background:var(--bg-bottom);border:2px dashed var(--border);margin-bottom:24px;padding:60px 40px;text-align:center;transition:all .3s}.upload-area.dragging{background:color-mix(in srgb,#d7b38c 10%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 10%,var(--bg-bottom));border-color:#d7b38c;border-color:var(--accent)}.upload-label{align-items:center;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:16px}.upload-label p{color:#eaecef;color:var(--text-primary);font-size:16px;font-weight:600}.upload-label span{font-size:12px}.uploaded-file{align-items:center;background:color-mix(in srgb,#d7b38c 15%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 15%,var(--bg-bottom));border:1px solid #d7b38c;border:1px solid var(--accent);color:#d7b38c;color:var(--accent);display:flex;gap:12px;margin-top:20px;padding:16px}.divider{margin:24px 0;position:relative;text-align:center}.divider:after,.divider:before{background:var(--border);content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.divider span{background:var(--bg-secondary);background:var(--panel);color:#b8c0cc;color:var(--text-secondary);font-size:12px;font-weight:600;padding:0 16px}.youtube-input-group{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);display:flex;gap:12px;margin-bottom:24px;padding:14px 16px}.youtube-input-group input{background:#0000;border:none;color:#eaecef;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.generate-btn{align-items:center;background:#d7b38c;background:var(--accent);border:2px solid #d7b38c;border:2px solid var(--accent);box-shadow:0 1px 2px 0 #0000004d,0 0 20px #d7b38c59;box-shadow:var(--shadow-sm),var(--shadow-glow);color:var(--bg-primary);color:var(--bg-top);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;text-transform:lowercase;transition:all .2s;width:100%}.generate-btn:hover:not(:disabled){background:color-mix(in srgb,#d7b38c 85%,#fff);background:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 4px 6px -1px #0006,0 0 25px #d7b38c59;box-shadow:var(--shadow-md),0 0 25px var(--glow);transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite}.progress-bar{margin-top:20px}.progress-fill{background:#d7b38c;background:var(--accent);box-shadow:0 0 10px #d7b38c59;box-shadow:0 0 10px var(--glow);transition:width .3s ease}.output-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.output-actions{display:flex;gap:10px}.action-btn{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#b8c0cc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;padding:10px 16px;text-transform:lowercase;transition:all .2s}.action-btn:hover{background:color-mix(in srgb,var(--bg-secondary) 80%,#d7b38c 20%);background:color-mix(in srgb,var(--panel) 80%,var(--accent) 20%);color:#d7b38c;color:var(--accent)}.action-btn.primary,.action-btn:hover{border-color:#d7b38c;border-color:var(--accent)}.action-btn.primary{background:#d7b38c;background:var(--accent);color:var(--bg-primary);color:var(--bg-top)}.action-btn.primary:hover{background:color-mix(in srgb,#d7b38c 85%,#fff);background:color-mix(in srgb,var(--accent) 85%,#fff)}.notes-output{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);color:#eaecef;color:var(--text-primary);font-size:15px;line-height:1.8;max-height:600px;overflow-y:auto;padding:24px}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-header-bar{align-items:flex-start;flex-direction:column;gap:16px}.back-btn{align-self:flex-end}}.ai-media-notes-page{--mn-bg-primary:var(--bg-primary);--mn-bg-secondary:var(--bg-secondary);--mn-bg-tertiary:var(--hover-bg);--mn-bg-card:var(--panel);--mn-border-subtle:var(--border);--mn-text-primary:var(--text-primary);--mn-text-secondary:var(--text-secondary);--mn-accent:var(--accent);--mn-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--mn-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--mn-sidebar-width:280px;--mn-header-height:70px;background:var(--mn-bg-primary)!important;bottom:0!important;color:var(--mn-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.ai-media-notes-page *{box-sizing:border-box}.hub-header{align-items:center;background:var(--mn-bg-primary);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:var(--mn-header-height);justify-content:space-between;min-height:var(--mn-header-height);padding:20px 40px;width:100%;z-index:100}.hub-header-left{align-items:center!important;display:flex!important;flex-direction:row!important;gap:16px}.nav-menu-btn{border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-radius:10px;height:44px;transition:all .2s;width:44px}.nav-menu-btn svg{height:18px!important;width:18px!important}.nav-menu-btn:hover{background:var(--mn-bg-tertiary);border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,#0000)}.hub-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.hub-logo,.hub-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.hub-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.hub-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.hub-logo:hover .hub-logo-img{transform:scale(1.1)}.hub-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.hub-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.hub-header-right{gap:12px}.hub-header-right,.hub-nav-btn{align-items:center;display:flex}.hub-nav-btn{border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.hub-nav-btn svg{stroke:currentColor!important;fill:none!important;height:14px!important;width:14px!important}.hub-nav-btn-ghost{background:#0000;border:none;color:var(--text-primary);opacity:.7}.hub-nav-btn-ghost:hover{color:var(--accent);opacity:1}[data-theme-mode=dark] .hub-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .hub-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.mn-top-header-left{align-items:center;display:flex;gap:20px}.mn-sidebar-toggle{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--mn-accent) 30%,#0000);border-radius:10px;color:var(--mn-accent);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.mn-sidebar-toggle:hover{background:var(--mn-accent-glow);border-color:var(--mn-accent);transform:scale(1.05)}.mn-top-header-title{color:var(--mn-accent);cursor:pointer;font-size:26px;font-weight:800;letter-spacing:-1px;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.mn-top-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--mn-accent) 50%,#0000);transform:translateY(-2px)}.mn-top-header-divider{background:color-mix(in srgb,var(--mn-accent) 30%,#0000);height:24px;width:1px}.mn-top-header-subtitle{color:color-mix(in srgb,var(--mn-accent) 70%,var(--mn-text-primary));font-size:11px;font-weight:700;letter-spacing:3px;margin:0;text-transform:uppercase}.mn-layout{flex:1 1;overflow:hidden;width:100%}.mn-layout,.mn-sidebar{display:flex;height:100%}.mn-sidebar{border-right:1px solid var(--mn-border-subtle);flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:var(--mn-sidebar-width)}[data-theme-mode=dark] .mn-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--mn-accent) 12%,#000) 0,color-mix(in srgb,var(--mn-accent) 6%,#000) 100%)!important}[data-theme-mode=light] .mn-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--mn-accent) 12%,#fff) 0,color-mix(in srgb,var(--mn-accent) 20%,#fff) 100%)!important}.mn-sidebar.collapsed{border-right:none!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:0!important}.mn-sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);padding:24px 20px}.mn-new-upload-btn{align-items:center;background:linear-gradient(135deg,var(--mn-accent),var(--mn-accent-dark));border:none;border-radius:12px;box-shadow:0 4px 12px color-mix(in srgb,var(--mn-accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:10px;justify-content:center;letter-spacing:2px;margin:20px 16px;padding:14px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.mn-new-upload-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--mn-accent) 40%,#0000);transform:translateY(-2px)}.mn-new-upload-btn:active{transform:translateY(0)}.mn-sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.mn-nav-section-title{color:color-mix(in srgb,var(--mn-accent) 60%,var(--mn-text-secondary));font-size:10px;font-weight:700;letter-spacing:2px;margin:0;padding:16px 20px 8px;text-transform:uppercase}.mn-history-list{padding:0 12px}.mn-history-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.mn-history-item:hover{background:color-mix(in srgb,var(--mn-accent) 10%,#0000)}.mn-history-item.active{background:var(--mn-accent-glow);border-left:3px solid var(--mn-accent)}.mn-history-icon{align-items:center;color:var(--mn-accent);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.mn-history-info{flex:1 1;min-width:0}.mn-history-title{color:var(--mn-text-primary);font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-history-date{color:var(--mn-text-secondary);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mn-history-actions{opacity:0;transition:opacity .2s}.mn-history-item:hover .mn-history-actions{opacity:1}.mn-history-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--mn-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.mn-history-btn:hover{background:color-mix(in srgb,var(--mn-accent) 15%,#0000);color:var(--mn-accent)}.mn-empty-state{font-size:12px;font-weight:500;padding:32px 20px}.mn-sidebar-footer{border-top:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;gap:4px;padding:16px 12px}.mn-nav-item{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-radius:8px;color:var(--mn-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:all .2s;width:100%}.mn-nav-item:hover{background:var(--mn-bg-tertiary);color:var(--mn-text-primary)}.mn-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.mn-nav-icon,.mn-nav-icon svg{height:20px;width:20px}.mn-main{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}[data-theme-mode=dark] .mn-main{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important}[data-theme-mode=light] .mn-main{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#fff)!important}.mn-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:40px}.mn-upload-section{margin:0 auto;max-width:800px}.mn-upload-title{color:var(--mn-text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px;text-align:center}.mn-upload-subtitle{color:var(--mn-text-secondary);font-size:13px;font-weight:500;line-height:1.6;margin:0 0 48px;text-align:center}.mn-upload-area{background:color-mix(in srgb,var(--mn-accent) 3%,#0000);border:2px dashed color-mix(in srgb,var(--mn-accent) 30%,#0000);border-radius:16px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.mn-upload-area:hover{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border-color:var(--mn-accent);transform:translateY(-2px)}.mn-upload-area.dragging{background:color-mix(in srgb,var(--mn-accent) 12%,#0000);border-color:var(--mn-accent);transform:scale(1.02)}.mn-upload-area svg{color:var(--mn-accent);margin-bottom:16px}.mn-upload-area p{color:var(--mn-text-primary);font-size:15px;font-weight:600;margin:0 0 8px}.mn-upload-area span{color:var(--mn-text-secondary);font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.mn-uploaded-file{align-items:center;background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:12px;color:var(--mn-text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;margin-top:20px;padding:16px 20px}.mn-uploaded-file svg{color:var(--mn-accent);flex-shrink:0}.mn-uploaded-file button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--mn-text-secondary);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;margin-left:auto;transition:all .2s;width:28px}.mn-uploaded-file button:hover{background:color-mix(in srgb,var(--mn-accent) 15%,#0000);color:var(--mn-accent)}.mn-divider{align-items:center;color:var(--mn-text-secondary);display:flex;font-size:11px;font-weight:700;gap:16px;letter-spacing:2px;margin:32px 0;text-transform:uppercase}.mn-divider:after,.mn-divider:before{background:color-mix(in srgb,var(--mn-accent) 20%,#0000);content:"";flex:1 1;height:1px}.mn-youtube-input{align-items:center;background:var(--mn-bg-card);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:12px;display:flex;gap:12px;padding:16px 20px;transition:all .2s}.mn-youtube-input:focus-within{border-color:var(--mn-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mn-accent) 10%,#0000)}.mn-youtube-input svg{color:var(--mn-accent);flex-shrink:0}.mn-youtube-input input{background:#0000;border:none;color:var(--mn-text-primary);flex:1 1;font-size:14px;font-weight:500;outline:none}.mn-youtube-input input::placeholder{color:var(--mn-text-secondary)}.mn-settings-panel{background:var(--mn-bg-card);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:12px;margin-top:32px;overflow:hidden}.mn-settings-header{align-items:center;background:color-mix(in srgb,var(--mn-accent) 5%,#0000);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.mn-settings-header:hover{background:color-mix(in srgb,var(--mn-accent) 8%,#0000)}.mn-settings-header h3{align-items:center;color:var(--mn-accent);display:flex;font-size:12px;font-weight:700;gap:10px;letter-spacing:2px;margin:0;text-transform:uppercase}.mn-settings-header svg{height:16px;width:16px}.mn-settings-toggle{color:var(--mn-accent);font-size:20px;font-weight:300}.mn-settings-content{border-top:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);padding:24px 20px}.mn-settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.mn-form-group,.mn-settings-grid{margin-bottom:20px}.mn-form-group label{color:var(--mn-accent);display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.mn-form-group input,.mn-form-group select,.mn-form-group textarea{background:var(--mn-bg-tertiary);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:8px;color:var(--mn-text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s;width:100%}.mn-form-group input:focus,.mn-form-group select:focus,.mn-form-group textarea:focus{border-color:var(--mn-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mn-accent) 10%,#0000);outline:none}.mn-checkbox-group{display:flex;gap:24px;margin-top:16px}.mn-checkbox-group label{align-items:center;color:var(--mn-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px}.mn-checkbox-group input[type=checkbox]{accent-color:var(--mn-accent);cursor:pointer;height:18px;width:18px}.mn-process-btn{align-items:center;background:linear-gradient(135deg,var(--mn-accent),var(--mn-accent-dark));border:none;border-radius:12px;box-shadow:0 4px 16px color-mix(in srgb,var(--mn-accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:12px;justify-content:center;letter-spacing:2px;margin-top:32px;padding:18px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mn-process-btn:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--mn-accent) 40%,#0000);transform:translateY(-2px)}.mn-process-btn:active:not(:disabled){transform:translateY(0)}.mn-process-btn:disabled{cursor:not-allowed;opacity:.5}.mn-spinner{animation:spin 1s linear infinite}.mn-processing-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--mn-bg-primary) 95%,#0000);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mn-processing-content{max-width:400px;padding:40px;text-align:center}.mn-processing-icon{animation:pulse 2s ease-in-out infinite;color:var(--mn-accent);margin-bottom:24px}.mn-processing-title{color:var(--mn-accent);font-size:18px;font-weight:700;letter-spacing:2px;margin:0 0 12px;text-transform:uppercase}.mn-processing-stage{color:var(--mn-text-secondary);font-size:13px;font-weight:500;margin:0 0 24px}.mn-progress-bar{background:color-mix(in srgb,var(--mn-accent) 15%,#0000);border-radius:3px;height:6px;overflow:hidden;width:100%}.mn-progress-fill{background:linear-gradient(90deg,var(--mn-accent),var(--mn-accent-dark));border-radius:3px;height:100%;transition:width .3s ease}@media (max-width:768px){.mn-sidebar{box-shadow:4px 0 12px #0000001a;height:calc(100% - var(--mn-header-height));left:0;position:fixed;top:var(--mn-header-height);z-index:99}.mn-content{padding:24px 20px}.mn-settings-grid{grid-template-columns:1fr}.mn-upload-title{font-size:24px}}.mn-results{margin:0 auto;max-width:1200px}.mn-results-header{margin-bottom:32px}.mn-results-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mn-results-header-top h2{color:var(--mn-text-primary);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.mn-results-meta{display:flex;flex-wrap:wrap;gap:12px}.mn-meta-badge{align-items:center;background:color-mix(in srgb,var(--mn-accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:8px;color:var(--mn-accent);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.mn-meta-badge svg{height:14px;width:14px}.mn-tabs{border-bottom:2px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);margin-bottom:32px}.mn-tab,.mn-tabs{display:flex;gap:8px}.mn-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--mn-text-secondary);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:-2px;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.mn-tab:hover{background:color-mix(in srgb,var(--mn-accent) 5%,#0000);color:var(--mn-accent)}.mn-tab.active{border-bottom-color:var(--mn-accent);color:var(--mn-accent)}.mn-tab svg{height:16px;width:16px}.mn-tab-content{animation:fadeIn .3s ease}.mn-content-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.mn-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.mn-btn-primary{background:linear-gradient(135deg,var(--mn-accent),var(--mn-accent-dark));box-shadow:0 4px 12px color-mix(in srgb,var(--mn-accent) 25%,#0000);color:var(--bg-primary)}.mn-btn-primary:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--mn-accent) 35%,#0000);transform:translateY(-2px)}.mn-btn-secondary{background:var(--mn-bg-card);border:1px solid color-mix(in srgb,var(--mn-accent) 25%,#0000);color:var(--mn-accent)}.mn-btn-secondary:hover{background:color-mix(in srgb,var(--mn-accent) 10%,#0000);border-color:var(--mn-accent)}.convert-btn{align-items:center;background:var(--mn-bg-card);border:1px solid color-mix(in srgb,var(--mn-accent) 25%,#0000);border-radius:10px;color:var(--mn-accent);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .2s}.convert-btn:hover{background:color-mix(in srgb,var(--mn-accent) 10%,#0000);border-color:var(--mn-accent)}.mn-notes-panel{background:var(--mn-bg-card);border:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);border-radius:16px;padding:32px}.mn-notes-output{color:var(--mn-text-primary);line-height:1.8}.mn-notes-output h1,.mn-notes-output h2{color:var(--mn-accent);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:32px 0 16px;text-transform:uppercase}.mn-notes-output h3{color:var(--mn-text-primary);font-size:18px;font-weight:700;letter-spacing:.5px;margin:24px 0 12px}.mn-notes-output h4{color:var(--mn-accent);font-size:15px;font-weight:700;letter-spacing:1px;margin:20px 0 10px;text-transform:uppercase}.mn-notes-output p{font-size:15px;font-weight:400;line-height:1.8;margin:12px 0}.mn-notes-output strong{color:var(--mn-accent);font-weight:700}.mn-notes-output em{color:var(--mn-text-secondary);font-style:italic}.mn-notes-output ol,.mn-notes-output ul{margin:16px 0;padding-left:24px}.mn-notes-output li{font-size:15px;line-height:1.7;margin:8px 0}.mn-notes-output blockquote{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border-left:4px solid var(--mn-accent);border-radius:0 8px 8px 0;color:var(--mn-text-primary);font-style:italic;margin:20px 0;padding:16px 20px}.mn-notes-output code{background:color-mix(in srgb,var(--mn-accent) 10%,#0000);border-radius:4px;color:var(--mn-accent);font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.mn-notes-output pre{background:color-mix(in srgb,var(--mn-accent) 5%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.mn-notes-output pre code{background:none;padding:0}.mn-analysis-section{border-bottom:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);margin-bottom:32px;padding-bottom:32px}.mn-analysis-section:last-child{border-bottom:none}.mn-analysis-section h3{color:var(--mn-accent);font-size:14px;font-weight:700;letter-spacing:2px;margin:0 0 16px;text-transform:uppercase}.mn-analysis-section p{color:var(--mn-text-primary);font-size:15px;line-height:1.8;margin:0}.mn-concept-tags{display:flex;flex-wrap:wrap;gap:10px}.mn-concept-tag{background:color-mix(in srgb,var(--mn-accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 25%,#0000);border-radius:20px;color:var(--mn-accent);font-size:13px;font-weight:600;padding:8px 16px}.mn-topic-list{display:flex;flex-direction:column;gap:12px}.mn-topic-item{align-items:center;background:color-mix(in srgb,var(--mn-accent) 5%,#0000);border-radius:10px;color:var(--mn-text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px}.mn-topic-item svg{color:var(--mn-accent);flex-shrink:0}.mn-study-time{align-items:center;background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:12px;color:var(--mn-accent);display:flex;font-size:16px;font-weight:700;gap:12px;padding:16px 20px}.mn-study-time svg{height:20px;width:20px}.mn-flashcards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.mn-flashcard{background:var(--mn-bg-card);border:1px solid color-mix(in srgb,var(--mn-accent) 20%,#0000);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mn-flashcard:hover{border-color:var(--mn-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--mn-accent) 20%,#0000);transform:translateY(-4px)}.mn-flashcard-question{border-bottom:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);margin-bottom:20px;padding-bottom:20px}.mn-flashcard-question p{color:var(--mn-text-primary);font-size:15px;font-weight:600;line-height:1.6;margin:0}.mn-flashcard-answer p{color:var(--mn-accent);font-size:14px;font-weight:500;line-height:1.7;margin:0}.mn-empty-state{color:var(--mn-text-secondary);padding:60px 40px;text-align:center}.mn-empty-state svg{color:var(--mn-accent);margin-bottom:20px;opacity:.5}.mn-empty-state p{font-size:15px;font-weight:600;margin:8px 0}.mn-empty-hint{color:var(--mn-text-secondary);font-size:13px;font-weight:400;opacity:.7}.mn-progress{margin-top:24px}.mn-progress-text{color:var(--mn-accent);font-size:13px;font-weight:600;letter-spacing:1px;margin-top:12px;text-align:center;text-transform:uppercase}.cornell-notes{max-width:100%;width:100%}.cornell-header{border-bottom:2px solid var(--mn-accent);margin-bottom:24px;padding-bottom:16px}.cornell-header h2{color:var(--mn-accent);font-size:22px;font-weight:800;margin:0 0 8px}.cornell-header h2,.cornell-header p{letter-spacing:1px;text-transform:uppercase}.cornell-header p{color:var(--mn-text-secondary);font-size:12px;font-weight:600;margin:0}.cornell-row{grid-gap:20px;background:color-mix(in srgb,var(--mn-accent) 3%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);border-radius:12px;display:grid;gap:20px;grid-template-columns:30% 70%;margin-bottom:24px;padding:20px}.cue-column{border-right:2px solid color-mix(in srgb,var(--mn-accent) 25%,#0000);padding-right:20px}.cue-column h4{color:var(--mn-accent);font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 12px;text-transform:uppercase}.cue-column ul{list-style:none;margin:0;padding:0}.cue-column li{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border-left:3px solid var(--mn-accent);border-radius:4px;color:var(--mn-text-primary);font-size:13px;font-weight:600;margin-bottom:10px;padding:8px 12px}.notes-column h3{font-size:16px;font-weight:700;letter-spacing:.5px}.notes-column h3,.notes-column p{color:var(--mn-text-primary);margin:0 0 12px}.notes-column p{font-size:14px;line-height:1.7}.notes-column ul{margin:12px 0;padding-left:20px}.notes-column li{font-size:14px;line-height:1.6;margin-bottom:8px}.cornell-summary{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border:2px solid color-mix(in srgb,var(--mn-accent) 25%,#0000);border-radius:12px;margin-top:32px;padding:24px}.cornell-summary h4{color:var(--mn-accent);font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 16px;text-transform:uppercase}.cornell-summary p{color:var(--mn-text-primary);font-size:15px;line-height:1.8;margin:0 0 12px}.mind-map{padding:20px;width:100%}.mind-map>h2{background:color-mix(in srgb,var(--mn-accent) 10%,#0000);border:2px solid var(--mn-accent);border-radius:50px;color:var(--mn-accent);font-size:24px;font-weight:800;letter-spacing:1px;margin:0 0 40px;padding:20px;text-align:center;text-transform:uppercase}.branch{background:color-mix(in srgb,var(--mn-accent) 3%,#0000);border-left:4px solid var(--mn-accent);border-radius:12px;margin:24px 0;padding:20px;transition:all .3s ease}.branch:hover{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);transform:translateX(4px)}.branch h3{align-items:center;color:var(--mn-accent);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 16px}.branch h3:before{content:"●";font-size:24px}.branch ul{list-style:none;margin:0;padding-left:20px}.branch>ul>li{background:color-mix(in srgb,var(--mn-accent) 5%,#0000);border-radius:8px;color:var(--mn-text-primary);font-size:15px;font-weight:600;margin:12px 0;padding:10px 16px;position:relative}.branch>ul>li:before{color:var(--mn-accent);content:"→";font-weight:700;left:-20px;position:absolute}.branch ul ul{margin-top:8px;padding-left:24px}.branch ul ul li{background:#0000;border-left:2px solid color-mix(in srgb,var(--mn-accent) 30%,#0000);color:var(--mn-text-secondary);font-size:14px;font-weight:500;margin:6px 0;padding:6px 12px}.connection{color:var(--mn-accent);font-weight:700;margin:0 8px}.outline-notes{width:100%}.outline-notes>h1{border-bottom:3px solid var(--mn-accent);font-size:24px;font-weight:800;margin:0 0 32px;padding-bottom:16px}.outline-notes h2,.outline-notes>h1{color:var(--mn-accent);letter-spacing:1px;text-transform:uppercase}.outline-notes h2{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border-left:4px solid var(--mn-accent);border-radius:8px;font-size:20px;font-weight:700;margin:32px 0 16px;padding:12px 20px}.outline-notes h3{border-left:3px solid color-mix(in srgb,var(--mn-accent) 50%,#0000);font-size:17px;font-weight:700;margin:24px 0 12px 32px}.outline-notes h3,.outline-notes h4{color:var(--mn-text-primary);padding-left:16px}.outline-notes h4{border-left:2px solid color-mix(in srgb,var(--mn-accent) 30%,#0000);font-size:15px;font-weight:600;margin:16px 0 10px 64px}.outline-notes ul{margin:12px 0 12px 32px;padding-left:24px}.outline-notes li{color:var(--mn-text-primary);font-size:14px;line-height:1.7;margin:8px 0}.outline-notes li strong{color:var(--mn-accent);font-weight:700}.qa-notes{width:100%}.qa-notes>h1{border-bottom:3px solid var(--mn-accent);font-size:24px;font-weight:800;margin:0 0 32px;padding-bottom:16px;text-align:center}.qa-notes>h1,.qa-notes>h2{color:var(--mn-accent);letter-spacing:1px;text-transform:uppercase}.qa-notes>h2{background:color-mix(in srgb,var(--mn-accent) 8%,#0000);border-left:4px solid var(--mn-accent);border-radius:8px;font-size:18px;font-weight:700;margin:32px 0 20px;padding:12px 20px}.qa-pair{background:color-mix(in srgb,var(--mn-accent) 3%,#0000);border:1px solid color-mix(in srgb,var(--mn-accent) 15%,#0000);border-radius:12px;margin:20px 0;padding:20px;transition:all .3s ease}.qa-pair:hover{background:color-mix(in srgb,var(--mn-accent) 6%,#0000);border-color:var(--mn-accent);transform:translateX(4px)}.qa-pair h3.question{color:var(--mn-accent);font-size:16px;font-weight:700;margin:0 0 16px;padding-left:32px;position:relative}.qa-pair h3.question:before{align-items:center;background:var(--mn-accent);border-radius:50%;color:var(--bg-primary);content:"Q";display:flex;font-size:14px;font-weight:800;height:24px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:24px}.qa-pair .answer{padding-left:32px;position:relative}.qa-pair .answer:before{align-items:center;background:color-mix(in srgb,var(--mn-accent) 30%,#0000);border:2px solid var(--mn-accent);border-radius:50%;color:var(--mn-accent);content:"A";display:flex;font-size:14px;font-weight:800;height:24px;justify-content:center;left:0;position:absolute;top:4px;width:24px}.qa-pair .answer p{color:var(--mn-text-primary);font-size:15px;line-height:1.7;margin:0 0 12px}.qa-pair .answer strong{color:var(--mn-accent);font-weight:700}.qa-pair .answer ul{margin:12px 0;padding-left:20px}.qa-pair .answer li{font-size:14px;line-height:1.6;margin:6px 0}@media (max-width:768px){.cornell-row{gap:16px;grid-template-columns:1fr}.cue-column{border-bottom:2px solid color-mix(in srgb,var(--mn-accent) 25%,#0000);border-right:none;padding-bottom:16px;padding-right:0}.outline-notes h3{margin-left:16px}.outline-notes h4{margin-left:32px}.outline-notes ul{margin-left:16px}}.ai-media-notes-page .iem-overlay *,.ai-media-notes-page .iem-overlay :after,.ai-media-notes-page .iem-overlay :before{border-radius:0!important}.ai-media-notes-page .iem-overlay{--iem-bg-primary:var(--mn-bg-primary);--iem-bg-secondary:var(--mn-bg-secondary);--iem-bg-tertiary:var(--mn-bg-tertiary);--iem-border:var(--mn-border-subtle);--iem-text-primary:var(--mn-text-primary);--iem-text-secondary:var(--mn-text-secondary);--iem-accent:var(--mn-accent);align-items:center;animation:mn-iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ai-media-notes-page .iem-modal{animation:mn-iem-slideUp .3s ease;background:var(--iem-bg-secondary);border:2px solid var(--iem-border);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.ai-media-notes-page .iem-header{align-items:center;background:var(--iem-bg-secondary);border-bottom:2px solid var(--iem-border);display:flex;justify-content:space-between;padding:24px}.ai-media-notes-page .iem-header-content{align-items:center;display:flex;gap:16px}.ai-media-notes-page .iem-header-icon{color:var(--iem-accent)}.ai-media-notes-page .iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.ai-media-notes-page .iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.ai-media-notes-page .iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.ai-media-notes-page .iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.ai-media-notes-page .iem-body{flex:1 1;overflow-y:auto;padding:24px}.ai-media-notes-page .iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.ai-media-notes-page .iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.ai-media-notes-page .iem-select-all-btn{background:#0000;border:2px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.ai-media-notes-page .iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.ai-media-notes-page .iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.ai-media-notes-page .iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.ai-media-notes-page .iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.ai-media-notes-page .iem-item-card:hover{background:var(--iem-bg-secondary);border-color:var(--iem-accent)}.ai-media-notes-page .iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.ai-media-notes-page .iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.ai-media-notes-page .iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.ai-media-notes-page .iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.ai-media-notes-page .iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.ai-media-notes-page .iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.ai-media-notes-page .iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.ai-media-notes-page .iem-conversion-card:hover{border-color:var(--iem-accent);transform:translateY(-2px)}.ai-media-notes-page .iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.ai-media-notes-page .iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.ai-media-notes-page .iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.ai-media-notes-page .iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.ai-media-notes-page .iem-settings{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin-bottom:20px;padding:20px}.ai-media-notes-page .iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.ai-media-notes-page .iem-setting-group{margin-bottom:16px}.ai-media-notes-page .iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.ai-media-notes-page .iem-input,.ai-media-notes-page .iem-select{background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.ai-media-notes-page .iem-input:focus,.ai-media-notes-page .iem-select:focus{border-color:var(--iem-accent)}.ai-media-notes-page .iem-result{padding:40px 20px;text-align:center}.ai-media-notes-page .iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.ai-media-notes-page .iem-result-icon.success{background:color-mix(in srgb,#22c55e 15%,#0000);color:#22c55e}.ai-media-notes-page .iem-result-icon.error{background:color-mix(in srgb,#ef4444 15%,#0000);color:#ef4444}.ai-media-notes-page .iem-result-details{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.ai-media-notes-page .iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.ai-media-notes-page .iem-result-details strong{color:var(--iem-text-primary)}.ai-media-notes-page .iem-empty,.ai-media-notes-page .iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.ai-media-notes-page .iem-spinner{animation:mn-iem-spin 1s linear infinite;margin-bottom:16px}.ai-media-notes-page .iem-empty svg{margin-bottom:16px;opacity:.3}.ai-media-notes-page .iem-actions{border-top:2px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.ai-media-notes-page .iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.ai-media-notes-page .iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.ai-media-notes-page .iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-2px)}.ai-media-notes-page .iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.ai-media-notes-page .iem-btn-secondary{background:#0000;border:2px solid var(--iem-border);color:var(--iem-text-secondary)}.ai-media-notes-page .iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes mn-iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mn-iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mn-iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-media-notes-page .iem-body::-webkit-scrollbar,.ai-media-notes-page .iem-items-list::-webkit-scrollbar{width:8px}.ai-media-notes-page .iem-body::-webkit-scrollbar-track,.ai-media-notes-page .iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.ai-media-notes-page .iem-body::-webkit-scrollbar-thumb,.ai-media-notes-page .iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.ai-media-notes-page .iem-body::-webkit-scrollbar-thumb:hover,.ai-media-notes-page .iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}:root{--bg:var(--bg-primary);--hover-bg:#ffffff0d;--success:#22c55e}.my-notes-page-full{--nt-bg-primary:var(--bg-primary);--nt-bg-secondary:var(--bg-secondary);--nt-bg-tertiary:var(--hover-bg);--nt-bg-card:var(--panel);--nt-bg-elevated:var(--hover-bg);--nt-border-subtle:var(--border);--nt-border-default:var(--border);--nt-text-primary:var(--text-primary);--nt-text-secondary:var(--text-secondary);--nt-text-muted:var(--text-secondary);--nt-accent:var(--accent);--nt-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--nt-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--nt-success:#22c55e;--nt-warning:#f59e0b;--nt-danger:#ef4444;--nt-sidebar-width:260px;--nt-sidebar-collapsed:70px;--nt-header-height:70px;background:var(--bg-primary)!important;bottom:0!important;color:var(--nt-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.my-notes-page-full *{box-sizing:border-box;margin:0;padding:0}.mn-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.mn-header-left{align-items:center!important;display:flex!important;flex-direction:row!important;gap:16px}.mn-header-title{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0;position:relative}.mn-header-title,.mn-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.mn-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.mn-header-title:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.mn-header-title:hover .mn-logo-img{transform:scale(1.1)}.mn-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.mn-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--nt-text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}[data-theme-mode=dark] .mn-header-title,[data-theme-mode=light] .mn-header-title{color:var(--accent)!important}[data-theme-mode=dark] .mn-header-subtitle,[data-theme-mode=light] .mn-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--nt-text-primary))!important}.mn-header-right{gap:12px}.mn-header-right,.mn-nav-btn{align-items:center;display:flex}.mn-nav-btn{cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.mn-nav-btn svg{stroke:currentColor!important;fill:none!important;height:14px!important;width:14px!important}.mn-nav-btn-ghost{background:#0000;border:none;color:var(--nt-text-primary);opacity:.7}.mn-nav-btn-ghost:hover{color:var(--accent);opacity:1}.mn-nav-btn-ghost *{color:inherit!important}.mn-body{display:flex;flex:1 1;overflow:hidden}.nt-layout{width:100%}.nt-layout,.nt-sidebar{display:flex;height:100%}.nt-sidebar{background:var(--bg-secondary);border-right:1px solid var(--nt-border-subtle);flex-direction:column;flex-shrink:0;padding-top:16px;transition:width .3s ease;width:var(--nt-sidebar-width)}[data-theme-mode=dark] .nt-sidebar{background:var(--bg-secondary)!important;color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=dark] .nt-nav-section-title{color:var(--accent)!important}[data-theme-mode=dark] .nt-nav-text{color:color-mix(in srgb,var(--accent) 60%,#fff)!important}[data-theme-mode=light] .nt-sidebar{background:var(--bg-secondary)!important;color:color-mix(in srgb,var(--accent) 80%,#000)!important}[data-theme-mode=light] .nt-nav-section-title{color:var(--accent)!important}[data-theme-mode=light] .nt-nav-text{color:color-mix(in srgb,var(--accent) 80%,#000)!important}.nt-sidebar.collapsed{border-right:none!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:0!important}.nt-show-sidebar-btn{align-items:center!important;background:var(--nt-bg-secondary)!important;border:1px solid var(--nt-border-subtle)!important;color:var(--nt-accent)!important;cursor:pointer!important;display:flex!important;height:44px!important;justify-content:center!important;left:16px!important;position:fixed!important;top:80px!important;transition:all .2s!important;width:44px!important;z-index:100!important}.nt-show-sidebar-btn:hover{background:var(--nt-accent)!important;color:var(--nt-bg-primary)!important}.nt-sidebar-header{border-bottom:1px solid var(--nt-border-subtle);justify-content:space-between;padding:20px}.nt-logo,.nt-sidebar-header{align-items:center;display:flex}.nt-logo{cursor:pointer;gap:12px}.nt-logo-icon{align-items:center;background:linear-gradient(135deg,var(--nt-accent),var(--nt-accent-dark));border-radius:10px;color:var(--nt-bg-primary);display:flex;height:40px;justify-content:center;width:40px}.nt-logo-icon svg{height:22px;width:22px}.nt-logo-text{color:var(--nt-text-primary);font-size:20px;font-weight:700;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nt-logo-text:after{background:var(--nt-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.nt-logo:hover .nt-logo-text{color:color-mix(in srgb,var(--nt-accent) 80%,#fff)}.nt-logo:hover .nt-logo-text:after{width:100%}.nt-sidebar.collapsed .nt-logo-text{display:none}.nt-collapse-btn{align-items:center;background:var(--nt-bg-tertiary);border:1px solid var(--nt-border-subtle);border-radius:6px;color:var(--nt-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.nt-collapse-btn:hover{background:var(--nt-bg-elevated);color:var(--nt-accent)}.nt-new-note-btn{align-items:center;background:linear-gradient(135deg,var(--nt-accent),var(--nt-accent-dark));border:none;border-radius:8px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;letter-spacing:2px;margin:12px;padding:12px 16px;text-transform:uppercase;transition:all .2s}[data-theme-mode=dark] .nt-new-note-btn{color:#000!important}[data-theme-mode=dark] .nt-new-note-btn svg{color:#000!important;flex-shrink:0}[data-theme-mode=dark] .nt-new-note-btn .nt-nav-text{color:#000!important}[data-theme-mode=light] .nt-new-note-btn{color:#fff!important}[data-theme-mode=light] .nt-new-note-btn svg{color:#fff!important;flex-shrink:0}[data-theme-mode=light] .nt-new-note-btn .nt-nav-text{color:#fff!important}.nt-new-note-btn:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.nt-new-note-btn svg{flex-shrink:0;height:14px;width:14px}.nt-new-note-btn .nt-nav-text{flex:0 0 auto}.nt-sidebar.collapsed .nt-new-note-btn span{display:none}.nt-sidebar.collapsed .nt-new-note-btn{justify-content:center;padding:12px}.nt-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.nt-nav-section{margin-bottom:16px}.nt-nav-section:last-child{border-bottom:none}.nt-nav-section-title{align-items:center;color:var(--accent);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:2px;margin-bottom:4px;margin-top:8px;padding:12px 16px 8px;text-transform:uppercase}.nt-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--nt-text-secondary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.nt-nav-item:hover{background:var(--nt-bg-tertiary);color:var(--nt-text-primary)}.nt-nav-item.active{background:var(--nt-accent-glow);color:var(--nt-accent)}.nt-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nt-nav-icon,.nt-nav-icon svg{height:20px;width:20px}.nt-nav-text{flex:1 1;font-size:11px;font-weight:600;letter-spacing:2px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.nt-nav-count{background:var(--nt-bg-tertiary);border-radius:10px;color:var(--nt-text-muted);font-size:11px;padding:2px 6px}.nt-sidebar.collapsed .nt-nav-count,.nt-sidebar.collapsed .nt-nav-section-title,.nt-sidebar.collapsed .nt-nav-text{display:none}.nt-sidebar.collapsed .nt-nav-item{justify-content:center;padding:12px}.nt-add-folder-btn{align-items:center;background:#0000;border:none;color:var(--nt-text-muted);cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.nt-add-folder-btn:hover{color:var(--nt-accent)}.nt-sidebar-footer{border-top:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:none;flex-direction:column;gap:4px;padding:16px 12px}.nt-sidebar-footer .nt-nav-item{border:1px solid color-mix(in srgb,var(--accent) 40%,#0000)}.nt-main{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.nt-header{display:none}.nt-content-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.nt-header-left{display:flex;flex-direction:column;gap:2px}.nt-header-title{color:var(--nt-text-primary);font-size:22px;font-weight:700}[data-theme-mode=dark] .nt-header-title{color:var(--nt-accent)!important}.nt-header-subtitle{color:var(--nt-text-muted);font-size:13px}.nt-header-actions{gap:12px}.nt-header-actions,.nt-search{align-items:center;display:flex}.nt-search{background:var(--nt-bg-tertiary);border:1px solid var(--nt-border-subtle);border-radius:12px;gap:8px;min-width:240px;padding:8px 14px}.nt-search:focus-within{border-color:var(--nt-accent)}.nt-search svg{color:var(--nt-text-muted);height:16px;width:16px}.nt-search input{background:#0000;border:none;color:var(--nt-text-primary);flex:1 1;font-size:11px;outline:none}.nt-search input,.nt-search input::placeholder{font-weight:600;letter-spacing:2px;text-transform:uppercase}.nt-search input::placeholder{color:var(--nt-text-muted)}.nt-view-controls{background:var(--nt-bg-tertiary);border:1px solid var(--nt-border-subtle);border-radius:12px;display:flex;gap:4px;padding:4px}.nt-view-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--nt-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.nt-view-btn:hover{color:var(--nt-text-primary)}.nt-view-btn.active{background:var(--nt-accent);color:var(--nt-bg-primary)}.nt-view-btn svg{height:16px;width:16px}.nt-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.nt-btn-secondary{background:var(--nt-bg-tertiary);border:1px solid var(--nt-border-subtle);color:var(--nt-text-primary)}.nt-btn-secondary:hover{background:var(--nt-bg-elevated)}.nt-btn-primary{background:linear-gradient(135deg,var(--nt-accent),var(--nt-accent-dark));color:var(--nt-bg-primary)}.nt-btn-primary:hover{box-shadow:0 4px 12px #d7b38c4d;transform:translateY(-1px)}.nt-btn svg{height:16px;width:16px}.nt-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px 32px}.nt-content::-webkit-scrollbar{width:8px}.nt-content::-webkit-scrollbar-track{background:#0000}.nt-content::-webkit-scrollbar-thumb{background:var(--nt-border-subtle);border-radius:4px}.nt-content::-webkit-scrollbar-thumb:hover{background:var(--nt-accent)}.nt-notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.nt-notes-list{display:flex;flex-direction:column;gap:12px}.nt-note-card{background:linear-gradient(145deg,var(--nt-bg-secondary),var(--nt-bg-tertiary));border:1px solid var(--nt-border-subtle);border-radius:8px;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .2s}.nt-note-card:before{background:linear-gradient(90deg,#0000 0,var(--nt-accent) 50%,#0000 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.nt-note-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.nt-note-card:hover:before{opacity:1}.nt-note-card-cover{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--nt-accent) 40%,#0000) 0,color-mix(in srgb,var(--nt-accent) 20%,#0000) 100%);border-bottom:1px solid var(--nt-border-subtle);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.nt-note-card-cover:after{background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--nt-accent) 15%,#0000) 0,#0000 70%);content:"";inset:0;opacity:.5;position:absolute;transition:all .3s ease}.nt-note-card:hover .nt-note-card-cover:after{opacity:.8;transform:scale(1.1)}.nt-note-cover-icon{color:var(--nt-accent);font-size:48px;opacity:.3;position:relative;transition:all .3s ease;z-index:1}.nt-note-card:hover .nt-note-cover-icon{opacity:.5;transform:scale(1.1)}.nt-note-card-content{padding:20px}.nt-note-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.nt-note-title{color:var(--nt-accent);flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.nt-note-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.nt-note-card:hover .nt-note-actions{opacity:1}.nt-note-action-btn{align-items:center;background:var(--nt-bg-tertiary);border:1px solid var(--nt-border-subtle);border-radius:10px;color:var(--nt-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.nt-note-action-btn:hover{background:var(--nt-bg-elevated);color:var(--nt-text-primary)}.nt-note-action-btn.delete:hover{border-color:var(--nt-danger);color:var(--nt-danger)}.nt-note-action-btn svg{height:14px;width:14px}.nt-note-preview{-webkit-box-orient:vertical;color:var(--nt-text-muted);display:-webkit-box;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.5;margin-bottom:16px;overflow:hidden;text-transform:uppercase}.nt-note-footer{justify-content:space-between}.nt-note-date,.nt-note-footer{align-items:center;display:flex}.nt-note-date{color:var(--nt-text-muted);font-size:11px;gap:6px}.nt-note-date svg{height:12px;width:12px}.nt-favorite-badge{color:var(--nt-warning);position:absolute;right:12px;top:12px}.nt-favorite-badge svg{fill:currentColor;height:16px;width:16px}.nt-empty-state{flex:1 1;flex-direction:column;min-height:400px;text-align:center}.nt-empty-icon,.nt-empty-state{align-items:center;display:flex;justify-content:center}.nt-empty-icon{background:var(--nt-bg-tertiary);border-radius:24px;color:var(--nt-accent);height:80px;margin-bottom:24px;width:80px}.nt-empty-icon svg{height:40px;width:40px}.nt-empty-state h2{color:var(--nt-text-primary);margin-bottom:8px}.nt-empty-state h2,.nt-empty-state p{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.nt-empty-state p{color:var(--nt-text-muted);margin:0}.nt-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.nt-spinner{animation:nt-spin 1s linear infinite;border:3px solid var(--nt-border-subtle);border-radius:50%;border-top-color:var(--nt-accent);height:40px;margin-bottom:16px;width:40px}@keyframes nt-spin{to{transform:rotate(1turn)}}.nt-loading p{color:var(--nt-text-muted);font-size:14px}.nt-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.nt-modal{background:var(--nt-bg-secondary);border:1px solid var(--nt-border-subtle);border-radius:20px;max-height:80vh;max-width:480px;overflow-y:auto;padding:24px;width:90%}.nt-modal h3{color:var(--nt-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.nt-modal-subtitle{color:var(--nt-text-muted);font-size:13px;margin-bottom:20px}.nt-modal input[type=text]{background:var(--nt-bg-primary);border:1px solid var(--nt-border-subtle);border-radius:12px;color:var(--nt-text-primary);font-size:14px;margin-bottom:20px;outline:none;padding:12px 16px;width:100%}.nt-modal input[type=text]:focus{border-color:var(--nt-accent)}.nt-modal-actions{display:flex;gap:12px;justify-content:flex-end}.nt-modal-btn{border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s}.nt-modal-btn.cancel{background:var(--nt-bg-tertiary);border:1px solid var(--nt-border-subtle);color:var(--nt-text-primary)}.nt-modal-btn.cancel:hover{background:var(--nt-bg-elevated)}.nt-modal-btn.primary{background:var(--nt-accent);border:none;color:var(--nt-bg-primary)}.nt-modal-btn.primary:hover{opacity:.9}.nt-modal-btn.primary:disabled{cursor:not-allowed;opacity:.5}.nt-chat-list{border:1px solid var(--nt-border-subtle);border-radius:12px;margin-bottom:20px;max-height:300px;overflow-y:auto}.nt-chat-item{align-items:center;border-bottom:1px solid var(--nt-border-subtle);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.nt-chat-item:last-child{border-bottom:none}.nt-chat-item:hover{background:var(--nt-bg-tertiary)}.nt-chat-item input[type=checkbox]{accent-color:var(--nt-accent);height:18px;width:18px}.nt-chat-info{flex:1 1}.nt-chat-title{color:var(--nt-text-primary);font-size:14px;margin-bottom:2px}.nt-chat-date{color:var(--nt-text-muted);font-size:12px}.nt-folder-select-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.nt-folder-select-item{align-items:center;background:var(--nt-bg-primary);border:1px solid var(--nt-border-subtle);border-radius:12px;color:var(--nt-text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s}.nt-folder-select-item:hover{background:var(--nt-bg-tertiary);border-color:var(--nt-accent)}.nt-folder-select-item svg{color:var(--nt-accent);height:18px;width:18px}@media (max-width:1024px){.nt-sidebar{width:var(--nt-sidebar-collapsed)}.nt-sidebar .nt-logo-text,.nt-sidebar .nt-nav-count,.nt-sidebar .nt-nav-section-title,.nt-sidebar .nt-nav-text{display:none}.nt-sidebar .nt-nav-item,.nt-sidebar .nt-new-note-btn{justify-content:center;padding:12px}.nt-sidebar .nt-new-note-btn span{display:none}.nt-notes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.nt-sidebar{display:none}.nt-header{padding:0 16px}.nt-content{padding:16px}.nt-notes-grid{grid-template-columns:1fr}.nt-search{min-width:160px}}[data-theme-mode=dark] .my-notes-page-full{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important}[data-theme-mode=light] .my-notes-page-full{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#fff)!important}[data-theme-mode=dark] .nt-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important}[data-theme-mode=light] .nt-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important}[data-theme-mode=dark] .mn-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .mn-header{background:linear-gradient(180deg,#fff,#fafafa)!important;box-shadow:0 2px 20px #0000000d}[data-theme-mode=dark] .nt-main{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important}[data-theme-mode=light] .nt-main{background:linear-gradient(135deg,#fff,#f8f9fa 50%,#fff)!important}[data-theme-mode=dark] .nt-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c26;box-shadow:0 2px 20px #0000004d}[data-theme-mode=light] .nt-header{background:linear-gradient(180deg,#fff,#fafafa)!important;box-shadow:0 2px 20px #00000008}[data-theme-mode=dark] .nt-note-card{background:linear-gradient(145deg,color-mix(in srgb,var(--nt-accent) 5%,var(--nt-bg-secondary)) 0,var(--nt-bg-tertiary) 100%);border:1px solid #d7b38c1a;box-shadow:0 2px 8px #0003}[data-theme-mode=light] .nt-note-card{background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--nt-accent) 3%,#fafafa) 100%);border:1px solid #0000000d;box-shadow:0 2px 8px #0000000d}[data-theme-mode=dark] .nt-note-card:hover{box-shadow:0 8px 32px #0006}[data-theme-mode=light] .nt-note-card:hover{box-shadow:0 8px 24px #0000001f}.nt-note-card:hover{border-color:color-mix(in srgb,var(--nt-accent) 30%,#0000)}[data-theme-mode=dark] .nt-search{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c26}[data-theme-mode=light] .nt-search{background:linear-gradient(135deg,#fff,#fafafa)}[data-theme-mode=dark] .nt-view-controls{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c26}[data-theme-mode=light] .nt-view-controls{background:linear-gradient(135deg,#fff,#fafafa)}[data-theme-mode=dark] .nt-empty-icon{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c26}[data-theme-mode=dark] .nt-modal{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #d7b38c33}[data-theme-mode=light] .nt-modal{background:linear-gradient(135deg,#fff,#fafafa)}.nt-nav-item{overflow:hidden;position:relative}.nt-nav-item:before{background:linear-gradient(90deg,var(--nt-accent-glow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.nt-nav-item:hover:before{opacity:1}.nt-nav-item.active:before{background:linear-gradient(90deg,var(--nt-accent-glow),#0000);opacity:1}.nt-new-note-btn{overflow:hidden;position:relative}.nt-new-note-btn:before{background:linear-gradient(135deg,var(--nt-accent),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.nt-new-note-btn:hover:before{opacity:.3}.my-notes-page-full:before{background-image:radial-gradient(circle at 20% 50%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 80% 80%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 40% 20%,#d7b38c05 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.mn-body,.mn-header,.nt-main,.nt-sidebar{position:relative;z-index:1}.nt-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--nt-accent),var(--nt-accent-dark));box-shadow:0 0 10px var(--nt-accent)}.nt-header-title,.nt-nav-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--nt-accent),var(--nt-accent-dark));-webkit-background-clip:text;background-clip:text}.nt-source-flashcards{color:#f59e0b!important}.nt-source-quizzes{color:#8b5cf6!important}.nt-source-roadmaps{color:#22c55e!important}.nt-nav-item.active .nt-source-flashcards,.nt-nav-item:hover .nt-source-flashcards{color:#fbbf24!important}.nt-nav-item.active .nt-source-quizzes,.nt-nav-item:hover .nt-source-quizzes{color:#a78bfa!important}.nt-nav-item.active .nt-source-roadmaps,.nt-nav-item:hover .nt-source-roadmaps{color:#4ade80!important}.my-notes-page-full .smart-folders-panel{background:#1a1a1a!important;border:1px solid #333!important;border-radius:12px!important;box-shadow:0 20px 60px #0009!important;display:flex!important;flex-direction:column!important;height:auto!important;left:50%!important;max-height:80vh!important;max-width:95vw!important;position:fixed!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:400px!important;z-index:10002!important}.my-notes-page-full .smart-folders-panel .sf-loading{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;padding:60px 20px!important}.my-notes-page-full .smart-folders-panel .sf-loading p{color:#888!important;font-size:13px!important;margin:0!important}.my-notes-page-full .smart-folders-panel .sf-spinner{animation:sfSpin 1s linear infinite!important;color:#d7b38c!important}@keyframes sfSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.my-notes-page-full .smart-folders-panel .sf-header{align-items:center!important;background:#222!important;border-bottom:1px solid #333!important;border-radius:12px 12px 0 0!important;display:flex!important;justify-content:space-between!important;padding:16px 20px!important}.my-notes-page-full .smart-folders-panel .sf-header h3{color:#eee!important;font-size:15px!important;font-weight:600!important;margin:0!important}.my-notes-page-full .smart-folders-panel .sf-header-actions{display:flex!important;gap:8px!important}.my-notes-page-full .smart-folders-panel .sf-close-btn,.my-notes-page-full .smart-folders-panel .sf-refresh-btn{align-items:center!important;background:#0000!important;border:1px solid #444!important;border-radius:6px!important;color:#888!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;transition:all .2s!important;width:32px!important}.my-notes-page-full .smart-folders-panel .sf-close-btn:hover,.my-notes-page-full .smart-folders-panel .sf-refresh-btn:hover{background:#333!important;border-color:#d7b38c!important;color:#d7b38c!important}.my-notes-page-full .smart-folders-panel .sf-content{flex:1 1!important;overflow-y:auto!important;padding:16px!important}.my-notes-page-full .smart-folders-panel .sf-empty{align-items:center!important;color:#666!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:40px 20px!important}.my-notes-page-full .smart-folders-panel .sf-empty svg{margin-bottom:12px!important;opacity:.3!important}.my-notes-page-full .smart-folders-panel .sf-empty p{font-size:13px!important;margin:0!important}.my-notes-page-full .smart-folders-panel .sf-folders-list{display:flex!important;flex-direction:column!important;gap:6px!important}.my-notes-page-full .smart-folders-panel .sf-folder-item{align-items:center!important;background:#222!important;border:1px solid #333!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;gap:12px!important;padding:12px 14px!important;transition:all .2s!important}.my-notes-page-full .smart-folders-panel .sf-folder-item:hover{background:#2a2a2a!important;border-color:#d7b38c66!important}.my-notes-page-full .smart-folders-panel .sf-folder-item.selected{background:#d7b38c26!important;border-color:#d7b38c!important}.my-notes-page-full .smart-folders-panel .sf-folder-icon{align-items:center!important;color:#d7b38c!important;display:flex!important}.my-notes-page-full .smart-folders-panel .sf-folder-info{align-items:center!important;display:flex!important;flex:1 1!important;justify-content:space-between!important}.my-notes-page-full .smart-folders-panel .sf-folder-name{color:#eee!important;font-size:13px!important;font-weight:500!important}.my-notes-page-full .smart-folders-panel .sf-folder-count{background:#333!important;border-radius:10px!important;color:#888!important;font-size:11px!important;padding:3px 8px!important}.my-notes-page-full .smart-folders-panel .sf-notes-preview{border-top:1px solid #333!important;margin-top:16px!important;padding-top:16px!important}.my-notes-page-full .smart-folders-panel .sf-notes-preview h4{color:#d7b38c!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0 0 12px!important;text-transform:uppercase!important}.my-notes-page-full .smart-folders-panel .sf-notes-list{display:flex!important;flex-direction:column!important;gap:4px!important;max-height:200px!important;overflow-y:auto!important}.my-notes-page-full .smart-folders-panel .sf-note-item{align-items:center!important;background:#222!important;border-radius:6px!important;display:flex!important;font-size:12px!important;justify-content:space-between!important;padding:10px 12px!important}.my-notes-page-full .smart-folders-panel .sf-note-title{color:#ddd!important;flex:1 1!important;margin-right:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.my-notes-page-full .smart-folders-panel .sf-note-date{color:#666!important;flex-shrink:0!important;font-size:11px!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel{background:#fff!important;border-color:#e0e0e0!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel .sf-header{background:#f5f5f5!important;border-color:#e0e0e0!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel .sf-header h3{color:#333!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel .sf-folder-item{background:#f5f5f5!important;border-color:#e0e0e0!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel .sf-folder-name{color:#333!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel .sf-note-item{background:#f5f5f5!important}[data-theme-mode=light] .my-notes-page-full .smart-folders-panel .sf-note-title{color:#333!important}.my-notes-page-full .nt-modal,.my-notes-page-full .nt-modal *,.my-notes-page-full .nt-modal :after,.my-notes-page-full .nt-modal :before,.my-notes-page-full .nt-modal-overlay{border-radius:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.my-notes-page-full .nt-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000c!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9998!important}.my-notes-page-full .nt-modal{background:var(--bg-secondary)!important;border:2px solid var(--border)!important;box-shadow:0 25px 80px #0009!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:550px!important;overflow:hidden!important;padding:0!important;width:90%!important;z-index:9999!important}.my-notes-page-full .nt-modal h3{background:var(--bg-secondary)!important;border-bottom:2px solid var(--border)!important;color:#d7b38c!important;font-size:18px!important;font-weight:700!important;letter-spacing:1px!important;margin:0!important;padding:20px 24px!important;text-transform:uppercase!important}.my-notes-page-full .nt-modal-subtitle{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border)!important;color:#b8c0cc!important;font-size:13px!important;margin:0!important;padding:16px 24px!important}.my-notes-page-full .nt-chat-list{background:var(--bg-secondary)!important;border:none!important;margin:0!important;max-height:350px!important;overflow-y:auto!important}.my-notes-page-full .nt-chat-list::-webkit-scrollbar{width:8px!important}.my-notes-page-full .nt-chat-list::-webkit-scrollbar-track{background:var(--bg-secondary)!important}.my-notes-page-full .nt-chat-list::-webkit-scrollbar-thumb{background:#d7b38c!important}.my-notes-page-full .nt-chat-item{align-items:center!important;background:#0000!important;border-bottom:1px solid var(--border)!important;cursor:pointer!important;display:flex!important;gap:14px!important;padding:16px 24px!important;transition:background .2s!important}.my-notes-page-full .nt-chat-item:last-child{border-bottom:none!important}.my-notes-page-full .nt-chat-item:hover{background:#d7b38c0d!important}.my-notes-page-full .nt-chat-item input[type=checkbox]{accent-color:#d7b38c!important;cursor:pointer!important;height:20px!important;width:20px!important}.my-notes-page-full .nt-chat-info{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important}.my-notes-page-full .nt-chat-title{color:#eaecef!important;font-size:14px!important;font-weight:600!important}.my-notes-page-full .nt-chat-date{color:#b8c0cc!important;font-size:12px!important}.my-notes-page-full .nt-modal-actions{background:var(--bg-secondary)!important;border-top:2px solid var(--border)!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:20px 24px!important}.my-notes-page-full .nt-modal-btn{cursor:pointer!important;font-size:13px!important;font-weight:600!important;padding:12px 24px!important;transition:all .2s!important}.my-notes-page-full .nt-modal-btn.cancel{background:var(--bg-secondary)!important;border:2px solid var(--border)!important;color:#eaecef!important}.my-notes-page-full .nt-modal-btn.cancel:hover{background:#ffffff0d!important;border-color:#d7b38c!important}.my-notes-page-full .nt-modal-btn.primary{background:#d7b38c!important;border:2px solid #d7b38c!important;color:var(--bg-secondary)!important;font-weight:700!important}.my-notes-page-full .nt-modal-btn.primary:hover:not(:disabled){background:#c9a67a!important;transform:translateY(-1px)!important}.my-notes-page-full .nt-modal-btn.primary:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.my-notes-page-full .nt-folder-select-list{background:var(--bg-secondary)!important;margin:16px 0!important;max-height:300px!important;overflow-y:auto!important}.my-notes-page-full .nt-folder-select-item{align-items:center!important;background:#0000!important;border:none!important;border-bottom:1px solid var(--border)!important;color:#eaecef!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:12px!important;padding:14px 20px!important;text-align:left!important;transition:all .2s!important;width:100%!important}.my-notes-page-full .nt-folder-select-item:last-child{border-bottom:none!important}.my-notes-page-full .nt-folder-select-item:hover{background:#d7b38c1a!important;color:#d7b38c!important}.my-notes-page-full .nt-folder-select-item svg{color:#d7b38c!important}.lg-page{background-color:var(--bg-primary);display:grid;grid-template-columns:1fr 1fr;height:100vh;overflow:hidden;position:relative;width:100vw}.lg-left{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-primary) 95%,var(--accent) 5%) 0,var(--bg-primary) 100%);border-right:1px solid color-mix(in srgb,var(--accent) 10%,#0000);flex-direction:column;overflow:visible;padding:80px 60px;z-index:1}.lg-brand-graphic,.lg-left{align-items:center;display:flex;justify-content:center;position:relative}.lg-brand-graphic{height:750px;margin-bottom:20px;width:750px}.lg-brand-circle{border:60px solid var(--accent);border-radius:50%;height:620px;position:absolute;width:620px;z-index:2}.lg-concentric-ring-1{animation:pulseRing 4s ease-in-out infinite;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-radius:50%;height:740px;position:absolute;width:740px;z-index:1}.lg-concentric-ring-2{animation:pulseRing 4s ease-in-out .5s infinite;border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:50%;height:500px;position:absolute;width:500px;z-index:3}.lg-concentric-ring-3{animation:pulseRing 4s ease-in-out 1s infinite;border:1px solid color-mix(in srgb,var(--accent) 10%,#0000);border-radius:50%;height:860px;position:absolute;width:860px;z-index:0}.lg-brand-bar-top{left:calc(50% - 262px);top:-185px;transform:rotate(-45deg);transform-origin:bottom center;z-index:3}.lg-brand-bar-bottom,.lg-brand-bar-top{background:var(--accent);height:370px;position:absolute;width:80px}.lg-brand-bar-bottom{bottom:-185px;right:calc(50% - 262px);transform:rotate(-45deg);transform-origin:top center;z-index:1}.lg-glow-orb-1{animation:floatOrb 8s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,#0000) 0,#0000 70%);filter:blur(40px);height:200px;left:20%;top:20%;width:200px}.lg-glow-orb-1,.lg-glow-orb-2{border-radius:50%;position:absolute;z-index:0}.lg-glow-orb-2{animation:floatOrb 10s ease-in-out 2s infinite;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,#0000) 0,#0000 70%);bottom:15%;filter:blur(50px);height:250px;right:18%;width:250px}.lg-brand-text-overlay{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-58%);z-index:4}.lg-brand-name{color:var(--accent);font-size:74.375px;letter-spacing:-3.125px;line-height:1;margin-bottom:10px;text-transform:lowercase}.lg-brand-name,.lg-brand-tagline{font-family:Inter,sans-serif;font-weight:700}.lg-brand-tagline{color:color-mix(in srgb,var(--text-primary) 80%,#0000);font-size:15px;letter-spacing:3px;margin-top:8px;text-transform:uppercase}.lg-brand-description{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) 1s forwards;border-left:2px solid color-mix(in srgb,var(--accent) 40%,#0000);bottom:100px;left:45px;max-width:300px;opacity:0;padding-left:12px;position:absolute;text-align:left}.lg-description-label{color:var(--accent);font-family:Inter,sans-serif;font-size:7px;font-weight:800;letter-spacing:2px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.lg-description-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:10px;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;opacity:.8;text-align:justify}.lg-geometric-dots{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:50%;z-index:0}.lg-dot-pattern{position:absolute}.lg-dot-pattern.circle-1{height:220px;left:10%;top:8%;width:220px}.lg-dot-pattern.circle-2{height:180px;right:8%;top:18%;width:180px}.lg-dot-pattern.circle-3{bottom:25%;height:150px;left:15%;width:150px}.lg-dot-pattern.circle-4{bottom:10%;height:190px;right:20%;width:190px}.lg-dot-pattern.circle-5{height:130px;left:5%;top:50%;width:130px}.lg-dot-pattern.circle-6{height:100px;right:25%;top:35%;width:100px}.lg-dot-pattern.line-1{height:2px;left:35%;top:12%;transform:rotate(-35deg);width:280px}.lg-dot-pattern.line-2{bottom:18%;height:2px;left:45%;transform:rotate(25deg);width:220px}.lg-dot-pattern.line-3{height:2px;right:10%;top:60%;transform:rotate(-50deg);width:180px}.lg-dot-pattern.square-1{height:140px;left:40%;top:20%;width:140px}.lg-dot-pattern.square-2{bottom:30%;height:110px;right:35%;width:110px}.lg-dot-pattern.triangle-1{height:160px;left:25%;top:40%;width:160px}.lg-dot-pattern.arc-1{bottom:15%;height:100px;left:35%;width:200px}.lg-pattern-dot{animation:pulseDot 5s ease-in-out infinite;background-color:var(--accent);border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.lg-pattern-dot.fast{animation-duration:3s}.lg-pattern-dot.slow{animation-duration:7s}.lg-pattern-dot.medium{animation-duration:5s}.lg-pattern-dot:first-child{animation-delay:0s}.lg-pattern-dot:nth-child(2){animation-delay:.3s}.lg-pattern-dot:nth-child(3){animation-delay:.6s}.lg-pattern-dot:nth-child(4){animation-delay:.9s}.lg-pattern-dot:nth-child(5){animation-delay:1.2s}.lg-pattern-dot:nth-child(6){animation-delay:1.5s}.lg-pattern-dot:nth-child(7){animation-delay:1.8s}.lg-pattern-dot:nth-child(8){animation-delay:2.1s}.lg-pattern-dot:nth-child(9){animation-delay:2.4s}.lg-pattern-dot:nth-child(10){animation-delay:2.7s}.lg-pattern-dot:nth-child(11){animation-delay:3s}.lg-pattern-dot:nth-child(12){animation-delay:3.3s}.lg-pattern-dot:nth-child(13){animation-delay:3.6s}.lg-pattern-dot:nth-child(14){animation-delay:3.9s}.lg-pattern-dot:nth-child(15){animation-delay:4.2s}.lg-right{align-items:center;display:flex;justify-content:center;padding:60px;position:relative;z-index:1}.lg-container{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .4s forwards;max-width:390px;opacity:0;transform:translateY(20px);width:100%}.lg-header{margin-bottom:48px}.lg-title{align-items:center;color:var(--accent);display:flex;font-size:13px;font-weight:600;gap:12px;letter-spacing:4px;margin-bottom:12px;text-transform:uppercase}.lg-title:after{background:linear-gradient(to right,var(--accent) 0,#0000 100%);content:"";flex:1 1;height:1px;opacity:.3}.lg-subtitle{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:700;letter-spacing:3px;text-align:center;text-transform:uppercase}.lg-google-signin-container{margin-bottom:32px}.lg-google-signin-button{align-items:center;background-color:#fff;border:2px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:12px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:13px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.lg-google-signin-button:before{background:linear-gradient(90deg,#0000,#00000008 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.lg-google-signin-button:hover:before{left:100%}.lg-google-signin-button:hover{border-color:#d2d3d4;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;transform:translateY(-1px)}.lg-google-signin-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.lg-google-icon{height:20px;width:20px}.lg-divider{align-items:center;display:flex;gap:16px;justify-content:center;margin:32px 0}.lg-divider:after,.lg-divider:before{background:color-mix(in srgb,var(--accent) 40%,#0000);content:"";flex:1 1;height:1px}.lg-divider span{background:#0000;color:var(--accent);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:2px;padding:0 8px;text-transform:uppercase}.lg-form{display:flex;flex-direction:column;gap:17px}.lg-input-group{position:relative}.lg-input-label{color:color-mix(in srgb,var(--text-primary) 50%,#0000);left:13px;pointer-events:none;position:absolute;top:13px}.lg-input,.lg-input-label{font-size:12px;letter-spacing:.3px;transition:all .3s cubic-bezier(.16,1,.3,1)}.lg-input{background-color:var(--bg-secondary);border:2px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;outline:none;padding:13px;width:100%}.lg-input:focus{background-color:color-mix(in srgb,var(--bg-secondary) 70%,var(--accent) 3%);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,#0000)}.lg-input:focus+.lg-input-label,.lg-input:not(:placeholder-shown)+.lg-input-label{background-color:var(--bg-primary);color:var(--accent);font-size:11px;font-weight:600;left:12px;letter-spacing:1px;padding:0 4px;top:-10px}.lg-input:disabled{cursor:not-allowed;opacity:.5}.lg-button{background-color:var(--accent);border:2px solid var(--accent);border-radius:8px!important;color:var(--bg-primary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:2px;margin-top:12px;overflow:hidden;padding:13px 20px;position:relative;text-transform:uppercase;width:100%}.lg-button:before,.lg-button:hover:before{display:none}.lg-button:active,.lg-button:hover{background-color:var(--accent);border:2px solid var(--accent);border-radius:8px!important}.lg-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.lg-button-text{position:relative;z-index:1}.lg-footer{margin-top:32px;text-align:center}.lg-switch{color:color-mix(in srgb,var(--text-primary) 70%,#0000);font-size:12px;letter-spacing:.3px}.lg-switch-link{border-bottom:1px solid #0000;color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:2px;margin-left:5px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.lg-switch-link:hover{border-bottom-color:var(--accent)}.lg-google-spinner{animation:spin .8s linear infinite;border-top:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:50%;border-top-color:var(--accent);height:18px;width:18px}@media (max-width:1200px){.lg-page{grid-template-columns:1fr}.lg-left{display:none}.lg-right{border-left:none}}@media (max-width:768px){.lg-right{padding:40px 24px}.lg-container{max-width:100%}.lg-subtitle{font-size:24px}}@media (max-width:480px){.lg-button,.lg-google-signin-button,.lg-input{font-size:13px;padding:14px 16px}.lg-title{font-size:11px}.lg-subtitle{font-size:20px}}body{font-family:Inter,sans-serif}.rg-page,body{background-color:var(--bg-primary);overflow:hidden}.rg-page{display:grid;grid-template-columns:1fr 1fr;height:100vh;position:relative;width:100vw}.rg-left{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-primary) 95%,var(--accent) 5%) 0,var(--bg-primary) 100%);border-right:1px solid color-mix(in srgb,var(--accent) 10%,#0000);flex-direction:column;overflow:visible;padding:80px 60px;z-index:1}.rg-brand-graphic,.rg-left{align-items:center;display:flex;justify-content:center;position:relative}.rg-brand-graphic{height:750px;margin-bottom:20px;width:750px}.rg-brand-circle{border:60px solid var(--accent);border-radius:50%;height:620px;position:absolute;width:620px;z-index:2}.rg-concentric-ring-1{animation:pulseRing 4s ease-in-out infinite;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-radius:50%;height:740px;position:absolute;width:740px;z-index:1}.rg-concentric-ring-2{animation:pulseRing 4s ease-in-out .5s infinite;border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:50%;height:500px;position:absolute;width:500px;z-index:3}.rg-concentric-ring-3{animation:pulseRing 4s ease-in-out 1s infinite;border:1px solid color-mix(in srgb,var(--accent) 10%,#0000);border-radius:50%;height:860px;position:absolute;width:860px;z-index:0}@keyframes pulseRing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.rg-brand-bar-top{left:calc(50% - 262px);top:-185px;transform:rotate(-45deg);transform-origin:bottom center;z-index:3}.rg-brand-bar-bottom,.rg-brand-bar-top{background:var(--accent);height:370px;position:absolute;width:80px}.rg-brand-bar-bottom{bottom:-185px;right:calc(50% - 262px);transform:rotate(-45deg);transform-origin:top center;z-index:1}.rg-glow-orb-1{animation:floatOrb 8s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,#0000) 0,#0000 70%);filter:blur(40px);height:200px;left:20%;top:20%;width:200px}.rg-glow-orb-1,.rg-glow-orb-2{border-radius:50%;position:absolute;z-index:0}.rg-glow-orb-2{animation:floatOrb 10s ease-in-out 2s infinite;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,#0000) 0,#0000 70%);bottom:15%;filter:blur(50px);height:250px;right:18%;width:250px}@keyframes floatOrb{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(20px,-20px) scale(1.1)}}.rg-brand-text-overlay{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-58%);z-index:4}.rg-brand-name{color:var(--accent);font-size:74.375px;letter-spacing:-3.125px;line-height:1;margin-bottom:10px;text-transform:lowercase}.rg-brand-name,.rg-brand-tagline{font-family:Inter,sans-serif;font-weight:700}.rg-brand-tagline{color:color-mix(in srgb,var(--text-primary) 80%,#0000);font-size:15px;letter-spacing:3px;margin-top:8px;text-transform:uppercase}.rg-brand-description{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) 1s forwards;border-left:2px solid color-mix(in srgb,var(--accent) 40%,#0000);bottom:100px;left:45px;max-width:300px;opacity:0;padding-left:12px;position:absolute;text-align:left}.rg-description-label{color:var(--accent);font-family:Inter,sans-serif;font-size:7px;font-weight:800;letter-spacing:2px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.rg-description-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:10px;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;opacity:.8;text-align:justify}.rg-geometric-dots{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:50%;z-index:0}.rg-dot-pattern{position:absolute}.rg-dot-pattern.circle-1{height:220px;left:10%;top:8%;width:220px}.rg-dot-pattern.circle-2{height:180px;right:8%;top:18%;width:180px}.rg-dot-pattern.circle-3{bottom:25%;height:150px;left:15%;width:150px}.rg-dot-pattern.circle-4{bottom:10%;height:190px;right:20%;width:190px}.rg-dot-pattern.circle-5{height:130px;left:5%;top:50%;width:130px}.rg-dot-pattern.circle-6{height:100px;right:25%;top:35%;width:100px}.rg-dot-pattern.line-1{height:2px;left:35%;top:12%;transform:rotate(-35deg);width:280px}.rg-dot-pattern.line-2{bottom:18%;height:2px;left:45%;transform:rotate(25deg);width:220px}.rg-dot-pattern.line-3{height:2px;right:10%;top:60%;transform:rotate(-50deg);width:180px}.rg-dot-pattern.square-1{height:140px;left:40%;top:20%;width:140px}.rg-dot-pattern.square-2{bottom:30%;height:110px;right:35%;width:110px}.rg-dot-pattern.triangle-1{height:160px;left:25%;top:40%;width:160px}.rg-dot-pattern.arc-1{bottom:15%;height:100px;left:35%;width:200px}.rg-pattern-dot{animation:pulseDot 5s ease-in-out infinite;background-color:var(--accent);border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.rg-pattern-dot.fast{animation-duration:3s}.rg-pattern-dot.slow{animation-duration:7s}.rg-pattern-dot.medium{animation-duration:5s}.rg-pattern-dot:first-child{animation-delay:0s}.rg-pattern-dot:nth-child(2){animation-delay:.3s}.rg-pattern-dot:nth-child(3){animation-delay:.6s}.rg-pattern-dot:nth-child(4){animation-delay:.9s}.rg-pattern-dot:nth-child(5){animation-delay:1.2s}.rg-pattern-dot:nth-child(6){animation-delay:1.5s}.rg-pattern-dot:nth-child(7){animation-delay:1.8s}.rg-pattern-dot:nth-child(8){animation-delay:2.1s}.rg-pattern-dot:nth-child(9){animation-delay:2.4s}.rg-pattern-dot:nth-child(10){animation-delay:2.7s}.rg-pattern-dot:nth-child(11){animation-delay:3s}.rg-pattern-dot:nth-child(12){animation-delay:3.3s}.rg-pattern-dot:nth-child(13){animation-delay:3.6s}.rg-pattern-dot:nth-child(14){animation-delay:3.9s}.rg-pattern-dot:nth-child(15){animation-delay:4.2s}@keyframes pulseDot{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(2.5)}}.rg-right{align-items:center;display:flex;justify-content:center;padding:60px;position:relative;z-index:1}.rg-container{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .4s forwards;max-width:390px;opacity:0;transform:translateY(20px);width:100%}.rg-header{margin-bottom:48px}.rg-title{align-items:center;color:var(--accent);display:flex;font-size:13px;font-weight:600;gap:12px;letter-spacing:4px;margin-bottom:12px;text-transform:uppercase}.rg-title:after{background:linear-gradient(to right,var(--accent) 0,#0000 100%);content:"";flex:1 1;height:1px;opacity:.3}.rg-subtitle{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:700;letter-spacing:3px;text-align:center;text-transform:uppercase}.rg-google-signin-container{margin-bottom:32px}.rg-google-signin-button{align-items:center;background-color:#fff;border:2px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:12px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:13px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.rg-google-signin-button:before{background:linear-gradient(90deg,#0000,#00000008 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.rg-google-signin-button:hover:before{left:100%}.rg-google-signin-button:hover{border-color:#d2d3d4;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;transform:translateY(-1px)}.rg-google-signin-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.rg-google-icon{height:20px;width:20px}.rg-divider{align-items:center;display:flex;gap:16px;justify-content:center;margin:32px 0}.rg-divider:after,.rg-divider:before{background:color-mix(in srgb,var(--accent) 40%,#0000);content:"";flex:1 1;height:1px}.rg-divider span{background:#0000;color:var(--accent);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:2px;padding:0 8px;text-transform:uppercase}.rg-form{display:flex;flex-direction:column;gap:17px}.rg-input-group{position:relative}.rg-input-label{color:color-mix(in srgb,var(--text-primary) 50%,#0000);left:13px;pointer-events:none;position:absolute;top:13px}.rg-input,.rg-input-label{font-size:12px;letter-spacing:.3px;transition:all .3s cubic-bezier(.16,1,.3,1)}.rg-input{background-color:var(--bg-secondary);border:2px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;outline:none;padding:13px;width:100%}.rg-input:focus{background-color:color-mix(in srgb,var(--bg-secondary) 70%,var(--accent) 3%);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,#0000)}.rg-input:focus+.rg-input-label,.rg-input:not(:placeholder-shown)+.rg-input-label{background-color:var(--bg-primary);color:var(--accent);font-size:11px;font-weight:600;left:12px;letter-spacing:1px;padding:0 4px;top:-10px}.rg-input:disabled{cursor:not-allowed;opacity:.5}.rg-button{background-color:var(--accent);border:2px solid var(--accent);border-radius:8px!important;color:var(--bg-primary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:2px;margin-top:12px;overflow:hidden;padding:13px 20px;position:relative;text-transform:uppercase;width:100%}.rg-button:before,.rg-button:hover:before{display:none}.rg-button:active,.rg-button:hover{background-color:var(--accent);border:2px solid var(--accent);border-radius:8px!important}.rg-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.rg-button-text{position:relative;z-index:1}.rg-footer{margin-top:32px;text-align:center}.rg-switch{color:color-mix(in srgb,var(--text-primary) 70%,#0000);font-size:12px;letter-spacing:.3px}.rg-switch-link{border-bottom:1px solid #0000;color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:2px;margin-left:5px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.rg-switch-link:hover{border-bottom-color:var(--accent)}.rg-google-spinner{animation:spin .8s linear infinite;border-top:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:50%;border-top-color:var(--accent);height:18px;width:18px}@media (max-width:1200px){.rg-page{grid-template-columns:1fr}.rg-left{display:none}.rg-right{border-left:none}}@media (max-width:768px){.rg-right{padding:40px 24px}.rg-container{max-width:100%}.rg-subtitle{font-size:24px}}@media (max-width:480px){.rg-button,.rg-google-signin-button,.rg-input{font-size:13px;padding:14px 16px}.rg-title{font-size:11px}.rg-subtitle{font-size:20px}}.profile-page{--pf-bg-primary:var(--bg);--pf-bg-secondary:var(--panel);--pf-bg-tertiary:var(--hover-bg);--pf-bg-card:var(--panel);--pf-border-subtle:var(--border);--pf-text-primary:var(--text-primary);--pf-text-secondary:var(--text-secondary);--pf-accent:var(--accent);--pf-sidebar-width:260px;--pf-header-height:70px;--pf-success:#22c55e;--pf-warning:#f59e0b;--pf-danger:#ef4444}.profile-page *{box-sizing:border-box;margin:0;padding:0}.profile-page{background:var(--pf-bg-primary)!important;bottom:0!important;color:var(--pf-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.profile-page:before{display:none}.profile-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .profile-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .profile-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.profile-header-left{align-items:center;display:flex;gap:16px}.profile-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;position:relative}.profile-logo,.profile-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.profile-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.profile-logo:hover .profile-logo-img{transform:scale(1.1)}.profile-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.profile-subtitle{color:color-mix(in srgb,var(--accent) 70%,#fff);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.profile-header-right{align-items:center;display:flex;gap:12px}.profile-nav-btn{align-items:center;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-nav-btn-ghost{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);opacity:.7}.profile-nav-btn-ghost:hover{background:#0000;color:var(--accent);opacity:1;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:none}.profile-save-status{border-radius:6px!important;font-size:12px;font-weight:500;padding:6px 12px}.profile-save-status.saving{background:color-mix(in srgb,var(--pf-warning) 15%,#0000);color:var(--pf-warning)}.profile-save-status.saved{background:color-mix(in srgb,var(--pf-success) 15%,#0000);color:var(--pf-success)}.profile-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.profile-grid{grid-gap:20px;align-content:start;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding:24px 32px}.profile-card{background:linear-gradient(145deg,var(--pf-bg-card),var(--pf-bg-tertiary));border:1px solid var(--pf-border-subtle);border-radius:12px!important;padding:24px;transition:all .2s}.profile-card:before{display:none}.profile-card:hover{border-color:var(--pf-accent)}.profile-card.full-width{grid-column:1/-1}.card-header{align-items:center;border-bottom:1px solid var(--pf-border-subtle);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-content{align-items:center;gap:12px}.header-icon{color:var(--pf-accent);height:20px;width:20px}.card-title{color:var(--pf-text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.card-subtitle{color:var(--pf-text-secondary);font-size:12px}.loading-state{flex-direction:column;gap:16px;height:100%}.loading-spinner-container,.loading-state{align-items:center;display:flex;justify-content:center}.loading-spinner-container{gap:12px}.loading-spinner-cube{background:var(--pf-accent);box-shadow:0 4px 12px #d7b38c4d;height:16px;width:16px}.loading-spinner-container .loading-spinner-cube:first-child{animation-delay:-.32s}.loading-spinner-container .loading-spinner-cube:nth-child(2){animation-delay:-.16s}.loading-spinner-container .loading-spinner-cube:nth-child(3){animation-delay:0s}.loading-text{color:var(--pf-text-secondary);font-size:13px}.archetype-card{background:linear-gradient(145deg,var(--pf-bg-card),color-mix(in srgb,var(--accent) 15%,#0000));border-color:color-mix(in srgb,var(--pf-accent) 30%,var(--pf-border-subtle))}.retake-btn{align-items:center;background:linear-gradient(135deg,var(--pf-accent),color-mix(in srgb,var(--pf-accent) 85%,#000));border:none;border-radius:8px!important;color:var(--pf-bg-primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.retake-btn:hover{transform:translateY(-1px)}[data-theme-mode=light] .retake-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000))!important;color:#fff!important}[data-theme-mode=light] .retake-btn:hover{color:#fff!important}.archetype-display{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.archetype-main{background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);border-radius:12px!important;padding:32px;position:relative;text-align:center}.archetype-badge{background:var(--pf-accent);border-radius:6px!important;color:var(--pf-bg-primary);font-size:10px;font-weight:700;padding:4px 10px;position:absolute;right:16px;top:16px}.archetype-badge.secondary{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid var(--pf-accent);color:var(--pf-accent)}.archetype-icon-large{filter:grayscale(.3);font-size:56px;margin:16px 0}.archetype-icon-small{filter:grayscale(.3);font-size:36px;margin-bottom:12px}.archetype-name{font-size:18px}.archetype-name,.archetype-name-small{color:var(--pf-accent);font-weight:600;margin-bottom:4px}.archetype-name-small{font-size:16px}.archetype-tagline{color:var(--pf-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.archetype-tagline-small{color:var(--pf-text-secondary);font-size:11px}.archetype-description{color:var(--pf-text-primary);font-size:13px;line-height:1.6;margin:0 auto;max-width:400px}.archetype-secondary{background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);border-radius:12px!important;display:flex;flex-direction:column;justify-content:center;padding:24px;position:relative;text-align:center}.archetype-scores{background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);border-radius:10px!important;padding:20px}.scores-title{color:var(--pf-text-primary);font-size:13px;font-weight:600;margin-bottom:16px}.scores-grid{gap:12px}.score-item,.scores-grid{display:flex;flex-direction:column}.score-item{gap:6px}.score-header{align-items:center;display:flex;justify-content:space-between}.score-name{color:var(--pf-text-primary);font-size:12px;font-weight:500}.score-value{color:var(--pf-accent);font-size:12px;font-weight:600}.score-bar{background:var(--pf-bg-primary);height:6px;overflow:hidden}.score-bar,.score-fill{border-radius:3px!important}.score-fill{background:linear-gradient(90deg,var(--pf-accent),color-mix(in srgb,var(--pf-accent) 70%,#fff));height:100%;transition:width .4s ease}.archetype-placeholder{align-items:center;border:2px dashed var(--pf-border-subtle);display:flex;justify-content:center;min-height:300px}.placeholder-content{max-width:400px;padding:32px;text-align:center}.placeholder-icon{color:var(--pf-accent);height:48px;margin:0 auto 20px;opacity:.5;width:48px}.placeholder-title{color:var(--pf-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.placeholder-text{color:var(--pf-text-secondary);font-size:13px;line-height:1.5;margin-bottom:24px}.quiz-btn{align-items:center;background:linear-gradient(135deg,var(--pf-accent),color-mix(in srgb,var(--pf-accent) 85%,#000));border:none;border-radius:8px!important;color:var(--pf-bg-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.quiz-btn:hover{transform:translateY(-1px)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group-centered{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--pf-text-secondary);font-size:13px;font-weight:500}.form-input{background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);border-radius:8px!important;color:var(--pf-text-primary);font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--pf-accent)}.form-input::placeholder{color:var(--pf-text-secondary)}.form-select{-webkit-appearance:none;appearance:none;background:var(--pf-bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--pf-border-subtle);border-radius:8px!important;color:var(--pf-text-primary);cursor:pointer;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.form-select:focus{border-color:var(--pf-accent)}.form-select option{background:var(--pf-bg-secondary);color:var(--pf-text-primary)}.subjects-container{display:flex;flex-direction:column;gap:16px}.selected-subjects{border-bottom:1px solid var(--pf-border-subtle);gap:8px;padding-bottom:16px}.available-subjects{display:flex;flex-wrap:wrap;gap:8px}.subject-chip{align-items:center;border:none;border-radius:8px!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.subject-chip.selected{background:linear-gradient(135deg,var(--pf-accent),color-mix(in srgb,var(--pf-accent) 85%,#000));color:var(--pf-bg-primary)}.subject-chip.selected:hover{transform:translateY(-1px)}.subject-chip.selected .remove-icon{font-size:16px;font-weight:600;opacity:.8}.subject-chip.available{background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);color:var(--pf-text-secondary)}.subject-chip.available:hover{background:var(--pf-bg-secondary);border-color:var(--pf-accent);color:var(--pf-accent)}.learning-preferences-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.quiz-responses{display:flex;flex-direction:column;gap:12px}.quiz-item{background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);border-radius:10px!important;padding:16px}.quiz-question{color:var(--pf-text-primary);font-size:13px;font-weight:600;margin-bottom:6px}.quiz-answer{color:var(--pf-accent);font-size:13px;font-weight:500}@media (max-width:1024px){.archetype-display,.form-grid,.learning-preferences-grid,.profile-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-header{padding:0 16px}.profile-header-content{flex-direction:column;gap:12px;padding:12px 0}.profile-header-left,.profile-header-right{justify-content:center;width:100%}.profile-page-title{flex-direction:column;font-size:18px;gap:4px;text-align:center}.profile-grid{gap:16px;padding:16px}.profile-card{padding:16px}.archetype-main{padding:20px}.archetype-icon-large{font-size:40px}.archetype-name{font-size:16px}.archetype-description{font-size:12px}}[data-theme-mode=light] .profile-page{background:#f8f9fa!important}[data-theme-mode=light] .profile-header{background:#fff!important;border-bottom-color:#0000001a!important}[data-theme-mode=light] .profile-page-title{color:var(--accent)!important}[data-theme-mode=light] .profile-page-subtitle{color:#666!important}[data-theme-mode=light] .profile-content,[data-theme-mode=light] .profile-main{background:#f8f9fa!important}[data-theme-mode=light] .profile-back-btn,[data-theme-mode=light] .profile-nav-btn-ghost{background:#0000!important;border:none!important;color:#1a1a1a!important}[data-theme-mode=light] .profile-back-btn:hover,[data-theme-mode=light] .profile-nav-btn-ghost:hover{background:#0000!important;border:none!important;color:var(--accent)!important;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 50%,#0000)!important}[data-theme-mode=light] .profile-back-btn svg,[data-theme-mode=light] .profile-nav-btn-ghost svg{color:#1a1a1a!important}[data-theme-mode=light] .profile-back-btn:hover svg,[data-theme-mode=light] .profile-nav-btn-ghost:hover svg{color:var(--accent)!important}[data-theme-mode=light] .profile-archetype-section{background:#fff!important;border-color:#0000001a!important}[data-theme-mode=light] .archetype-main{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#000))!important;border-color:var(--accent)!important}[data-theme-mode=light] .archetype-main .archetype-description,[data-theme-mode=light] .archetype-main .archetype-name,[data-theme-mode=light] .archetype-main .archetype-tagline{color:#fff!important}[data-theme-mode=light] .archetype-main .archetype-badge{background:#ffffff40!important;color:#fff!important}[data-theme-mode=light] .profile-archetype-header h2{color:#1a1a1a!important}[data-theme-mode=light] .profile-archetype-header p{color:#666!important}[data-theme-mode=light] .profile-archetype-card{border-color:#0000001a!important}[data-theme-mode=light] .profile-archetype-card:hover{border-color:var(--accent)!important;box-shadow:0 8px 24px #0000001a!important}[data-theme-mode=light] .profile-archetype-card h3{color:var(--accent)!important}[data-theme-mode=light] .profile-archetype-card h4{color:#666!important}[data-theme-mode=light] .profile-archetype-card p{color:#1a1a1a!important}[data-theme-mode=light] .profile-badge{background:var(--accent)!important;color:#fff!important}[data-theme-mode=light] .profile-retake-btn{border-color:#0003!important;color:#1a1a1a!important}[data-theme-mode=light] .profile-retake-btn:hover{background:var(--accent)!important;border-color:var(--accent)!important}[data-theme-mode=light] .profile-card,[data-theme-mode=light] .profile-info-section{border-color:#0000001a!important}[data-theme-mode=light] .profile-card h3,[data-theme-mode=light] .profile-info-header h3{color:#1a1a1a!important}[data-theme-mode=light] .profile-card p,[data-theme-mode=light] .profile-info-header p{color:#666!important}[data-theme-mode=light] .profile-card svg,[data-theme-mode=light] .profile-info-header svg{color:var(--accent)!important}[data-theme-mode=light] .profile-form-group label{color:#1a1a1a!important}[data-theme-mode=light] .profile-input,[data-theme-mode=light] .profile-select,[data-theme-mode=light] input,[data-theme-mode=light] select{background:#fff!important;border-color:#0003!important;color:#1a1a1a!important}[data-theme-mode=light] .profile-input:focus,[data-theme-mode=light] .profile-select:focus,[data-theme-mode=light] input:focus,[data-theme-mode=light] select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)!important}[data-theme-mode=light] .profile-input::placeholder,[data-theme-mode=light] input::placeholder{color:#999!important}[data-theme-mode=light] .profile-save-btn,[data-theme-mode=light] button[type=submit]{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}[data-theme-mode=light] .profile-save-btn:hover,[data-theme-mode=light] button[type=submit]:hover{background:color-mix(in srgb,var(--accent) 90%,#000)!important}[data-theme-mode=light] .profile-save-btn:disabled,[data-theme-mode=light] button[type=submit]:disabled{background:#e0e0e0!important;border-color:#e0e0e0!important;color:#999!important}[data-theme-mode=light] .profile-success-message{background:color-mix(in srgb,#22c55e 15%,#fff)!important;border-color:#22c55e!important;color:#166534!important}[data-theme-mode=light] .profile-error-message{background:color-mix(in srgb,#ef4444 15%,#fff)!important;border-color:#ef4444!important;color:#991b1b!important}[data-theme-mode=light] .profile-stat-card{background:#fff!important;border-color:#0000001a!important}[data-theme-mode=light] .profile-stat-label{color:#666!important}[data-theme-mode=light] .profile-stat-value{color:var(--accent)!important}[data-theme-mode=light] .profile-grid{background:#0000!important}[data-theme-mode=light] .profile-section{background:#fff!important;border-color:#0000001a!important}[data-theme-mode=light] .profile-section h2,[data-theme-mode=light] .profile-section h3{color:#1a1a1a!important}[data-theme-mode=light] .profile-section p{color:#666!important}[data-theme-mode=light] .profile-archetype-section{animation:subtleShift 8s ease-in-out infinite;background:linear-gradient(135deg,#fff 0,color-mix(in srgb,var(--accent) 5%,#fff) 50%,#fff 100%)!important}@keyframes subtleShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}[data-theme-mode=light] .profile-archetype-card{animation:fadeInUp .6s ease-out backwards;background:#fff!important;background-clip:padding-box;border:2px solid #0000!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .profile-archetype-card:first-child{animation-delay:.1s}[data-theme-mode=light] .profile-archetype-card:nth-child(2){animation-delay:.2s}[data-theme-mode=light] .profile-archetype-card:before{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s;z-index:-1}[data-theme-mode=light] .profile-archetype-card:hover:before{opacity:1}[data-theme-mode=light] .profile-archetype-card:hover{box-shadow:0 20px 40px color-mix(in srgb,var(--accent) 25%,#0000)!important;transform:translateY(-8px) scale(1.02)}[data-theme-mode=light] .profile-archetype-card svg{transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .profile-archetype-card:hover svg{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 50%,transparent));transform:scale(1.2) rotate(5deg)}[data-theme-mode=light] .profile-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#fff))!important;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000)}[data-theme-mode=light] .profile-card,[data-theme-mode=light] .profile-info-section{animation:fadeInUp .6s ease-out backwards;background:#fff!important;border:1px solid #0000001a!important;border-left:4px solid var(--accent)!important;transition:all .3s ease}[data-theme-mode=light] .profile-card:hover,[data-theme-mode=light] .profile-info-section:hover{border-left-width:6px!important;box-shadow:-4px 8px 24px color-mix(in srgb,var(--accent) 15%,#0000)!important;transform:translateX(4px)}[data-theme-mode=light] .profile-header{background:linear-gradient(to right,#fff 0,color-mix(in srgb,var(--accent) 8%,#fff) 50%,#fff 100%)!important;box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 10%,#0000)}[data-theme-mode=light] .profile-page-title{-webkit-text-fill-color:#0000;animation:titleShine 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));-webkit-background-clip:text;background-clip:text}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}[data-theme-mode=light] .profile-save-btn,[data-theme-mode=light] button[type=submit]{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000))!important;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 30%,#0000);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .profile-save-btn:before,[data-theme-mode=light] button[type=submit]:before{background:#ffffff4d;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}[data-theme-mode=light] .profile-save-btn:hover:before,[data-theme-mode=light] button[type=submit]:hover:before{height:300px;width:300px}[data-theme-mode=light] .profile-save-btn:hover,[data-theme-mode=light] button[type=submit]:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000)!important;transform:translateY(-2px)}[data-theme-mode=light] .profile-save-btn:active,[data-theme-mode=light] button[type=submit]:active{transform:translateY(0)}[data-theme-mode=light] .profile-retake-btn{border:2px solid var(--accent)!important;overflow:hidden;position:relative;transition:all .3s ease}[data-theme-mode=light] .profile-retake-btn:before{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}[data-theme-mode=light] .profile-retake-btn:hover:before{left:0}[data-theme-mode=light] .profile-retake-btn:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,#0000)}[data-theme-mode=light] .profile-input:focus,[data-theme-mode=light] .profile-select:focus,[data-theme-mode=light] input:focus,[data-theme-mode=light] select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,#0000),0 4px 12px color-mix(in srgb,var(--accent) 15%,#0000)!important;transform:translateY(-1px);transition:all .3s ease}[data-theme-mode=light] .profile-success-message{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,color-mix(in srgb,#22c55e 15%,#fff),color-mix(in srgb,#22c55e 8%,#fff))!important;border-left:4px solid #22c55e!important}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}[data-theme-mode=light] .profile-stat-card{animation:fadeInUp .6s ease-out backwards;background:linear-gradient(135deg,#fff 0,color-mix(in srgb,var(--accent) 3%,#fff) 100%)!important;border-top:3px solid var(--accent)!important;transition:all .3s ease}[data-theme-mode=light] .profile-stat-card:hover{border-top-width:5px!important;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 20%,#0000)!important;transform:translateY(-4px)}[data-theme-mode=light] .profile-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));-webkit-background-clip:text;background-clip:text}[data-theme-mode=light] .profile-back-btn,[data-theme-mode=light] .profile-nav-btn{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .profile-back-btn:hover,[data-theme-mode=light] .profile-nav-btn:hover{box-shadow:4px 4px 16px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateX(-4px)}[data-theme-mode=light] .profile-info-header h3:after,[data-theme-mode=light] .profile-section h2:after{animation:expandWidth .6s ease-out;background:linear-gradient(to right,var(--accent),#0000);content:"";display:block;height:3px;margin-top:8px;width:60px}@keyframes expandWidth{0%{width:0}to{width:60px}}[data-theme-mode=light] .profile-stat-card:first-child{animation-delay:.1s}[data-theme-mode=light] .profile-stat-card:nth-child(2){animation-delay:.2s}[data-theme-mode=light] .profile-stat-card:nth-child(3){animation-delay:.3s}[data-theme-mode=light] .profile-stat-card:nth-child(4){animation-delay:.4s}[data-theme-mode=light] .profile-info-section:first-child{animation-delay:.15s}[data-theme-mode=light] .profile-info-section:nth-child(2){animation-delay:.3s}[data-theme-mode=light] .profile-archetype-section{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,#fff) 0,color-mix(in srgb,var(--accent) 20%,#fff) 50%,color-mix(in srgb,var(--accent) 12%,#fff) 100%)!important}[data-theme-mode=light] .profile-archetype-header h2{text-shadow:0 2px 8px #0003}[data-theme-mode=light] .profile-archetype-header p{color:#ffffffe6!important}[data-theme-mode=light] .profile-archetype-header svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}[data-theme-mode=light] .profile-archetype-card:first-child{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000))!important;border-color:var(--accent)!important}[data-theme-mode=light] .profile-archetype-card:first-child h3,[data-theme-mode=light] .profile-archetype-card:first-child h4,[data-theme-mode=light] .profile-archetype-card:first-child p{color:#fff!important}[data-theme-mode=light] .profile-archetype-card:first-child svg{color:#fff!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}[data-theme-mode=light] .profile-archetype-card:first-child .profile-badge{background:#ffffff40!important;border:1px solid #fff6;color:#fff!important}[data-theme-mode=light] .profile-info-header{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 90%,#000))!important;margin:-1px -1px 0!important;padding:16px 20px!important}[data-theme-mode=light] .profile-info-header h3{color:#fff!important;text-shadow:0 1px 3px #0003}[data-theme-mode=light] .profile-info-header p{color:#ffffffe6!important}[data-theme-mode=light] .profile-info-header svg{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}[data-theme-mode=light] .profile-stat-card{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 88%,#000))!important;border:none!important}[data-theme-mode=light] .profile-stat-card *{color:#fff!important}[data-theme-mode=light] .profile-stat-label{color:#ffffffd9!important}[data-theme-mode=light] .profile-stat-value{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important;font-size:32px!important;font-weight:800!important;text-shadow:0 2px 8px #0003}[data-theme-mode=light] .profile-interest-tag.selected,[data-theme-mode=light] .profile-subject-tag.selected{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000))!important;border-color:var(--accent)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);color:#fff!important}[data-theme-mode=light] .profile-section:nth-child(odd){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#fff),color-mix(in srgb,var(--accent) 4%,#fff))!important;border-left:4px solid var(--accent)!important}[data-theme-mode=light] .profile-section:nth-child(odd) h2,[data-theme-mode=light] .profile-section:nth-child(odd) h3{color:var(--accent)!important;font-weight:700}[data-theme-mode=light] .profile-preferences-section{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#fff),color-mix(in srgb,var(--accent) 15%,#fff))!important;border:2px solid var(--accent)!important}[data-theme-mode=light] .profile-preferences-section h3{background:var(--accent);color:#fff!important;margin:-1px -1px 20px;padding:12px 20px}[data-theme-mode=light] .profile-retake-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000))!important;border:none!important;color:#fff!important}[data-theme-mode=light] .profile-retake-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,#000),color-mix(in srgb,var(--accent) 75%,#000))!important;color:#fff!important}[data-theme-mode=light] .profile-form-group label{color:var(--accent)!important;font-weight:600}[data-theme-mode=light] .profile-input:not(:placeholder-shown),[data-theme-mode=light] .profile-select:not([value=""]){background:color-mix(in srgb,var(--accent) 3%,#fff)!important;border-color:var(--accent)!important}[data-theme-mode=light] .profile-header{background:linear-gradient(to right,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 15%,#fff) 100%)!important}[data-theme-mode=light] .profile-nav-btn-ghost{background:#0000!important;border:none!important;color:#1a1a1a!important}[data-theme-mode=light] .profile-nav-btn-ghost svg{color:#1a1a1a!important}[data-theme-mode=light] .profile-nav-btn-ghost:hover{background:#0000!important;color:var(--accent)!important;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 50%,#0000)!important}[data-theme-mode=light] .profile-back-btn{background:#fff!important;border:2px solid var(--accent)!important;color:var(--accent)!important}[data-theme-mode=light] .profile-back-btn svg{color:var(--accent)!important}[data-theme-mode=light] .profile-success-message{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,#fff),color-mix(in srgb,var(--accent) 80%,#fff))!important;border-left:4px solid var(--accent)!important;color:#fff!important}[data-theme-mode=light] .profile-success-message svg{color:#fff!important}[data-theme-mode=light] .profile-badge,[data-theme-mode=light] .profile-tag{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000))!important;border:none!important;color:#fff!important}[data-theme-mode=light] .profile-progress-bar{background:color-mix(in srgb,var(--accent) 20%,#fff)!important}[data-theme-mode=light] .profile-progress-fill{background:linear-gradient(to right,var(--accent),color-mix(in srgb,var(--accent) 80%,#000))!important}[data-theme-mode=light] .profile-icon{color:var(--accent)!important}[data-theme-mode=light] .profile-divider{background:linear-gradient(to right,#0000,var(--accent),#0000)!important;height:2px}[data-theme-mode=light] .profile-tooltip{background:var(--accent)!important;color:#fff!important}[data-theme-mode=light] [style*=background][style*="var(--accent)"],[data-theme-mode=light] [style*=background][style*="var(--accent)"] *{color:#fff!important}[data-theme-mode=light] .profile-archetype-section{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,#fff) 0,color-mix(in srgb,var(--accent) 75%,#fff) 50%,color-mix(in srgb,var(--accent) 85%,#fff) 100%)!important}[data-theme-mode=light] .profile-archetype-section,[data-theme-mode=light] .profile-archetype-section *,[data-theme-mode=light] .profile-archetype-section div,[data-theme-mode=light] .profile-archetype-section h1,[data-theme-mode=light] .profile-archetype-section h2,[data-theme-mode=light] .profile-archetype-section h3,[data-theme-mode=light] .profile-archetype-section h4,[data-theme-mode=light] .profile-archetype-section h5,[data-theme-mode=light] .profile-archetype-section h6,[data-theme-mode=light] .profile-archetype-section p,[data-theme-mode=light] .profile-archetype-section span{color:#fff!important}[data-theme-mode=light] .profile-archetype-header h2{color:#fff!important;text-shadow:0 2px 8px #0000004d}[data-theme-mode=light] .profile-archetype-header p{color:#fff!important;opacity:.95}[data-theme-mode=light] .profile-archetype-header svg{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}[data-theme-mode=light] .profile-archetype-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,#fff),color-mix(in srgb,var(--accent) 60%,#fff))!important;border:2px solid color-mix(in srgb,var(--accent) 50%,#fff)!important}[data-theme-mode=light] .profile-archetype-card *{color:#fff!important}[data-theme-mode=light] .profile-archetype-card h3{color:#fff!important;font-weight:800!important;text-shadow:0 2px 6px #0000004d}[data-theme-mode=light] .profile-archetype-card h4{color:#fff!important;opacity:.9;text-shadow:0 1px 3px #0003}[data-theme-mode=light] .profile-archetype-card p{color:#fff!important;opacity:.95}[data-theme-mode=light] .profile-archetype-card svg{color:#fff!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}[data-theme-mode=light] .profile-archetype-card:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,#fff),color-mix(in srgb,var(--accent) 70%,#fff))!important}[data-theme-mode=light] .profile-archetype-card:last-child{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 65%,#fff),color-mix(in srgb,var(--accent) 55%,#fff))!important}[data-theme-mode=light] .profile-archetype-card .profile-badge{background:#ffffff4d!important;border:2px solid #ffffff80!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #0003}[data-theme-mode=light] .profile-retake-btn{background:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 12px #0003;color:var(--accent)!important;font-weight:700!important}[data-theme-mode=light] .profile-retake-btn:hover{background:#ffffffe6!important;color:var(--accent)!important;transform:scale(1.05)}[data-theme-mode=light] .profile-retake-btn svg{color:var(--accent)!important}[data-theme-mode=light] .profile-archetype-section [style*=color]{color:#fff!important}.study-insights-settings{display:flex;flex-direction:column;gap:16px}.setting-row{align-items:center;background:var(--pf-bg-tertiary);border:1px solid var(--pf-border-subtle);display:flex;justify-content:space-between;padding:16px}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{color:var(--pf-text-primary);font-size:14px;font-weight:500}.setting-description{color:var(--pf-text-secondary);font-size:12px}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--pf-bg-secondary);border:1px solid var(--pf-border-subtle);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--pf-text-secondary);bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--pf-accent);border-color:var(--pf-accent)}.toggle-switch input:checked+.toggle-slider:before{background-color:var(--pf-bg-primary);transform:translateX(22px)}[data-theme-mode=light] .toggle-slider{background-color:#e5e7eb;border-color:#d1d5db}[data-theme-mode=light] .toggle-slider:before{background-color:#fff;box-shadow:0 1px 3px #0003}[data-theme-mode=light] .toggle-switch input:checked+.toggle-slider:before{background-color:#fff}:root{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-lg:0 10px 15px -3px #00000080;--shadow-glow:0 0 20px var(--glow)}*{box-sizing:border-box;margin:0;padding:0}*,:focus{outline:none!important}body{background:var(--bg-secondary);background:var(--bg-bottom);color:#eaecef;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}.profile-quiz-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,var(--bg-top) 0,var(--bg-bottom) 100%);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.profile-quiz-page:before{background:radial-gradient(circle at 20% 50%,#d7b38c08 0,#0000 50%),radial-gradient(circle at 80% 80%,#d7b38c08 0,#0000 50%);content:""}.bento-background,.profile-quiz-page:before{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.bento-background{overflow:hidden}.bento-bg-box{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid #d7b38c26;border-radius:0;position:absolute}.bento-bg-1{animation:float1 20s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 18%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 8%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel)) 0,color-mix(in srgb,var(--accent) 8%,var(--panel)) 100%);height:200px;left:5%;opacity:.6;top:8%;width:320px}.bento-bg-2{animation:float2 18s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 12%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 5%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)) 0,color-mix(in srgb,var(--accent) 5%,var(--panel)) 100%);height:280px;opacity:.5;right:8%;top:10%;width:180px}.bento-bg-3{animation:float3 22s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 22%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 10%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--panel)) 0,color-mix(in srgb,var(--accent) 10%,var(--panel)) 100%);bottom:15%;height:180px;left:10%;opacity:.7;width:220px}.bento-bg-4{animation:float4 19s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 15%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 6%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)) 0,color-mix(in srgb,var(--accent) 6%,var(--panel)) 100%);bottom:8%;height:160px;opacity:.55;right:12%;width:280px}.bento-bg-5{animation:float1 24s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 10%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 4%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)) 0,color-mix(in srgb,var(--accent) 4%,var(--panel)) 100%);height:200px;left:3%;opacity:.45;top:42%;width:200px}.bento-bg-6{animation:float2 21s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 20%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 9%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--panel)) 0,color-mix(in srgb,var(--accent) 9%,var(--panel)) 100%);height:140px;opacity:.65;right:6%;top:58%;width:240px}.bento-bg-7{animation:float3 17s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 14%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 7%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)) 0,color-mix(in srgb,var(--accent) 7%,var(--panel)) 100%);height:180px;left:38%;opacity:.5;top:25%;width:260px}.bento-bg-8{animation:float4 23s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 16%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 8%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel)) 0,color-mix(in srgb,var(--accent) 8%,var(--panel)) 100%);bottom:30%;height:220px;opacity:.6;right:35%;width:190px}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-20px) rotate(2deg)}50%{transform:translate(-15px,15px) rotate(-2deg)}75%{transform:translate(15px,10px) rotate(1deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-25px,15px) rotate(-2deg)}50%{transform:translate(20px,-10px) rotate(2deg)}75%{transform:translate(-10px,-20px) rotate(-1deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(15px,20px) rotate(1.5deg)}66%{transform:translate(-20px,-15px) rotate(-1.5deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0deg)}30%{transform:translate(-18px,-25px) rotate(-1deg)}60%{transform:translate(22px,12px) rotate(1deg)}}.bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:calc(100vh - 80px);max-width:100%;padding:20px;position:relative;width:100%;z-index:1}.connection-network{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.connection-lines{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%}.connection-line{stroke:#d7b38c;stroke:var(--accent);stroke-width:.3;animation:pulse-line 3s ease-in-out infinite;filter:blur(.5px);opacity:.3}.node{animation:bob 4s ease-in-out infinite;background:#d7b38c;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d7b38c59,0 0 24px #d7b38c59;box-shadow:0 0 12px var(--glow),0 0 24px var(--glow);height:8px;position:absolute;width:8px}.node-1{animation-delay:0s;left:25%;top:25%}.node-2{animation-delay:.5s;left:50%;top:12.5%}.node-3{animation-delay:1s;left:75%;top:12.5%}.node-4{animation-delay:1.5s;left:87.5%;top:25%}.node-5{animation-delay:2s;left:75%;top:37.5%}.node-6{animation-delay:2.5s;left:37.5%;top:62.5%}.node-7{animation-delay:3s;left:50%;top:75%}.node-8{animation-delay:3.5s;left:75%;top:75%}@keyframes bob{0%,to{opacity:.6;transform:translate(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.2)}}@keyframes pulse-line{0%,to{stroke-width:.3;opacity:.2}50%{stroke-width:.5;opacity:.5}}.bento-box{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);display:flex;justify-content:center;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-box:before{background:linear-gradient(135deg,#d7b38c0d,#d7b38c05 50%,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.bento-box:hover:before{opacity:1}.bento-text-large{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 10%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)) 0,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));grid-column:1/3;grid-row:1/3}.bento-large-title{color:#d7b38c;color:var(--accent);font-size:82px;font-weight:900;letter-spacing:-4px;line-height:1;text-align:center;text-shadow:0 0 40px #d7b38c59;text-shadow:0 0 40px var(--glow);text-transform:lowercase}.bento-quote-top{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 7%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)) 0,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));grid-column:3/4;grid-row:1/2;padding:25px}.bento-quote-text{color:#b8c0cc;color:var(--text-secondary);font-size:15px;font-style:italic;font-weight:500;line-height:1.7;text-align:center}.bento-symbol-top{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 16%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 5%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel)) 0,color-mix(in srgb,var(--accent) 5%,var(--panel)) 100%);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));grid-column:4/5;grid-row:1/2}.bento-symbol-icon{color:#d7b38c;color:var(--accent);height:70px;opacity:.75;width:70px}.bento-main-cta{background:linear-gradient(135deg,#d7b38c,color-mix(in srgb,#d7b38c 85%,#fff));background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#fff) 100%);border:2px solid #d7b38c;border:2px solid var(--accent);cursor:pointer;grid-column:2/3;grid-row:3/4;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.bento-main-cta:before{background:linear-gradient(135deg,#fff3,#ffffff0d)}.bento-main-cta:hover{border-color:color-mix(in srgb,#d7b38c 80%,#fff);border-color:color-mix(in srgb,var(--accent) 80%,#fff);box-shadow:0 10px 15px -3px #00000080,0 0 40px #d7b38c59;box-shadow:var(--shadow-lg),0 0 40px var(--glow);transform:translateY(-6px) scale(1.02)}.bento-cta-content{align-items:center;display:flex;gap:16px}.bento-cta-icon{color:var(--bg-secondary);color:var(--bg-bottom);height:36px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:36px}.bento-main-cta:hover .bento-cta-icon{transform:translateX(8px)}.bento-cta-text{color:var(--bg-secondary);color:var(--bg-bottom);font-size:24px;font-weight:800;letter-spacing:-1px;text-transform:lowercase}.bento-skip-cta{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 15%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)) 0,var(--panel) 100%);border:2px solid color-mix(in srgb,var(--accent) 40%,var(--border));cursor:pointer;grid-column:3/4;grid-row:3/4;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.bento-skip-cta:before{background:linear-gradient(135deg,#d7b38c1a,#d7b38c05)}.bento-skip-cta:hover{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 25%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 10%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--panel)) 0,color-mix(in srgb,var(--accent) 10%,var(--panel)) 100%);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 10px 15px -3px #00000080,0 0 30px #d7b38c33;box-shadow:var(--shadow-lg),0 0 30px #d7b38c33;transform:translateY(-6px) scale(1.02)}.bento-skip-icon{color:#d7b38c;color:var(--accent);height:32px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:32px}.bento-skip-cta:hover .bento-skip-icon{transform:translateX(6px)}.bento-skip-cta .bento-cta-text{color:#d7b38c;color:var(--accent);font-size:20px}.bento-accent-light{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 4%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,var(--panel)) 0,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));grid-column:3/4;grid-row:2/3}.bento-accent-medium{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 22%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 8%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--panel)) 0,color-mix(in srgb,var(--accent) 8%,var(--panel)) 100%);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));grid-column:4/5;grid-row:2/3}.bento-accent-dark{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 13%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 3%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--panel)) 0,color-mix(in srgb,var(--accent) 3%,var(--panel)) 100%);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));grid-column:1/2;grid-row:4/5}.bento-description{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 9%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)) 0,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));display:flex;flex-direction:column;grid-column:2/4;grid-row:4/5;justify-content:center;padding:25px}.bento-desc-title{color:#d7b38c;color:var(--accent);font-size:18px;font-weight:700;margin-bottom:10px;text-transform:lowercase}.bento-desc-text{color:#b8c0cc;color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.6}.bento-accent-subtle{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 6%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--panel)) 0,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));grid-column:4/5;grid-row:4/5}.bento-accent-mid{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 5%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--panel)) 0,var(--panel) 100%);border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));grid-column:3/4;grid-row:3/4}.bento-accent-strong{background:linear-gradient(135deg,color-mix(in srgb,#d7b38c 35%,var(--bg-secondary)) 0,color-mix(in srgb,#d7b38c 18%,var(--bg-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 35%,var(--panel)) 0,color-mix(in srgb,var(--accent) 18%,var(--panel)) 100%);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));grid-column:4/5;grid-row:3/4}.quiz-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);max-height:calc(100vh - 80px);max-width:1000px;overflow-y:auto;padding:30px 40px;position:relative;width:100%;z-index:1}.quiz-container::-webkit-scrollbar{width:6px}.quiz-container::-webkit-scrollbar-track{background:#0000}.quiz-container::-webkit-scrollbar-thumb{background:#d7b38c;background:var(--accent);border-radius:3px}.quiz-container:before{background:linear-gradient(90deg,#0000,#d7b38c,#0000);background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.quiz-header-single{align-items:center;display:flex;justify-content:space-between;margin-bottom:35px}.quiz-header-left{align-items:center;display:flex;gap:16px}.quiz-title-single{color:#d7b38c;color:var(--accent);font-size:42px;font-weight:800;letter-spacing:-2px;margin:0 0 12px;text-shadow:0 0 20px #d7b38c59;text-shadow:0 0 20px var(--glow);text-transform:lowercase}.quiz-subtitle-single{color:#b8c0cc;color:var(--text-secondary);font-size:15px;margin:0}.back-to-dashboard-btn{background:#0000;border:1px solid #ffffff1a;border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s;white-space:nowrap}.back-to-dashboard-btn:hover{border-color:#d7b38c;border-color:var(--accent);color:#d7b38c;color:var(--accent);font-weight:500;letter-spacing:.5px}.quiz-form{gap:32px}.form-section,.quiz-form{display:flex;flex-direction:column}.form-section{gap:16px}.form-label{color:#eaecef;color:var(--text-primary);font-size:17px;font-weight:700;text-transform:lowercase}.form-hint{color:#b8c0cc;color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:-8px}.button-group-horizontal{display:flex;gap:15px}.choice-btn{background:var(--bg-secondary);background:var(--bg-bottom);border:2px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.choice-btn:hover{box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#eaecef;color:var(--text-primary);transform:translateY(-2px)}.choice-btn.selected,.choice-btn:hover{border-color:#d7b38c;border-color:var(--accent)}.choice-btn.selected{background:color-mix(in srgb,#d7b38c 15%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 15%,var(--bg-bottom));box-shadow:0 4px 6px -1px #0006,inset 0 0 20px #d7b38c59;box-shadow:var(--shadow-md),inset 0 0 20px var(--glow);color:#d7b38c;color:var(--accent)}.button-group-vertical{display:flex;flex-direction:column;gap:10px}.choice-btn-vertical{background:var(--bg-secondary);background:var(--bg-bottom);border:2px solid var(--border);border-radius:0;color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;overflow:hidden;padding:14px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.choice-btn-vertical:before{background:#d7b38c;background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.choice-btn-vertical:hover{border-color:#d7b38c;border-color:var(--accent);color:#eaecef;color:var(--text-primary);transform:translateX(4px)}.choice-btn-vertical:hover:before{transform:scaleY(1)}.choice-btn-vertical.selected{background:color-mix(in srgb,#d7b38c 15%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 15%,var(--bg-bottom));border-color:#d7b38c;border-color:var(--accent);box-shadow:0 1px 2px 0 #0000004d,inset 0 0 20px #d7b38c59;box-shadow:var(--shadow-sm),inset 0 0 20px var(--glow);color:#d7b38c;color:var(--accent)}.choice-btn-vertical.selected:before{transform:scaleY(1)}.subject-input-container{position:relative}.subject-input{background:var(--bg-secondary);background:var(--bg-bottom);border:2px solid var(--border);border-radius:0;color:#eaecef;color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;padding:18px 20px;transition:all .3s ease;width:100%}.subject-input:focus{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 0 4px #d7b38c59;box-shadow:0 0 0 4px var(--glow)}.subject-input::placeholder{color:#b8c0cc;color:var(--text-secondary);opacity:.6}.loading-spinner{align-items:center;gap:6px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.loading-spinner-cube{animation:typingBounce 1.4s ease-in-out infinite both;background:#d7b38c;background:var(--accent);box-shadow:0 2px 6px #d7b38c4d;height:8px;width:8px}.loading-spinner .loading-spinner-cube:first-child{animation-delay:-.32s}.loading-spinner .loading-spinner-cube:nth-child(2){animation-delay:-.16s}.loading-spinner .loading-spinner-cube:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%{opacity:.6;transform:scale(.7) translateY(0)}20%{opacity:1;transform:scale(1) translateY(-6px)}40%{opacity:.6;transform:scale(.7) translateY(0)}to{opacity:.6;transform:scale(.7) translateY(0)}}.suggestions-dropdown{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.suggestion-item{border-bottom:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:15px 20px;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);color:#d7b38c;color:var(--accent)}.selected-subjects{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;margin-top:15px}.subject-tag{align-items:center;background:color-mix(in srgb,#d7b38c 15%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 15%,var(--bg-bottom));border:1px solid #d7b38c;border:1px solid var(--accent);border-radius:0;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px}.remove-subject,.subject-tag{color:#d7b38c;color:var(--accent)}.remove-subject{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:0;transition:transform .2s ease}.remove-subject:hover{transform:scale(1.3)}.submit-btn{background:#d7b38c;background:var(--accent);border:2px solid #d7b38c;border:2px solid var(--accent);border-radius:0;box-shadow:0 4px 6px -1px #0006,0 0 20px #d7b38c59;box-shadow:var(--shadow-md),var(--shadow-glow);color:var(--bg-secondary);color:var(--bg-bottom);cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:800;letter-spacing:.5px;margin-top:20px;overflow:hidden;padding:18px 50px;position:relative;text-transform:lowercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#fff);background:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 10px 15px -3px #00000080,0 0 30px #d7b38c59;box-shadow:var(--shadow-lg),0 0 30px var(--glow);transform:translateY(-3px)}.quiz-header{margin-bottom:25px;text-align:center}.quiz-title{color:#d7b38c;color:var(--accent);font-size:26px;font-weight:800;letter-spacing:-1px;margin-bottom:16px;text-shadow:0 0 20px #d7b38c59;text-shadow:0 0 20px var(--glow);text-transform:lowercase}.quiz-progress-bar{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);border-radius:0;box-shadow:inset 0 1px 3px #0000004d;height:6px;margin-bottom:10px;overflow:hidden;width:100%}.quiz-progress-fill{background:linear-gradient(90deg,#d7b38c,color-mix(in srgb,#d7b38c 80%,#fff));background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#fff));border-radius:0;box-shadow:0 0 10px #d7b38c59;box-shadow:0 0 10px var(--glow);height:100%;transition:width .5s cubic-bezier(.25,.46,.45,.94)}.quiz-progress-text{color:#b8c0cc;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quiz-content{min-height:auto}.question-card{display:flex;flex-direction:column}.question-text{color:#eaecef;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:22px;text-align:center}.options-grid{grid-gap:10px;gap:10px;margin-bottom:22px}.options-grid-1col{grid-template-columns:1fr}.options-grid-2col{grid-template-columns:repeat(2,1fr)}.question-subtitle{color:#b8c0cc;color:var(--text-secondary);font-size:13px;font-style:italic;font-weight:500;margin-bottom:20px;margin-top:-16px;text-align:center;text-transform:lowercase}.option-button{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:2px solid var(--border);border-radius:0;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-button:before{background:#d7b38c;background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:4px}.option-button:hover{background:var(--bg-secondary);background:var(--panel);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-button:hover:before{transform:scaleY(1)}.option-button.selected{background:color-mix(in srgb,#d7b38c 15%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 15%,var(--bg-bottom));border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006,inset 0 0 20px #d7b38c59;box-shadow:var(--shadow-md),inset 0 0 20px var(--glow)}.option-button.selected:before{transform:scaleY(1)}.option-number{align-items:center;background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:0;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#d7b38c;color:var(--accent);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.option-text{color:#eaecef;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.option-checkmark{align-items:center;background:#d7b38c;background:var(--accent);border-radius:50%;color:var(--bg-secondary);color:var(--bg-bottom);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:22px;justify-content:center;margin-left:6px;width:22px}.navigation-buttons{display:flex;gap:8px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px}.back-btn{border-radius:0;color:#b8c0cc;color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:600;justify-content:center;padding:9px 18px;transition:all .3s ease}.back-btn-icon{height:14px;transition:transform .3s ease;width:14px}.back-btn:hover:not(:disabled){background:color-mix(in srgb,var(--bg-secondary) 80%,#d7b38c);background:color-mix(in srgb,var(--panel) 80%,var(--accent));border-color:#d7b38c;border-color:var(--accent);color:#d7b38c;color:var(--accent)}.back-btn:hover:not(:disabled) .back-btn-icon{transform:translateX(-2px)}.back-btn:disabled{cursor:not-allowed;opacity:.3}.continue-btn{align-items:center;background:#d7b38c;background:var(--accent);border:2px solid #d7b38c;border:2px solid var(--accent);border-radius:0;box-shadow:0 4px 6px -1px #0006,0 0 20px #d7b38c59;box-shadow:var(--shadow-md),var(--shadow-glow);color:var(--bg-secondary);color:var(--bg-bottom);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:12px;font-weight:600;justify-content:center;letter-spacing:0;overflow:hidden;padding:9px 18px;position:relative;text-transform:lowercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.continue-btn:hover:not(:disabled):before{left:100%}.continue-btn:hover:not(:disabled){background:color-mix(in srgb,#d7b38c 85%,#fff);background:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 10px 15px -3px #00000080,0 0 30px #d7b38c59;box-shadow:var(--shadow-lg),0 0 30px var(--glow);transform:translateY(-2px)}.continue-btn:disabled{cursor:not-allowed;opacity:.4}.skip-quiz-btn{background:#0000;border:1px solid var(--border);border-radius:0;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#b8c0cc;color:var(--text-secondary);cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin-left:auto;margin-right:auto;margin-top:8px;max-width:400px;padding:9px 22px;text-transform:lowercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.skip-quiz-btn:hover{background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#d7b38c;color:var(--accent);transform:translateY(-1px)}.skip-warning-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.skip-warning-modal{background:var(--bg-secondary);background:var(--panel);border:2px solid var(--border);border-radius:0;box-shadow:0 10px 15px -3px #00000080,0 0 40px #00000080;box-shadow:var(--shadow-lg),0 0 40px #00000080;max-width:600px;overflow:hidden;padding:50px;position:relative;text-align:center}.skip-warning-modal:before{background:#d7b38c;background:var(--accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.skip-warning-modal h3{color:#d7b38c;color:var(--accent);font-size:28px;font-weight:800;margin-bottom:25px;text-transform:lowercase}.skip-warning-modal p{color:#b8c0cc;color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.8;margin-bottom:20px}.warning-emphasis{color:#d7b38c;color:var(--accent);font-weight:700;margin-top:25px}.warning-actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.confirm-skip-btn,.continue-assessment-btn{border-radius:0;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:15px 35px;position:relative;text-transform:lowercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-assessment-btn{background:#d7b38c;background:var(--accent);border:2px solid #d7b38c;border:2px solid var(--accent);color:var(--bg-secondary);color:var(--bg-bottom)}.continue-assessment-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.continue-assessment-btn:hover:before{left:100%}.continue-assessment-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#fff);background:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 4px 6px -1px #0006,0 0 25px #d7b38c59;box-shadow:var(--shadow-md),0 0 25px var(--glow);transform:translateY(-2px)}.confirm-skip-btn{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary)}.confirm-skip-btn:hover{background:color-mix(in srgb,#d7b38c 10%,#0000);background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#d7b38c;color:var(--accent);transform:translateY(-1px)}.quiz-completion{align-items:center;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:600px;padding:80px 40px;text-align:center}.completion-header{color:#b8c0cc;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:3px;margin-bottom:30px;opacity:.8;text-transform:uppercase}.archetype-name{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);color:#d7b38c;color:var(--accent);font-size:72px;font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:40px;text-shadow:0 0 30px #d7b38c59;text-shadow:0 0 30px var(--glow);text-transform:lowercase}.archetype-description{background:#d7b38c0d;border:1px solid #d7b38c26;border-radius:0;color:#eaecef;color:var(--text-primary);font-size:18px;font-weight:400;line-height:1.8;margin:0 auto 50px;max-width:650px;padding:30px}.completion-message{font-size:16px;font-weight:500;margin-bottom:15px}.completion-message,.redirect-message{color:#b8c0cc;color:var(--text-secondary)}.redirect-message{animation:pulse 2s ease-in-out infinite;font-size:13px;font-style:italic;letter-spacing:.5px;opacity:.6}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-welcome{grid-column:span 2}.bento-quote{grid-column:span 1}.bento-cta,.bento-description{grid-column:span 3}}@media (max-width:768px){.bento-grid{gap:15px;grid-auto-rows:180px;grid-template-columns:1fr}.bento-welcome{grid-column:span 1;grid-row:span 1}.bento-welcome-title{font-size:56px}.bento-cta,.bento-description,.bento-quote{grid-column:span 1;grid-row:span 1}.bento-accent-1,.bento-accent-2,.bento-accent-3{grid-column:span 1}.quiz-container{padding:30px 25px}.quiz-title-single{font-size:36px}.button-group-horizontal,.warning-actions{flex-direction:column}.confirm-skip-btn,.continue-assessment-btn{width:100%}.archetype-name{font-size:56px}.navigation-buttons{flex-direction:column}.back-btn,.continue-btn{justify-content:center;width:100%}.options-grid-2col{grid-template-columns:1fr}.bento-bg-box{opacity:.2}}@media (max-width:480px){.bento-welcome-title{font-size:42px}.bento-cta-text{font-size:22px}.bento-cta-icon{font-size:36px}.quiz-container{padding:20px}.quiz-title-single{font-size:28px}.question-text{font-size:20px}.option-button{gap:15px;padding:18px 20px}.option-number{font-size:14px;height:35px;width:35px}.option-text{font-size:14px}.archetype-name{font-size:42px}.archetype-description{font-size:16px}}::-webkit-scrollbar-thumb{background:#d7b38c;background:var(--accent);border:2px solid var(--panel)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,#d7b38c 80%,#fff);background:color-mix(in srgb,var(--accent) 80%,#fff)}::selection{background:#d7b38c59;background:var(--glow);color:#eaecef}.search-hub-page{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%}.search-hub-page::-webkit-scrollbar{width:8px}.search-hub-page::-webkit-scrollbar-track{background:#0000}.search-hub-page::-webkit-scrollbar-thumb{background:#0000;border-radius:8px}.search-hub-page.is-scrolling,.search-hub-page:hover{scrollbar-color:var(--accent) var(--bg-secondary)}.search-hub-page.is-scrolling::-webkit-scrollbar-track,.search-hub-page:hover::-webkit-scrollbar-track{background:var(--bg-secondary)}.search-hub-page.is-scrolling::-webkit-scrollbar-thumb,.search-hub-page:hover::-webkit-scrollbar-thumb{background:var(--accent)}.search-hub-page::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.search-hub-page:before{background:linear-gradient(135deg,#0000 0,color-mix(in srgb,var(--accent) 3%,#0000) 100%),radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent) 5%,#0000) 0,#0000 50%),radial-gradient(ellipse at bottom right,color-mix(in srgb,var(--accent) 5%,#0000) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.search-hub-page *{box-sizing:border-box}.search-hub-page :after,.search-hub-page :before,.search-hub-page button,.search-hub-page datalist,.search-hub-page div,.search-hub-page input,.search-hub-page select{border-radius:0}.search-hub-page .search-hub-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;box-shadow:none;display:block;height:56px;left:0;padding:8px 20px;position:absolute;right:0;top:0;z-index:100}.search-hub-page .login-required-message{animation:slideDown .3s ease-out;background:var(--accent);box-shadow:0 4px 20px #0006;color:var(--bg-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:900;left:50%;letter-spacing:1.5px;padding:16px 32px;position:fixed;text-transform:uppercase;top:70px;transform:translateX(-50%);z-index:1000}.search-hub-page .header-content{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:flex-end;margin:0 auto;max-width:1600px}.search-hub-page .header-buttons{align-items:center;display:flex;gap:8px}.search-hub-page .header-btn{align-items:center;background:#0000;border:2px solid var(--accent);border-radius:8px!important;box-shadow:none;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.search-hub-page .header-btn:hover{background:#0000;border-color:var(--accent-hover);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,#0000004d);color:var(--accent-hover);transform:translateY(-2px)}.search-hub-page .header-btn:active{box-shadow:none;transform:translateY(0)}.search-hub-page .theme-btn{align-items:center;background:none;border:none;color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.search-hub-page .theme-btn svg{color:var(--accent);height:18px;width:18px}.search-hub-page .theme-btn:hover{color:var(--accent-hover);transform:scale(1.1)}.search-hub-page .theme-btn:hover svg{color:var(--accent-hover)}.search-hub-page .theme-btn:active{transform:scale(.95)}.search-hub-page .dashboard-btn-text{align-items:center;background:#0000;border:2px solid var(--accent);border-radius:8px!important;box-shadow:none;color:var(--accent);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;height:40px;justify-content:center;letter-spacing:.3px;min-width:120px;overflow:hidden;padding:0 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.search-hub-page .dashboard-btn-text:hover{background:#0000;border-color:var(--accent-hover);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,#0000004d);color:var(--accent-hover);transform:translateY(-2px)}.search-hub-page .dashboard-btn-text:active{box-shadow:none;transform:translateY(0)}.search-hub-page .header-text-btn{align-items:center;background:#0000;border:none;color:var(--accent);cursor:pointer;display:flex;font-size:11px;font-weight:600;height:40px;justify-content:center;letter-spacing:.3px;overflow:visible;padding:0 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.search-hub-page .header-text-btn:hover{color:var(--accent-hover);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,#0000004d);transform:translateY(-2px)}.search-hub-page .header-text-btn:active{transform:translateY(0)}.search-hub-page .login-signup-btn{text-decoration:none}.search-hub-page .header-left{position:relative}.search-hub-page .header-left,.search-hub-page .header-right{align-items:center;display:flex;flex-direction:row;gap:16px}.search-hub-page .dashboard-btn,.search-hub-page .theme-selector-btn{align-items:center;background:var(--accent);border:3px solid var(--accent);box-shadow:0 4px 12px #00000040;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:800;gap:6px;letter-spacing:1.2px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.search-hub-page .dashboard-btn:before,.search-hub-page .theme-selector-btn:before{background:linear-gradient(90deg,#0000,color-mix(in srgb,#fff 20%,#0000),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.search-hub-page .dashboard-btn:hover:before,.search-hub-page .theme-selector-btn:hover:before{left:100%}.search-hub-page .dashboard-btn:hover,.search-hub-page .theme-selector-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0006);transform:translateY(-3px)}.search-hub-page .dashboard-btn:active,.search-hub-page .theme-selector-btn:active{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000004d);transform:translateY(-1px)}.search-hub-page .theme-selector-dropdown{animation:dropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(145deg,var(--bg-secondary) 0,color-mix(in srgb,var(--bg-secondary) 95%,var(--accent)) 100%);border:1px solid var(--accent);border-radius:12px!important;box-shadow:0 8px 24px #0006,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000),inset 0 1px 0 color-mix(in srgb,#fff 10%,#0000);max-height:500px;max-width:345px;min-width:320px;overflow-x:hidden;overflow-y:auto;padding:11px;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.search-hub-page .theme-selector-dropdown:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--accent) 0,color-mix(in srgb,var(--accent) 80%,#fff) 50%,var(--accent) 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.search-hub-page .theme-section{margin-bottom:11px;position:relative}.search-hub-page .theme-section:last-child{margin-bottom:0}.search-hub-page .theme-section h4{align-items:center;border-bottom:1px solid var(--accent);color:var(--accent);display:flex;font-size:10px;font-weight:900;gap:5px;letter-spacing:1.2px;margin:0 0 7px;padding-bottom:4px;position:relative;text-transform:uppercase}.search-hub-page .theme-section h4:before{animation:pulse 2s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 5px var(--accent);content:"";height:4px;width:4px}.search-hub-page .theme-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,1fr)}.search-hub-page .theme-option{border:1px solid #0000;border-radius:8px!important;box-shadow:0 2px 5px #0000004d,inset 0 1px 0 #ffffff26;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.7px;overflow:hidden;padding:8px 5px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.search-hub-page .theme-option-dark{background:var(--bg-primary);color:var(--accent)}.search-hub-page .theme-option-light{background:var(--accent);color:var(--bg-primary)}.search-hub-page .theme-option:before{background:radial-gradient(circle,color-mix(in srgb,#fff 20%,#0000) 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(0);transition:all .4s ease;width:200%}.search-hub-page .theme-option:after{background:linear-gradient(90deg,#0000 0,var(--theme-accent) 50%,#0000 100%);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.search-hub-page .theme-option:hover:before{opacity:1;transform:scale(1)}.search-hub-page .theme-option:hover:after{transform:scaleX(1)}.search-hub-page .theme-option:hover{border-color:var(--theme-accent);box-shadow:0 4px 13px color-mix(in srgb,var(--theme-primary) 60%,#0006),0 0 10px color-mix(in srgb,var(--theme-accent) 30%,#0000);transform:translateY(-2px) scale(1.02)}.search-hub-page .theme-option.active{border-color:var(--theme-accent);box-shadow:0 3px 13px color-mix(in srgb,var(--theme-primary) 70%,#00000080),0 0 13px color-mix(in srgb,var(--theme-accent) 50%,#0000),0 0 0 1px color-mix(in srgb,var(--theme-accent) 30%,#0000);transform:scale(1.02)}.search-hub-page .theme-option.active:after{color:var(--theme-accent);content:"✓";font-size:11px;font-weight:900;position:absolute;right:4px;text-shadow:0 0 5px var(--theme-accent);top:3px;z-index:10}.search-hub-page .theme-option .theme-colors{display:flex;gap:4px;justify-content:center;margin-top:5px;position:relative;z-index:5}.search-hub-page .theme-option .theme-color-dot{border:1px solid #ffffff4d;border-radius:8px!important;box-shadow:0 2px 4px #0000004d;height:8px;width:8px}.search-hub-page .search-hub-content{flex:1 1;margin-top:72px;position:relative;z-index:1}.search-hub-page .hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:visible;padding:2rem 2rem 500px;position:relative}.search-hub-page .geometric-background{height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.search-hub-page .brain-circle{animation:brainPulse 8s ease-in-out infinite;border:2px solid var(--accent);border-radius:50%!important;position:absolute}.search-hub-page .brain-circle-1{animation-delay:0s;height:600px;left:-200px;top:-200px;width:600px}.search-hub-page .brain-circle-2{animation-delay:2s;bottom:-100px;height:400px;right:-100px;width:400px}.search-hub-page .brain-circle-3{animation-delay:4s;height:300px;right:10%;top:50%;width:300px}.search-hub-page .neural-path{animation:neuralFlow 10s linear infinite;background:linear-gradient(90deg,#0000 0,var(--accent) 50%,#0000 100%);height:2px;position:absolute}.search-hub-page .neural-path-1{left:0;top:20%;transform:rotate(-15deg);width:40%}.search-hub-page .neural-path-2{animation-delay:3s;right:0;top:60%;transform:rotate(10deg);width:50%}.search-hub-page .neural-path-3{animation-delay:6s;bottom:25%;left:20%;transform:rotate(-5deg);width:35%}@keyframes brainPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes neuralFlow{0%{opacity:0;transform:translateX(-100%) rotate(0deg);transform:translateX(-100%) rotate(var(--rotation,0deg))}50%{opacity:.6}to{opacity:0;transform:translateX(100%) rotate(0deg);transform:translateX(100%) rotate(var(--rotation,0deg))}}.search-hub-page .hero-content{margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:2}.search-hub-page .logo-search-container{justify-content:center;margin-bottom:0}.search-hub-page .giant-logo,.search-hub-page .logo-search-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.search-hub-page .giant-logo{gap:2rem}.search-hub-page .logo-text{animation:logoFadeIn 1s ease-out forwards;color:var(--accent);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.65625rem,6.640625vw,7.4375rem);font-weight:900;letter-spacing:-.05em;line-height:.85;opacity:0;position:relative;text-align:center;text-transform:lowercase;-webkit-user-select:none;user-select:none;width:100%;z-index:1}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-hub-page .search-box-wrapper{animation:searchBoxFadeIn 1s ease-out .3s forwards;margin:0 auto;max-width:600px;opacity:0;position:relative;width:45%;z-index:3}@keyframes searchBoxFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-hub-page .search-box-cutout{background:var(--bg-primary);border:3px solid var(--accent);border-radius:8px!important;display:flex;overflow:visible;position:relative;width:100%}.search-hub-page .search-box-cutout.dropdown-open{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.search-hub-page .hero-search-input{background:#0000;border:none;border-radius:5px 0 0 5px!important;color:var(--accent);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.08em;outline:none;padding:.75rem 1.5rem;text-transform:uppercase}.search-hub-page .hero-search-input::placeholder{color:color-mix(in srgb,var(--accent) 40%,#0000);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.search-hub-page .hero-search-input:focus{outline:none}.search-hub-page .search-submit-btn{align-items:center;background:#0000;border:none;border-radius:0 5px 5px 0!important;color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:0;transition:all .3s ease;width:3rem}.search-hub-page .search-submit-btn:hover{box-shadow:none;color:var(--accent-hover)}.search-hub-page .search-submit-btn svg{transition:transform .3s ease}.search-hub-page .search-submit-btn:hover svg{transform:scale(1.1)}.search-hub-page .search-submit-btn:active svg{transform:scale(.9)}.search-hub-page .search-helper-text{animation:helperTextFadeIn 1s ease-out .6s forwards;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:1px;margin-top:1.5rem;opacity:0;text-align:center;text-transform:uppercase}@keyframes helperTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.7;transform:translateY(0)}}.search-hub-page .search-label{display:none}.search-hub-page .search-label-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:clamp(2.675rem,6.42vw,4.28rem);font-weight:700;letter-spacing:.02em;text-shadow:0 2px 10px #ffffff4d,0 0 20px #fff3;text-transform:uppercase}.search-hub-page .hero-subtitle,.search-hub-page .keyboard-hint,.search-hub-page .sparkle-icon{display:none}.search-hub-page .keyboard-hint kbd{background:#ffffff1a;border:1px solid var(--text-tertiary);border-radius:4px!important;box-shadow:0 2px 4px #0003;font-family:Courier New,monospace;font-size:.85rem;margin:0 .25rem;padding:.25rem .5rem}.search-hub-page .autocomplete-dropdown{background:var(--bg-primary);border:3px solid var(--accent);border-radius:0 0 8px 8px!important;border-top:none;box-shadow:0 8px 32px #0006;left:0;max-height:500px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% - 3px);z-index:10000}.search-hub-page .autocomplete-dropdown::-webkit-scrollbar{width:8px}.search-hub-page .autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary)}.search-hub-page .autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px!important}.search-hub-page .autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.search-hub-page .autocomplete-item{padding:.875rem 2.5rem;transition:all .15s ease}.search-hub-page .autocomplete-item.selected,.search-hub-page .autocomplete-item:hover{background:#ffffff14}.search-hub-page .autocomplete-item svg{color:var(--text-tertiary)}.search-hub-page .suggestion-type{color:var(--text-tertiary);font-size:.7rem;font-weight:700;opacity:.6}.search-hub-page .command-suggestions{background:var(--bg-secondary);border:3px solid var(--accent);border-radius:12px!important;box-shadow:0 8px 32px #0006;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.search-hub-page .suggestion-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.search-hub-page .suggestion-item:hover{background:var(--accent);color:var(--bg-primary)}.search-hub-page .suggestion-icon{flex-shrink:0;font-size:1.25rem}.search-hub-page .content-section{display:none}.search-hub-page .section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem}.search-hub-page .section-icon{color:var(--accent);height:1.5rem;width:1.5rem}.search-hub-page .section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.search-hub-page .initial-loader{align-items:center;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.search-hub-page .pulse-block{animation:pulseGrow 1.4s ease-in-out infinite;background:var(--accent);border-radius:6px;height:24px;opacity:.6;width:24px}.search-hub-page .pulse-block-1{animation-delay:0s}.search-hub-page .pulse-block-2{animation-delay:.2s}.search-hub-page .pulse-block-3{animation-delay:.4s}.search-hub-page .recommendations-section{margin:0 auto 4rem;max-width:1400px;pointer-events:none;position:relative;width:100%;z-index:10}.search-hub-page .section-header{display:none}.search-hub-page .recommendations-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem 3rem;width:100%}.search-hub-page .recommendation-card{animation:floatIn 1s ease-out forwards;background:#0000;border:none;cursor:pointer;flex-shrink:0;opacity:0;padding:0;pointer-events:all;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-hub-page .recommendation-card:first-child{animation-delay:.1s}.search-hub-page .recommendation-card:nth-child(2){animation-delay:.15s}.search-hub-page .recommendation-card:nth-child(3){animation-delay:.2s}.search-hub-page .recommendation-card:nth-child(4){animation-delay:.25s}.search-hub-page .recommendation-card:nth-child(5){animation-delay:.3s}.search-hub-page .recommendation-card:nth-child(6){animation-delay:.35s}.search-hub-page .recommendation-card:nth-child(7){animation-delay:.4s}.search-hub-page .recommendation-card:nth-child(8){animation-delay:.45s}.search-hub-page .recommendation-card:nth-child(9){animation-delay:.5s}.search-hub-page .recommendation-card:nth-child(10){animation-delay:.55s}.search-hub-page .recommendation-card:hover{transform:scale(1.15) translateY(-5px)}.search-hub-page .recommendation-card:hover .rec-text{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 40%,#0000)}.search-hub-page .rec-icon-wrapper{display:none}.search-hub-page .rec-content{display:flex;flex-direction:column;gap:0}.search-hub-page .rec-category{display:none}.search-hub-page .rec-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;line-height:1.3;text-shadow:0 1px 4px #fff3,0 0 8px #ffffff26;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.search-hub-page .rec-reason{display:none}.search-hub-page .recent-searches-section{margin-top:3rem}.search-hub-page .recent-searches-list{display:flex;flex-wrap:wrap;gap:.75rem}.search-hub-page .recent-search-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px!important;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.search-hub-page .recent-search-btn:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px #0000004d;color:var(--bg-primary);transform:translateY(-2px)}.search-hub-page .creating-content,.search-hub-page .loading-state{align-items:center;display:flex;flex-direction:column;gap:28px;padding:100px 40px}.search-hub-page .pulse-loader{align-items:center;display:flex;gap:16px;justify-content:center}.search-hub-page .pulse-square{animation:pulseGrow 1.5s ease-in-out infinite;background:var(--accent);border-radius:8px!important;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 50%,#0000)}.search-hub-page .pulse-square.pulse-1{animation-delay:0s;height:24px;width:24px}.search-hub-page .pulse-square.pulse-2{animation-delay:.2s;height:32px;width:32px}.search-hub-page .pulse-square.pulse-3{animation-delay:.4s;height:40px;width:40px}@keyframes pulseGrow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.search-hub-page .creating-content-container h2,.search-hub-page .loading-state p{animation:loadingPulse 1.5s ease-in-out infinite;color:var(--accent);font-size:19px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.search-hub-page .creating-content-container p{color:var(--text-secondary);font-size:16px;margin:0}.search-hub-page .results-container{border-top:1px solid var(--accent);margin:0 auto;max-width:1600px;padding:40px}.search-hub-page .results-header{align-items:center;background:var(--bg-primary);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:-40px -40px 32px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.search-hub-page .back-btn-compact{align-items:center;background:#0000;border:2px solid var(--accent);border-radius:8px!important;color:var(--accent);cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:1px;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-hub-page .back-btn-compact:hover{background:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,#0000004d);color:var(--bg-primary);transform:translateX(-5px)}.search-hub-page .results-actions{align-items:center}.search-hub-page .results-info p{color:var(--text-secondary);font-size:17px;font-weight:600;letter-spacing:.4px;margin:0}.search-hub-page .results-info strong{color:var(--accent);font-weight:900;text-shadow:0 0 10px color-mix(in srgb,var(--accent) 20%,#0000)}.search-hub-page .results-actions{display:flex;gap:12px}.search-hub-page .filter-btn{align-items:center;background:#0000;border:2px solid var(--accent);border-radius:8px!important;color:var(--accent);cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:8px;letter-spacing:1px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-hub-page .filter-btn:before{background:var(--accent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%;z-index:-1}.search-hub-page .filter-btn:hover:before{left:0}.search-hub-page .filter-btn:hover{border-color:var(--accent-hover);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,#0000004d);color:var(--bg-primary);transform:translateY(-3px)}.search-hub-page .filter-btn.active{background:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 50%,#0000004d);color:var(--bg-primary)}.search-hub-page .filter-badge{animation:badgePulse 2s ease-in-out infinite;background:var(--bg-primary);box-shadow:0 2px 8px #0000004d;color:var(--accent);font-size:11px;font-weight:900;min-width:24px;padding:4px 10px;text-align:center}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.search-hub-page .filter-btn:hover .filter-badge{background:var(--accent-hover);color:var(--bg-primary)}.search-hub-page .filters-panel{grid-gap:20px;background:var(--bg-secondary);border:3px solid var(--accent);border-radius:12px!important;box-shadow:0 8px 32px #0000004d;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;padding:24px}.search-hub-page .filter-group{display:flex;flex-direction:column;gap:8px}.search-hub-page .filter-group label{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.search-hub-page .filter-group input[type=date],.search-hub-page .filter-group select{background:var(--bg-primary);border:2px solid #ffffff1a;border-radius:8px!important;color:var(--text-primary);font-size:14px;font-weight:500;padding:12px;transition:all .3s ease}.search-hub-page .filter-group input[type=date]:focus,.search-hub-page .filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.search-hub-page .apply-filters-btn{align-items:center;background:var(--accent);border:3px solid var(--accent);border-radius:8px!important;box-shadow:0 4px 12px #00000040;color:var(--bg-primary);cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:10px;grid-column:1/-1;justify-content:center;letter-spacing:1.2px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.search-hub-page .apply-filters-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px #00000059;transform:translateY(-2px)}.search-hub-page .ai-description-section{animation:fadeInUp .5s ease-out;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:12px!important;box-shadow:0 8px 32px #0000004d;margin-bottom:48px;overflow:hidden;padding:48px;position:relative}.search-hub-page .ai-description-section:before{content:none}.search-hub-page .ai-description-header{align-items:center;border-bottom:2px solid color-mix(in srgb,var(--accent) 20%,#0000);display:flex;gap:12px;justify-content:flex-start;margin-bottom:28px;padding-bottom:16px}.search-hub-page .ai-description-header svg{animation:pulse 2s ease-in-out infinite;color:var(--accent);height:28px;width:28px}.search-hub-page .ai-description-header h3{color:var(--accent);font-size:20px;font-weight:900;letter-spacing:2px;margin:0;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,#0000);text-transform:uppercase}.search-hub-page .ai-description-text{color:var(--text-primary);font-size:16px;font-weight:400;line-height:1.9;margin:0 0 32px;max-width:100%;padding:0 8px;text-align:left;white-space:pre-line}.search-hub-page .ai-description-text:first-line{color:var(--text-primary);font-weight:600}.search-hub-page .continue-chat-btn{align-items:center;background:var(--accent);border:3px solid var(--accent);border-radius:8px!important;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,#0000004d);color:var(--bg-primary);cursor:pointer;display:flex;font-size:13px;font-weight:900;gap:10px;justify-content:center;letter-spacing:1.5px;margin:0;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.search-hub-page .continue-chat-btn:before{background:linear-gradient(90deg,#0000,color-mix(in srgb,#fff 20%,#0000),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.search-hub-page .continue-chat-btn:hover:before{left:100%}.search-hub-page .continue-chat-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0006);transform:translateY(-3px)}.search-hub-page .continue-chat-btn:active{transform:translateY(-1px)}.search-hub-page .continue-chat-btn svg{height:18px;width:18px}.search-hub-page .login-required-modal{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.search-hub-page .login-modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border:3px solid var(--accent);border-radius:12px!important;box-shadow:0 20px 60px #00000080;max-width:500px;padding:48px;position:relative;width:90%}.search-hub-page .login-modal-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.search-hub-page .login-modal-header svg{color:var(--accent)}.search-hub-page .login-modal-header h3{color:var(--accent);font-size:20px;font-weight:900;letter-spacing:1.5px;margin:0;text-transform:uppercase}.search-hub-page .login-modal-text{color:var(--text-primary);font-size:15px;line-height:1.8;margin-bottom:32px;text-align:center}.search-hub-page .login-modal-actions{display:flex;gap:16px;justify-content:center}.search-hub-page .login-modal-btn{background:var(--accent);border:none;border-radius:8px!important;color:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:1.2px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.search-hub-page .login-modal-btn:hover{background:var(--accent-hover);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 50%,#0000004d);transform:translateY(-2px)}.search-hub-page .login-modal-btn.secondary{background:#0000;border:2px solid var(--accent);border-radius:8px!important;color:var(--accent)}.search-hub-page .login-modal-btn.secondary:hover{background:var(--accent);color:var(--bg-primary)}.search-hub-page .no-results-with-ai{margin-top:32px}.search-hub-page .no-results-with-ai .create-options h4{color:var(--text-primary);font-size:14px;font-weight:800;letter-spacing:1.2px;margin-bottom:24px;text-align:center;text-transform:uppercase}.search-hub-page .results-section-header{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);border-bottom:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border-left:6px solid var(--accent);border-top:2px solid color-mix(in srgb,var(--accent) 20%,#0000);box-shadow:0 4px 16px #0003;margin-bottom:40px;padding:24px 32px}.search-hub-page .results-section-header h3{color:var(--accent);font-size:24px;font-weight:900;letter-spacing:2px;margin:0 0 12px;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,#0000);text-transform:uppercase}.search-hub-page .results-section-header p{color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.3px;margin:0}.search-hub-page .results-grid{grid-gap:28px;animation:gridFadeIn .6s cubic-bezier(.4,0,.2,1);display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:48px}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-hub-page .result-card:first-child{animation-delay:.05s}.search-hub-page .result-card:nth-child(2){animation-delay:.1s}.search-hub-page .result-card:nth-child(3){animation-delay:.15s}.search-hub-page .result-card:nth-child(4){animation-delay:.2s}.search-hub-page .result-card:nth-child(5){animation-delay:.25s}.search-hub-page .result-card:nth-child(6){animation-delay:.3s}.search-hub-page .result-card:nth-child(7){animation-delay:.35s}.search-hub-page .result-card:nth-child(8){animation-delay:.4s}.search-hub-page .result-card:nth-child(9){animation-delay:.45s}.search-hub-page .result-card:nth-child(10){animation-delay:.5s}.search-hub-page .result-card{align-items:flex-start;animation:cardSlideIn .5s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);border:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border-left:5px solid var(--accent);border-radius:12px!important;box-shadow:0 6px 20px #00000040,inset 0 1px 0 color-mix(in srgb,#fff 5%,#0000);cursor:pointer;display:flex;gap:20px;opacity:0;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.search-hub-page .result-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.search-hub-page .result-card:after{background:linear-gradient(180deg,var(--accent) 0,var(--accent-hover) 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(1);transition:all .3s ease;width:5px}.search-hub-page .result-card:hover:before{opacity:1}.search-hub-page .result-card:hover{border-color:var(--accent);border-left-width:7px;box-shadow:0 12px 40px #00000059,0 0 0 2px color-mix(in srgb,var(--accent) 50%,#0000),inset 0 1px 0 color-mix(in srgb,#fff 8%,#0000);transform:translateX(6px) translateY(-2px)}.search-hub-page .result-card:hover,.search-hub-page .result-card[data-priority=high]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--bg-secondary)) 0,var(--bg-secondary) 100%)}.search-hub-page .result-card[data-priority=high]{border-left-color:var(--accent);border-left-width:6px}.search-hub-page .result-card.featured{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--bg-secondary)) 0,color-mix(in srgb,var(--accent-hover) 10%,var(--bg-secondary)) 100%);border-left-width:8px;box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 50%,#0006),inset 0 2px 0 color-mix(in srgb,#fff 8%,#0000)}.search-hub-page .result-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 50%,#0006),inset 0 1px 0 color-mix(in srgb,#fff 20%,#0000);color:var(--bg-primary);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.search-hub-page .result-icon:before{background:radial-gradient(circle,color-mix(in srgb,#fff 30%,#0000) 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.search-hub-page .result-card:hover .result-icon:before{opacity:1}.search-hub-page .result-card:hover .result-icon{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 60%,#00000080),inset 0 1px 0 color-mix(in srgb,#fff 30%,#0000);transform:scale(1.1) rotate(5deg)}.search-hub-page .result-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.search-hub-page .result-title{color:var(--text-primary);font-size:19px;font-weight:800;letter-spacing:.4px;line-height:1.3;margin:0 0 8px;text-shadow:0 1px 2px #0000001a;transition:color .3s ease}.search-hub-page .result-card:hover .result-title{color:var(--accent)}.search-hub-page .result-description{-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-weight:400;line-height:1.6;margin:0 0 8px;overflow:hidden}.search-hub-page .result-card-count{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.search-hub-page .result-author,.search-hub-page .result-source,.search-hub-page .result-visibility{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;gap:4px}.search-hub-page .result-visibility.public{color:var(--accent)}.search-hub-page .result-visibility.private{color:var(--text-tertiary)}.search-hub-page .result-preview{-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.search-hub-page .result-meta{align-items:center;border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:12px}.search-hub-page .result-date,.search-hub-page .result-score{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;gap:6px;transition:color .3s ease}.search-hub-page .result-card:hover .result-date,.search-hub-page .result-card:hover .result-score{color:var(--text-secondary)}.search-hub-page .result-type-badge{background:color-mix(in srgb,var(--accent) 20%,#0000);border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 2px 6px #00000026;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.search-hub-page .result-card:hover .result-type-badge{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000004d);color:var(--bg-primary);transform:translateY(-2px)}.search-hub-page .smart-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.search-hub-page .smart-action-btn{align-items:center;background:#0000;border:1px solid var(--accent);border-radius:8px!important;color:var(--accent);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.search-hub-page .smart-action-btn:hover{background:var(--accent);box-shadow:0 2px 8px #0003;color:var(--bg-primary);transform:translateY(-1px)}.search-hub-page .result-arrow{color:var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-hub-page .result-card:hover .result-arrow{color:var(--accent-hover);filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--accent) 50%,rgba(0,0,0,.4)));transform:translateX(8px) scale(1.2)}.search-hub-page .related-searches{background:#ffffff05;border:1px solid #ffffff1a;margin-top:48px;padding:24px}.search-hub-page .related-searches h4{color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.8px;margin:0 0 16px;text-transform:uppercase}.search-hub-page .related-searches-list{display:flex;flex-wrap:wrap;gap:12px}.search-hub-page .related-search-btn{align-items:center;background:#0000;border:2px solid #fff3;border-radius:8px!important;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.search-hub-page .related-search-btn:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px #00000040;color:var(--bg-primary);transform:translateY(-2px)}.search-hub-page .ai-response-section,.search-hub-page .no-results{align-items:center;display:flex;flex-direction:column;gap:36px;padding:80px 40px;text-align:center}.search-hub-page .no-results-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-secondary)) 0,var(--bg-secondary) 100%);border:5px solid var(--accent);border-radius:16px!important;box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 30%,#0000004d),inset 0 2px 0 color-mix(in srgb,#fff 10%,#0000);color:var(--accent);display:flex;height:112px;justify-content:center;width:112px}@keyframes iconFloat{0%,to{box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 30%,#0000004d);transform:translateY(0) rotate(0deg)}50%{box-shadow:0 16px 48px color-mix(in srgb,var(--accent) 50%,#0006);transform:translateY(-12px) rotate(5deg)}}.search-hub-page .no-results h2{color:var(--text-primary);font-size:32px;font-weight:900;letter-spacing:.8px;margin:0;text-shadow:0 4px 8px #0003;text-transform:uppercase}.search-hub-page .did-you-mean{color:var(--text-secondary);font-size:16px}.search-hub-page .did-you-mean-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:16px;font-weight:700;text-decoration:underline;transition:all .2s ease}.search-hub-page .did-you-mean-btn:hover{color:var(--accent-hover);text-shadow:0 0 10px var(--accent)}.search-hub-page .ai-suggestion{max-width:800px;width:100%}.search-hub-page .ai-suggestion-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.search-hub-page .ai-suggestion-header h3{color:var(--accent);font-size:24px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.search-hub-page .ai-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px}.search-hub-page .create-options h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 20px}.search-hub-page .create-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-hub-page .create-option-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:12px!important;box-shadow:0 6px 20px #00000040;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:40px 28px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-hub-page .create-option-card:before,.search-hub-page .create-option-card:hover:before{content:none}.search-hub-page .create-option-card:hover{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 16px 40px #00000059;transform:translateY(-10px) scale(1.02)}.search-hub-page .create-option-card svg{color:var(--accent);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .3s ease}.search-hub-page .create-option-card:hover svg{filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--accent) 50%,rgba(0,0,0,.4)));transform:scale(1.15) rotate(5deg)}.search-hub-page .create-option-card h5{color:var(--text-primary);font-size:17px;font-weight:800;letter-spacing:.8px;margin:0;text-transform:uppercase;transition:color .3s ease}.search-hub-page .create-option-card:hover h5{color:var(--accent)}.search-hub-page .create-option-card p{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin:0}@media (max-width:768px){.search-hub-page .hero-section{min-height:75vh;padding:2rem 1rem}.search-hub-page .logo-text{-webkit-text-stroke:2px var(--text-primary);font-size:clamp(4rem,12vw,6rem)}.search-hub-page .search-box-cutout{transform:translateY(-1.5rem)}.search-hub-page .hero-search-input{font-size:1rem;padding:1.25rem 4rem 1.25rem 1.5rem}.search-hub-page .search-submit-btn{height:3rem;width:3rem}.search-hub-page .search-label-text{font-size:clamp(2rem,5vw,3rem)}.search-hub-page .sparkle-1{height:1.25rem;width:1.25rem}.search-hub-page .sparkle-2{height:.875rem;width:.875rem}.search-hub-page .hero-subtitle{font-size:1rem;padding:0 1rem}.search-hub-page .recommendations-grid{gap:1rem;grid-template-columns:1fr}.search-hub-page .content-section{padding:2rem 1rem 4rem}.search-hub-page .section-title{font-size:1.25rem}.search-hub-page .results-grid{gap:16px;grid-template-columns:1fr}.search-hub-page .results-container{padding:20px}.search-hub-page .create-options-grid{grid-template-columns:1fr}}@media (max-width:480px){.search-hub-page .logo-text{font-size:clamp(3rem,10vw,4.5rem)}.search-hub-page .search-box-cutout{transform:translateY(-1rem)}.search-hub-page .search-label{gap:.5rem;transform:translateY(-1rem)}.search-hub-page .recommendation-card,.search-hub-page .result-card{padding:1.25rem}.search-hub-page .search-hub-header{height:60px;padding:12px 20px}.search-hub-page .dashboard-btn,.search-hub-page .theme-selector-btn{font-size:10px;padding:10px 20px}.search-hub-page .search-hub-content{margin-top:60px}}.search-hub-page .recommendations-title{color:var(--accent);font-size:.6rem;font-weight:900;letter-spacing:2px;margin:0 0 2rem;text-align:center;text-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,#0000);text-transform:uppercase}.search-hub-page .search-hub-content{margin-top:56px}@media (max-width:768px){.search-hub-page .header-buttons{gap:6px}.search-hub-page .header-btn{height:36px;width:36px}.search-hub-page .header-btn svg{height:16px;width:16px}.search-hub-page .recommendations-title{font-size:1rem;margin:0 0 1.5rem}}.search-hub-page .autocomplete-dropdown:before{align-items:center;animation:headerPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-bottom:2px solid var(--accent);box-shadow:0 2px 8px #0003;color:var(--bg-primary);content:"Smart Suggestions Powered by AI";display:flex;font-size:.7rem;font-weight:800;gap:8px;justify-content:center;letter-spacing:1.5px;padding:12px 20px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}@keyframes headerPulse{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 60%,#0006)}}.search-hub-page .autocomplete-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.search-hub-page .autocomplete-item:before{background:var(--accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:4px}.search-hub-page .autocomplete-item:last-child{border-bottom:none}.search-hub-page .autocomplete-item.selected:before,.search-hub-page .autocomplete-item:hover:before{transform:scaleY(1)}.search-hub-page .autocomplete-item.selected,.search-hub-page .autocomplete-item:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,#0000) 0,#0000 100%);padding-left:1.75rem}.search-hub-page .autocomplete-item.nlp-suggestion{background:#0000;border-left:none}.search-hub-page .autocomplete-item.nlp-suggestion.selected,.search-hub-page .autocomplete-item.nlp-suggestion:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,#0000) 0,#0000 100%)}.search-hub-page .autocomplete-item svg{color:var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;transition:all .2s ease}.search-hub-page .autocomplete-item.selected svg,.search-hub-page .autocomplete-item:hover svg{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--accent) 50%,rgba(0,0,0,.4)));transform:scale(1.2) rotate(5deg)}.search-hub-page .autocomplete-item .suggestion-text{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.search-hub-page .autocomplete-item.selected .suggestion-text,.search-hub-page .autocomplete-item:hover .suggestion-text{color:var(--accent);font-weight:600}.search-hub-page .suggestion-type{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.8px;margin-left:auto;padding:4px 10px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.search-hub-page .autocomplete-item.selected .suggestion-type,.search-hub-page .autocomplete-item:hover .suggestion-type{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 8px color-mix(in srgb,var(--accent) 40%,#0000004d);color:var(--bg-primary);transform:translateY(-1px)}.search-hub-page .suggestion-type.recent{background:color-mix(in srgb,#6b7280 15%,#0000);border-color:color-mix(in srgb,#6b7280 30%,#0000);color:#9ca3af}.search-hub-page .autocomplete-item.selected .suggestion-type.recent,.search-hub-page .autocomplete-item:hover .suggestion-type.recent{background:#6b7280;border-color:#6b7280;color:var(--bg-primary)}.search-hub-page .suggestion-type.create_flashcards,.search-hub-page .suggestion-type.create_note,.search-hub-page .suggestion-type.create_quiz{background:color-mix(in srgb,#10b981 15%,#0000);border-color:color-mix(in srgb,#10b981 30%,#0000);color:#10b981}.search-hub-page .autocomplete-item.selected .suggestion-type.create_flashcards,.search-hub-page .autocomplete-item.selected .suggestion-type.create_note,.search-hub-page .autocomplete-item.selected .suggestion-type.create_quiz,.search-hub-page .autocomplete-item:hover .suggestion-type.create_flashcards,.search-hub-page .autocomplete-item:hover .suggestion-type.create_note,.search-hub-page .autocomplete-item:hover .suggestion-type.create_quiz{background:#10b981;border-color:#10b981;color:var(--bg-primary)}.search-hub-page .suggestion-type.chat,.search-hub-page .suggestion-type.explain{background:color-mix(in srgb,#3b82f6 15%,#0000);border-color:color-mix(in srgb,#3b82f6 30%,#0000);color:#3b82f6}.search-hub-page .autocomplete-item.selected .suggestion-type.chat,.search-hub-page .autocomplete-item.selected .suggestion-type.explain,.search-hub-page .autocomplete-item:hover .suggestion-type.chat,.search-hub-page .autocomplete-item:hover .suggestion-type.explain{background:#3b82f6;border-color:#3b82f6;color:var(--bg-primary)}.search-hub-page .suggestion-type.review,.search-hub-page .suggestion-type.show_progress,.search-hub-page .suggestion-type.show_weak_areas{background:color-mix(in srgb,#f59e0b 15%,#0000);border-color:color-mix(in srgb,#f59e0b 30%,#0000);color:#f59e0b}.search-hub-page .autocomplete-item.selected .suggestion-type.review,.search-hub-page .autocomplete-item.selected .suggestion-type.show_progress,.search-hub-page .autocomplete-item.selected .suggestion-type.show_weak_areas,.search-hub-page .autocomplete-item:hover .suggestion-type.review,.search-hub-page .autocomplete-item:hover .suggestion-type.show_progress,.search-hub-page .autocomplete-item:hover .suggestion-type.show_weak_areas{background:#f59e0b;border-color:#f59e0b;box-shadow:none;color:var(--bg-primary)}.search-hub-page .suggestion-type.nlp_suggestion{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#0000) 0,color-mix(in srgb,var(--accent-hover) 20%,#0000) 100%);border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent);font-weight:900}.search-hub-page .autocomplete-item.selected .suggestion-type.nlp_suggestion,.search-hub-page .autocomplete-item:hover .suggestion-type.nlp_suggestion{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 50%,#0006);color:var(--bg-primary)}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.search-hub-page .autocomplete-item{animation:suggestionSlideIn .3s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.search-hub-page .autocomplete-item:nth-child(2){animation-delay:.03s}.search-hub-page .autocomplete-item:nth-child(3){animation-delay:.06s}.search-hub-page .autocomplete-item:nth-child(4){animation-delay:.09s}.search-hub-page .autocomplete-item:nth-child(5){animation-delay:.12s}.search-hub-page .autocomplete-item:nth-child(6){animation-delay:.15s}.search-hub-page .autocomplete-item:nth-child(7){animation-delay:.18s}.search-hub-page .autocomplete-item:nth-child(8){animation-delay:.21s}.search-hub-page .autocomplete-item:nth-child(9){animation-delay:.24s}.search-hub-page .autocomplete-item:nth-child(10){animation-delay:.27s}.search-hub-page .autocomplete-empty{color:var(--text-tertiary);font-size:.9rem;font-weight:500;padding:2rem;text-align:center}.search-hub-page .autocomplete-empty svg{height:48px;margin:0 auto 1rem;opacity:.5;width:48px}.search-hub-page .autocomplete-loading{align-items:center;display:flex;gap:8px;justify-content:center;padding:2rem}.search-hub-page .autocomplete-loading-dot{animation:loadingDot 1.4s ease-in-out infinite;background:var(--accent);border-radius:50%;height:8px;width:8px}.search-hub-page .autocomplete-loading-dot:first-child{animation-delay:0s}.search-hub-page .autocomplete-loading-dot:nth-child(2){animation-delay:.2s}.search-hub-page .autocomplete-loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.search-hub-page .autocomplete-footer{align-items:center;background:color-mix(in srgb,var(--accent) 5%,#0000);border-top:1px solid color-mix(in srgb,var(--accent) 20%,#0000);bottom:0;color:var(--text-tertiary);display:flex;font-size:.7rem;font-weight:600;gap:12px;justify-content:center;padding:10px 20px;position:-webkit-sticky;position:sticky;z-index:10}.search-hub-page .autocomplete-footer kbd{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:var(--accent);font-family:Courier New,monospace;font-size:.65rem;font-weight:700;padding:2px 6px}.search-hub-page .autocomplete-item[data-context=true]:after{color:var(--text-tertiary);content:"(from context)";font-size:.6rem;font-style:italic;margin-left:8px;opacity:.7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:auto}.si-page{background:radial-gradient(circle at 2px 2px,#ffffff14 1.5px,#0000 0),linear-gradient(135deg,var(--bg-primary) 0,color-mix(in srgb,var(--bg-primary) 75%,var(--accent)) 50%,var(--bg-primary) 100%);background-position:5px 5px,0 0;background-size:30px 30px,100% 100%;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.si-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 80%,#0000);border-bottom:1px solid var(--accent);height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 60px!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}.si-header,.si-header-left{align-items:center;display:flex}.si-header-left{gap:16px}.si-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;position:relative}.si-logo,.si-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.si-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.si-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.si-logo:hover .si-logo-img{transform:scale(1.1)}.si-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.si-subtitle{color:color-mix(in srgb,var(--accent) 70%,#fff);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.si-header-right{align-items:center;display:flex;gap:12px}.si-time-toggle{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;display:flex;gap:0;overflow:hidden}.si-toggle-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.si-toggle-btn:not(:last-child){border-right:2px solid var(--accent)}.si-toggle-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.si-toggle-btn.active{background:var(--accent);color:var(--bg-primary)}.si-nav-btn{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;opacity:.7;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.si-nav-btn:hover{color:var(--accent);opacity:1}.si-nav-btn svg{stroke:currentColor!important;fill:none!important;height:14px!important;width:14px!important}.si-nav-btn-ghost{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);opacity:.7}.si-nav-btn-ghost:hover{color:var(--accent);opacity:1}[data-theme-mode=dark] .si-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .si-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}[data-theme-mode=light] .si-nav-btn-ghost{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}[data-theme-mode=light] .si-page{background:#fff!important}.si-main{margin:0 auto;max-width:1800px;padding:40px}.si-bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(12,1fr);width:100%}.si-bento{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-secondary) 90%,#0000);border:2px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.si-bento:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.si-bento:hover{border-color:var(--accent);transform:translateY(-4px)}.si-bento:hover:before{opacity:1}.si-bento-title{color:var(--accent);font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.si-summary{grid-column:span 12}.si-activity,.si-quiz,.si-time-stats{grid-column:span 4}.si-flashcards,.si-notes,.si-qb,.si-recent-quizzes,.si-topics,.si-weak{grid-column:span 6}.si-empty-state{grid-column:span 12;padding:60px 24px;text-align:center}.si-summary-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.8}.si-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.si-stat{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.si-stat:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent);transform:translateY(-2px)}.si-stat-value{color:var(--accent);font-family:Inter,sans-serif;font-size:48px;font-weight:800;line-height:1;margin-bottom:8px}.si-stat-label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.si-activity-list{display:flex;flex-direction:column;gap:12px}.si-activity-row{align-items:center;background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.si-activity-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent);transform:translateX(4px)}.si-activity-label{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.si-activity-value{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:700}.si-quiz-summary{display:flex;gap:20px;margin-bottom:20px}.si-quiz-main{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:2px solid var(--accent);border-radius:12px;flex:1 1;padding:20px;text-align:center}.si-quiz-score{color:var(--accent);font-family:Inter,sans-serif;font-size:56px;font-weight:900;line-height:1;margin-bottom:8px}.si-quiz-side{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:12px;flex:1 1;padding:20px;text-align:center}.si-quiz-count{color:var(--text-primary);font-family:Inter,sans-serif;font-size:40px;font-weight:800;line-height:1;margin-bottom:8px}.si-quiz-label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.si-diff-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.si-diff{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:center;transition:all .2s ease}.si-diff:hover{border-color:var(--accent);transform:translateY(-2px)}.si-diff-label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.si-diff-score{color:var(--accent);font-family:Inter,sans-serif;font-size:24px;font-weight:800}.si-fc-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.si-fc-stat{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.si-fc-stat:hover{border-color:var(--accent);transform:translateY(-2px)}.si-fc-value{color:var(--accent);font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.si-fc-label,.si-fc-value{font-family:Inter,sans-serif}.si-fc-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.si-struggling{display:flex;flex-direction:column;gap:12px}.si-struggling-title{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.si-struggling-card{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border-left:3px solid #ef4444;border-radius:8px;padding:12px 16px;transition:all .2s ease}.si-struggling-card:hover{background:color-mix(in srgb,#ef4444 10%,var(--bg-primary));transform:translateX(4px)}.si-card-question{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px}.si-card-accuracy{color:#ef4444;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.si-weak-list{display:flex;flex-direction:column;gap:12px}.si-weak-row{align-items:center;background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.si-weak-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent);transform:translateX(4px)}.si-weak-info{flex:1 1}.si-weak-topic{color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:600;margin-bottom:4px}.si-weak-subtopic{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:500}.si-weak-stats{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.si-weak-accuracy{font-family:Inter,sans-serif;font-size:20px;font-weight:800}.si-weak-priority{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.si-quiz-list{display:flex;flex-direction:column;gap:12px}.si-quiz-row{align-items:center;background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.si-quiz-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent);transform:translateX(4px)}.si-quiz-info{flex:1 1}.si-quiz-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:600;margin-bottom:4px}.si-quiz-meta{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:500}.si-quiz-badge{border-radius:20px;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:800;padding:8px 16px}.si-qb-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.si-qb-stat{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.si-qb-stat:hover{border-color:var(--accent);transform:translateY(-2px)}.si-qb-value{color:var(--accent);font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.si-qb-label,.si-qb-value{font-family:Inter,sans-serif}.si-qb-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.si-notes-list,.si-topics-list{display:flex;flex-direction:column;gap:12px}.si-note-row,.si-topic-row{align-items:center;background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.si-note-row:hover,.si-topic-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-color:var(--accent);transform:translateX(4px)}.si-note-title,.si-topic-name{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.si-topic-count{color:var(--accent);font-family:Inter,sans-serif;font-size:16px;font-weight:700}.si-empty{padding:40px 20px;text-align:center}.si-empty-text{font-size:15px;font-weight:500;margin-bottom:8px}.si-empty-hint,.si-empty-text{color:var(--text-secondary);font-family:Inter,sans-serif}.si-empty-hint{font-size:13px;font-weight:400;opacity:.7}.si-btn-small{background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:16px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.si-btn-small:hover{background:color-mix(in srgb,var(--accent) 90%,#fff);box-shadow:0 4px 12px var(--glow);transform:translateY(-2px)}.si-btn-large{background:var(--accent);border:none;border-radius:12px;color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin-top:24px;padding:16px 32px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.si-btn-large:hover{background:color-mix(in srgb,var(--accent) 90%,#fff);box-shadow:0 8px 24px var(--glow);transform:translateY(-2px)}.si-loading{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:100vh}.si-loading-text{color:var(--accent);font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.si-spinner{display:flex;gap:12px}.si-spinner-cube{animation:spinner-bounce 1.4s ease-in-out infinite both;background:var(--accent);border-radius:4px;height:16px;width:16px}.si-spinner-cube:first-child{animation-delay:-.32s}.si-spinner-cube:nth-child(2){animation-delay:-.16s}@keyframes spinner-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.si-error{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:40px}.si-error p{color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;font-weight:500}.si-error-detail{color:#ef4444;font-size:14px}.si-btn{background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.si-btn:hover{background:color-mix(in srgb,var(--accent) 90%,#fff);box-shadow:0 4px 12px var(--glow);transform:translateY(-2px)}.si-bento{animation:fadeIn .5s ease-out backwards}.si-bento:first-child{animation-delay:.05s}.si-bento:nth-child(2){animation-delay:.1s}.si-bento:nth-child(3){animation-delay:.15s}.si-bento:nth-child(4){animation-delay:.2s}.si-bento:nth-child(5){animation-delay:.25s}.si-bento:nth-child(6){animation-delay:.3s}.si-bento:nth-child(7){animation-delay:.35s}.si-bento:nth-child(8){animation-delay:.4s}@media(max-width:1400px){.si-activity,.si-quiz,.si-time-stats{grid-column:span 6}.si-flashcards,.si-notes,.si-qb,.si-recent-quizzes,.si-topics,.si-weak{grid-column:span 12}}@media(max-width:1024px){.si-main{padding:30px 20px}.si-bento-grid{gap:16px}.si-bento{padding:20px}.si-stats-grid{gap:12px}.si-stat-value{font-size:36px}}@media(max-width:768px){.si-header{padding:12px 20px}.si-header-content{align-items:flex-start;flex-direction:column;gap:12px}.si-header-right{flex-wrap:wrap;width:100%}.si-time-toggle{width:100%}.si-nav-btn,.si-toggle-btn{flex:1 1}.si-main{padding:20px 16px}.si-bento-grid{gap:12px}.si-bento{padding:16px}.si-activity,.si-flashcards,.si-notes,.si-qb,.si-quiz,.si-recent-quizzes,.si-time-stats,.si-topics,.si-weak{grid-column:span 12}.si-stats-grid{grid-template-columns:1fr}.si-quiz-summary{flex-direction:column}.si-diff-grid,.si-fc-stats,.si-qb-stats{grid-template-columns:1fr}}@media(max-width:480px){.si-logo{font-size:20px}.si-stat-value{font-size:32px}.si-quiz-score{font-size:40px}.si-quiz-count{font-size:32px}.si-fc-value,.si-qb-value{font-size:28px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.si-bento{animation:none}}.weaknesses-container,.weaknesses-page{background:var(--bg-primary)!important;bottom:0!important;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.weaknesses-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner-weak{display:flex;gap:8px}.loading-spinner-weak,.loading-spinner-weak:after,.loading-spinner-weak:before{animation:pulse-weak 1.4s ease-in-out infinite;background:var(--accent);border-radius:2px;content:"";height:12px;width:12px}.loading-spinner-weak:before{animation-delay:0s}.loading-spinner-weak:after{animation-delay:.4s}@keyframes pulse-weak{0%,60%,to{opacity:.5;transform:scale(.6)}30%{opacity:1;transform:scale(1)}}.weaknesses-loading p{color:var(--accent);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.weaknesses-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .weaknesses-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .weaknesses-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.weaknesses-header-left{align-items:center;display:flex;gap:16px}.weaknesses-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.weaknesses-logo,.weaknesses-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.weaknesses-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.weaknesses-logo:hover{transform:translateY(-2px)}.weaknesses-logo:hover .weaknesses-logo-img{transform:scale(1.1)}.weaknesses-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.weaknesses-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.weaknesses-header-right{align-items:center;display:flex;gap:12px}.weaknesses-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.weaknesses-nav-btn:hover{background:var(--bg-elevated);color:var(--accent)}.weaknesses-nav-btn-accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));color:var(--bg-primary)}[data-theme-mode=light] .weaknesses-nav-btn-accent{color:#fff}[data-theme-mode=dark] .weaknesses-nav-btn-accent{color:var(--bg-primary)}.weaknesses-nav-btn-accent:hover{transform:translateY(-2px)}.weaknesses-nav-btn-ghost{background:#0000;color:var(--text-primary)}.weaknesses-nav-btn-ghost:hover{background:var(--bg-elevated);color:var(--accent)}.weaknesses-body{display:flex;flex:1 1;height:100%;overflow:hidden}.weaknesses-sidebar{background:var(--bg-secondary);border-right:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;gap:24px;height:100%;overflow-y:auto;padding:24px 20px;transition:width .3s ease;width:260px}[data-theme-mode=dark] .weaknesses-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,var(--bg-secondary)) 0,color-mix(in srgb,var(--accent) 8%,var(--bg-secondary)) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .weaknesses-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.sidebar-heading{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary))}.menu-item{border-radius:8px;color:var(--text-secondary);transition:all .2s ease}.menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menu-item.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent)}.active-indicator{background:var(--accent);border-radius:0}.sidebar-divider{background:var(--border)}.sidebar-stats{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.stat-box{border:2px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:8px;padding:16px}.stat-box,.stat-box.critical-stat{background:#0000;box-shadow:none!important}.stat-box.critical-stat{border-color:#ef4444}.stat-box.critical-stat .stat-value{-webkit-font-smoothing:antialiased;color:#ef4444;filter:none!important;text-shadow:none!important}.stat-box.needs-practice-stat{background:#0000;border-color:#f59e0b;box-shadow:none!important}.stat-box.needs-practice-stat .stat-value{-webkit-font-smoothing:antialiased;color:#f59e0b;filter:none!important;text-shadow:none!important}.stat-box.improving-stat{background:#0000;border-color:#10b981;box-shadow:none!important}.stat-box.improving-stat .stat-value{color:#10b981}.stat-box.improving-stat .stat-value,.stat-value{-webkit-font-smoothing:antialiased;filter:none!important;text-shadow:none!important}.stat-value{font-size:32px;margin-bottom:6px}.stat-label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary))}.weaknesses-main{background:var(--bg-primary);flex:1 1;height:100%;overflow:hidden;overflow-x:hidden;overflow-y:auto;padding:32px 40px;position:relative}.empty-container,.weaknesses-main{display:flex;flex-direction:column}.empty-container{align-items:center;gap:20px;justify-content:center;min-height:400px;text-align:center}.empty-container h3,.empty-container svg{color:var(--accent)}.empty-container p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.weaknesses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1400px;width:100%}.weakness-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;max-height:400px;min-height:400px;overflow:hidden;transition:all .2s}.weakness-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-2px)}.weakness-card.critical{border-color:color-mix(in srgb,#ef4444 20%,#0000)}.weakness-card.critical:hover{border-color:#ef4444}.weakness-card.needs_practice{border-color:color-mix(in srgb,#f59e0b 20%,#0000)}.weakness-card.needs_practice:hover{border-color:#f59e0b}.weakness-card.improving{border-color:color-mix(in srgb,#10b981 20%,#0000)}.weakness-card.improving:hover{border-color:#10b981}.card-cover{align-items:center;border-bottom:1px solid var(--border);display:flex;height:140px;justify-content:center;padding:20px}.card-cover-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px;line-height:1.3;max-width:100%;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;z-index:5}.category-tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-family:Inter,sans-serif;font-size:10px;font-weight:800;justify-content:center;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.card-sources-top,.category-tag{display:flex;position:absolute;right:12px;top:12px;z-index:10}.card-sources-top{flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:200px}.card-content{flex:1 1;gap:4px;min-height:0;padding:12px}.card-subtitle{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;margin-top:-4px}.card-subtitle.doubtful{color:#ef4444}.card-subtitle.struggling{color:#f59e0b}.card-accuracy{align-items:center;display:flex;justify-content:space-between;padding:2px 0}.accuracy-label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.accuracy-value{font-family:Inter,sans-serif;font-size:16px;font-weight:800}.card-sources-top .source-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:6px;font-family:Inter,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;padding:6px 10px;text-transform:uppercase}.card-sources-top .source-badge.quiz{background:#ef4444e6;color:#fff}.card-sources-top .source-badge.flashcard{background:#eab308e6;color:#fff}.card-sources-top .source-badge.chat{background:#3b82f6e6;color:#fff}.card-sources-top .source-badge.notes{background:#10b981e6;color:#fff}.card-indicator{align-items:center;border-radius:6px;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;padding:6px 10px}.card-indicator.doubtful{background:#ef44441a;color:#ef4444}.card-indicator.struggling{background:#f59e0b1a;color:#f59e0b}.card-stats{border-top:1px solid var(--border);margin-top:4px}.stat{flex-direction:column;gap:4px}.stat-value{font-size:16px}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.analyze-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:8px;box-shadow:none;color:var(--bg-primary);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}[data-theme-mode=light] .analyze-btn{color:#fff}[data-theme-mode=dark] .analyze-btn{color:var(--bg-primary)}.analyze-btn:hover{transform:translateY(-1px)}.topic-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.topic-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border:2px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.topic-modal-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000) 0,color-mix(in srgb,var(--accent) 5%,#0000) 100%);border-bottom:2px solid color-mix(in srgb,var(--accent) 20%,#0000);display:flex;justify-content:space-between;padding:28px 32px}.topic-modal-header h2{color:var(--accent);font-family:Inter,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0;text-transform:uppercase}.topic-modal-close{align-items:center;background:color-mix(in srgb,#ef4444 15%,#0000);border:1px solid color-mix(in srgb,#ef4444 30%,#0000);border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.topic-modal-close:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.topic-modal-content{flex:1 1;overflow-y:auto;padding:32px}.topic-modal-section{margin-bottom:36px}.topic-modal-section:last-child{margin-bottom:0}.topic-modal-section h3{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:700;gap:10px;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.topic-modal-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:40px}.topic-modal-loading p{color:var(--accent);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.topic-modal-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.topic-modal-empty svg{color:var(--accent);opacity:.4}.topic-modal-empty p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin:0}.suggestions-list{display:flex;flex-direction:column;gap:16px}.suggestion-card{background:var(--bg-tertiary);padding:20px}.suggestion-card:hover{box-shadow:0 4px 12px #0003;transform:translateX(4px)}.suggestion-card.high{background:color-mix(in srgb,#ef4444 5%,var(--bg-tertiary))}.suggestion-card.medium{background:color-mix(in srgb,#f59e0b 5%,var(--bg-tertiary))}.suggestion-card.low{background:color-mix(in srgb,#10b981 5%,var(--bg-tertiary))}.suggestion-title{font-size:15px}.tips-list{gap:12px}.tips-list li{background:var(--bg-tertiary);padding:16px 20px 16px 50px}.tips-list li:before{font-size:18px;left:18px;top:16px}.questions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.question-card{background:var(--bg-tertiary);padding:20px}.question-header{gap:10px;margin-bottom:12px}.question-number{font-size:11px;font-weight:700;padding:6px 12px}.question-text{font-size:14px;margin:0 0 12px}.question-history{padding-top:12px}.practice-all-btn{box-shadow:none!important;gap:8px;padding:16px 24px}@media (max-width:1024px){.weaknesses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.weaknesses-header{align-items:stretch;flex-direction:column;gap:12px;height:auto;min-height:60px;padding:0 20px}.weaknesses-header-left,.weaknesses-header-right{justify-content:space-between;width:100%}.weaknesses-body{flex-direction:column}.weaknesses-sidebar{border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-right:none;height:auto;max-height:200px;width:100%}.sidebar-stats{flex-direction:row}.weaknesses-main{padding:20px}.weaknesses-grid{grid-template-columns:1fr}.topic-modal{border-radius:0;max-height:100vh;max-width:100%}.topic-modal-content,.topic-modal-header{padding:20px}.card-actions{flex-direction:column}.practice-btn,.tips-btn{width:100%}}.topic-modal-content::-webkit-scrollbar,.weaknesses-main::-webkit-scrollbar,.weaknesses-sidebar::-webkit-scrollbar{width:6px}.topic-modal-content::-webkit-scrollbar-track,.weaknesses-main::-webkit-scrollbar-track,.weaknesses-sidebar::-webkit-scrollbar-track{background:#0000}.topic-modal-content::-webkit-scrollbar-thumb,.weaknesses-main::-webkit-scrollbar-thumb,.weaknesses-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.topic-modal-content::-webkit-scrollbar-thumb:hover,.weaknesses-main::-webkit-scrollbar-thumb:hover,.weaknesses-sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 120%,#fff)}.weakness-practice-container{background:var(--bg-primary)!important;bottom:0!important;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.practice-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .practice-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .practice-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.practice-header-left{align-items:center;display:flex;gap:16px}.practice-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.practice-logo,.practice-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.practice-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.practice-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.practice-logo:hover .practice-logo-img{transform:scale(1.1)}.practice-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.practice-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.practice-header-right{align-items:center;display:flex;gap:12px}.practice-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.practice-nav-btn:hover{background:var(--bg-elevated);color:var(--accent)}.practice-nav-btn-ghost{background:#0000;color:var(--text-primary)}.practice-nav-btn-ghost:hover{background:var(--bg-elevated);color:var(--accent)}.practice-stats-bar{align-items:center;display:flex;gap:2rem}.stat-item{gap:.5rem}.stat-label{color:#888;font-size:.85rem}.stat-value{font-size:1rem;font-weight:600}.practice-start-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.start-card{background:#141414cc;border:1px solid #d7b38c33;border-radius:16px;max-width:500px;padding:3rem;text-align:center;width:100%}.start-icon{color:#d7b38c;display:flex;justify-content:center;margin-bottom:1.5rem}.start-card h2{color:#fff;font-size:2rem;font-weight:300;margin-bottom:1rem}.start-description{color:#aaa;line-height:1.6;margin-bottom:2rem}.start-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.detail-item{background:#d7b38c0d;border-radius:8px;color:#d7b38c;padding:1rem}.detail-item,.start-practice-btn{align-items:center;display:flex;gap:.75rem;justify-content:center}.start-practice-btn{background:linear-gradient(135deg,#d7b38c,#c9a574);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s;width:100%}.start-practice-btn:hover:not(:disabled){box-shadow:0 8px 20px #d7b38c4d;transform:translateY(-2px)}.start-practice-btn:disabled{cursor:not-allowed;opacity:.6}.practice-main{background:var(--bg-primary);display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:32px 40px}.question-container{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:8px;height:-webkit-fit-content;height:fit-content;max-width:900px;padding:32px;width:100%}.question-header{border-bottom:1px solid #d7b38c1a;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.question-topic{color:#d7b38c;font-size:.9rem;font-weight:600}.question-difficulty{background:#d7b38c1a;border-radius:12px;color:#d7b38c;font-size:.8rem;padding:.25rem .75rem;text-transform:capitalize}.question-content,.question-text{margin-bottom:2rem}.question-text{color:#fff;font-size:1.3rem;font-weight:400;line-height:1.6}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.option-btn{background:#1e1e1e99;border:2px solid #d7b38c33;border-radius:12px;color:#e0e0e0;cursor:pointer;font-size:1rem;padding:1.25rem;text-align:left;transition:all .3s}.option-btn:hover:not(:disabled){background:#d7b38c1a;border-color:#d7b38c}.option-btn.selected{background:#d7b38c33;border-color:#d7b38c}.option-btn.correct{background:#10b98133;border-color:#10b981;color:#10b981}.option-btn.incorrect{background:#ef444433;border-color:#ef4444;color:#ef4444}.option-btn:disabled{cursor:not-allowed}.answer-input{background:#1e1e1e99;border:2px solid #d7b38c33;border-radius:12px;color:#e0e0e0;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.answer-input:focus{border-color:#d7b38c;outline:none}.true-false-btns{display:flex;gap:1rem}.tf-btn{background:#1e1e1e99;border:2px solid #d7b38c33;border-radius:12px;color:#e0e0e0;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1.5rem;transition:all .3s}.tf-btn:hover:not(:disabled){background:#d7b38c1a;border-color:#d7b38c}.tf-btn.selected{background:#d7b38c33;border-color:#d7b38c}.tf-btn.correct{background:#10b98133;border-color:#10b981;color:#10b981}.tf-btn.incorrect{background:#ef444433;border-color:#ef4444;color:#ef4444}.feedback-panel{animation:slideIn .3s ease-out;border-radius:12px;margin-top:2rem;padding:1.5rem}.feedback-panel.correct{background:#10b9811a;border:1px solid #10b9814d}.feedback-panel.incorrect{background:#ef44441a;border:1px solid #ef44444d}.feedback-header{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.feedback-panel.correct .feedback-header{color:#10b981}.feedback-panel.incorrect .feedback-header{color:#ef4444}.feedback-message{color:#e0e0e0;font-size:1rem;margin-bottom:1rem}.feedback-explanation{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.feedback-explanation strong{color:#d7b38c;display:block;margin-bottom:.5rem}.feedback-explanation p{color:#ccc;line-height:1.6}.correct-answer-display{background:#0000004d;border-radius:8px;margin-top:1rem;padding:1rem}.correct-answer-display strong{color:#d7b38c}.question-actions{display:flex;justify-content:center;margin-top:2rem}.next-question-btn,.submit-answer-btn{align-items:center;background:linear-gradient(135deg,#d7b38c,#c9a574);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:transform .2s,box-shadow .2s}.next-question-btn:hover,.submit-answer-btn:hover:not(:disabled){box-shadow:0 8px 20px #d7b38c4d;transform:translateY(-2px)}.submit-answer-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.practice-summary-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.summary-card{background:#141414cc;border:1px solid #d7b38c33;border-radius:16px;max-width:600px;padding:3rem;text-align:center;width:100%}.summary-icon{color:#d7b38c;display:flex;justify-content:center;margin-bottom:1.5rem}.summary-card h2{color:#fff;font-size:2rem;font-weight:300;margin-bottom:.5rem}.summary-topic{color:#d7b38c;font-size:1.1rem;margin-bottom:2rem}.summary-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.summary-stat{background:#d7b38c0d;border-radius:12px;padding:1.5rem 1rem}.summary-stat .stat-value{color:#d7b38c;font-size:2rem;font-weight:600;margin-bottom:.5rem}.summary-stat .stat-label{color:#888;font-size:.85rem}.performance-level{background:#d7b38c1a;border-radius:12px;margin-bottom:2rem;padding:1rem}.level-label{color:#888;margin-right:.5rem}.level-value{color:#d7b38c;font-weight:600}.summary-recommendations{background:#1e1e1e99;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.summary-recommendations h3{color:#d7b38c;font-size:1.1rem;margin-bottom:1rem}.summary-recommendations ul{list-style:none;padding:0}.summary-recommendations li{border-bottom:1px solid #ffffff0d;color:#ccc;line-height:1.5;padding:.75rem 0}.summary-recommendations li:last-child{border-bottom:none}.summary-actions{display:flex;gap:1rem}.summary-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:transform .2s,box-shadow .2s}.summary-btn.primary{background:linear-gradient(135deg,#d7b38c,#c9a574);color:#0a0a0a}.summary-btn.secondary{background:#0000;border:1px solid #d7b38c4d;color:#d7b38c}.summary-btn:hover{transform:translateY(-2px)}.summary-btn.primary:hover{box-shadow:0 8px 20px #d7b38c4d}.summary-btn.secondary:hover{background:#d7b38c1a}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #0a0a0a4d;border-radius:50%;border-top-color:#0a0a0a;height:20px;width:20px}@media (max-width:768px){.practice-header{padding:1rem 1.5rem}.practice-stats-bar{gap:1rem}.options-grid{grid-template-columns:1fr}.summary-stats-grid{grid-template-columns:repeat(2,1fr)}.summary-actions{flex-direction:column}}.weakness-tips-container{background:var(--bg-primary)!important;bottom:0!important;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.tips-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner-tips{display:flex;gap:8px}.loading-spinner-tips,.loading-spinner-tips:after,.loading-spinner-tips:before{animation:pulse-tips 1.4s ease-in-out infinite;background:var(--accent);border-radius:2px;content:"";height:12px;width:12px}.loading-spinner-tips:before{animation-delay:0s}.loading-spinner-tips:after{animation-delay:.4s}@keyframes pulse-tips{0%,60%,to{opacity:.5;transform:scale(.6)}30%{opacity:1;transform:scale(1)}}.tips-loading p{color:var(--accent);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.tips-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .tips-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .tips-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.tips-header-left{gap:16px}.tips-header-left,.tips-logo{align-items:center;display:flex}.tips-logo{color:var(--accent);cursor:pointer;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.tips-logo,.tips-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.tips-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.tips-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.tips-logo:hover .tips-logo-img{transform:scale(1.1)}.tips-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.tips-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.tips-header-right{align-items:center;display:flex;gap:12px}.tips-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.tips-nav-btn:hover{background:var(--bg-elevated);color:var(--accent)}.tips-nav-btn-ghost{background:#0000;color:var(--text-primary)}.tips-nav-btn-ghost:hover{background:var(--bg-elevated);color:var(--accent)}.tips-body{background:var(--bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:40px}.tips-content{margin:0 auto;max-width:1200px}.tips-topic-header{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:12px;margin-bottom:48px;padding:32px;text-align:center}.tips-topic-header svg{color:var(--accent);margin-bottom:16px}.tips-topic-header h2{color:var(--accent);font-family:Inter,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1px;margin:0 0 12px;text-transform:uppercase}.tips-topic-header p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;margin:0}.tips-section{margin-bottom:48px}.tips-section h3{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:18px;font-weight:800;gap:12px;letter-spacing:.5px;margin-bottom:24px;text-transform:uppercase}.suggestions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.suggestion-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s ease}.suggestion-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.suggestion-card.high{background:color-mix(in srgb,#ef4444 5%,var(--bg-secondary));border-left:4px solid #ef4444}.suggestion-card.medium{background:color-mix(in srgb,#f59e0b 5%,var(--bg-secondary));border-left:4px solid #f59e0b}.suggestion-card.low{background:color-mix(in srgb,#10b981 5%,var(--bg-secondary));border-left:4px solid #10b981}.suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.suggestion-title{color:var(--text-primary);font-size:16px}.suggestion-priority,.suggestion-title{font-family:Inter,sans-serif;font-weight:700}.suggestion-priority{border-radius:6px;font-size:10px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.suggestion-priority.high{background:#ef444426;color:#ef4444}.suggestion-priority.medium{background:#f59e0b26;color:#f59e0b}.suggestion-priority.low{background:#10b98126;color:#10b981}.suggestion-description{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;line-height:1.7;margin:0}.tips-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.tips-list li{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;line-height:1.7;padding:20px 24px 20px 60px;position:relative;transition:all .2s ease}.tips-list li:hover{border-color:var(--accent);transform:translateX(4px)}.tips-list li:before{content:"💡";font-size:20px;left:20px;position:absolute;top:20px}.questions-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.question-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s ease}.question-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0003}.question-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.question-number{background:var(--accent);color:var(--bg-primary);font-size:12px;font-weight:800;padding:8px 14px}.question-difficulty,.question-number{border-radius:6px;font-family:Inter,sans-serif}.question-difficulty{font-size:10px;font-weight:700;padding:6px 12px;text-transform:uppercase}.question-difficulty.easy{background:#10b98126;color:#10b981}.question-difficulty.medium{background:#f59e0b26;color:#f59e0b}.question-difficulty.hard{background:#ef444426;color:#ef4444}.question-new-badge{background:#3b82f626;border-radius:6px;color:#3b82f6;font-family:Inter,sans-serif;font-size:10px;font-weight:700;padding:6px 12px;text-transform:uppercase}.question-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;line-height:1.7;margin:0 0 16px}.question-history{border-top:1px solid var(--border);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:13px;gap:8px;padding-top:16px}.question-your-answer{color:#ef4444;font-weight:600}.question-correct-answer{color:#10b981;font-weight:600}.practice-all-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;padding:18px 32px;text-transform:uppercase;transition:all .2s ease;width:100%}[data-theme-mode=light] .practice-all-btn{color:#fff}[data-theme-mode=dark] .practice-all-btn{color:var(--bg-primary)}.practice-all-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.tips-empty{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.tips-empty svg{color:var(--accent);opacity:.4}.tips-empty h3{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tips-empty h3,.tips-empty p{font-family:Inter,sans-serif;margin:0}.tips-empty p{color:var(--text-secondary);font-size:14px}@media (max-width:768px){.tips-body{padding:20px}.suggestions-grid{grid-template-columns:1fr}.tips-topic-header h2{font-size:24px}}.practice-generator-section{margin-top:32px}.practice-generator-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--accent);border-radius:16px;box-shadow:0 8px 32px #0003;padding:32px}.practice-gen-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px}.practice-gen-header svg{color:var(--accent);flex-shrink:0}.practice-gen-header h4{color:var(--accent);font-family:Inter,sans-serif;font-size:20px;font-weight:800;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.practice-gen-header p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;margin:0}.practice-settings{gap:24px;margin-bottom:32px}.practice-settings,.setting-group{display:flex;flex-direction:column}.setting-group{gap:12px}.setting-group label{color:var(--accent);font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.count-selector{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;display:flex;gap:16px;padding:12px 20px;width:-webkit-fit-content;width:fit-content}.count-selector button{align-items:center;background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.count-selector button:hover:not(:disabled){box-shadow:0 4px 12px #d4a37466;transform:scale(1.1)}.count-selector button:disabled{cursor:not-allowed;opacity:.3}.count-selector span{color:var(--text-primary);font-family:Inter,sans-serif;font-size:20px;font-weight:700;min-width:40px;text-align:center}.difficulty-selector,.type-selector{display:flex;flex-wrap:wrap;gap:12px}.difficulty-selector button,.type-selector button{background:var(--bg-primary);border:2px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s}.difficulty-selector button:hover,.type-selector button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.difficulty-selector button.active,.type-selector button.active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px #d4a37466;color:var(--bg-primary)}[data-theme-mode=light] .difficulty-selector button.active,[data-theme-mode=light] .type-selector button.active{color:#fff}.type-selector button{align-items:center;display:flex;gap:8px}.type-selector button svg{height:16px;width:16px}.generate-practice-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 40%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:800;gap:12px;justify-content:center;letter-spacing:1px;margin-bottom:24px;padding:20px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}[data-theme-mode=light] .generate-practice-btn{color:#fff}[data-theme-mode=dark] .generate-practice-btn{color:var(--bg-primary)}.generate-practice-btn:hover:not(:disabled){box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 60%,#0000);transform:translateY(-3px)}.generate-practice-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.generate-practice-btn .spinner{animation:spin 1s linear infinite}.practice-features{border-top:1px solid var(--border);display:flex;gap:32px;justify-content:center;padding-top:24px}.feature-item{align-items:center;color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px}.feature-item svg{color:var(--accent);height:18px;width:18px}@media (max-width:768px){.practice-generator-card{padding:24px}.practice-gen-header{text-align:center}.difficulty-selector,.practice-gen-header,.type-selector{flex-direction:column}.difficulty-selector button,.type-selector button{width:100%}.practice-features{flex-direction:column;gap:16px}}.toast-container *,.toast-container :after,.toast-container :before{border-radius:0!important}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast-notification{align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;gap:12px;opacity:0;padding:16px 20px;pointer-events:auto;position:relative;transform:translateX(400px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:360px}.toast-notification.visible{opacity:1;transform:translateX(0)}.toast-notification.exiting{opacity:0;transform:translateX(400px)}.toast-icon{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3;margin:0 0 4px}.toast-message{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.toast-close{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.toast-close:hover{color:var(--text-primary);transform:scale(1.1)}@media (max-width:768px){.toast-container{left:10px;right:10px}.toast-notification{width:100%}}.shared-viewer-loading *,.shared-viewer-loading :after,.shared-viewer-loading :before,.shared-viewer-page *,.shared-viewer-page :after,.shared-viewer-page :before{border-radius:0!important}:root{--shadow-md:0 4px 6px -1px #0006}.shared-viewer-error,.shared-viewer-loading{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,var(--bg-top) 100%);color:#eaecef;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:20px;justify-content:center;min-height:100vh;padding:20px}.loading-spinner{border-radius:50%}.shared-viewer-error svg{color:#ef4444;color:var(--danger)}.shared-viewer-error h2{font-size:28px;font-weight:700;margin:16px 0 8px}.shared-viewer-error p{color:#b8c0cc;color:var(--text-secondary);font-size:16px;margin:0 0 24px}.error-back-btn{background:#d7b38c;color:var(--bg-secondary);color:var(--bg-bottom);font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.error-back-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);transform:translateY(-2px)}.shared-viewer-page{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);background:linear-gradient(135deg,var(--bg-bottom) 0,var(--bg-top) 100%);font-family:Inter,sans-serif;min-height:100vh}.shared-viewer-header{align-items:center;background:var(--bg-secondary);background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:flex;gap:20px;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:1 1;gap:16px;min-width:0}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:500;gap:6px;letter-spacing:.5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.back-btn,.back-btn:hover{color:#d7b38c;color:var(--accent)}.back-btn:hover{background:var(--border);border-color:#d7b38c;border-color:var(--accent)}.header-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.content-type-icon{align-items:center;background:color-mix(in srgb,#d7b38c 15%,#0000);background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid #d7b38c;border:1px solid var(--accent);border-radius:8px;color:#d7b38c;color:var(--accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.content-title{color:#eaecef;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{align-items:center;color:#b8c0cc;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.meta-item svg{color:#d7b38c;color:var(--accent);flex-shrink:0}.header-right{display:flex;flex-shrink:0;gap:12px}.permission-badge{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;white-space:nowrap}.permission-badge.view{background:color-mix(in srgb,#b8c0cc 15%,#0000);background:color-mix(in srgb,var(--text-secondary) 15%,#0000);border:1px solid #b8c0cc;border:1px solid var(--text-secondary);color:#b8c0cc;color:var(--text-secondary)}.permission-badge.edit{background:color-mix(in srgb,#f59e0b 15%,#0000);background:color-mix(in srgb,var(--warning) 15%,#0000);border:1px solid #f59e0b;border:1px solid var(--warning);color:#f59e0b;color:var(--warning)}.permission-badge svg{flex-shrink:0}.owner-badge{align-items:center;background:color-mix(in srgb,#10b981 15%,#0000);background:color-mix(in srgb,var(--success) 15%,#0000);border:1px solid #10b981;border:1px solid var(--success);border-radius:8px;color:#10b981;color:var(--success);display:flex;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.shared-viewer-container{margin:0 auto;max-width:900px;padding:32px}.chat-messages{gap:24px}.chat-messages,.message-group{display:flex;flex-direction:column}.message-group{gap:16px}.ai-message,.user-message{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.message-header{align-items:center;color:#b8c0cc;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.message-header svg{color:#d7b38c;color:var(--accent)}.ai-icon{align-items:center;background:#d7b38c;background:var(--accent);border-radius:4px;color:var(--bg-secondary);color:var(--bg-bottom);display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.message-time{font-size:11px;font-weight:400;margin-left:auto;opacity:.7}.message-content{color:#eaecef;color:var(--text-primary);font-size:15px;line-height:1.6}.user-message{background:color-mix(in srgb,#d7b38c 5%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 5%,var(--panel));border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.empty-chat{color:#b8c0cc;color:var(--text-secondary);padding:80px 20px;text-align:center}.empty-chat svg{color:#d7b38c;color:var(--accent);margin-bottom:16px}.empty-chat p{font-size:16px;margin:0}.note-content{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px}.note-display{color:#eaecef;color:var(--text-primary);font-size:16px;line-height:1.8}.note-display h1,.note-display h2,.note-display h3{color:#eaecef;color:var(--text-primary);margin-bottom:12px;margin-top:24px}.note-display p{margin:12px 0}.note-display ol,.note-display ul{margin:12px 0;padding-left:24px}.note-display code{border-radius:4px;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.note-display code,.note-display pre{background:var(--bg-secondary);background:var(--bg-bottom)}.note-display pre{border:1px solid var(--border);border-radius:8px;overflow-x:auto;padding:16px}.note-display blockquote{border-left:3px solid #d7b38c;border-left:3px solid var(--accent);color:#b8c0cc;color:var(--text-secondary);font-style:italic;margin:16px 0;padding-left:16px}.note-display a{color:#d7b38c;color:var(--accent);text-decoration:none}.note-display a:hover{text-decoration:underline}.note-display img{border-radius:8px;margin:16px 0;max-width:100%}.edit-controls{display:flex;flex-direction:column;gap:16px}.edit-controls .quill{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);border-radius:8px}.edit-controls .ql-toolbar{background:var(--bg-secondary);background:var(--panel);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0}.edit-controls .ql-container{color:#eaecef;color:var(--text-primary);font-size:16px;min-height:400px}.edit-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.edit-btn,.save-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.save-btn{background:#d7b38c;background:var(--accent);border:none;color:var(--bg-secondary);color:var(--bg-bottom)}.save-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);transform:translateY(-2px)}.cancel-btn{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary)}.cancel-btn:hover{background:var(--border);color:#eaecef;color:var(--text-primary)}.edit-btn{background:#d7b38c;background:var(--accent);border:none;color:var(--bg-secondary);color:var(--bg-bottom);margin-top:16px;width:-webkit-fit-content;width:fit-content}.edit-btn:hover{background:color-mix(in srgb,#d7b38c 85%,#0000);background:color-mix(in srgb,var(--accent) 85%,#0000);transform:translateY(-2px)}@media (max-width:768px){.shared-viewer-container{padding:20px 16px}.shared-viewer-header{align-items:flex-start;flex-direction:column;padding:16px}.header-left{width:100%}.header-right{justify-content:flex-start;width:100%}.content-title{font-size:18px}.note-content{padding:20px}.content-meta{flex-direction:column;gap:8px}}.notes-dashboard *,.notes-dashboard :after,.notes-dashboard :before{border-radius:0!important}.notes-dashboard{background:var(--bg);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;width:100%}.notes-dashboard .dashboard-header{align-items:center;background:var(--panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 32px}.notes-dashboard .dashboard-title{align-items:center;display:flex;gap:12px}.notes-dashboard .dashboard-title h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.dashboard-actions{display:flex;gap:12px}.dashboard-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.dashboard-btn:hover{transform:translateY(-1px)}.dashboard-btn.primary,.dashboard-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.dashboard-btn.primary:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000)}.dashboard-toolbar{align-items:center;background:var(--hover-bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 32px}.toolbar-left{align-items:center;display:flex;gap:12px}.toolbar-search{position:relative;width:400px}.toolbar-search input{background:var(--bg);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:all .2s;width:100%}.toolbar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}.toolbar-search-icon{color:var(--text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.toolbar-filter-btn{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.toolbar-filter-btn:hover{border-color:var(--accent)}.toolbar-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-right{display:flex;gap:8px}.font-selector{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;outline:none;padding:8px 12px;transition:all .2s}.font-selector:hover{border-color:var(--accent)}.dashboard-content{flex:1 1;overflow:hidden}.stats-bar{background:var(--panel);border-bottom:1px solid var(--border);display:flex;gap:24px;padding:16px 32px}.stat-item{flex-direction:column;gap:4px}.stat-label{font-size:12px;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.empty-dashboard{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.empty-dashboard svg{margin-bottom:20px;opacity:.3}.empty-dashboard h2{color:var(--text-primary);font-size:24px;margin:0 0 12px}.empty-dashboard p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.database-views-container *,.database-views-container :after,.database-views-container :before{border-radius:0!important}.database-views-container{display:flex;flex-direction:column;height:100%;width:100%}.view-selector{background:var(--hover-bg);border-bottom:1px solid var(--border);display:flex;gap:8px;padding:16px}.view-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.view-btn:hover{background:var(--bg);color:var(--text-primary)}.view-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.view-content{flex:1 1;overflow:auto;padding:20px}.table-view{background:var(--panel);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.table-view thead{background:var(--hover-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-view th{border-bottom:2px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;-webkit-user-select:none;user-select:none}.table-view th:hover{background:var(--bg)}.table-view td{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px;padding:12px 16px}.table-view tbody tr{cursor:pointer;transition:all .2s}.table-view tbody tr:hover{background:var(--hover-bg)}.table-cell-title{color:var(--text-primary);font-weight:600}.table-cell-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-date,.table-cell-preview{color:var(--text-secondary);font-size:13px}.table-cell-folder{align-items:center;background:var(--hover-bg);border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.kanban-view{display:flex;gap:16px;height:100%;overflow-x:auto;padding-bottom:20px}.kanban-column{background:var(--hover-bg);border-radius:8px;display:flex;flex:0 0 320px;flex-direction:column;max-height:calc(100vh - 200px);padding:16px}.kanban-column-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.kanban-column-title{color:var(--text-primary);font-size:15px;font-weight:600}.kanban-column-count{background:var(--bg);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 8px}.kanban-cards{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.kanban-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.kanban-card:hover{border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateY(-2px)}.kanban-card-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.kanban-card-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.kanban-card-meta{color:var(--text-secondary);display:flex;font-size:11px;gap:8px;margin-top:12px}.calendar-view{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background:var(--hover-bg);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.calendar-nav{display:flex;gap:8px}.calendar-nav-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:8px 12px;transition:all .2s}.calendar-nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.calendar-month-title{color:var(--text-primary);font-size:18px;font-weight:600}.calendar-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:var(--text-secondary);font-size:12px;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.calendar-day{background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;min-height:100px;padding:8px;transition:all .2s}.calendar-day:hover{border-color:var(--accent)}.calendar-day.other-month{opacity:.4}.calendar-day.today{border-color:var(--accent);border-width:2px}.calendar-day-number{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.calendar-day-notes{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.calendar-note-item{background:var(--panel);border-left:3px solid var(--accent);border-radius:4px;cursor:pointer;font-size:11px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.calendar-note-item:hover{background:var(--accent);color:#fff}.gallery-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.gallery-card:hover{border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateY(-4px)}.gallery-card-image{align-items:center;background:var(--hover-bg);color:var(--text-secondary);display:flex;font-size:48px;height:180px;justify-content:center;width:100%}.gallery-card-content{padding:16px}.gallery-card-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.gallery-card-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.gallery-card-meta{align-items:center;border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.timeline-view{padding-left:40px;position:relative}.timeline-line{background:var(--border);bottom:0;left:20px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:32px;padding-left:40px;position:relative}.timeline-dot{background:var(--accent);border:3px solid var(--panel);border-radius:50%;height:16px;left:-28px;position:absolute;top:8px;width:16px;z-index:1}.timeline-date{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.timeline-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.timeline-card:hover{border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateX(4px)}.timeline-card-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:8px}.timeline-card-preview{color:var(--text-secondary);font-size:13px;line-height:1.5}:root{--accent-primary:var(--accent);--accent-primary-hover:color-mix(in srgb,var(--accent) 85%,var(--bg));--accent-primary-light:color-mix(in srgb,var(--accent) 10%,#0000);--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-yellow:#eab308;--accent-success:#10b981;--accent-teal:#14b8a6;--accent-blue:#0ea5e9;--bg-primary:var(--bg);--bg-secondary:var(--panel);--bg-tertiary:var(--hover-bg);--bg-elevated:var(--panel);--bg-overlay:color-mix(in srgb,var(--bg) 85%,#0000);--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--text-tertiary:color-mix(in srgb,var(--text-secondary) 70%,#0000);--text-muted:color-mix(in srgb,var(--text-secondary) 50%,#0000);--border-primary:var(--border);--border-secondary:color-mix(in srgb,var(--accent-primary) 30%,var(--border));--border-hover:color-mix(in srgb,var(--accent-primary) 50%,var(--border));--shadow-sm:0 1px 2px 0 color-mix(in srgb,var(--accent-primary) 30%,#0000);--shadow-md:0 4px 6px -1px color-mix(in srgb,var(--accent-primary) 40%,#0000);--shadow-lg:0 10px 15px -3px color-mix(in srgb,var(--accent-primary) 50%,#0000);--shadow-xl:0 20px 25px -5px color-mix(in srgb,var(--accent-primary) 60%,#0000);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.at-activity-timeline-page{background:var(--bg);background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;width:100%}.at-activity-timeline-page *{box-sizing:border-box}.at-profile-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg) 80%,#0000);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .at-profile-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .at-profile-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.at-profile-header-left{align-items:center;display:flex;gap:16px}.at-profile-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px}.at-profile-logo,.at-profile-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.at-profile-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.at-profile-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.at-profile-logo:hover .at-profile-logo-img{transform:scale(1.1)}.at-profile-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.at-profile-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.at-profile-header-right{align-items:center;display:flex;gap:12px}.at-profile-nav-btn{align-items:center;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-profile-nav-btn-ghost{background:#0000;border:none;color:var(--text-primary);color:var(--text-primary,#fff);opacity:.7}.at-profile-nav-btn-ghost:hover{color:var(--accent);opacity:1;transform:translateX(-2px)}.at-view-mode-tabs{background:var(--panel);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:16px 32px;padding:var(--spacing-lg) var(--spacing-2xl)}.at-view-mode-tabs,.at-view-tab{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.at-view-tab{background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.at-view-tab:hover{background:var(--hover-bg);background:var(--bg-tertiary);color:var(--text-primary)}.at-view-tab.active{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-primary)}.at-tab-notification-badge{align-items:center;background:var(--accent);background:var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.at-activity-filters{align-items:center;background:var(--panel);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;gap:8px;gap:var(--spacing-sm);overflow-x:hidden;padding:16px 32px;padding:var(--spacing-lg) var(--spacing-2xl);scrollbar-color:color-mix(in srgb,var(--accent) 30%,var(--border)) #0000;scrollbar-color:var(--border-secondary) #0000;scrollbar-width:thin}.at-activity-filters::-webkit-scrollbar{height:4px}.at-activity-filters::-webkit-scrollbar-track{background:#0000}.at-activity-filters::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--border-secondary);border-radius:9999px;border-radius:var(--radius-full)}.at-filter-btn{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.at-filter-btn:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-primary)}.at-filter-btn.active{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.at-main-content-area{display:flex;flex:1 1;gap:12px;overflow:hidden;padding:0 12px}.at-left-sidebar{border-right:none;overflow-y:hidden;padding:24px;width:320px}.at-content-main,.at-left-sidebar{background:var(--bg);background:var(--bg-primary);overflow-x:hidden}.at-content-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px 24px 24px 12px}.at-sidebar-view-modes{background:var(--panel);background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 10%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 10%,#0000);display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px;width:100%}.at-sidebar-view-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:10px;justify-content:flex-start;letter-spacing:2px;padding:10px 14px;position:relative;text-align:left;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.at-sidebar-view-btn:hover{background:var(--hover-bg);background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.at-sidebar-view-btn.active{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 30%,#0000);color:#fff;font-weight:600}.at-sidebar-view-btn svg{flex-shrink:0}.at-sidebar-badge{background:var(--accent);background:var(--accent-primary);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.at-mini-calendar{background:var(--panel);background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 10%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 10%,#0000);padding:20px;width:100%}.at-mini-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.at-mini-calendar-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.at-mini-nav-btn{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:32px}.at-mini-nav-btn:hover{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.at-mini-calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.at-mini-calendar-weekday{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:9px;font-weight:700;height:28px;letter-spacing:.3px;text-transform:uppercase}.at-mini-calendar-day,.at-mini-calendar-weekday{align-items:center;display:flex;justify-content:center}.at-mini-calendar-day{aspect-ratio:1/1;background:#0000;border:1px solid #0000;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.at-mini-calendar-day:hover{background:var(--hover-bg);background:var(--bg-tertiary);border-color:var(--border-primary)}.at-mini-calendar-day.other-month{color:color-mix(in srgb,var(--text-secondary) 50%,#0000);color:var(--text-muted);opacity:.4}.at-mini-calendar-day.today{background:var(--accent);background:var(--accent-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 40%,#0000);color:#fff;font-weight:700}.at-mini-calendar-day.today:hover{background:color-mix(in srgb,var(--accent) 85%,var(--bg));background:var(--accent-primary-hover)}.at-mini-day-number{position:relative;z-index:1}.at-mini-day-indicator{background:var(--accent);background:var(--accent-primary);border-radius:50%;bottom:6px;height:5px;position:absolute;width:5px}.at-sidebar-filters{background:var(--panel);background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 10%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 10%,#0000);display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px;width:100%}.at-sidebar-filter-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:12px;justify-content:flex-start;letter-spacing:2px;padding:10px 16px;text-align:left;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.at-sidebar-filter-btn:hover{background:var(--hover-bg);background:var(--bg-tertiary);color:var(--text-primary);transform:translateX(4px)}.at-sidebar-filter-btn.active{background:#0000;color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-weight:600}.at-sidebar-filter-btn.active:hover{transform:translateX(4px)}.at-filter-checkbox{align-items:center;background:#0000;border:2px solid var(--border-primary);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-left:auto;order:10;transition:all .2s ease;width:18px}.at-sidebar-filter-btn:hover .at-filter-checkbox{border-color:var(--accent-primary)}.at-sidebar-filter-btn.active .at-filter-checkbox{background:#0000;border-color:var(--accent-primary)}.at-checkbox-dot{background:var(--accent);background:var(--accent-primary);border-radius:50%;height:10px;width:10px}.at-filter-bullet{border-radius:50%;box-shadow:0 0 4px currentColor;flex-shrink:0;height:8px;width:8px}.at-calendar-view-toggle{align-items:center;background:var(--bg);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;gap:8px;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-lg) var(--spacing-2xl)}.at-toggle-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:2px;padding:10px 18px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-toggle-btn:hover{background:var(--hover-bg);background:var(--bg-tertiary);color:var(--text-primary)}.at-toggle-btn.active{background:#0000;color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff))}.at-week-view-container{background:color-mix(in srgb,var(--accent) 12%,var(--bg));background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary));border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 15%,#0000);display:flex;flex-direction:column;height:auto;margin:0;min-height:100%;overflow:visible;padding-bottom:8px;width:100%}.at-week-view-header{align-items:center;background:#0000;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));display:flex;flex-shrink:0;gap:24px;justify-content:space-between;padding:20px 28px;position:relative;z-index:20}.at-week-view-nav{align-items:center;display:flex;gap:16px}.at-week-nav-btn{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.at-week-nav-btn:hover{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.at-week-date-range h2{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:13px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.at-week-view-actions{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.at-view-action-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:2px;padding:10px 18px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-view-action-btn:hover{background:var(--hover-bg);background:var(--bg-tertiary);color:var(--text-primary)}.at-view-action-btn.active{background:#0000;color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff))}.at-view-action-btn.primary{background:var(--accent);background:var(--accent-primary);border:none;color:#fff;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.at-view-action-btn.primary:hover{background:color-mix(in srgb,var(--accent) 85%,var(--bg));background:var(--accent-primary-hover)}.at-stats-panel{grid-gap:16px;grid-gap:var(--spacing-lg);background:var(--panel);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px 32px;padding:var(--spacing-xl) var(--spacing-2xl)}.at-stat-item,.at-stats-panel{gap:16px;gap:var(--spacing-lg)}.at-stat-item{background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-lg)}.at-stat-icon,.at-stat-item{align-items:center;display:flex}.at-stat-icon{border-radius:8px;border-radius:var(--radius-md);color:#fff;height:48px;justify-content:center;width:48px}.at-stat-content{flex:1 1}.at-stat-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.at-stat-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:2px}.at-week-view-grid{background:#0000;border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;flex:1 1;overflow:hidden}.at-week-view-timeline{background:color-mix(in srgb,var(--accent) 8%,var(--panel));background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary));border-bottom-left-radius:12px;border-right:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));flex-shrink:0;left:0;position:-webkit-sticky;position:sticky;width:70px;z-index:1020;z-index:var(--z-sticky)}.at-week-timeline-slot,.at-week-view-corner{border-bottom:1px solid var(--border-primary);height:80px}.at-week-timeline-slot{align-items:flex-start;display:flex;justify-content:flex-end;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.at-week-timeline-label{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:12px;font-weight:500;transform:translateY(-8px)}.at-week-day-column{border-right:1px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));flex:1 1;min-width:0}.at-week-day-column:last-child{border-bottom-right-radius:12px;border-right:none}.at-week-day-column.today{background:#3b82f608}.at-week-day-header{align-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--panel));background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary));border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));display:flex;flex-direction:column;gap:6px;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:10}.at-week-day-label{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.at-week-day-date{align-items:center;aspect-ratio:1/1;border-radius:12px;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.at-week-day-date.today{background:var(--accent);background:var(--accent-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 40%,#0000);color:#fff;transform:scale(1.05)}.at-week-day-slots{position:relative}.at-week-time-slot{border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));height:80px;overflow:hidden;padding:2px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.at-week-time-slot:hover{background:var(--hover-bg);background:var(--bg-tertiary)}.at-week-time-slot.current-hour{background:#3b82f60d}.at-week-time-slot.drag-over{background:#3b82f61a;border:2px dashed var(--accent-primary)}.at-week-activity-card,.at-week-reminder-card{border:none!important;border-radius:6px;box-shadow:0 1px 3px #00000014;cursor:pointer;height:-webkit-fit-content;height:fit-content;margin:2px 4px;max-height:70px;max-width:calc(100% - 8px);overflow:hidden;padding:6px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-week-activity-card:hover,.at-week-reminder-card:hover{box-shadow:0 3px 8px #0000001f;transform:translateY(-1px)}.at-week-reminder-card.completed{opacity:.6}.at-week-activity-header,.at-week-reminder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.at-week-activity-time,.at-week-reminder-time{color:#0009;font-size:10px;font-weight:700}.at-reminder-flag-icon{color:#f59e0b;color:var(--accent-warning)}.at-week-activity-title,.at-week-reminder-title{-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:11px;font-weight:600;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.at-week-reminder-meta{align-items:center;color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);display:flex;font-size:11px;gap:4px;margin-top:4px}.at-week-more-items{color:#0009;cursor:pointer;font-size:9px;font-weight:600;margin-top:2px;text-align:left;text-decoration:underline;transition:color .2s}.at-week-more-items:hover{color:#000000e6}.at-activities-popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.at-activities-popup{background:var(--panel);background:var(--bg-elevated);border:2px solid var(--accent-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:500px;max-width:400px;min-width:300px;z-index:2001}.at-popup-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px}.at-popup-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.at-popup-header button{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s}.at-popup-header button:hover{background:var(--hover-bg);background:var(--bg-tertiary);color:var(--text-primary)}.at-popup-content{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.at-popup-activity-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.at-popup-activity-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.at-popup-activity-icon{align-items:center;background:#0000001a;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.at-popup-activity-info{flex:1 1;min-width:0}.at-popup-activity-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-popup-activity-time{color:#0009;font-size:12px;font-weight:500}.at-week-reminder-priority{font-size:10px;font-weight:700;position:absolute;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm)}.at-week-activity-icon{align-items:center;display:flex;gap:4px}.at-day-view-content{display:flex;flex-direction:column;gap:32px;max-height:calc(100vh - 200px);overflow-y:auto;padding:24px 32px}.at-day-section{display:flex;flex-direction:column;gap:16px}.at-day-section-header{align-items:center;color:var(--text-primary);display:flex;gap:12px}.at-day-section-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.at-day-section-count{align-items:center;background:var(--accent);background:var(--accent-primary);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;min-width:28px;padding:0 8px}.at-day-items-list{display:flex;flex-direction:column;gap:12px}.at-day-reminder-card{background:var(--panel);background:var(--bg-secondary);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-day-reminder-card:hover{background:var(--hover-bg);background:var(--bg-tertiary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.at-day-reminder-card.completed{opacity:.6}.at-day-reminder-header{align-items:flex-start;display:flex;gap:12px}.at-reminder-checkbox{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s}.at-reminder-checkbox:hover{transform:scale(1.1)}.at-day-reminder-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.at-day-reminder-info h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.at-day-reminder-info h4.completed-text{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);text-decoration:line-through}.at-day-reminder-time{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.at-day-reminder-actions{align-items:center;display:flex;gap:8px}.at-reminder-priority-badge{font-size:14px}.at-reminder-edit-btn,.at-reminder-flag-btn{background:none;border:none;border-radius:6px;color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);cursor:pointer;padding:6px;transition:all .2s}.at-reminder-edit-btn:hover,.at-reminder-flag-btn:hover{background:var(--hover-bg);background:var(--bg-tertiary);color:var(--text-primary)}.at-day-reminder-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:8px 0 0 32px}.at-day-activity-card{align-items:flex-start;background:var(--panel);background:var(--bg-secondary);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-day-activity-card:hover{background:var(--hover-bg);background:var(--bg-tertiary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.at-day-activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.at-day-activity-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.at-day-activity-info h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.at-day-activity-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.at-day-activity-time{align-items:center;color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);display:flex;font-size:12px;gap:6px}.at-day-activity-type{background:var(--hover-bg);background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.at-day-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.at-day-empty-state svg{color:var(--accent);color:var(--accent-primary);margin-bottom:24px;opacity:.3}.at-day-empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.at-day-empty-state p{font-size:14px;margin:0 0 24px}.at-month-view-container{background:color-mix(in srgb,var(--accent) 12%,var(--bg));background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary));border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 15%,#0000);display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding-bottom:8px;width:100%}.at-month-view-header{align-items:center;background:#0000;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));display:flex;flex-shrink:0;gap:24px;gap:var(--spacing-xl);justify-content:space-between;padding:20px 28px}.at-month-view-nav{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg)}.at-month-nav-btn{background:var(--hover-bg);background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-md);height:40px;transition:all var(--transition-base);width:40px}.at-month-nav-btn:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-primary)}.at-month-view-nav h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;min-width:220px;text-align:center}.at-month-view-actions{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.at-month-view-grid{border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);overflow:hidden}.at-month-weekday-header{align-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--panel));background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary));border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));border-right:1px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);display:flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:16px;padding:var(--spacing-lg);text-transform:uppercase}.at-month-weekday-header:last-child{border-right:none}.at-month-day-cell{background:#0000;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));border-right:1px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));cursor:pointer;min-height:120px;overflow:hidden;padding:12px;padding:var(--spacing-md);transition:background-color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base)}.at-month-day-cell:nth-child(7n){border-right:none}.at-month-day-cell:nth-last-child(-n+7){border-bottom:none}.at-month-day-cell:nth-last-child(7){border-bottom-left-radius:12px}.at-month-day-cell:last-child{border-bottom-right-radius:12px}.at-month-day-cell:hover{background:var(--hover-bg);background:var(--bg-tertiary)}.at-month-day-cell.other-month{background:var(--panel);background:var(--bg-secondary);opacity:.5}.at-month-day-cell.today{background:#3b82f60d;border:2px solid var(--accent-primary)}.at-month-day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-md)}.at-month-day-number{color:var(--text-primary);font-size:14px;font-weight:600}.at-month-day-cell.today .at-month-day-number{height:28px;width:28px}.at-month-day-cell.today .at-month-day-number,.at-month-day-count{align-items:center;background:var(--accent);background:var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;justify-content:center}.at-month-day-count{font-size:11px;font-weight:600;height:20px;min-width:20px;padding:0 6px}.at-month-day-items{display:flex;flex-direction:column;gap:4px}.at-month-item-card{align-items:center;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.at-month-item-card:hover{box-shadow:0 1px 2px 0 color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:var(--shadow-sm);transform:translateX(2px)}.at-month-item-card.completed{opacity:.6;text-decoration:line-through}.at-month-item-time{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);flex-shrink:0;font-size:10px;font-weight:600}.at-month-item-title{color:var(--text-primary);flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-month-item-icon{flex-shrink:0}.at-month-item-flag{color:#f59e0b;color:var(--accent-warning);flex-shrink:0}.at-month-more-items{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;text-align:center;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.at-month-more-items:hover{color:var(--text-primary)}.at-timeline-view-container{background:color-mix(in srgb,var(--accent) 12%,var(--bg));background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary));border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 15%,#0000);margin:0 auto;max-width:900px;padding:32px;padding:var(--spacing-2xl);width:100%}.at-timeline-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.at-timeline-header-section h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.at-timeline-actions{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.at-timeline-list{position:relative}.at-timeline-line{background:var(--border);background:var(--border-primary);bottom:0;left:20px;position:absolute;top:40px;width:2px}.at-timeline-date-group{margin-bottom:48px;margin-bottom:var(--spacing-3xl)}.at-timeline-date-badge{align-items:center;background:var(--panel);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:1}.at-timeline-items{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);margin-left:50px}.at-timeline-activity-card{background:var(--panel);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;padding:16px;padding:var(--spacing-lg);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.at-timeline-activity-card:hover{background:var(--hover-bg);background:var(--bg-tertiary);border-color:var(--border-secondary);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--accent) 50%,#0000);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.at-timeline-activity-dot{border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 3px var(--panel);box-shadow:0 0 0 3px var(--bg-secondary);height:12px;left:-66px;position:absolute;top:24px;width:12px}.at-timeline-activity-content{width:100%}.at-timeline-activity-header{align-items:center;display:flex;gap:12px;gap:var(--spacing-md);margin-bottom:12px;margin-bottom:var(--spacing-md)}.at-timeline-activity-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.at-timeline-activity-info{flex:1 1}.at-timeline-activity-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.at-timeline-activity-time{align-items:center;color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);display:flex;font-size:12px;gap:4px}.at-timeline-activity-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px;margin-bottom:var(--spacing-md)}.at-timeline-activity-badge{background:var(--panel);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:9999px;border-radius:var(--radius-full);color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.at-reminders-view-container{background:color-mix(in srgb,var(--accent) 12%,var(--bg));background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary));border:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 15%,#0000);display:flex;height:100%;overflow:hidden}.at-reminders-sidebar{background:#0000;border-right:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));overflow-y:hidden;padding:24px;padding:var(--spacing-xl);width:280px}.at-sidebar-section{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.at-sidebar-section-title{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 12px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.at-sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-md)}.at-sidebar-add-btn{align-items:center;background:var(--panel);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:4px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:24px}.at-sidebar-add-btn:hover{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.at-sidebar-divider{background:var(--border);background:var(--border-primary);height:1px;margin:24px 0;margin:var(--spacing-xl) 0}.at-smart-lists,.at-user-lists{display:flex;flex-direction:column;gap:4px}.at-smart-list-item,.at-user-list-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;gap:var(--spacing-md);padding:12px;padding:var(--spacing-md);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.at-smart-list-item:hover,.at-user-list-item:hover{background:var(--hover-bg);background:var(--bg-tertiary);border-color:var(--border-primary)}.at-smart-list-item.active,.at-user-list-item.active{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary)}.at-smart-list-icon,.at-user-list-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.at-smart-list-icon.today{background:var(--accent);background:var(--accent-primary);color:#fff}.at-smart-list-icon.scheduled{background:#8b5cf6;background:var(--accent-purple);color:#fff}.at-smart-list-icon.flagged{background:#f59e0b;background:var(--accent-warning);color:#fff}.at-smart-list-icon.all{background:#14b8a6;background:var(--accent-teal);color:#fff}.at-smart-list-icon.completed{background:#10b981;background:var(--accent-success);color:#fff}.at-smart-list-name,.at-user-list-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-smart-list-count,.at-user-list-count{align-items:center;background:var(--panel);background:var(--bg-elevated);border-radius:9999px;border-radius:var(--radius-full);color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:24px;padding:0 6px}.at-smart-list-item.active .at-smart-list-count,.at-user-list-item.active .at-user-list-count{background:var(--accent);background:var(--accent-primary);color:#fff}.at-user-list-delete{align-items:center;background:var(--panel);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:4px;border-radius:var(--radius-sm);color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);cursor:pointer;display:none;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:24px}.at-user-list-item:hover .at-user-list-delete{display:flex}.at-user-list-delete:hover{background:#ef4444;background:var(--accent-danger);border-color:#ef4444;border-color:var(--accent-danger);color:#fff}.at-empty-lists{padding:16px;padding:var(--spacing-lg);text-align:center}.at-empty-lists p{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:13px;margin:0}.at-reminders-main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.at-reminders-content-header{background:var(--bg);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:32px;padding:var(--spacing-2xl)}.at-reminders-content-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 24px;margin:0 0 var(--spacing-xl) 0}.at-reminders-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.at-search-input-wrapper{flex:1 1;max-width:400px;min-width:280px;position:relative}.at-search-input-wrapper svg{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.at-search-input{background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;padding:12px 14px 12px 44px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.at-search-input:focus{background:var(--panel);background:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 10%,#0000);outline:none}.at-search-input::placeholder{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary)}.at-month-filter-wrapper{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--hover-bg)) 0,color-mix(in srgb,var(--accent) 4%,var(--hover-bg)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 8%,var(--bg-tertiary)) 0,color-mix(in srgb,var(--accent-primary) 4%,var(--bg-tertiary)) 100%);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));border-radius:8px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 8%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 8%,#0000);display:flex;gap:8px;padding:8px 12px}.at-month-nav-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.at-month-nav-btn:hover{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.at-month-filter-label{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:140px;text-align:center}.at-month-reset-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:4px;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.at-month-reset-btn:hover{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:rotate(180deg)}.at-toolbar-btn{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.at-toolbar-btn:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-primary)}.at-toolbar-btn.primary{background:var(--accent);background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.at-toolbar-btn.primary:hover{background:color-mix(in srgb,var(--accent) 85%,var(--bg));background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.at-reminders-list-content{flex:1 1;overflow-y:auto;padding:24px}.at-reminder-list-item{align-items:center;background:linear-gradient(135deg,var(--panel) 0,color-mix(in srgb,var(--panel) 98%,var(--accent)) 100%);background:linear-gradient(135deg,var(--bg-secondary) 0,color-mix(in srgb,var(--bg-secondary) 98%,var(--accent-primary)) 100%);border:1.5px solid var(--border-primary);border-radius:12px;display:flex;gap:16px;margin-bottom:12px;overflow:hidden;padding:20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.at-reminder-list-item:before{background:currentColor;bottom:0;content:"";left:0;opacity:.6;position:absolute;top:0;transition:all .25s cubic-bezier(.4,0,.2,1);width:4px}.at-reminder-list-item:hover{background:linear-gradient(135deg,var(--hover-bg) 0,color-mix(in srgb,var(--hover-bg) 95%,var(--accent)) 100%);background:linear-gradient(135deg,var(--bg-tertiary) 0,color-mix(in srgb,var(--bg-tertiary) 95%,var(--accent-primary)) 100%);border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border-primary));box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 12%,#0000001a);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-primary) 12%,#0000001a);transform:translateY(-2px)}.at-reminder-list-item:hover:before{opacity:1;width:5px}.at-reminder-list-item.completed{background:var(--panel);background:var(--bg-secondary);opacity:.55}.at-reminder-list-item.completed:hover{opacity:.7}.at-reminder-list-item.flagged:after{background:#f59e0b;background:var(--accent-warning);border-radius:50%;box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--accent-warning);content:"";height:8px;position:absolute;right:12px;top:12px;width:8px}.at-reminder-checkbox-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-reminder-checkbox-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);background:color-mix(in srgb,var(--accent-primary) 10%,#0000);color:var(--text-primary);transform:scale(1.1)}.at-reminder-content-area{flex:1 1;min-width:0}.at-reminder-content-area,.at-reminder-main-info{display:flex;flex-direction:column;gap:8px}.at-reminder-title-row{align-items:center;display:flex;gap:12px}.at-reminder-title-text{color:var(--text-primary);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.at-reminder-list-item.completed .at-reminder-title-text{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);text-decoration:line-through}.at-reminder-priority-badge{background:color-mix(in srgb,currentColor 10%,#0000);border-radius:4px;font-size:12px;font-weight:700;padding:2px 6px}.at-reminder-description-text{color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;margin:0}.at-reminder-dates-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.at-reminder-date-badge{align-items:center;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:700;gap:8px;letter-spacing:.3px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-reminder-date-badge.reminder-date{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#8b5cf6) 100%);background:linear-gradient(135deg,var(--accent-primary) 0,color-mix(in srgb,var(--accent-primary) 85%,#8b5cf6) 100%);border:none;color:#fff}.at-reminder-date-badge.reminder-date.no-date{background:linear-gradient(135deg,color-mix(in srgb,color-mix(in srgb,var(--text-secondary) 70%,#0000) 40%,var(--hover-bg)) 0,color-mix(in srgb,color-mix(in srgb,var(--text-secondary) 70%,#0000) 30%,var(--hover-bg)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--text-tertiary) 40%,var(--bg-tertiary)) 0,color-mix(in srgb,var(--text-tertiary) 30%,var(--bg-tertiary)) 100%);color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);opacity:.7}.at-reminder-date-badge.reminder-date:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,#0000004d);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 35%,#0000004d);transform:translateY(-2px)}.at-reminder-date-badge.created-date{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,var(--text-secondary)) 0,color-mix(in srgb,var(--accent) 60%,var(--text-secondary)) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 70%,var(--text-secondary)) 0,color-mix(in srgb,var(--accent-primary) 60%,var(--text-secondary)) 100%);border:none;color:#fff}.at-reminder-date-badge.created-date:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.at-reminder-date-badge svg{flex-shrink:0}.at-reminder-actions-panel{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.at-reminder-action-btn{background:#0000;border:none;border-radius:6px;color:var(--accent);flex-shrink:0;height:40px;width:40px}.at-reminder-action-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:translateY(-2px)}.at-reminder-action-btn.view-btn{color:#0ea5e9;color:var(--accent-blue)}.at-reminder-action-btn.view-btn:hover{background:color-mix(in srgb,#0ea5e9 10%,#0000);background:color-mix(in srgb,var(--accent-blue) 10%,#0000)}.at-reminder-action-btn.edit-btn{color:var(--accent);color:var(--accent-primary)}.at-reminder-action-btn.edit-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);background:color-mix(in srgb,var(--accent-primary) 10%,#0000)}.at-reminder-action-btn.flag-btn{color:#f59e0b;color:var(--accent-warning)}.at-reminder-action-btn.flag-btn:hover{background:color-mix(in srgb,#f59e0b 10%,#0000);background:color-mix(in srgb,var(--accent-warning) 10%,#0000)}.at-reminder-list-item.flagged .at-reminder-action-btn.flag-btn{background:color-mix(in srgb,#f59e0b 15%,#0000);background:color-mix(in srgb,var(--accent-warning) 15%,#0000)}.at-reminder-action-btn.delete-btn{color:#ef4444;color:var(--accent-danger)}.at-reminder-action-btn.delete-btn:hover{background:color-mix(in srgb,#ef4444 10%,#0000);background:color-mix(in srgb,var(--accent-danger) 10%,#0000)}.at-reminder-subtasks-section{border-top:1px solid color-mix(in srgb,var(--accent-primary) 10%,var(--border-primary));margin-top:12px;padding-top:12px}.at-subtasks-toggle-btn{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-subtasks-toggle-btn:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-primary);transform:translateX(4px)}.at-subtasks-list-area{margin-top:12px;padding-left:16px}.at-subtask-list-item{align-items:center;color:var(--text-primary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;gap:12px;padding:8px 0}@media (max-width:768px){.at-reminder-list-item{align-items:flex-start;flex-direction:column;gap:12px}.at-reminder-actions-panel{justify-content:flex-end;margin-left:0;margin-top:8px;opacity:1;transform:translateX(0);width:100%}.at-reminder-dates-row{align-items:flex-start;flex-direction:column;gap:8px}}.at-subtask-checkbox-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.at-subtask-checkbox-btn:hover{color:var(--text-primary)}.at-subtask-list-item span.completed{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);text-decoration:line-through}.at-reminder-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--spacing-sm)}.at-reminder-action-btn{align-items:center;background:var(--panel);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:32px}.at-reminder-action-btn:hover{background:var(--hover-bg);background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.at-reminder-action-btn.flag.active{border-color:#f59e0b;border-color:var(--accent-warning);color:#f59e0b;color:var(--accent-warning)}.at-reminder-action-btn.delete:hover{background:#ef4444;background:var(--accent-danger);border-color:#ef4444;border-color:var(--accent-danger);color:#fff}.at-modal-overlay{align-items:center;animation:fadeIn .15s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 85%,#0000);background:var(--bg-overlay);display:flex;inset:0;justify-content:center;position:fixed;z-index:1040;z-index:var(--z-modal-backdrop)}.at-modal-container{animation:slideUp .2s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-base);background:var(--panel);background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));border-radius:16px;box-shadow:0 20px 60px color-mix(in srgb,var(--accent) 15%,#0000004d),0 0 0 1px color-mix(in srgb,var(--accent) 10%,#0000);box-shadow:0 20px 60px color-mix(in srgb,var(--accent-primary) 15%,#0000004d),0 0 0 1px color-mix(in srgb,var(--accent-primary) 10%,#0000);display:flex;flex-direction:column;max-height:90vh;max-width:580px;overflow:hidden;position:relative;width:90%;z-index:1050;z-index:var(--z-modal)}.at-day-detail-modal{max-width:800px}.at-reminder-view-modal{max-width:650px}.at-reminder-detail-view{padding:8px}.at-reminder-detail-card{background:var(--panel);background:var(--bg-secondary);border:2px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));border-radius:16px;padding:32px}.at-reminder-detail-header{border-bottom:2px solid color-mix(in srgb,var(--accent-primary) 10%,var(--border-primary));margin-bottom:28px;padding-bottom:24px}.at-reminder-detail-title-row{align-items:center;display:flex;gap:16px;margin-bottom:12px}.at-reminder-detail-title-row h3{color:var(--text-primary);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:24px;font-weight:700;margin:0}.at-reminder-detail-title-row h3.completed{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);text-decoration:line-through}.at-reminder-detail-priority{background:color-mix(in srgb,#f59e0b 10%,var(--hover-bg));background:color-mix(in srgb,var(--accent-warning) 10%,var(--bg-tertiary));border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;padding:8px 16px}.at-reminder-detail-section{margin-bottom:24px}.at-reminder-detail-section h4{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.at-reminder-detail-section h4,.at-reminder-detail-section p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.at-reminder-detail-section p{color:var(--text-primary);font-size:15px;line-height:1.7;margin:0}.at-reminder-detail-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:28px}.at-reminder-detail-info-item{align-items:flex-start;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:12px;padding:16px}.at-reminder-detail-info-item svg{color:var(--accent);color:var(--accent-primary);flex-shrink:0;margin-top:2px}.at-reminder-detail-info-item>div{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.at-reminder-detail-info-item .label{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.at-reminder-detail-info-item .label,.at-reminder-detail-info-item .value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.at-reminder-detail-info-item .value{color:var(--text-primary);font-size:14px;font-weight:600;word-break:break-word}.at-reminder-detail-info-item .value.link{color:var(--accent);color:var(--accent-primary);text-decoration:none;transition:all .2s}.at-reminder-detail-info-item .value.link:hover{text-decoration:underline}.at-reminder-detail-actions{border-top:2px solid color-mix(in srgb,var(--accent-primary) 10%,var(--border-primary));display:flex;gap:12px;padding-top:24px}.at-detail-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1.5px;padding:14px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.at-detail-action-btn.edit{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#8b5cf6) 100%);background:linear-gradient(135deg,var(--accent-primary) 0,color-mix(in srgb,var(--accent-primary) 85%,#8b5cf6) 100%);color:#fff}.at-detail-action-btn.edit:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,#0000004d);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 35%,#0000004d);transform:translateY(-2px)}.at-detail-action-btn.delete{background:linear-gradient(135deg,#ef4444,color-mix(in srgb,#ef4444 85%,#dc2626));background:linear-gradient(135deg,var(--accent-danger) 0,color-mix(in srgb,var(--accent-danger) 85%,#dc2626) 100%);color:#fff}.at-detail-action-btn.delete:hover{box-shadow:0 6px 20px color-mix(in srgb,#ef4444 35%,#0000004d);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-danger) 35%,#0000004d);transform:translateY(-2px)}.at-modal-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--hover-bg)) 0,color-mix(in srgb,var(--accent) 4%,var(--hover-bg)) 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 8%,var(--bg-tertiary)) 0,color-mix(in srgb,var(--accent-primary) 4%,var(--bg-tertiary)) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 15%,var(--border-primary));display:flex;justify-content:space-between;padding:24px 28px}.at-modal-header h2,.at-modal-header h3{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0}.at-modal-close-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.at-modal-close-btn:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-primary);transform:rotate(90deg)}.at-modal-content{background:var(--panel);background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:28px}.at-day-summary{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:13px;gap:12px;gap:var(--spacing-md);margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:16px;padding:var(--spacing-lg)}.at-summary-divider{color:color-mix(in srgb,var(--text-secondary) 50%,#0000);color:var(--text-muted)}.at-day-timeline{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-xl)}.at-day-timeline-hour{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:80px 1fr}.at-day-timeline-time{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:12px;font-weight:600;padding-top:4px;text-align:right}.at-day-timeline-items{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md)}.at-day-timeline-item{background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;padding:16px;padding:var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.at-day-timeline-item:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary);transform:translateX(4px)}.at-day-item-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.at-day-item-time{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary);font-size:11px;font-weight:600}.at-day-item-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.at-day-item-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.at-list-form-container,.at-reminder-form-container{display:flex;flex-direction:column;gap:20px}.at-form-field{display:flex;flex-direction:column;gap:8px}.at-form-label{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:1.2px;text-transform:uppercase}.at-form-input,.at-form-label,.at-form-select,.at-form-textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.at-form-input,.at-form-select,.at-form-textarea{background:var(--hover-bg);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.at-form-input:focus,.at-form-select:focus,.at-form-textarea:focus{background:var(--panel);background:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 10%,#0000);outline:none}.at-form-input::placeholder,.at-form-textarea::placeholder{color:color-mix(in srgb,var(--text-secondary) 70%,#0000);color:var(--text-tertiary)}.at-form-textarea{min-height:80px;resize:vertical}.at-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.at-checkbox-field{margin-top:12px}.at-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:500;gap:12px}.at-checkbox-label input[type=checkbox]{accent-color:var(--accent);accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.at-color-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr)}.at-color-option{border:2px solid #0000;border-radius:8px;cursor:pointer;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.at-color-option:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.at-color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--panel),0 0 0 4px currentColor;box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px currentColor;transform:scale(1.05)}.at-icon-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.at-icon-picker-btn{align-items:center;background:var(--hover-bg);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.at-icon-picker-btn:hover{background:var(--panel);background:var(--bg-elevated);border-color:var(--border-secondary);transform:translateY(-2px)}.at-icon-picker-btn.selected{background:var(--panel);background:var(--bg-elevated);border-color:var(--accent-primary)}.at-form-actions{border-top:1px solid var(--border-primary);gap:12px;justify-content:flex-end;margin-top:8px;padding-top:24px}.at-form-actions,.at-form-btn{align-items:center;display:flex}.at-form-btn{border:1.5px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:11px;font-weight:600;gap:8px;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase}.at-form-btn,.at-form-btn:before{background:#0000;transition:all .25s cubic-bezier(.4,0,.2,1)}.at-form-btn:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.at-form-btn span{position:relative;z-index:1}.at-form-btn:hover{border-color:var(--text-secondary);transform:translateY(-1px)}.at-form-btn:hover:before{background:color-mix(in srgb,var(--text-primary) 5%,#0000)}.at-form-btn.cancel{border-color:color-mix(in srgb,var(--border-primary) 80%,#0000);color:var(--text-secondary)}.at-form-btn.cancel:hover{background:#0000;border-color:var(--border-primary);color:var(--text-primary)}.at-form-btn.cancel:hover:before{background:color-mix(in srgb,var(--text-primary) 3%,#0000)}.at-form-btn.primary{background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#8b5cf6) 50%,color-mix(in srgb,var(--accent) 90%,#ec4899) 100%);background:linear-gradient(135deg,var(--accent-primary) 0,color-mix(in srgb,var(--accent-primary) 85%,#8b5cf6) 50%,color-mix(in srgb,var(--accent-primary) 90%,#ec4899) 100%);border:none;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 25%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 25%,#0000);color:#fff;font-weight:700;letter-spacing:1.8px}.at-form-btn.primary:before{background:linear-gradient(135deg,#fff0,#ffffff1a 50%,#fff0);opacity:0}.at-form-btn.primary:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 35%,#0000);transform:translateY(-2px)}.at-form-btn.primary:hover:before{opacity:1}.at-form-btn.primary:active{box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 30%,#0000);transform:translateY(0)}.at-form-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.at-form-btn:disabled:hover{border-color:var(--border-primary);transform:none}.at-form-btn.primary:disabled{background:color-mix(in srgb,var(--accent) 50%,var(--hover-bg));background:color-mix(in srgb,var(--accent-primary) 50%,var(--bg-tertiary));box-shadow:none}.at-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.at-empty-state-icon{color:color-mix(in srgb,var(--text-secondary) 50%,#0000);color:var(--text-muted);margin-bottom:24px}.at-empty-state h3{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:.3px;margin:0 0 12px}.at-empty-state h3,.at-empty-state p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.at-empty-state p{color:var(--text-secondary);font-size:14px;margin:0 0 28px}.at-empty-state-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#8b5cf6) 50%,color-mix(in srgb,var(--accent) 90%,#ec4899) 100%);background:linear-gradient(135deg,var(--accent-primary) 0,color-mix(in srgb,var(--accent-primary) 85%,#8b5cf6) 50%,color-mix(in srgb,var(--accent-primary) 90%,#ec4899) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 25%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 25%,#0000);color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:11px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1.8px;padding:14px 32px;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.at-empty-state-btn:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,#0000);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 35%,#0000);transform:translateY(-2px)}.at-fab-btn{align-items:center;animation:fabPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#8b5cf6) 50%,color-mix(in srgb,var(--accent) 90%,#ec4899) 100%);background:linear-gradient(135deg,var(--accent-primary) 0,color-mix(in srgb,var(--accent-primary) 85%,#8b5cf6) 50%,color-mix(in srgb,var(--accent-primary) 90%,#ec4899) 100%);border:none;border-radius:50%;bottom:32px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,#0000004d),0 0 0 0 color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-primary) 35%,#0000004d),0 0 0 0 color-mix(in srgb,var(--accent-primary) 40%,#0000);color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px;z-index:1000}@keyframes fabPulse{0%,to{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,#0000004d),0 0 0 0 color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-primary) 35%,#0000004d),0 0 0 0 color-mix(in srgb,var(--accent-primary) 40%,#0000)}50%{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,#0000004d),0 0 0 12px color-mix(in srgb,var(--accent) 0,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-primary) 35%,#0000004d),0 0 0 12px color-mix(in srgb,var(--accent-primary) 0,#0000)}}.at-fab-btn:hover{animation:none;box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 45%,#0006),0 0 0 0 color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 12px 32px color-mix(in srgb,var(--accent-primary) 45%,#0006),0 0 0 0 color-mix(in srgb,var(--accent-primary) 40%,#0000);transform:scale(1.1) rotate(90deg)}.at-fab-btn:active{transform:scale(1.05) rotate(90deg)}.at-empty-state-btn:hover{background:color-mix(in srgb,var(--accent) 85%,var(--bg));background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.at-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:48px;padding:var(--spacing-3xl)}.at-loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:48px;margin-bottom:24px;margin-bottom:var(--spacing-xl);width:48px}.at-loading-container p{color:var(--text-secondary);font-size:14px;margin:0}::-webkit-scrollbar-track{background:var(--panel);background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--border-secondary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--border-hover)}@media (max-width:1280px){.at-left-sidebar{width:280px}.at-stats-panel{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.at-left-sidebar{display:none}.at-week-day-column{min-width:160px}.at-form-row{grid-template-columns:1fr}}@media (max-width:768px){.at-page-header{padding:16px;padding:var(--spacing-lg)}.at-header-divider,.at-page-title{display:none}.at-activity-filters,.at-view-mode-tabs{padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg)}.at-month-view-header,.at-week-view-header{flex-direction:column;gap:16px;gap:var(--spacing-lg)}.at-month-view-actions,.at-week-view-actions{justify-content:space-between;width:100%}.at-view-action-btn span{display:none}.at-stats-panel{grid-template-columns:1fr}.at-reminders-view-container{flex-direction:column}.at-reminders-sidebar{max-height:200px;width:100%}.at-modal-container{max-height:95vh;width:95%}.at-day-timeline-hour{gap:12px;gap:var(--spacing-md);grid-template-columns:60px 1fr}}@media (max-width:640px){.at-week-day-column{min-width:140px}.at-week-view-timeline{width:60px}.at-month-day-cell{min-height:100px;padding:8px;padding:var(--spacing-sm)}.at-filter-btn span,.at-header-back-btn span{display:none}}.cd-page{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;width:100%}.cd-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);flex-shrink:0;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.cd-header,.cd-header-left{align-items:center;display:flex}.cd-header-left{gap:16px}.cd-logo{color:var(--accent);cursor:pointer;font-size:24px;font-weight:800;letter-spacing:-1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cd-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.cd-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.cd-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.cd-unsaved-badge{background:color-mix(in srgb,#ff9800 20%,#0000);border:1px solid #ff9800;border-radius:20px;color:#ff9800;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.cd-header-right{gap:12px}.cd-header-right,.cd-nav-btn{align-items:center;display:flex}.cd-nav-btn{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.cd-nav-btn-ghost{background:#0000;color:var(--text-primary);opacity:.7}.cd-nav-btn-ghost:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent);opacity:1;transform:translateX(-2px)}.cd-nav-btn-primary{background:var(--accent);border-radius:12px;color:var(--bg-primary)}.cd-nav-btn-primary:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.cd-main{display:flex;flex:1 1;overflow:hidden}.cd-sidebar{background:var(--bg-secondary);border-radius:0 0 0 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;width:320px}.cd-sidebar-section{border-bottom:1px solid var(--border);padding:24px 20px}.cd-sidebar-section:first-child{padding-top:28px}.cd-sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cd-sidebar-section h3{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 12px;text-transform:uppercase}.cd-sidebar-section-header h3{margin-bottom:0}.cd-add-layout-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.cd-add-layout-btn svg{height:14px;width:14px}.cd-add-layout-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);transform:scale(1.1)}.cd-sidebar-hint{color:var(--text-secondary);font-size:12px;margin:0 0 16px}.cd-available-list{display:flex;flex-direction:column;gap:8px}.cd-available-widget{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;cursor:grab;display:flex;gap:12px;padding:12px;transition:all .2s ease}.cd-available-widget:hover{border-color:var(--accent);box-shadow:0 2px 8px #0003;transform:translateX(4px)}.cd-available-widget:active{cursor:grabbing}.cd-available-icon{align-items:center;background:linear-gradient(135deg,var(--accent) 0,color-mix(in srgb,var(--accent) 70%,#000) 100%);border-radius:12px;color:var(--bg-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.cd-available-info{flex:1 1;min-width:0}.cd-available-title{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:2px}.cd-available-desc{color:var(--text-secondary);display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-drag-indicator{color:var(--text-secondary);flex-shrink:0;opacity:.5}.cd-empty-available,.cd-empty-layouts{background:var(--bg-primary);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:13px;padding:20px;text-align:center}.cd-layouts-list{display:flex;flex-direction:column;gap:8px}.cd-layout-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;display:flex;overflow:hidden;transition:all .2s ease}.cd-layout-item.cd-active,.cd-layout-item:hover{border-color:var(--accent)}.cd-layout-item.cd-active{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary))}.cd-layout-item.cd-default-layout{border-style:dashed;opacity:.85}.cd-layout-item.cd-default-layout .cd-layout-item-btn,.cd-lock-icon{color:var(--text-secondary)}.cd-lock-icon{flex-shrink:0;margin-right:6px}.cd-layout-item-btn{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .15s ease}.cd-layout-item-btn:hover{color:var(--accent)}.cd-layout-item.cd-active .cd-layout-item-btn{color:var(--accent);font-weight:600}.cd-layout-item-btn svg{color:var(--accent)}.cd-layout-actions,.cd-layout-reset-btn{align-items:center;display:flex}.cd-layout-reset-btn{background:#0000;border:none;border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;justify-content:center;padding:8px 12px;transition:all .15s ease}.cd-layout-reset-btn:hover{background:var(--accent);color:var(--bg-primary)}.cd-layout-delete-btn{align-items:center;background:#0000;border:none;border-left:1px solid var(--border);border-radius:0 12px 12px 0;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .15s ease}.cd-layout-delete-btn:hover{background:#e53935;background:var(--danger,#e53935);color:#fff}.cd-empty-layouts{background:var(--bg-primary);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:13px;font-style:italic;padding:16px;text-align:center}.cd-grid-container{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:24px}.cd-grid-info{align-items:center;background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.cd-grid-info strong{color:var(--accent)}.cd-grid{grid-gap:8px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,100px);min-height:850px;padding:8px;position:relative}.cd-grid-cell{background:color-mix(in srgb,var(--bg-primary) 50%,#0000);border:1px dashed var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.cd-grid-cell:hover:not(.cd-occupied){background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);border-style:solid}.cd-grid-cell.cd-occupied{background:#0000;border-color:#0000;cursor:default}.cd-grid-cell.cd-drop-valid{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent);border-radius:12px;border-style:solid}.cd-grid-cell.cd-drop-invalid{background:color-mix(in srgb,#e53935 20%,#0000);background:color-mix(in srgb,var(--danger,#e53935) 20%,#0000);border-color:#e53935;border-color:var(--danger,#e53935);border-radius:12px;border-style:solid}.cd-placed-widget{background:var(--bg-primary);border:2px solid var(--widget-color,var(--accent));border-radius:16px;cursor:grab;display:flex;flex-direction:column;min-height:60px;overflow:hidden;position:relative;transition:all .2s ease;z-index:1}.cd-placed-widget:hover{box-shadow:0 4px 20px #0000004d,0 0 20px color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 4px 20px #0000004d,0 0 20px color-mix(in srgb,var(--widget-color,var(--accent)) 30%,#0000);transform:scale(1.02);z-index:2}.cd-placed-widget:active{cursor:grabbing}.cd-placed-widget.cd-selected{border-width:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 0 0 4px color-mix(in srgb,var(--widget-color,var(--accent)) 30%,#0000);z-index:10}.cd-placed-widget.cd-locked{cursor:not-allowed;opacity:.85}.cd-placed-widget.cd-locked:hover{box-shadow:none;transform:none}.cd-placed-widget.cd-locked:active{cursor:not-allowed}@keyframes cd-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.cd-placed-widget.cd-shake{animation:cd-shake .5s ease-in-out}.cd-widget-drag-handle{align-items:center;background:color-mix(in srgb,var(--accent) 20%,#0000);background:color-mix(in srgb,var(--widget-color,var(--accent)) 20%,#0000);border-radius:8px;color:var(--accent);color:var(--widget-color,var(--accent));display:flex;height:24px;justify-content:center;left:8px;opacity:.5;position:absolute;top:8px;transition:opacity .2s ease;width:24px}.cd-placed-widget:hover .cd-widget-drag-handle{opacity:1}.cd-placed-widget.cd-locked .cd-widget-drag-handle{opacity:.7}.cd-widget-content{align-items:center;color:var(--accent);color:var(--widget-color,var(--accent));display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:16px}.cd-widget-title{font-size:14px;font-weight:700;text-align:center}.cd-widget-controls{background:var(--bg-secondary);border-radius:0 0 14px 14px;border-top:1px solid var(--border);bottom:0;left:0;padding:8px;position:absolute;right:0}.cd-controls-row{align-items:center;display:flex;gap:6px;justify-content:center}.cd-controls-divider{background:var(--border);height:20px;margin:0 4px;width:1px}.cd-size-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.cd-size-btn:hover:not(.disabled):not(:disabled){border-color:var(--accent);color:var(--accent)}.cd-size-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.cd-size-btn.disabled,.cd-size-btn:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.35}.cd-size-btn.disabled:hover,.cd-size-btn:disabled:hover{border-color:var(--border);color:var(--text-secondary)}.cd-color-btn,.cd-remove-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.cd-color-btn:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--bg-primary)!important}.cd-remove-btn:hover{background:#e53935!important;background:var(--danger,#e53935)!important;border-color:#e53935!important;border-color:var(--danger,#e53935)!important;color:#fff!important}.cd-color-picker{grid-gap:8px;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:16px;bottom:100%;box-shadow:0 10px 40px #0006;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);left:50%;margin-bottom:8px;padding:12px;position:absolute;transform:translateX(-50%);z-index:100}.cd-color-option{align-items:center;background:var(--preset-color);border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cd-color-option:hover{border-color:#fff;transform:scale(1.2)}.cd-color-option.cd-active{border-color:#fff;box-shadow:0 0 0 3px var(--preset-color)}.cd-grid-legend{background:var(--bg-secondary);border-radius:12px;display:flex;gap:24px;justify-content:center;margin-top:16px;padding:12px}.cd-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.cd-legend-color{border:1px dashed var(--border);border-radius:8px;height:20px;width:20px}.cd-legend-empty{background:color-mix(in srgb,var(--bg-primary) 50%,#0000)}.cd-legend-valid{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent);border-style:solid}.cd-legend-invalid{background:color-mix(in srgb,#e53935 20%,#0000);background:color-mix(in srgb,var(--danger,#e53935) 20%,#0000);border-color:#e53935;border-color:var(--danger,#e53935);border-style:solid}.cd-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cd-modal{animation:slideUp .3s ease;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:20px;max-width:500px;overflow:hidden;width:90%}.cd-modal-small{max-width:400px}.cd-modal-header{align-items:center;background:var(--bg-primary);border-bottom:2px solid var(--accent);border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.cd-modal-header h3{color:var(--accent);font-size:18px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.cd-modal-header button{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cd-modal-header button:hover{background:color-mix(in srgb,#e53935 20%,#0000);background:color-mix(in srgb,var(--danger,#e53935) 20%,#0000);color:#e53935;color:var(--danger,#e53935)}.cd-modal-body{padding:24px}.cd-modal-body label{color:var(--accent);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cd-modal-body input{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.cd-modal-body input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,#0000);outline:none}.cd-modal-body input::placeholder{color:var(--text-secondary);opacity:.5}.cd-modal-body p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.cd-modal-hint{color:var(--text-secondary)!important;font-size:12px!important;font-style:italic;margin-top:12px!important}.cd-modal-footer{background:var(--bg-primary);border-radius:0 0 18px 18px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cd-modal-cancel,.cd-modal-delete,.cd-modal-save{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.cd-modal-cancel{background:#0000;border:2px solid var(--border);color:var(--text-secondary)}.cd-modal-cancel:hover{border-color:var(--accent);color:var(--accent)}.cd-modal-save{background:var(--accent);color:var(--bg-primary)}.cd-modal-save:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.cd-modal-save:disabled{cursor:not-allowed;opacity:.5}.cd-modal-delete{background:#e53935;background:var(--danger,#e53935);color:#fff}.cd-modal-delete:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}@media (max-width:1200px){.cd-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,80px);min-height:700px}}@media (max-width:900px){.cd-main{flex-direction:column}.cd-sidebar{border-bottom:1px solid var(--border);border-right:none;max-height:300px;width:100%}.cd-header{flex-direction:column;gap:16px}.cd-header-left,.cd-header-right{flex-wrap:wrap;justify-content:center;width:100%}}@media (max-width:600px){.cd-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(16,60px)}.cd-header h1{font-size:18px}.cd-reset-btn,.cd-save-as-btn,.cd-save-btn{font-size:11px;padding:8px 12px}}:root{--bg-top:var(--bg-primary);--bg-bottom:var(--bg-secondary);--panel:var(--bg-secondary);--border:var(--border);--text-primary:#eaecef;--text-secondary:#b8c0cc;--accent:#d7b38c;--accent-rgb:215,179,140;--glow:#d7b38c59;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--purple:#a78bfa;--blue:#60a5fa;--pink:#f472b6;--cyan:#22d3ee}.games-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background:linear-gradient(135deg,var(--bg-top) 0,var(--bg-bottom) 100%);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.gm-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);background:color-mix(in srgb,var(--bg-primary,var(--bg-primary)) 80%,#0000);border-bottom:1px solid #d7b38c;border-bottom:1px solid var(--accent);height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 60px!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}.gm-header,.gm-header-left{align-items:center;display:flex}.gm-header-left{gap:16px}.gm-logo{align-items:center;color:#d7b38c;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;position:relative}.gm-logo,.gm-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.gm-logo-img{background-color:#d7b38c;background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.gm-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,#d7b38c 50%,#0000);text-shadow:0 4px 20px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.gm-logo:hover .gm-logo-img{transform:scale(1.1)}.gm-header-divider{background:color-mix(in srgb,#d7b38c 30%,#0000);background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.gm-subtitle{color:color-mix(in srgb,#d7b38c 70%,#eaecef);color:color-mix(in srgb,var(--accent) 70%,var(--text-primary,#fff));font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.gm-header-right{gap:12px}.gm-header-right,.gm-nav-btn{align-items:center;display:flex}.gm-nav-btn{background:#0000;border:none;color:#eaecef;color:var(--text-primary,#fff);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;opacity:.7;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.gm-nav-btn:hover{color:#d7b38c;color:var(--accent);opacity:1}.gm-nav-btn svg{stroke:currentColor!important;fill:none!important;height:14px!important;width:14px!important}.gm-nav-btn-ghost{background:#0000;border:none;color:#eaecef;color:var(--text-primary,#fff);opacity:.7}.gm-nav-btn-ghost:hover{color:#d7b38c;color:var(--accent);opacity:1}[data-theme-mode=dark] .gm-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .gm-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}[data-theme-mode=light] .gm-nav-btn-ghost{color:#eaecef;color:var(--text-primary,#1a1a2e)}.games-page:before{background:radial-gradient(circle,#d7b38c08 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;position:relative;z-index:1}.loading-spinner{animation:spin 1s linear infinite;border-top-color:#d7b38c;border:4px solid var(--border);border-top-color:var(--accent);height:48px;width:48px}.loading-container p{color:#b8c0cc;color:var(--text-secondary);font-size:13px}.games-header{border-bottom:1px solid #d7b38c;border-bottom:1px solid var(--accent);margin-bottom:32px;padding-bottom:20px;position:relative;z-index:1}.back-btn-corner,.games-header{align-items:center;display:flex;justify-content:center}.back-btn-corner{background:linear-gradient(135deg,#d7b38c1a,#d7b38c0d);border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);cursor:pointer;height:44px;left:0;padding:0;position:absolute;top:0;transition:all .3s ease;width:44px}.back-btn-corner:hover{background:linear-gradient(135deg,#d7b38c33,#d7b38c1a);border-color:#d7b38c;border-color:var(--accent);box-shadow:0 0 20px #d7b38c33;color:#d7b38c;color:var(--accent);transform:translateX(-2px)}.back-btn-corner svg{display:block;transition:transform .3s ease}.back-btn-corner:hover svg{transform:translateX(-2px)}.header-content-center{text-align:center}.header-content-center h1{color:#d7b38c;color:var(--accent);font-size:32px;font-weight:900;letter-spacing:-1px;margin:0 0 8px;text-shadow:0 0 30px #d7b38c4d;text-transform:lowercase}.header-content-center p{color:#b8c0cc;color:var(--text-secondary);font-size:13px;letter-spacing:.5px;margin:0;text-transform:lowercase}.games-container{margin:0 auto;max-width:1400px;padding:40px;position:relative;z-index:1}.stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card-main{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card-gradient{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.level-card .stat-card-gradient{background:linear-gradient(135deg,#a78bfa26,#60a5fa0d)}.points-card .stat-card-gradient{background:linear-gradient(135deg,#10b98126,#22d3ee0d)}.weekly-card .stat-card-gradient{background:linear-gradient(135deg,#f59e0b26,#f472b60d)}.stat-card-main:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 8px 32px #d7b38c33;transform:translateY(-4px)}.stat-card-main:hover .stat-card-gradient{opacity:1}.stat-label{color:#b8c0cc;color:var(--text-secondary);font-size:10px;letter-spacing:1.5px}.stat-value{color:#d7b38c;color:var(--accent);font-weight:900;text-shadow:0 0 20px #d7b38c4d}.stat-hint{color:#b8c0cc;color:var(--text-secondary);font-size:10px;text-transform:lowercase}.level-bar,.stat-hint{position:relative;z-index:1}.level-bar{background:var(--border);height:6px;margin-top:4px;overflow:hidden;width:100%}.level-bar-fill{background:linear-gradient(90deg,#a78bfa,#60a5fa);background:linear-gradient(90deg,var(--purple),var(--blue));box-shadow:0 0 10px #a78bfa80;height:100%;transition:width .5s ease}.daily-challenge-banner{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);cursor:pointer;margin-bottom:24px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.daily-challenge-gradient{background:linear-gradient(135deg,#d7b38c1a,#a78bfa0d,#f472b60d);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.daily-challenge-banner:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 8px 32px #d7b38c40;transform:translateY(-2px)}.daily-challenge-banner:hover .daily-challenge-gradient{opacity:1}.daily-challenge-content{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.daily-challenge-icon{align-items:center;background:linear-gradient(135deg,#d7b38c33,#a78bfa1a);border:2px solid #d7b38c;border:2px solid var(--accent);color:#d7b38c;color:var(--accent);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.daily-challenge-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.daily-challenge-header{align-items:center;display:flex;gap:12px}.daily-challenge-badge{background:#d7b38c1a;border:1px solid #d7b38c;border:1px solid var(--accent);color:#d7b38c;color:var(--accent)}.challenge-complete-badge,.daily-challenge-badge{font-size:9px;font-weight:700;letter-spacing:1.5px;padding:4px 10px;text-transform:uppercase}.challenge-complete-badge{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--success);color:#10b981;color:var(--success)}.daily-challenge-title{color:#eaecef;color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0}.daily-challenge-description{color:#b8c0cc;color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.daily-challenge-progress-container{align-items:center;display:flex;gap:12px;margin-top:4px}.daily-challenge-progress-bar{background:var(--border);flex:1 1;height:8px;overflow:hidden}.daily-challenge-progress-fill{background:linear-gradient(90deg,#d7b38c,#a78bfa);background:linear-gradient(90deg,var(--accent),var(--purple));box-shadow:0 0 10px #d7b38c80;height:100%;transition:width .5s ease}.daily-challenge-progress-text{color:#b8c0cc;color:var(--text-secondary);font-size:11px;font-weight:700;min-width:60px;text-align:right}.daily-challenge-reward{align-items:center;background:linear-gradient(135deg,#10b98126,#22d3ee0d);border:1px solid #10b981;border:1px solid var(--success);display:flex;flex-direction:column;gap:4px;padding:16px 24px}.reward-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.reward-label,.reward-value{color:#10b981;color:var(--success)}.reward-value{font-size:28px;font-weight:900;line-height:1;text-shadow:0 0 20px #10b9814d}.reward-unit{color:#10b981;color:var(--success);font-size:11px;font-weight:600;text-transform:lowercase}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.daily-challenge-modal{animation:slideUp .3s ease;background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);max-width:600px;overflow:hidden;padding:40px;position:relative;width:100%}.modal-gradient{background:linear-gradient(135deg,#d7b38c14,#a78bfa0d,#f472b60d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-close{background:#0000;border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);height:36px;right:20px;top:20px;transition:all .3s ease;width:36px;z-index:2}.modal-close:hover{background:#ef44441a;border-color:var(--danger);color:#ef4444;color:var(--danger);transform:rotate(90deg)}.modal-icon-large{align-items:center;background:linear-gradient(135deg,#d7b38c33,#a78bfa1a);border:2px solid #d7b38c;border:2px solid var(--accent);color:#d7b38c;color:var(--accent);display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px;z-index:1}.modal-title{color:#eaecef;color:var(--text-primary);font-size:24px;font-weight:900;letter-spacing:-.5px;margin:0 0 12px}.modal-description,.modal-title{position:relative;text-align:center;z-index:1}.modal-description{color:#b8c0cc;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0 0 32px}.modal-progress-section{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);margin-bottom:24px;padding:24px;position:relative;z-index:1}.modal-progress-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.modal-stat{align-items:center;display:flex;flex-direction:column;gap:8px}.modal-stat-label{color:#b8c0cc;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.modal-stat-value{color:#d7b38c;color:var(--accent);font-size:32px;font-weight:900;line-height:1;text-shadow:0 0 20px #d7b38c4d}.modal-progress-bar-container{align-items:center;display:flex;gap:12px}.modal-progress-bar{background:var(--border);flex:1 1;height:12px;overflow:hidden}.modal-progress-fill{background:linear-gradient(90deg,#d7b38c,#a78bfa,#f472b6);background:linear-gradient(90deg,var(--accent),var(--purple),var(--pink));box-shadow:0 0 15px #d7b38c80;height:100%;transition:width .5s ease}.modal-progress-percentage{color:#d7b38c;color:var(--accent);font-size:14px;font-weight:800;min-width:50px;text-align:right}.modal-reward-section{align-items:center;background:linear-gradient(135deg,#10b98126,#22d3ee0d);border:1px solid #10b981;border:1px solid var(--success);display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:24px;position:relative;z-index:1}.modal-reward-label{color:#10b981;color:var(--success);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.modal-reward-value{align-items:baseline;display:flex;gap:8px}.reward-points{color:#10b981;color:var(--success);font-size:40px;font-weight:900;line-height:1;text-shadow:0 0 20px #10b98166}.reward-points-label{color:#10b981;color:var(--success);font-size:14px;font-weight:600;text-transform:lowercase}.modal-complete-message{align-items:center;background:linear-gradient(135deg,#10b98133,#22d3ee1a);border:2px solid #10b981;border:2px solid var(--success);color:#10b981;color:var(--success);display:flex;flex-direction:column;gap:16px;padding:32px;position:relative;z-index:1}.modal-complete-message span{font-size:16px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.modal-action-btn{background:linear-gradient(135deg,#d7b38c,#a78bfa);background:linear-gradient(135deg,var(--accent),var(--purple));border:none;color:var(--bg-primary);color:var(--bg-top);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:1.5px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%;z-index:1}.modal-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modal-action-btn:hover:before{left:100%}.modal-action-btn:hover{box-shadow:0 8px 32px #d7b38c66;transform:translateY(-2px)}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.section-card{background:var(--bg-secondary);background:var(--panel);border:1px solid var(--border);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.section-card:before{background:linear-gradient(135deg,#d7b38c0d,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.section-card:hover:before{opacity:1}.section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header h2{color:#d7b38c;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:-.2px;margin:0;text-transform:lowercase}.completion-badge{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);color:#b8c0cc;color:var(--text-secondary);font-size:10px;font-weight:700;padding:6px 12px;transition:all .3s ease}.section-card:hover .completion-badge{border-color:#d7b38c;border-color:var(--accent);color:#d7b38c;color:var(--accent)}.bingo-board{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.bingo-cell{background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px;min-height:120px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.bingo-cell:before{background:linear-gradient(135deg,#d7b38c1a,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.bingo-cell:hover{border-color:#d7b38c;border-color:var(--accent);box-shadow:0 4px 16px #d7b38c33;transform:translateY(-2px)}.bingo-cell:hover:before{opacity:1}.bingo-cell.completed{background:linear-gradient(135deg,#10b98114,#22d3ee08);border-color:#10b981;border-color:var(--success)}.bingo-cell.completed:before{background:linear-gradient(135deg,#10b98126,#0000);opacity:1}.cell-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.cell-points{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.cell-points,.check-icon{color:#10b981;color:var(--success)}.check-icon{animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cell-title{color:#eaecef;color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.4}.cell-progress,.cell-title{position:relative;z-index:1}.cell-progress{display:flex;flex-direction:column;gap:6px;margin-top:auto}.progress-bar{background:var(--border);height:4px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#d7b38c,#a78bfa);background:linear-gradient(90deg,var(--accent),var(--purple));box-shadow:0 0 8px #d7b38c80;height:100%;transition:width .5s ease}.bingo-cell.completed .progress-fill{background:linear-gradient(90deg,#10b981,#22d3ee);background:linear-gradient(90deg,var(--success),var(--cyan));box-shadow:0 0 8px #10b98180}.progress-text{color:#b8c0cc;color:var(--text-secondary);font-size:10px}.activity-list{display:flex;flex-direction:column;gap:10px}.recent-item{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);display:flex;justify-content:space-between;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.recent-item:before{background:linear-gradient(90deg,#d7b38c1a,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.recent-item:hover{border-color:#d7b38c;border-color:var(--accent);transform:translateX(4px)}.recent-item:hover:before{opacity:1}.recent-content{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.recent-desc{color:#eaecef;color:var(--text-primary);font-size:12px;font-weight:600}.recent-time{color:#b8c0cc;color:var(--text-secondary);font-size:10px}.recent-points{color:#10b981;color:var(--success);font-size:12px;font-weight:800;position:relative;z-index:1}.no-activity{padding:48px 20px;text-align:center}.no-activity p{font-size:13px;font-weight:600;margin-bottom:6px}.no-activity p,.no-activity span{color:#b8c0cc;color:var(--text-secondary)}.no-activity span{font-size:11px;opacity:.7}.points-list{display:flex;flex-direction:column;gap:8px}.points-item{align-items:center;background:var(--bg-secondary);background:var(--bg-bottom);border:1px solid var(--border);display:flex;font-size:11px;justify-content:space-between;overflow:hidden;padding:12px 14px;position:relative;transition:all .3s ease}.points-item:before{background:linear-gradient(90deg,#10b98114,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.points-item:hover{border-color:#d7b38c;border-color:var(--accent);transform:translateX(4px)}.points-item:hover:before{opacity:1}.points-item span:first-child{color:#b8c0cc;color:var(--text-secondary);font-weight:600;position:relative;text-transform:lowercase;z-index:1}.points-item span:last-child{color:#10b981;color:var(--success);font-weight:800;position:relative;z-index:1}.points-item.highlight{background:linear-gradient(135deg,#d7b38c26,#a78bfa0d);border-color:#d7b38c;border-color:var(--accent)}.points-item.highlight span:last-child{color:#d7b38c;color:var(--accent);text-shadow:0 0 10px #d7b38c4d}.points-item-note{background:var(--bg-secondary);background:var(--bg-bottom);border-style:solid;border:1px dashed var(--border);color:#b8c0cc;color:var(--text-secondary);font-size:10px;font-style:italic;padding:12px;text-align:center}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.bingo-board{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-cards{grid-template-columns:1fr}.bingo-board{grid-template-columns:repeat(2,1fr)}.daily-challenge-content{flex-direction:column;text-align:center}.daily-challenge-reward{width:100%}.modal-progress-stats{grid-template-columns:1fr}}@media (max-width:480px){.games-page{padding:12px}.games-header{margin-bottom:24px}.header-content-center h1{font-size:24px}.header-content-center p{font-size:11px}.back-btn-corner{height:40px;width:40px}.bingo-board{grid-template-columns:1fr}.daily-challenge-modal{padding:24px}}.games-page *,.games-page :after,.games-page :before{border-radius:0!important}.bingo-cell,.cell-points,.challenge-complete-badge,.completion-badge,.daily-challenge-badge,.daily-challenge-banner,.daily-challenge-icon,.daily-challenge-reward,.modal-action-btn,.modal-close,.modal-complete-message,.modal-icon-large,.modal-progress-section,.modal-reward-section,.points-item,.points-item-note,.recent-item,.section-card,.stat-card-main{border-radius:12px!important}.daily-challenge-progress-bar,.level-bar,.modal-progress-bar,.progress-bar{border-radius:4px!important}.daily-challenge-modal{border-radius:16px!important}.daily-challenge-banner:hover .daily-challenge-title{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#d7b38c,#a78bfa,#f472b6,#d7b38c);background:linear-gradient(90deg,var(--accent),var(--purple),var(--pink),var(--accent));-webkit-background-clip:text;background-clip:text;background-size:200% auto}.nav-menu-btn{color:#d7b38c}.nav-menu-btn:hover{background:var(--bg-secondary);color:#d7b38c}.playlist-detail-container{background:var(--bg-primary)!important;bottom:0!important;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.detail-error,.detail-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner{display:flex;gap:8px}.loading-spinner,.loading-spinner:after,.loading-spinner:before{animation:pulse 1.4s ease-in-out infinite;background:var(--accent);border-radius:2px;content:"";height:12px;width:12px}.loading-spinner:before{animation-delay:0s}.loading-spinner:after{animation-delay:.4s}.error-back-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease}.error-back-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.detail-topbar{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);flex-shrink:0;height:70px;justify-content:space-between;min-height:70px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.detail-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1;gap:16px}.topbar-actions,.topbar-right{display:flex;gap:12px}.back-button,.topbar-right{align-items:center}.back-button{background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;letter-spacing:.5px;padding:0 20px;text-transform:uppercase;transition:all .2s}.back-button:hover{background:var(--bg-elevated);color:var(--accent)}.topbar-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.breadcrumb{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.breadcrumb-link{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));cursor:pointer;transition:color .2s ease}.breadcrumb-link:hover{color:var(--accent)}.breadcrumb-separator{color:var(--text-secondary);opacity:.5}.breadcrumb-current{color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:120px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.action-button.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary)}[data-theme-mode=light] .action-button.primary{color:#fff}[data-theme-mode=dark] .action-button.primary{color:var(--bg-primary)}.action-button.primary:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.action-button.secondary{background:#0000;border:1px solid var(--border);color:var(--text-primary)}.action-button.secondary:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.action-button.following{background:color-mix(in srgb,var(--success) 15%,#0000);border:1px solid color-mix(in srgb,var(--success) 30%,#0000);color:var(--success)}.action-button.following:hover{background:color-mix(in srgb,var(--success) 25%,#0000)}.detail-header{background:var(--bg-secondary);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;gap:32px;padding:40px;width:100%}.header-banner{align-items:center;border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;box-shadow:0 8px 24px #0003;display:flex;flex-shrink:0;height:240px;justify-content:center;width:240px}.banner-icon{color:var(--accent);opacity:.3}.header-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.header-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{align-items:center;background:color-mix(in srgb,var(--text-secondary) 10%,#0000);border:1px solid color-mix(in srgb,var(--text-secondary) 20%,#0000);border-radius:6px;color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-size:9px;font-weight:800;gap:4px;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.meta-badge.category{background:color-mix(in srgb,var(--accent) 15%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);color:var(--accent)}.meta-badge.difficulty{background:color-mix(in srgb,var(--warning) 15%,#0000);border:1px solid color-mix(in srgb,var(--warning) 25%,#0000);color:var(--warning)}.header-title{color:var(--accent);font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.1}.header-description,.header-title{font-family:Inter,sans-serif;margin:0}.header-description{color:var(--text-secondary);font-size:14px;line-height:1.6}.header-stats{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:24px;padding:16px 0}.stat-item{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:10px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.stat-item svg{color:var(--accent);height:14px;opacity:.8;width:14px}.header-creator{align-items:center;display:flex;gap:10px}.creator-label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.creator-avatar,.creator-img{border:1px solid var(--border);border-radius:50%;height:28px;object-fit:cover;width:28px}.creator-avatar{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:var(--bg-primary);font-size:13px;font-weight:800}.creator-name{color:var(--accent)}.progress-section{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:8px;padding:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.progress-value{color:var(--accent);font-family:Inter,sans-serif;font-size:18px;font-weight:800}.progress-track{background:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:4px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:4px;height:100%;transition:width .3s ease}.detail-body{background:var(--bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:32px 40px}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1400px}.items-title{color:var(--accent);font-size:18px;font-weight:800;letter-spacing:-.5px;margin:0}.items-count,.items-title{font-family:Inter,sans-serif;text-transform:uppercase}.items-count{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px}.items-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1400px}.playlist-item{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .2s}.playlist-item:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.playlist-item.completed{opacity:.6}.item-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:20px}.item-number{font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.5px;text-align:center;text-transform:uppercase;width:32px}.item-icon-wrapper,.item-number{color:var(--accent);flex-shrink:0}.item-icon-wrapper{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:8px;display:flex;height:44px;justify-content:center;width:44px}.item-info{flex:1 1;min-width:0}.item-name{color:var(--accent);font-size:14px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta,.item-name{font-family:Inter,sans-serif;letter-spacing:.5px;text-transform:uppercase}.item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:6px}.item-type{text-transform:uppercase}.meta-separator{opacity:.5}.item-actions{display:flex;gap:4px}.item-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.item-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);color:var(--accent)}.item-btn.delete:hover{background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:var(--danger);color:var(--danger)}.item-details{background:color-mix(in srgb,var(--accent) 5%,#0000);border-top:1px solid var(--border);padding:20px 20px 24px 92px}.detail-block{margin-bottom:16px}.detail-block:last-child{margin-bottom:0}.detail-block strong{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.detail-block p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px;line-height:1.6;margin:0}.empty-items{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;padding:80px 20px;text-align:center}.empty-items svg{color:var(--accent);margin-bottom:20px;opacity:.4}.empty-items h3{color:var(--accent);font-size:18px;font-weight:800;letter-spacing:1px;margin:0 0 8px}.empty-items h3,.empty-items p{font-family:Inter,sans-serif;text-transform:uppercase}.empty-items p{color:var(--text-secondary);margin:0 0 20px}.empty-btn,.empty-items p{font-size:11px;letter-spacing:.5px}.empty-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:700;gap:8px;height:44px;padding:0 24px;text-transform:uppercase;transition:all .2s ease}[data-theme-mode=light] .empty-btn{color:#fff}[data-theme-mode=dark] .empty-btn{color:var(--bg-primary)}.empty-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.modal-backdrop{animation:fadeIn .3s ease}.modal-box{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border:2px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000) 0,color-mix(in srgb,var(--accent) 5%,#0000) 100%);border-bottom:2px solid color-mix(in srgb,var(--accent) 20%,#0000)}.modal-header h2{color:var(--accent)}.close-btn{background:color-mix(in srgb,var(--danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--danger) 30%,#0000);border-radius:8px;color:var(--danger);transition:all .2s ease}.close-btn:hover{background:var(--danger);transform:scale(1.05)}.modal-content{font-family:Inter,sans-serif;padding:28px}.chat-viewer,.note-viewer{color:var(--text-primary);font-size:14px;line-height:1.6}.chat-pair{margin-bottom:20px}.chat-msg{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px 20px}.chat-msg.user-msg{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:color-mix(in srgb,var(--accent) 25%,#0000)}.chat-msg.ai-msg{background:var(--bg-tertiary);border-color:var(--border)}.msg-label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.msg-label,.msg-text{font-family:Inter,sans-serif}.msg-text{color:var(--text-primary);font-size:14px;line-height:1.6}.form-field label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary))}.form-field input,.form-field select,.form-field textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-secondary)}.type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.type-option{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;letter-spacing:.5px;padding:16px 12px;text-transform:uppercase;transition:all .2s ease}.type-option:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px)}.type-option.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent)}.resource-selector{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;max-height:300px;overflow-y:auto}.resource-option{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s ease}.resource-option:last-child{border-bottom:none}.resource-option:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}.resource-option.selected{background:color-mix(in srgb,var(--accent) 15%,#0000);border-left:3px solid var(--accent);color:var(--accent)}.resource-option svg{color:var(--accent);flex-shrink:0}.resource-option span{flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.loading-text,.no-resources{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;padding:40px 20px;text-align:center;text-transform:uppercase}.modal-footer{border-top:2px solid color-mix(in srgb,var(--accent) 15%,#0000)}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;justify-content:center;letter-spacing:1px;min-width:120px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000)}@media (max-width:768px){.detail-topbar{align-items:stretch;flex-direction:column;padding:12px 20px}.topbar-actions,.topbar-left{width:100%}.topbar-actions{justify-content:stretch}.action-button{flex:1 1;justify-content:center}.detail-header{flex-direction:column;padding:32px 20px}.header-banner{height:200px;width:100%}.header-title{font-size:32px}.detail-body{padding:32px 20px}.item-header{padding:12px 16px}.item-number{font-size:12px;width:24px}.item-icon-wrapper{height:36px;width:36px}.item-details{padding:16px}.type-selector{grid-template-columns:repeat(2,1fr)}}.add-item-fullpage{background:var(--bg-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;inset:0;position:fixed;z-index:10000}.add-item-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;min-height:70px;padding:20px 40px}.add-item-header-left{align-items:center;display:flex;gap:16px}.add-item-logo{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:-1px;margin:0}.add-item-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.add-item-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.add-item-header-right{display:flex;gap:12px}.add-item-close-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;letter-spacing:.5px;padding:0 20px;text-transform:uppercase;transition:all .2s}.add-item-close-btn:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.add-item-body{display:flex;flex:1 1;overflow:hidden}.add-item-main{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:40px}.add-item-form-section{margin:0 auto;max-width:800px}.section-heading{color:var(--accent);font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px;margin:0 0 24px;text-transform:uppercase}.add-item-form{display:flex;flex-direction:column;gap:24px}.type-selector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.type-option-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;letter-spacing:.5px;padding:20px 16px;text-transform:uppercase;transition:all .2s ease}.type-option-btn:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px)}.type-option-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent)}.resource-selector-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:400px;overflow-y:auto}.resource-option-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s ease}.resource-option-item:last-child{border-bottom:none}.resource-option-item:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}.resource-option-item.selected{background:color-mix(in srgb,var(--accent) 15%,#0000);border-left:3px solid var(--accent);color:var(--accent)}.resource-option-item svg{color:var(--accent);flex-shrink:0}.resource-option-item span{flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.add-to-queue-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;height:48px;justify-content:center;letter-spacing:.5px;padding:0 32px;text-transform:uppercase;transition:all .2s ease}[data-theme-mode=light] .add-to-queue-btn{color:#fff}[data-theme-mode=dark] .add-to-queue-btn{color:var(--bg-primary)}.add-to-queue-btn:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.form-actions{display:flex;gap:12px;margin-top:8px}.done-btn{align-items:center;background:#0000;border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;height:48px;justify-content:center;letter-spacing:.5px;padding:0 32px;text-transform:uppercase;transition:all .2s ease}.done-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,#0000);transform:translateY(-2px)}.done-btn:disabled{cursor:not-allowed;opacity:.5}.add-item-sidebar{background:var(--bg-secondary);border-left:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-direction:column;overflow:hidden;width:400px}.queue-section{display:flex;flex:1 1;flex-direction:column;padding:32px 24px}.queue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.queue-count{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.queue-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.queue-empty svg{color:var(--accent);opacity:.4}.queue-empty p{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:700;margin:0}.queue-empty span{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.queue-list{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:24px;overflow-y:auto}.queue-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.queue-item:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);transform:translateX(-2px)}.queue-item-icon{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.queue-item-info{flex:1 1;min-width:0}.queue-item-title{color:var(--accent);font-family:Inter,sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-type{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.queue-item-remove{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.queue-item-remove:hover{background:color-mix(in srgb,var(--danger) 10%,#0000);border-color:var(--danger);color:var(--danger)}.submit-all-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:var(--bg-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:8px;height:52px;justify-content:center;letter-spacing:.5px;padding:0 24px;text-transform:uppercase;transition:all .2s ease}[data-theme-mode=light] .submit-all-btn{color:#fff}[data-theme-mode=dark] .submit-all-btn{color:var(--bg-primary)}.submit-all-btn:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 50%,#0000);transform:translateY(-2px)}.submit-all-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.add-item-sidebar{width:350px}.type-selector-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.add-item-body{flex-direction:column}.add-item-sidebar{border-left:none;border-top:1px solid color-mix(in srgb,var(--accent) 15%,#0000);max-height:40vh;width:100%}.type-selector-grid{grid-template-columns:repeat(2,1fr)}}.playlists-container{--lp-bg-primary:var(--bg-primary);--lp-bg-secondary:var(--bg-secondary);--lp-bg-tertiary:var(--bg-secondary);--lp-bg-card:var(--bg-secondary);--lp-bg-elevated:var(--panel);--lp-border-subtle:var(--border);--lp-border-default:var(--border);--lp-text-primary:var(--text-primary);--lp-text-secondary:var(--text-secondary);--lp-text-muted:var(--text-secondary);--lp-accent:var(--accent);--lp-accent-dark:color-mix(in srgb,var(--accent) 85%,#000);--lp-accent-glow:color-mix(in srgb,var(--accent) 15%,#0000);--lp-success:#22c55e;--lp-warning:var(--warning);--lp-danger:var(--danger);--lp-sidebar-width:260px;--lp-header-height:70px;background:var(--lp-bg-primary)!important;bottom:0!important;color:var(--lp-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.playlists-container *{box-sizing:border-box}.playlists-container .hub-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--lp-bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--lp-accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}[data-theme-mode=dark] .playlists-container .hub-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .playlists-container .hub-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.playlists-container .hub-header-left{align-items:center;display:flex;gap:16px}.playlists-container .hub-logo{align-items:center;color:var(--lp-accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.playlists-container .hub-logo-img{background-color:var(--lp-accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.playlists-container .hub-logo:hover{text-shadow:0 4px 20px color-mix(in srgb,var(--lp-accent) 50%,#0000);transform:translateY(-2px)}.playlists-container .hub-logo:hover .hub-logo-img{transform:scale(1.1) rotate(5deg)}.playlists-container .hub-header-divider{background:color-mix(in srgb,var(--lp-accent) 30%,#0000);height:20px;width:1px}.playlists-container .hub-header-subtitle{color:color-mix(in srgb,var(--lp-accent) 70%,var(--lp-text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.playlists-container .hub-header-right{align-items:center;display:flex;gap:12px}.playlists-container .hub-nav-btn{align-items:center;background:#0000;border:none;border-radius:16px;color:var(--lp-text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.playlists-container .hub-nav-btn:hover{background:var(--lp-bg-elevated);box-shadow:0 4px 12px color-mix(in srgb,var(--lp-accent) 20%,#0000);color:var(--lp-accent);transform:translateY(-1px)}.playlists-container .hub-nav-btn.create-playlist-btn{background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-dark));border:none;overflow:hidden;position:relative}.playlists-container .hub-nav-btn.create-playlist-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.playlists-container .hub-nav-btn.create-playlist-btn:hover:before{left:100%}.playlists-container .hub-nav-btn.create-playlist-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--lp-accent) 40%,#0000);transform:translateY(-2px)}[data-theme-mode=light] .playlists-container .hub-nav-btn.create-playlist-btn{color:#fff!important}[data-theme-mode=dark] .playlists-container .hub-nav-btn.create-playlist-btn{color:var(--bg-primary)!important}.playlists-container .hub-nav-btn-ghost{border:1px solid color-mix(in srgb,var(--lp-accent) 40%,#0000)}.playlists-container .hub-nav-btn-ghost:hover{border-color:var(--lp-accent)}.playlists-body{display:flex;flex:1 1;height:100%;overflow:hidden}.playlists-sidebar{background:var(--lp-bg-secondary);border-right:1px solid color-mix(in srgb,var(--lp-accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;gap:24px;height:100%;overflow-y:auto;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px}[data-theme-mode=dark] .playlists-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--lp-accent) 15%,#000) 0,color-mix(in srgb,var(--lp-accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .playlists-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--lp-accent) 15%,#fff) 0,color-mix(in srgb,var(--lp-accent) 25%,#fff) 50%,color-mix(in srgb,var(--lp-accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--lp-accent) 20%,#0000)}[data-theme-mode=dark] .playlists-sidebar{color:color-mix(in srgb,var(--lp-accent) 60%,#fff)!important}[data-theme-mode=light] .playlists-sidebar{color:color-mix(in srgb,var(--lp-accent) 80%,var(--lp-text-primary))!important}.playlists-sidebar::-webkit-scrollbar{width:6px}.playlists-sidebar::-webkit-scrollbar-track{background:#0000}.playlists-sidebar::-webkit-scrollbar-thumb{background:var(--lp-accent);border-radius:16px}.playlists-sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--lp-accent) 120%,#fff)}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-heading{color:color-mix(in srgb,var(--lp-accent) 70%,var(--lp-text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.menu-item{align-items:center;background:#0000;border:none;border-radius:16px;color:var(--lp-text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;padding:12px 16px;position:relative;text-align:left;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.menu-item:hover{background:var(--lp-bg-tertiary);box-shadow:0 2px 8px color-mix(in srgb,var(--lp-accent) 15%,#0000);color:var(--lp-text-primary);transform:translateX(4px)}.menu-item.active{background:color-mix(in srgb,var(--lp-accent) 15%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--lp-accent) 20%,#0000);color:var(--lp-accent)}.menu-item svg{flex-shrink:0;transition:all .2s}.menu-item:hover svg{transform:scale(1.1)}.active-indicator{background:var(--lp-accent);border-radius:16px;box-shadow:0 0 8px var(--lp-accent);height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-divider{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--lp-accent) 30%,#0000) 50%,#0000 100%);height:1px;margin:8px 0}.filter-item{display:flex;flex-direction:column;gap:8px;position:relative}.filter-header{align-items:center;display:flex;justify-content:space-between}.filter-item label{color:color-mix(in srgb,var(--lp-accent) 70%,var(--lp-text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.clear-btn-inline{align-items:center;background:color-mix(in srgb,var(--lp-danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-danger) 30%,#0000);border-radius:16px;color:var(--lp-danger);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.clear-btn-inline:hover{background:var(--lp-danger);box-shadow:0 2px 8px color-mix(in srgb,var(--lp-danger) 40%,#0000);color:#fff;transform:scale(1.1) rotate(90deg)}.custom-dropdown{position:relative!important;width:100%!important;z-index:100!important}.dropdown-trigger{align-items:center!important;background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 12%,var(--lp-bg-tertiary)) 0,color-mix(in srgb,var(--lp-accent) 8%,var(--lp-bg-tertiary)) 100%)!important;border:2px solid color-mix(in srgb,var(--lp-accent) 30%,#0000)!important;border-radius:16px!important;box-shadow:0 2px 8px color-mix(in srgb,var(--lp-accent) 10%,#0000)!important;color:var(--lp-accent)!important;cursor:pointer!important;display:flex!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;gap:8px!important;height:38px!important;justify-content:space-between!important;letter-spacing:.5px!important;padding:10px 12px!important;text-align:left!important;text-transform:uppercase!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.dropdown-trigger:hover{border-color:var(--lp-accent)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--lp-accent) 25%,#0000)!important;transform:translateY(-1px)!important}.dropdown-trigger svg{color:var(--lp-accent)!important;flex-shrink:0!important;transition:transform .2s cubic-bezier(.4,0,.2,1)!important}.custom-dropdown:has(.dropdown-menu) .dropdown-trigger svg{transform:rotate(180deg)!important}.dropdown-menu{animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1)!important;background:var(--lp-bg-secondary)!important;border:2px solid color-mix(in srgb,var(--lp-accent) 30%,#0000)!important;border-radius:16px!important;box-shadow:0 8px 24px #0006!important;display:block!important;left:0!important;max-height:300px!important;opacity:1!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;visibility:visible!important;z-index:10000!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{border-bottom:1px solid color-mix(in srgb,var(--lp-accent) 10%,#0000)!important;color:var(--lp-text-primary)!important;cursor:pointer!important;display:block!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:12px 16px!important;text-align:left!important;text-transform:uppercase!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.dropdown-item:last-child{border-bottom:none!important}.dropdown-item:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 15%,#0000) 0,color-mix(in srgb,var(--lp-accent) 10%,#0000) 100%)!important;color:var(--lp-accent)!important;transform:translateX(4px)!important}.dropdown-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 20%,#0000) 0,color-mix(in srgb,var(--lp-accent) 15%,#0000) 100%)!important;color:var(--lp-accent)!important;font-weight:800!important}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#0000}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--lp-accent);border-radius:16px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--lp-accent) 120%,#fff)}.sidebar-stats{border-top:1px solid color-mix(in srgb,var(--lp-accent) 30%,#0000);margin-top:auto;padding-top:20px}.stat-box{background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 10%,#0000) 0,color-mix(in srgb,var(--lp-accent) 5%,#0000) 100%);border:1px solid color-mix(in srgb,var(--lp-accent) 25%,#0000);border-radius:20px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-box:before{animation:statGlow 3s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--lp-accent) 20%,#0000) 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes statGlow{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.stat-box:hover{border-color:var(--lp-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--lp-accent) 30%,#0000);transform:translateY(-4px)}.stat-value{color:var(--lp-accent);font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.stat-label,.stat-value{font-family:Inter,sans-serif;position:relative;z-index:1}.stat-label{color:color-mix(in srgb,var(--lp-accent) 70%,var(--lp-text-primary));font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.playlists-main{background:var(--lp-bg-primary);height:100%;overflow:hidden;position:relative}.content-body,.playlists-main{display:flex;flex:1 1;flex-direction:column}.content-body{align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:32px 40px}.content-body::-webkit-scrollbar{width:8px}.content-body::-webkit-scrollbar-track{background:#0000}.content-body::-webkit-scrollbar-thumb{background:var(--lp-accent);border-radius:20px}.content-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--lp-accent) 120%,#fff)}.content-body:has(.empty-container),.content-body:has(.loading-container){justify-content:center}.empty-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;text-align:center}.fc-spinner{display:flex;gap:8px;margin-bottom:16px}.fc-spinner span{animation:fc-pulse 1.4s ease-in-out infinite;background:var(--lp-accent);border-radius:16px;height:12px;width:12px}.fc-spinner span:first-child{animation-delay:0s}.fc-spinner span:nth-child(2){animation-delay:.2s}.fc-spinner span:nth-child(3){animation-delay:.4s}@keyframes fc-pulse{0%,60%,to{opacity:.5;transform:scale(.6)}30%{opacity:1;transform:scale(1)}}.empty-container p,.loading-container p{color:var(--lp-accent);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.empty-container svg{animation:emptyFloat 3s ease-in-out infinite;color:var(--lp-accent);opacity:.4}.empty-container h3{color:var(--lp-accent);font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.playlists-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1400px;width:100%}.playlist-card{background:linear-gradient(145deg,var(--lp-bg-secondary) 0,var(--lp-bg-tertiary) 100%);border:1px solid var(--lp-border-default);border-radius:24px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-card:before{background:radial-gradient(circle at top right,color-mix(in srgb,var(--lp-accent) 10%,#0000) 0,#0000 70%);bottom:0;left:0;pointer-events:none;right:0;top:0}.playlist-card:hover:before{opacity:1}.playlist-card:hover{border-color:color-mix(in srgb,var(--lp-accent) 30%,#0000);box-shadow:0 12px 32px #0000004d,0 0 0 1px color-mix(in srgb,var(--lp-accent) 20%,#0000);transform:translateY(-4px)}.card-cover{border-bottom:1px solid var(--lp-border-default);height:160px;overflow:hidden;position:relative;width:100%}.cover-overlay{align-items:center;color:var(--lp-text-secondary);display:flex;inset:0;justify-content:center;opacity:.3;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-card:hover .cover-overlay{opacity:.5;transform:scale(1.1) rotate(5deg)}.privacy-badge{align-items:center;backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s;width:32px}.playlist-card:hover .privacy-badge{box-shadow:0 4px 12px #00000080;transform:scale(1.1)}.card-content{display:flex;flex-direction:column;gap:12px;padding:20px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--lp-accent);display:-webkit-box;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;transition:all .2s}.playlist-card:hover .card-title{color:color-mix(in srgb,var(--lp-accent) 120%,#fff);text-shadow:0 2px 8px color-mix(in srgb,var(--lp-accent) 30%,#0000)}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--lp-text-secondary);display:-webkit-box;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.5px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border-radius:20px;font-family:Inter,sans-serif;font-size:9px;font-weight:800;letter-spacing:1px;padding:5px 10px;text-transform:uppercase;transition:all .2s}.category-tag{background:color-mix(in srgb,var(--lp-accent) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-accent) 25%,#0000);color:var(--lp-accent)}.playlist-card:hover .category-tag{background:color-mix(in srgb,var(--lp-accent) 25%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--lp-accent) 20%,#0000);transform:scale(1.05)}.difficulty-tag{background:color-mix(in srgb,var(--lp-warning) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-warning) 25%,#0000);color:var(--lp-warning)}.card-stats{border-top:1px solid var(--lp-border-default);display:flex;gap:16px;padding-top:12px}.stat{align-items:center;color:var(--lp-accent);display:flex;font-family:Inter,sans-serif;font-size:10px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase;transition:all .2s}.playlist-card:hover .stat{transform:translateY(-2px)}.stat svg{color:var(--lp-accent);height:14px;opacity:.8;transition:all .2s;width:14px}.playlist-card:hover .stat svg{opacity:1;transform:scale(1.1)}.card-footer{border-top:1px solid var(--lp-border-default);padding-top:12px}.creator{align-items:center;display:flex;gap:10px;transition:all .2s}.playlist-card:hover .creator{transform:translateX(4px)}.creator img,.creator-avatar{border:1px solid var(--lp-border-default);border-radius:50%;height:24px;object-fit:cover;transition:all .2s;width:24px}.playlist-card:hover .creator img,.playlist-card:hover .creator-avatar{box-shadow:0 2px 8px color-mix(in srgb,var(--lp-accent) 30%,#0000);transform:scale(1.1)}.creator-avatar{align-items:center;background:linear-gradient(135deg,var(--lp-accent) 0,var(--lp-accent-dark) 100%);color:#000;display:flex;font-size:11px;font-weight:700;justify-content:center}[data-theme-mode=light] .creator-avatar{color:#fff}.creator-name{color:var(--lp-accent);font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.modal-backdrop{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.modal-container{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--lp-bg-secondary);border:2px solid color-mix(in srgb,var(--lp-accent) 30%,#0000);border-radius:28px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#0000}.modal-container::-webkit-scrollbar-thumb{background:var(--lp-accent);border-radius:20px}.modal-container::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--lp-accent) 120%,#fff)}.modal-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 10%,#0000) 0,color-mix(in srgb,var(--lp-accent) 5%,#0000) 100%);border-bottom:2px solid color-mix(in srgb,var(--lp-accent) 20%,#0000);display:flex;justify-content:space-between;padding:28px 28px 24px}.modal-header h2{color:var(--lp-accent);font-family:Inter,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;text-transform:uppercase}.close-btn{align-items:center;background:color-mix(in srgb,var(--lp-danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-danger) 30%,#0000);border-radius:20px;color:var(--lp-danger);cursor:pointer;display:flex;font-size:24px;font-weight:300;height:36px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.close-btn:hover{background:var(--lp-danger);box-shadow:0 4px 12px color-mix(in srgb,var(--lp-danger) 40%,#0000);color:#fff;transform:scale(1.1) rotate(90deg)}.modal-form{padding:28px}.form-field{margin-bottom:24px}.form-field label{color:color-mix(in srgb,var(--lp-accent) 70%,var(--lp-text-primary));display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{background:var(--lp-bg-tertiary);border:1px solid var(--lp-border-default);border-radius:16px;color:var(--lp-text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:var(--lp-bg-primary);border-color:var(--lp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-accent) 15%,#0000);outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--lp-text-secondary);opacity:.6}.form-field textarea{font-family:Inter,sans-serif;min-height:80px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.color-picker-container{display:flex;flex-direction:column;gap:16px}.color-preview{align-items:center;border:2px solid var(--lp-border-default);border-radius:20px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.color-preview:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a 30%,#0000001a 70%,#0000004d);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.color-preview:hover{border-color:var(--lp-accent);box-shadow:0 4px 12px #0003;transform:scale(1.02)}.color-preview:hover:before{background:linear-gradient(135deg,#fff6,#ffffff26 30%,#00000026 70%,#0006)}.color-hex{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #fff3;border-radius:16px;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:800;letter-spacing:1.5px;padding:6px 16px;position:relative;text-shadow:0 2px 6px #000c;text-transform:uppercase;z-index:1}.gradient-picker-sliders{animation:pickerSlideIn .3s cubic-bezier(.4,0,.2,1);background:var(--lp-bg-tertiary);border:2px solid var(--lp-accent);border-radius:20px;display:flex;flex-direction:column;gap:20px;padding:20px}@keyframes pickerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-label{color:var(--lp-accent);font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.slider-container{border-radius:16px;height:24px;overflow:hidden;position:relative}.slider-track{border-radius:16px;inset:0;pointer-events:none;position:absolute}.hue-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100%;outline:none;position:relative;width:100%;z-index:2}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid var(--lp-accent);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.color-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0006;transform:scale(1.2)}.color-slider::-moz-range-thumb{background:#fff;border:3px solid var(--lp-accent);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.color-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #0006;transform:scale(1.2)}.tag-input-row{display:flex;gap:10px}.tag-input-row input{flex:1 1}.add-btn{align-items:center;background:linear-gradient(135deg,var(--lp-accent),color-mix(in srgb,var(--lp-accent) 85%,#000));border:none;border-radius:16px;color:var(--lp-bg-primary);cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .add-btn{color:#fff}[data-theme-mode=dark] .add-btn{color:var(--bg-primary)}.add-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--lp-accent) 40%,#0000);transform:translateY(-2px)}.tags-display{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tag-item{align-items:center;background:color-mix(in srgb,var(--lp-accent) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-accent) 30%,#0000);border-radius:20px;color:var(--lp-accent);display:inline-flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s}.tag-item:hover{background:color-mix(in srgb,var(--lp-accent) 25%,#0000);transform:scale(1.05)}.tag-item button{align-items:center;background:none;border:none;color:var(--lp-text-secondary);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:18px;justify-content:center;padding:0;transition:all .2s;width:18px}.tag-item button:hover{color:var(--lp-danger);transform:scale(1.2) rotate(90deg)}.form-checkboxes{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.checkbox-label{align-items:center;background:var(--lp-bg-tertiary);border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.checkbox-label:hover{background:var(--lp-bg-elevated);transform:translateX(4px)}.checkbox-label input[type=checkbox]{accent-color:var(--lp-accent);cursor:pointer;height:20px;width:20px}.checkbox-label span{color:var(--lp-text-primary);font-family:Inter,sans-serif;font-size:13px;font-weight:600}.modal-footer{border-top:1px solid var(--lp-border-default);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn-secondary{background:var(--lp-bg-tertiary);border:1px solid var(--lp-border-default);border-radius:16px;color:var(--lp-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--lp-bg-elevated);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-dark));border:none;border-radius:16px;color:var(--lp-bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .btn-primary{color:#fff}[data-theme-mode=dark] .btn-primary{color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--lp-accent) 40%,#0000);transform:translateY(-2px)}@media (max-width:1200px){.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.playlists-sidebar{width:220px}.playlists-container .hub-header{padding:0 20px}.content-body{padding:20px}.playlists-grid{gap:16px;grid-template-columns:1fr}.playlists-container .hub-header-divider,.playlists-container .hub-header-subtitle{display:none}}@media (max-width:480px){.playlists-sidebar{bottom:0;left:-260px;position:fixed;top:70px;transition:left .3s;z-index:1000}.playlists-sidebar.open{left:0}.playlists-container .hub-logo{font-size:20px}.playlists-container .hub-logo-img{height:50px;width:50px}.playlists-container .hub-nav-btn{min-width:auto;padding:0 16px}.playlists-container .hub-nav-btn span{display:none}}.loading-shimmer{background:linear-gradient(to right,var(--lp-bg-secondary) 0,var(--lp-bg-elevated) 50%,var(--lp-bg-secondary) 100%)}.dropdown-trigger:focus,.menu-item:focus,.playlist-card:focus,.playlists-container .hub-nav-btn:focus{outline:2px solid var(--lp-accent);outline-offset:2px}@media (prefers-contrast:high){.playlists-container{--lp-border-default:currentColor}.playlist-card{border-width:2px}.menu-item.active{border:2px solid var(--lp-accent)}}@media print{.modal-backdrop,.playlists-container .hub-header,.playlists-sidebar{display:none!important}.playlists-main{width:100%}.playlist-card{break-inside:avoid;page-break-inside:avoid}}[data-theme-mode=dark] .playlist-card{box-shadow:0 2px 8px #00000080}[data-theme-mode=dark] .playlist-card:hover{box-shadow:0 12px 32px #0009,0 0 0 1px color-mix(in srgb,var(--lp-accent) 20%,#0000)}[data-theme-mode=dark] .modal-container{box-shadow:0 20px 60px #000c}[data-theme-mode=light] .playlist-card{box-shadow:0 2px 8px #0000001a}[data-theme-mode=light] .playlist-card:hover{box-shadow:0 12px 32px #00000026,0 0 0 1px color-mix(in srgb,var(--lp-accent) 20%,#0000)}[data-theme-mode=light] .modal-container{box-shadow:0 20px 60px #0003}.playlist-card:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,color-mix(in srgb,var(--lp-accent) 2%,#0000) 2px,color-mix(in srgb,var(--lp-accent) 2%,#0000) 4px);bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.playlists-container .hub-header{-webkit-backdrop-filter:blur(20px) saturate(180%)}.modal-backdrop{-webkit-backdrop-filter:blur(12px)}.privacy-badge{-webkit-backdrop-filter:blur(10px)}.menu-item.active:before{border-radius:16px;filter:blur(8px);opacity:.2;z-index:-1}.menu-item.active:before,.stat-box:hover:after{background:linear-gradient(135deg,var(--lp-accent),#0000);content:"";inset:-2px;position:absolute}.stat-box:hover:after{border-radius:20px;filter:blur(12px);opacity:.3;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.playlist-card:hover .cover-overlay svg{animation:rotate 3s linear infinite}[data-tooltip]:before{background:var(--lp-bg-secondary);border:1px solid var(--lp-accent);color:var(--lp-text-primary)}.playlist-card{background-clip:padding-box;position:relative}.playlist-card:before{background:linear-gradient(135deg,var(--lp-accent) 0,#0000 50%,var(--lp-accent) 100%);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s}.playlist-card:hover:before{opacity:.5}::selection{background:color-mix(in srgb,var(--lp-accent) 30%,#0000);color:var(--lp-text-primary)}::-moz-selection{background:color-mix(in srgb,var(--lp-accent) 30%,#0000);color:var(--lp-text-primary)}.skeleton{background:linear-gradient(90deg,var(--lp-bg-secondary) 0,var(--lp-bg-elevated) 50%,var(--lp-bg-secondary) 100%)}.badge-success{background:color-mix(in srgb,var(--lp-success) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-success) 25%,#0000);color:var(--lp-success)}.badge-warning{background:color-mix(in srgb,var(--lp-warning) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-warning) 25%,#0000);color:var(--lp-warning)}.badge-danger{background:color-mix(in srgb,var(--lp-danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--lp-danger) 25%,#0000);color:var(--lp-danger)}.fade-in-up{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.playlists-grid .playlist-card{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) backwards}.playlists-grid .playlist-card:first-child{animation-delay:.05s}.playlists-grid .playlist-card:nth-child(2){animation-delay:.1s}.playlists-grid .playlist-card:nth-child(3){animation-delay:.15s}.playlists-grid .playlist-card:nth-child(4){animation-delay:.2s}.playlists-grid .playlist-card:nth-child(5){animation-delay:.25s}.playlists-grid .playlist-card:nth-child(6){animation-delay:.3s}.playlists-grid .playlist-card:nth-child(7){animation-delay:.35s}.playlists-grid .playlist-card:nth-child(8){animation-delay:.4s}.playlists-grid .playlist-card:nth-child(9){animation-delay:.45s}.playlists-container .iem-overlay *,.playlists-container .iem-overlay :after,.playlists-container .iem-overlay :before{border-radius:0!important}.playlists-container .iem-overlay{--iem-bg-primary:var(--bg-bottom);--iem-bg-secondary:var(--panel);--iem-bg-tertiary:color-mix(in srgb,var(--panel) 80%,var(--bg-bottom));--iem-border:var(--border);--iem-text-primary:var(--text-primary);--iem-text-secondary:var(--text-secondary);--iem-accent:var(--accent);align-items:center;animation:pl-iem-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.playlists-container .iem-modal{animation:pl-iem-slideUp .3s ease;background:var(--iem-bg-secondary);border:2px solid var(--iem-border);box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.playlists-container .iem-header{align-items:center;background:var(--iem-bg-secondary);border-bottom:2px solid var(--iem-border);display:flex;justify-content:space-between;padding:24px}.playlists-container .iem-header-content{align-items:center;display:flex;gap:16px}.playlists-container .iem-header-icon{color:var(--iem-accent)}.playlists-container .iem-header h2{color:var(--iem-text-primary);font-size:24px;font-weight:700;margin:0;text-transform:capitalize}.playlists-container .iem-header-subtitle{color:var(--iem-text-secondary);font-size:14px;margin:4px 0 0}.playlists-container .iem-close-btn{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);color:var(--iem-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.playlists-container .iem-close-btn:hover{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.playlists-container .iem-body{flex:1 1;overflow-y:auto;padding:24px}.playlists-container .iem-step-content h3{color:var(--iem-text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.playlists-container .iem-select-bar{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.playlists-container .iem-select-all-btn{background:#0000;border:2px solid var(--iem-accent);color:var(--iem-accent);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.playlists-container .iem-select-all-btn:hover{background:var(--iem-accent);color:var(--iem-bg-primary)}.playlists-container .iem-selection-count{color:var(--iem-text-secondary);font-size:14px}.playlists-container .iem-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:350px;overflow-y:auto}.playlists-container .iem-item-card{align-items:center;background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.playlists-container .iem-item-card:hover{background:var(--iem-bg-secondary);border-color:var(--iem-accent)}.playlists-container .iem-item-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.playlists-container .iem-item-checkbox{align-items:center;background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:#0000;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.playlists-container .iem-item-card.selected .iem-item-checkbox{background:var(--iem-accent);border-color:var(--iem-accent);color:var(--iem-bg-primary)}.playlists-container .iem-item-info h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.playlists-container .iem-item-meta{color:var(--iem-text-secondary);font-size:13px;margin:0}.playlists-container .iem-conversion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.playlists-container .iem-conversion-card{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);cursor:pointer;padding:20px;text-align:center;transition:all .2s}.playlists-container .iem-conversion-card:hover{border-color:var(--iem-accent);transform:translateY(-2px)}.playlists-container .iem-conversion-card.selected{background:color-mix(in srgb,var(--iem-accent) 15%,var(--iem-bg-tertiary));border-color:var(--iem-accent)}.playlists-container .iem-conversion-icon{align-items:center;color:var(--iem-accent);display:flex;justify-content:center;margin-bottom:8px}.playlists-container .iem-conversion-card h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.playlists-container .iem-conversion-card p{color:var(--iem-text-secondary);font-size:13px;margin:0}.playlists-container .iem-settings{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin-bottom:20px;padding:20px}.playlists-container .iem-settings h4{color:var(--iem-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.playlists-container .iem-setting-group{margin-bottom:16px}.playlists-container .iem-setting-group label{color:var(--iem-text-secondary);display:block;font-size:14px;margin-bottom:8px}.playlists-container .iem-input,.playlists-container .iem-select{background:var(--iem-bg-primary);border:2px solid var(--iem-border);color:var(--iem-text-primary);font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.playlists-container .iem-input:focus,.playlists-container .iem-select:focus{border-color:var(--iem-accent)}.playlists-container .iem-result{padding:40px 20px;text-align:center}.playlists-container .iem-result-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.playlists-container .iem-result-icon.success{background:color-mix(in srgb,#22c55e 15%,#0000);color:#22c55e}.playlists-container .iem-result-icon.error{background:color-mix(in srgb,#ef4444 15%,#0000);color:#ef4444}.playlists-container .iem-result-details{background:var(--iem-bg-tertiary);border:2px solid var(--iem-border);margin:24px 0;padding:20px;text-align:left}.playlists-container .iem-result-details p{color:var(--iem-text-secondary);font-size:14px;margin:8px 0}.playlists-container .iem-result-details strong{color:var(--iem-text-primary)}.playlists-container .iem-empty,.playlists-container .iem-loading{color:var(--iem-text-secondary);padding:60px 20px;text-align:center}.playlists-container .iem-spinner{animation:pl-iem-spin 1s linear infinite;margin-bottom:16px}.playlists-container .iem-empty svg{margin-bottom:16px;opacity:.3}.playlists-container .iem-actions{border-top:2px solid var(--iem-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.playlists-container .iem-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.playlists-container .iem-btn-primary{background:var(--iem-accent);color:var(--iem-bg-primary)}.playlists-container .iem-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--iem-accent) 40%,#0000);transform:translateY(-2px)}.playlists-container .iem-btn-primary:disabled{cursor:not-allowed;opacity:.5}.playlists-container .iem-btn-secondary{background:#0000;border:2px solid var(--iem-border);color:var(--iem-text-secondary)}.playlists-container .iem-btn-secondary:hover{background:var(--iem-bg-tertiary);color:var(--iem-text-primary)}@keyframes pl-iem-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pl-iem-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pl-iem-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.playlists-container .iem-body::-webkit-scrollbar,.playlists-container .iem-items-list::-webkit-scrollbar{width:8px}.playlists-container .iem-body::-webkit-scrollbar-track,.playlists-container .iem-items-list::-webkit-scrollbar-track{background:var(--iem-bg-primary)}.playlists-container .iem-body::-webkit-scrollbar-thumb,.playlists-container .iem-items-list::-webkit-scrollbar-thumb{background:var(--iem-border)}.playlists-container .iem-body::-webkit-scrollbar-thumb:hover,.playlists-container .iem-items-list::-webkit-scrollbar-thumb:hover{background:var(--iem-accent)}:root{--bronze:#cd7f32;--silver:silver;--gold:gold;--platinum:#e5e4e2;--diamond:#b9f2ff;--mythic:#f0f;--legendary:#ff4500}.xp-roadmap-container{background:var(--bg-primary);bottom:0;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.xp-roadmap-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner-xp{animation:spin-xp 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:60px;width:60px}@keyframes spin-xp{to{transform:rotate(1turn)}}.xp-roadmap-loading p{color:var(--accent);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.xp-roadmap-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme-mode=dark] .xp-roadmap-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .xp-roadmap-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.xp-roadmap-header-left{align-items:center;display:flex;gap:16px}.xp-roadmap-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.xp-roadmap-logo,.xp-roadmap-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.xp-roadmap-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.xp-roadmap-logo:hover{transform:translateY(-2px)}.xp-roadmap-logo:hover .xp-roadmap-logo-img{transform:scale(1.1)}.xp-roadmap-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.xp-roadmap-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.xp-roadmap-header-right{align-items:center;display:flex;gap:12px}.xp-roadmap-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.xp-roadmap-nav-btn:hover{background:var(--bg-elevated);color:var(--accent)}.xp-roadmap-nav-btn-accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));color:var(--bg-primary)}[data-theme-mode=light] .xp-roadmap-nav-btn-accent{color:#fff}[data-theme-mode=dark] .xp-roadmap-nav-btn-accent{color:var(--bg-primary)}.xp-roadmap-nav-btn-accent:hover{transform:translateY(-2px)}.xp-roadmap-nav-btn-ghost{background:#0000;color:var(--text-primary)}.xp-roadmap-nav-btn-ghost:hover{background:var(--bg-elevated);color:var(--accent)}.xp-roadmap-body{display:flex;flex:1 1;height:100%;overflow:hidden;position:relative}.xp-roadmap-body:before{animation:pulse-bg 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--accent) 6%,#0000) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:.8}}.xp-roadmap-main-full{background:var(--bg-primary);flex:1 1;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:40px;position:relative;width:100%;z-index:1}.xp-roadmap-main-full::-webkit-scrollbar{width:8px}.xp-roadmap-main-full::-webkit-scrollbar-track{background:var(--bg-primary)}.xp-roadmap-main-full::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.roadmap-section-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-secondary)),var(--bg-secondary));border:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.roadmap-section-header svg{color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 50%,transparent))}.roadmap-section-header h2{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0;text-transform:uppercase}.roadmap-section-header p{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.overall-progress{margin-bottom:32px}.progress-bar-container{background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;height:16px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));border-radius:6px;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.topic-milestones-section{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-secondary)),var(--bg-secondary));border:2px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:16px;margin-bottom:48px;padding:24px}.section-title{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-title svg{color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 50%,transparent))}.section-title h3{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.topics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.topic-milestone-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.topic-milestone-card:before{background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--accent) 10%,#0000),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.topic-milestone-card:hover:before{left:100%}.topic-milestone-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.topic-card-icon{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));border-radius:12px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.topic-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.topic-card-content h4{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3;margin:0}.topic-category{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.topic-activity{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:4px}.topic-activity,.topic-activity svg{color:var(--accent)}.roadmap-path{gap:0;margin:0 auto;max-width:700px}.milestone-wrapper,.roadmap-path{display:flex;flex-direction:column}.milestone-wrapper{align-items:center;position:relative}.milestone-connector{background:var(--border);height:40px;margin:0 auto;position:relative;transition:all .3s ease;width:4px}.milestone-connector.completed{background:var(--accent)}.connector-line{height:100%;width:100%}.milestone-node{background:linear-gradient(135deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 95%,var(--accent)));border:3px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.milestone-node:before{background:linear-gradient(135deg,#0000,#ffffff08);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.milestone-node:hover:before{opacity:1}.milestone-node:after{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,#0000) 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.milestone-node:hover:after{opacity:1}.milestone-node:hover{box-shadow:0 12px 40px #0003,0 0 0 1px color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-4px) scale(1.02)}.milestone-node.completed{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-secondary)),var(--bg-secondary));border-width:3px;box-shadow:0 4px 20px #00000026,0 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.milestone-node.completed:after{opacity:.5}.milestone-node.current{animation:pulse-border 2s infinite,glow-pulse 2s infinite;border-width:4px;box-shadow:0 8px 32px #0003,0 0 30px color-mix(in srgb,var(--accent) 30%,#0000)}@keyframes pulse-border{0%,to{border-color:var(--accent);filter:brightness(1)}50%{border-color:color-mix(in srgb,var(--accent) 150%,#fff);filter:brightness(1.2)}}@keyframes glow-pulse{0%,to{box-shadow:0 8px 32px #0003,0 0 30px color-mix(in srgb,var(--accent) 30%,#0000)}50%{box-shadow:0 12px 40px #0000004d,0 0 50px color-mix(in srgb,var(--accent) 50%,#0000)}}.milestone-node.locked{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.milestone-node.locked:hover{box-shadow:none;transform:none}.milestone-node.locked:after,.milestone-node.locked:before{display:none}.milestone-icon-wrapper{display:inline-block;margin-bottom:16px;position:relative}.milestone-icon{align-items:center;background:var(--bg-primary);border:4px solid;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.milestone-icon:before{animation:rotate-gradient 3s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,color-mix(in srgb,var(--accent) 30%,#0000) 90deg,#0000 180deg,color-mix(in srgb,var(--accent) 30%,#0000) 270deg,#0000 1turn);border-radius:50%;content:"";inset:-8px;opacity:0;position:absolute;transition:opacity .3s ease}@keyframes rotate-gradient{to{transform:rotate(1turn)}}.milestone-node:hover .milestone-icon:before{opacity:1}.milestone-node.current .milestone-icon:before{animation:rotate-gradient 2s linear infinite;opacity:1}.milestone-icon svg{color:var(--text-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:2}.milestone-node.completed .milestone-icon{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 40%,#0000),inset 0 1px 0 #fff3}.milestone-node.completed .milestone-icon svg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.milestone-node.current .milestone-icon{animation:pulse-icon 1.5s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.current-indicator{align-items:center;animation:bounce-indicator 1s infinite;background:var(--accent);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;width:32px}@keyframes bounce-indicator{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.milestone-content{display:flex;flex-direction:column;gap:12px}.milestone-header{align-items:center;display:flex;justify-content:space-between}.milestone-xp{color:var(--accent);font-size:16px;letter-spacing:.5px}.milestone-tier,.milestone-xp{font-weight:800;text-transform:uppercase}.milestone-tier{background:#0000001a;border-radius:6px;font-size:11px;letter-spacing:1px;padding:6px 12px}[data-theme-mode=dark] .milestone-tier{background:#ffffff1a}.milestone-title{color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.2;margin:0}.milestone-description{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.5;margin:0}.milestone-progress{align-items:center;display:flex;gap:12px;margin-top:8px}.progress-bar-mini{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill-mini{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--text-primary);font-size:12px;font-weight:700;min-width:40px;text-align:right}.milestone-reward{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),color-mix(in srgb,var(--accent) 5%,#0000));border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 16px}.milestone-reward svg{color:var(--accent)}.completed-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:800;gap:8px;justify-content:center;letter-spacing:1px;margin-top:8px;padding:10px 16px;text-transform:uppercase}.xp-roadmap-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:20px;height:100%;overflow-y:auto;padding:24px 20px;position:relative;width:380px}.xp-roadmap-sidebar:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,#0000) 0,#0000 100%);content:"";height:200px;left:0;pointer-events:none;position:absolute;top:0;width:100%}[data-theme-mode=dark] .xp-roadmap-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,var(--bg-secondary)) 0,color-mix(in srgb,var(--accent) 8%,var(--bg-secondary)) 100%);box-shadow:-4px 0 20px #0000004d}[data-theme-mode=light] .xp-roadmap-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%);box-shadow:-4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.xp-roadmap-sidebar::-webkit-scrollbar{width:6px}.xp-roadmap-sidebar::-webkit-scrollbar-track{background:#0000}.xp-roadmap-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.sidebar-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--bg-tertiary)),var(--bg-tertiary));border:2px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:12px;display:flex;gap:12px;margin-bottom:8px;padding:16px;position:relative;z-index:1}.sidebar-header svg{animation:sparkle-rotate 4s linear infinite;color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 50%,transparent))}@keyframes sparkle-rotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.1)}50%{transform:rotate(0deg) scale(1)}75%{transform:rotate(-5deg) scale(1.1)}}.sidebar-header h3{color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.sidebar-empty{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px;text-align:center}.sidebar-empty svg{color:var(--accent);opacity:.4}.sidebar-empty p{color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.5;margin:0}.topic-list{display:flex;flex-direction:column;gap:12px}.topic-card{background:linear-gradient(135deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 95%,var(--accent)));border:2px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.topic-card:before{background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--accent) 10%,#0000),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.topic-card:hover:before{left:100%}.topic-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #00000026,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateX(-4px)}.topic-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-tertiary)),var(--bg-tertiary));border-color:var(--accent);box-shadow:0 4px 16px #0003,0 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.topic-card.active:after{background:var(--accent);box-shadow:0 0 10px var(--accent);content:"";height:100%;position:absolute;right:0;top:0;width:4px}.topic-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.topic-card-header h4{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:700;line-height:1.3;margin:0}.topic-badge{background:var(--accent);border-radius:6px;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;white-space:nowrap}.topic-badge,.topic-stats{letter-spacing:.5px;text-transform:uppercase}.topic-stats{color:var(--text-secondary);font-size:12px;font-weight:600}.topic-milestones-list{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px}.topic-milestone{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.topic-milestone:hover{border-color:var(--accent)}.topic-milestone.completed{background:linear-gradient(135deg,color-mix(in srgb,#10b981 10%,var(--bg-primary)),var(--bg-primary));border-color:#10b981}.topic-milestone-icon{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.topic-milestone.completed .topic-milestone-icon{background:#10b981}.topic-milestone-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.topic-milestone-content h5{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3;margin:0}.topic-milestone-content p{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.4;margin:0}.topic-milestone-progress{align-items:center;display:flex;gap:8px}.progress-bar-tiny{background:var(--bg-secondary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill-tiny{background:var(--accent);border-radius:3px;height:100%;transition:width .3s ease}.topic-milestone.completed .progress-fill-tiny{background:#10b981}.topic-milestone-progress span{color:var(--text-secondary);font-size:11px;font-weight:700;white-space:nowrap}.topic-milestone-check{color:#10b981;flex-shrink:0}.reward-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.reward-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border:3px solid var(--accent);border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.modal-close{align-items:center;background:#00000080;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.modal-close:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.1) rotate(90deg)}.reward-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:48px 32px 32px;text-align:center}.reward-icon-large{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));border-radius:50%;box-shadow:0 12px 40px #0000004d;color:#fff;display:flex;height:120px;justify-content:center;width:120px}.reward-title{color:var(--text-primary);font-size:32px;font-weight:900;letter-spacing:-.5px;line-height:1.2;margin:0;text-transform:uppercase}.reward-description{color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.5;margin:0}.reward-xp-badge{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#0000),color-mix(in srgb,var(--accent) 10%,#0000));border:2px solid var(--accent);border-radius:12px;color:var(--accent);display:flex;font-size:28px;font-weight:900;gap:12px;padding:16px 32px}.reward-tier-badge{border-radius:10px;box-shadow:0 4px 16px #0000004d;color:#fff;font-size:14px;font-weight:800;letter-spacing:2px;padding:12px 24px;text-transform:uppercase}.reward-prize{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,#10b981 15%,#0000),color-mix(in srgb,#10b981 5%,#0000));border:2px solid #10b981;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;width:100%}.reward-prize svg{color:#10b981}.reward-prize h3{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.reward-prize p{color:var(--text-secondary);font-size:16px;font-weight:600;margin:0}.claim-reward-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:12px;justify-content:center;letter-spacing:1px;padding:18px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.claim-reward-btn:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.activity-achievement-node{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--bg-tertiary)),var(--bg-tertiary));border:2px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.activity-achievement-node:before{background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--accent) 15%,#0000),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.activity-achievement-node:hover:before{left:100%}.activity-achievement-node:hover{border-color:var(--accent);box-shadow:0 6px 20px #00000026,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateY(-2px) scale(1.01)}.activity-achievement-node.completed{background:linear-gradient(135deg,color-mix(in srgb,#10b981 12%,var(--bg-tertiary)),color-mix(in srgb,#10b981 5%,var(--bg-tertiary)));border-color:#10b981;box-shadow:0 4px 16px #10b98133}.activity-achievement-node.completed:after{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 0 10px #10b981;content:"";height:100%;position:absolute;right:0;top:0;width:3px}.achievement-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,#fff),var(--accent));border-radius:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;min-width:48px;position:relative;transition:all .3s ease;width:48px}.activity-achievement-node:hover .achievement-icon{transform:scale(1.1) rotate(5deg)}.activity-achievement-node.completed .achievement-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.achievement-icon:before{animation:rotate-gradient 3s linear infinite;background:conic-gradient(from 0deg,#0000,color-mix(in srgb,var(--accent) 40%,#0000),#0000);border-radius:12px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease}.activity-achievement-node:hover .achievement-icon:before{opacity:1}.achievement-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.achievement-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:8px;line-height:1.3;margin:0}.achievement-description{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.4;margin:0}.achievement-progress{align-items:center;display:flex;gap:10px;margin-top:4px}.achievement-progress .progress-bar-mini{background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.achievement-progress .progress-fill-mini{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.activity-achievement-node.completed .achievement-progress .progress-fill-mini{background:linear-gradient(90deg,#10b981,#059669)}.achievement-progress .progress-text{color:var(--text-primary);font-size:11px;font-weight:700;min-width:50px;text-align:right;white-space:nowrap}.achievement-reward{align-items:center;align-self:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#0000),color-mix(in srgb,var(--accent) 8%,#0000));border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:6px;color:var(--text-primary);display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-top:4px;padding:6px 12px}.achievement-reward svg{color:var(--accent);flex-shrink:0}.activity-achievement-node.completed .achievement-reward{background:linear-gradient(135deg,color-mix(in srgb,#10b981 15%,#0000),color-mix(in srgb,#10b981 8%,#0000));border-color:#10b981}.activity-achievement-node.completed .achievement-reward svg{color:#10b981}.achievement-completed-badge{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-flex;font-size:10px;font-weight:800;gap:6px;justify-content:center;letter-spacing:.5px;margin-top:4px;padding:6px 12px;text-transform:uppercase}.achievement-completed-badge svg{flex-shrink:0}.activity-achievement-node.completed{animation:achievement-unlock .6s cubic-bezier(.4,0,.2,1)}@keyframes achievement-unlock{0%{opacity:.8;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.activity-achievement-node[data-type=ai_chat] .achievement-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.activity-achievement-node[data-type=flashcards] .achievement-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.activity-achievement-node[data-type=notes] .achievement-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.activity-achievement-node[data-type=quizzes] .achievement-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.activity-achievement-node[data-type=streak] .achievement-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.activity-achievement-node[data-type=study_time] .achievement-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}@media (max-width:1024px){.xp-roadmap-body{flex-direction:column}.xp-roadmap-sidebar{border-left:none;border-top:1px solid var(--border);height:auto;max-height:300px;width:100%}.xp-roadmap-main{padding:24px}}@media (max-width:768px){.xp-roadmap-header{flex-direction:column;gap:12px;height:auto;min-height:60px;padding:0 20px}.xp-roadmap-header-left,.xp-roadmap-header-right{justify-content:space-between;width:100%}.milestone-node,.xp-roadmap-main{padding:20px}.milestone-icon{height:60px;width:60px}.milestone-title{font-size:20px}.xp-roadmap-sidebar{padding:16px}.reward-modal{border-radius:16px;max-width:100%}.reward-content{padding:40px 24px 24px}.activity-achievement-node{flex-direction:row;gap:12px;padding:14px 16px}.achievement-icon{height:40px;min-width:40px;width:40px}.achievement-title{font-size:14px}.achievement-description{font-size:12px}.achievement-progress .progress-text{font-size:10px;min-width:45px}.achievement-reward{font-size:10px;padding:5px 10px}.achievement-completed-badge{font-size:9px;padding:5px 10px}}.lp-container{background:var(--bg-primary)!important;bottom:0!important;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999!important}.lp-container *{box-sizing:border-box}.lp-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--bg-primary) 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,#0000);display:flex;flex-shrink:0;height:70px;justify-content:space-between;max-height:70px;min-height:70px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}[data-theme-mode=dark] .lp-header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important;border-bottom:1px solid #d7b38c33!important;box-shadow:0 2px 20px #00000080}[data-theme-mode=light] .lp-header{background:linear-gradient(180deg,#fff,#fafafa)!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 20px #0000000d}.lp-header-left{align-items:center;display:flex;gap:16px}.lp-header-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:24px;font-weight:800;gap:6px;letter-spacing:-1px;margin:0}.lp-header-logo,.lp-header-logo-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-header-logo-img{background-color:var(--accent);height:60px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:60px}.lp-header-logo:hover{transform:translateY(-2px)}.lp-header-logo:hover .lp-header-logo-img{transform:scale(1.1) rotate(5deg)}.lp-header-divider{background:color-mix(in srgb,var(--accent) 30%,#0000);height:20px;width:1px}.lp-header-subtitle{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.lp-header-right{align-items:center;display:flex;gap:12px}.lp-back-btn,.lp-create-btn{align-items:center;border-radius:16px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:6px;height:38px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:0 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.lp-back-btn{background:#0000;border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);color:var(--text-primary)}.lp-back-btn:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent);transform:translateY(-1px)}.lp-create-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;overflow:hidden;position:relative}[data-theme-mode=light] .lp-create-btn{color:#fff!important}[data-theme-mode=dark] .lp-create-btn{color:var(--bg-primary)!important}.lp-create-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.lp-create-btn:hover:before{left:100%}.lp-create-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.lp-layout-body{display:flex;flex:1 1;height:100%;overflow:hidden}.lp-sidebar{background:var(--bg-secondary);border-right:1px solid color-mix(in srgb,var(--accent) 40%,#0000);display:flex;flex-direction:column;flex-shrink:0;gap:24px;height:100%;overflow-y:auto;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px}[data-theme-mode=dark] .lp-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#000) 0,color-mix(in srgb,var(--accent) 8%,#000) 100%)!important;box-shadow:4px 0 20px #0000004d}[data-theme-mode=light] .lp-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,#fff) 0,color-mix(in srgb,var(--accent) 25%,#fff) 50%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)!important;box-shadow:4px 0 20px color-mix(in srgb,var(--accent) 20%,#0000)}.lp-sidebar::-webkit-scrollbar{width:6px}.lp-sidebar::-webkit-scrollbar-track{background:#0000}.lp-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:16px}.lp-sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 120%,#fff)}.lp-sidebar-section{display:flex;flex-direction:column;gap:12px}.lp-sidebar-heading{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.lp-sidebar-menu{display:flex;flex-direction:column;gap:4px}.lp-nav-item{align-items:center;background:#0000;border:none;border-radius:16px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:600;gap:12px;letter-spacing:.5px;padding:12px 16px;position:relative;text-align:left;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.lp-nav-item:hover{background:var(--bg-tertiary);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 15%,#0000);color:var(--text-primary);transform:translateX(4px)}.lp-nav-item.active{background:color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent)}.lp-nav-item svg{flex-shrink:0;transition:all .2s}.lp-nav-item:hover svg{transform:scale(1.1)}.lp-sidebar-divider{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent) 30%,#0000) 50%,#0000 100%);height:1px;margin:8px 0}.lp-sidebar-stats{border-top:1px solid color-mix(in srgb,var(--accent) 30%,#0000);margin-top:auto;padding-top:20px}.lp-stat-box{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000) 0,color-mix(in srgb,var(--accent) 5%,#0000) 100%);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:20px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-stat-box:hover{border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-4px)}.lp-stat-value{color:var(--accent);font-family:Inter,sans-serif;font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.lp-stat-label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.lp-main{background:var(--bg-primary);height:100%;overflow:hidden;position:relative}.lp-content,.lp-main{display:flex;flex:1 1;flex-direction:column}.lp-content{align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:32px 40px}.lp-content::-webkit-scrollbar{width:8px}.lp-content::-webkit-scrollbar-track{background:#0000}.lp-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:20px}.lp-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 120%,#fff)}.lp-content:has(.lp-empty-state),.lp-content:has(.lp-loading){justify-content:center}.lp-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;text-align:center}.lp-spinner{animation:spin 1s linear infinite;color:var(--accent)}.lp-loading p{color:var(--accent);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.lp-empty-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.lp-empty-icon{animation:emptyFloat 3s ease-in-out infinite;color:var(--accent);opacity:.4}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-empty-state h2{color:var(--accent);font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.lp-empty-state p{color:var(--text-secondary);font-size:14px;margin:0;max-width:400px}.lp-empty-create-btn{align-items:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none;border-radius:16px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme-mode=light] .lp-empty-create-btn{color:#fff!important}[data-theme-mode=dark] .lp-empty-create-btn{color:var(--bg-primary)!important}.lp-empty-create-btn:hover{box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.lp-paths-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px;width:100%}.lp-path-card{background:linear-gradient(145deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:24px;cursor:pointer;overflow:hidden;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-path-card:before{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 10%,#0000) 0,#0000 70%);bottom:0;left:0;pointer-events:none;right:0;top:0}.lp-path-card:hover:before{opacity:1}.lp-path-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,#0000);box-shadow:0 12px 32px #0000004d,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateY(-4px)}.lp-path-header{justify-content:space-between;margin-bottom:16px}.lp-path-header,.lp-path-status{align-items:center;display:flex}.lp-path-menu{background:#0000;border:none;border-radius:16px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.lp-path-menu:hover{background:color-mix(in srgb,var(--danger) 15%,#0000);color:var(--danger);transform:scale(1.1)}.lp-path-content h3{color:var(--accent);font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase;transition:all .2s}.lp-path-card:hover .lp-path-content h3{color:color-mix(in srgb,var(--accent) 120%,#fff)}.lp-path-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.5;margin:0 0 16px;overflow:hidden}.lp-path-meta{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-top:12px}.lp-path-meta-item{align-items:center;color:var(--accent);display:flex;font-family:Inter,sans-serif;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase;transition:all .2s}.lp-path-card:hover .lp-path-meta-item{transform:translateY(-2px)}.lp-path-meta-item svg{color:var(--accent);height:16px;opacity:.8;transition:all .2s;width:16px}.lp-path-card:hover .lp-path-meta-item svg{opacity:1;transform:scale(1.1)}.lp-difficulty-badge{border-radius:20px;color:var(--bg-primary);font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}[data-theme-mode=light] .lp-difficulty-badge{color:#fff}.lp-path-progress{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.lp-progress-bar{background:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:20px;height:8px;margin-bottom:8px;overflow:hidden}.lp-progress-fill{background:var(--accent);border-radius:20px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.lp-progress-text{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;justify-content:space-between}.lp-progress-xp{align-items:center;color:var(--accent);display:flex;font-weight:700;gap:4px}.lp-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.lp-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border:2px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:28px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.lp-modal::-webkit-scrollbar{width:8px}.lp-modal::-webkit-scrollbar-track{background:#0000}.lp-modal::-webkit-scrollbar-thumb{background:var(--accent);border-radius:20px}.lp-modal::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 120%,#fff)}.lp-modal-header{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000) 0,color-mix(in srgb,var(--accent) 5%,#0000) 100%);border-bottom:2px solid color-mix(in srgb,var(--accent) 20%,#0000);display:flex;justify-content:space-between;padding:28px 28px 24px}.lp-modal-header h2{color:var(--accent);font-family:Inter,sans-serif;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0;text-transform:uppercase}.lp-modal-close,.lp-modal-header h2{align-items:center;display:flex;font-size:24px}.lp-modal-close{background:color-mix(in srgb,var(--danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--danger) 30%,#0000);border-radius:20px;color:var(--danger);cursor:pointer;font-weight:300;height:36px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.lp-modal-close:hover{background:var(--danger);box-shadow:0 4px 12px color-mix(in srgb,var(--danger) 40%,#0000);color:#fff;transform:scale(1.1) rotate(90deg)}.lp-modal-close:disabled{cursor:not-allowed;opacity:.5}.lp-modal-content{padding:28px}.lp-form-group{margin-bottom:24px}.lp-form-group label{color:color-mix(in srgb,var(--accent) 70%,var(--text-primary));display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.lp-form-group input,.lp-form-group select,.lp-form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.lp-form-group input:focus,.lp-form-group select:focus,.lp-form-group textarea:focus{background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000);outline:none}.lp-form-group input::placeholder,.lp-form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.lp-form-group textarea{font-family:Inter,sans-serif;min-height:100px;resize:vertical}.lp-form-group input:disabled,.lp-form-group select:disabled,.lp-form-group textarea:disabled{cursor:not-allowed;opacity:.6}.lp-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.lp-modal-footer{border-top:2px solid color-mix(in srgb,var(--accent) 20%,#0000);display:flex;gap:12px;justify-content:flex-end;padding:24px 28px}.lp-btn-primary,.lp-btn-secondary{align-items:center;border-radius:16px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.lp-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.lp-btn-secondary:hover{background:var(--bg-elevated);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.lp-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.lp-btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border:none}[data-theme-mode=light] .lp-btn-primary{color:#fff!important}[data-theme-mode=dark] .lp-btn-primary{color:var(--bg-primary)!important}.lp-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.lp-btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.lp-paths-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.lp-sidebar{width:220px}.lp-header{padding:0 20px}.lp-content{padding:20px}.lp-paths-grid{gap:16px;grid-template-columns:1fr}.lp-header-divider,.lp-header-subtitle{display:none}.lp-form-row{grid-template-columns:1fr}}@media (max-width:480px){.lp-sidebar{bottom:0;left:-260px;position:fixed;top:70px;transition:left .3s;z-index:1000}.lp-sidebar.open{left:0}.lp-header-logo{font-size:20px}.lp-header-logo-img{height:50px;width:50px}.lp-back-btn,.lp-create-btn{min-width:auto;padding:0 16px}.lp-back-btn span,.lp-create-btn span{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-paths-grid .lp-path-card{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) backwards}.lp-paths-grid .lp-path-card:first-child{animation-delay:.05s}.lp-paths-grid .lp-path-card:nth-child(2){animation-delay:.1s}.lp-paths-grid .lp-path-card:nth-child(3){animation-delay:.15s}.lp-paths-grid .lp-path-card:nth-child(4){animation-delay:.2s}.lp-paths-grid .lp-path-card:nth-child(5){animation-delay:.25s}.lp-paths-grid .lp-path-card:nth-child(6){animation-delay:.3s}.lp-paths-grid .lp-path-card:nth-child(7){animation-delay:.35s}.lp-paths-grid .lp-path-card:nth-child(8){animation-delay:.4s}.lp-paths-grid .lp-path-card:nth-child(9){animation-delay:.45s}.lp-back-btn:focus,.lp-create-btn:focus,.lp-nav-item:focus,.lp-path-card:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:high){.lp-container{--border:currentColor}.lp-path-card{border-width:2px}.lp-nav-item.active{border:2px solid var(--accent)}}@media print{.lp-header,.lp-modal-overlay,.lp-sidebar{display:none!important}.lp-main{width:100%}.lp-path-card{break-inside:avoid;page-break-inside:avoid}}[data-theme-mode=dark] .lp-path-card{box-shadow:0 2px 8px #00000080}[data-theme-mode=dark] .lp-path-card:hover{box-shadow:0 12px 32px #0009,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000)}[data-theme-mode=dark] .lp-modal{box-shadow:0 20px 60px #000c}[data-theme-mode=light] .lp-path-card{box-shadow:0 2px 8px #0000001a}[data-theme-mode=light] .lp-path-card:hover{box-shadow:0 12px 32px #00000026,0 0 0 1px color-mix(in srgb,var(--accent) 20%,#0000)}[data-theme-mode=light] .lp-modal{box-shadow:0 20px 60px #0003}.lp-path-card:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,color-mix(in srgb,var(--accent) 2%,#0000) 2px,color-mix(in srgb,var(--accent) 2%,#0000) 4px);border-radius:24px;bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.lp-header{-webkit-backdrop-filter:blur(20px) saturate(180%)}.lp-modal-overlay{-webkit-backdrop-filter:blur(12px)}[data-tooltip]{position:relative}[data-tooltip]:before{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:16px;bottom:100%;color:var(--text-primary);content:attr(data-tooltip);font-size:11px;font-weight:600;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s;white-space:nowrap;z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px)}.lp-path-card{background-clip:padding-box;position:relative}.lp-path-card:before{background:linear-gradient(135deg,var(--accent) 0,#0000 50%,var(--accent) 100%);border-radius:24px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s}.lp-path-card:hover:before{opacity:.5}.badge{align-items:center;border-radius:20px;display:inline-flex;font-family:Inter,sans-serif;font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-success{background:color-mix(in srgb,#22c55e 15%,#0000);border:1px solid color-mix(in srgb,#22c55e 25%,#0000);color:#22c55e}.badge-warning{background:color-mix(in srgb,var(--warning) 15%,#0000);border:1px solid color-mix(in srgb,var(--warning) 25%,#0000);color:var(--warning)}.badge-danger{background:color-mix(in srgb,var(--danger) 15%,#0000);border:1px solid color-mix(in srgb,var(--danger) 25%,#0000);color:var(--danger)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(to right,var(--bg-secondary) 0,var(--bg-elevated) 50%,var(--bg-secondary) 100%);background-size:1000px 100%}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-elevated) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:24px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.lp-back-btn:focus-visible,.lp-create-btn:focus-visible,.lp-form-group input:focus-visible,.lp-form-group select:focus-visible,.lp-form-group textarea:focus-visible,.lp-nav-item:focus-visible,.lp-path-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-btn-primary:disabled .lp-spinner,.lp-empty-create-btn:disabled .lp-spinner{animation:spin 1s linear infinite}.lp-path-card:active{transform:translateY(-2px) scale(.98)}.lp-back-btn:active,.lp-btn-primary:active,.lp-btn-secondary:active,.lp-create-btn:active{transform:translateY(0) scale(.95)}.lp-modal-overlay.closing{animation:fadeOut .2s cubic-bezier(.4,0,.2,1)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.lp-modal.closing{animation:slideDown .2s cubic-bezier(.4,0,.2,1)}.lp-paths-grid.loading .lp-path-card{animation:pulse 1.5s ease-in-out infinite}.lp-sidebar.entering{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.lp-header.scrolled{box-shadow:0 4px 24px #0000001a}.lp-content>*{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) backwards}.nav-menu-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--accent);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-menu-btn:hover{background:var(--bg-bottom);color:var(--accent)}.nav-menu-btn:active{transform:scale(.95)}.nav-menu-btn svg{stroke-width:2}.lpd-container{background:var(--bg-primary);bottom:0;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.lpd-container::-webkit-scrollbar{width:7px}.lpd-container::-webkit-scrollbar-track{background:#0000}.lpd-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:16px}.lpd-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.lpd-spinner{animation:spin 1s linear infinite;color:var(--accent)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lpd-loading p{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.lpd-loading-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.lpd-loading-content{animation:slideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:16px;box-shadow:0 20px 60px #0009;padding:48px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lpd-loading-content h3{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:3px;margin:20px 0 10px}.lpd-loading-content p{color:var(--text-secondary);font-size:12px;letter-spacing:1px;margin:0}.lpd-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:40px 40px 30px}.lpd-header-main{margin-bottom:24px;position:relative}.lpd-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.lpd-back-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;gap:8px;height:34px;letter-spacing:2px;padding:0 20px;transition:all .2s}.lpd-back-btn:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent);transform:translateX(2px)}.lpd-title{color:var(--accent);flex:1 1;font-size:22px;font-weight:900;letter-spacing:4px;line-height:1.3;margin:0}.lpd-description{color:var(--text-secondary);font-size:13px;letter-spacing:.3px;line-height:1.6;margin:0}.lpd-header-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.lpd-stat-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);display:flex;font-size:10px;font-weight:800;gap:6px;letter-spacing:1px;padding:8px 14px;transition:all .2s}.lpd-stat-badge:hover{border-color:var(--accent);transform:translateY(-1px)}.lpd-difficulty{border:none;color:#fff!important}.lpd-xp-badge{border-color:var(--accent);color:var(--accent)}.lpd-progress-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:20px}.lpd-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.lpd-progress-label{color:var(--text-secondary);font-size:10px;font-weight:800;letter-spacing:2px}.lpd-progress-pct{color:var(--accent);font-size:19px;font-weight:900}.lpd-progress-track{background:var(--bg-primary);border-radius:8px;height:12px;margin-bottom:12px;overflow:hidden}.lpd-progress-bar{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));border-radius:8px;height:100%;transition:width .5s ease}.lpd-progress-details{color:var(--text-secondary);display:flex;font-size:11px;font-weight:700;gap:24px;letter-spacing:.5px}.lpd-progress-details span{align-items:center;display:flex;gap:6px}.lpd-main{grid-gap:28px;display:grid;gap:28px;grid-template-columns:380px 1fr;margin:0 auto;max-width:1600px;padding:28px 40px}.lpd-sidebar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 56px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:28px}.lpd-sidebar::-webkit-scrollbar{width:5px}.lpd-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px}.lpd-sidebar-title{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:2.5px;margin:0 0 24px}.lpd-nodes{display:flex;flex-direction:column;gap:0}.lpd-node-item{position:relative}.lpd-connector{background:linear-gradient(180deg,var(--accent) 0,color-mix(in srgb,var(--accent) 40%,#0000) 100%);height:44px;left:28px;position:absolute;top:56px;width:2px;z-index:0}.lpd-node{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:14px;position:relative;transition:all .2s;z-index:1}.lpd-node:hover:not(.lpd-locked){background:var(--bg-elevated);border-color:var(--accent);transform:translateX(4px)}.lpd-node.lpd-active{background:color-mix(in srgb,var(--accent) 15%,var(--bg-tertiary));border-color:var(--accent);transform:translateX(6px)}.lpd-node.lpd-locked{cursor:not-allowed;opacity:.4}.lpd-node-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.lpd-node:hover:not(.lpd-locked) .lpd-node-icon{border-color:var(--accent);transform:scale(1.05)}.lp-node-icon-completed{color:#22c55e}.lp-node-icon-progress{animation:pulse 2s ease-in-out infinite;color:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lp-node-icon-unlocked{color:var(--text-secondary)}.lp-node-icon-locked{color:var(--border)}.lpd-node-content{flex:1 1;min-width:0}.lpd-node-header{gap:10px;margin-bottom:8px}.lpd-node-header,.lpd-node-num{align-items:center;display:flex}.lpd-node-num{background:var(--accent);border-radius:50%;flex-shrink:0;font-size:11px;font-weight:900;height:24px;justify-content:center;width:24px}[data-theme-mode=light] .lpd-node-num{color:#fff}[data-theme-mode=dark] .lpd-node-num{color:var(--bg-primary)}.lpd-node-header h4{color:var(--text-primary);font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lpd-node-info{color:var(--text-secondary);display:flex;font-size:10px;font-weight:700;gap:12px;letter-spacing:.3px}.lpd-node-info span{align-items:center;display:flex;gap:5px}.lpd-xp{color:var(--accent)}.lpd-progress-badge{background:var(--accent);border-radius:12px;color:var(--bg-primary);font-size:11px;font-weight:600;padding:2px 8px}.lpd-node-progress{align-items:center;display:flex;gap:10px;margin-top:8px}.lpd-progress-mini{background:var(--bg-primary);border-radius:4px;flex:1 1;height:5px;overflow:hidden}.lpd-progress-mini-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s ease}.lpd-progress-mini-text{color:var(--accent);font-size:10px;font-weight:900}.lpd-node-chevron{color:var(--accent);flex-shrink:0;transition:all .2s}.lpd-node:hover .lpd-node-chevron{transform:translateX(3px)}.lpd-details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;min-height:600px;padding:28px}.lpd-details-head{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:24px}.lpd-details-info h2{color:var(--accent);font-size:17px;font-weight:900;letter-spacing:3px;line-height:1.3;margin:0 0 12px}.lpd-details-info p{color:var(--text-secondary);font-size:12px;letter-spacing:.3px;line-height:1.6;margin:0}.lpd-status-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 18px;transition:all .2s}.lpd-status-badge:hover{border-color:var(--accent);transform:translateY(-2px)}.lpd-status-badge span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1.5px}.lpd-block{margin-bottom:28px}.lpd-block-title{align-items:center;display:flex;font-size:11px;font-weight:900;gap:10px;letter-spacing:2.5px;margin:0 0 18px}.lpd-block-title,.lpd-block-title svg{color:var(--accent)}.lpd-objectives{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.lpd-objectives li{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);display:flex;font-size:12px;gap:12px;letter-spacing:.3px;line-height:1.6;padding:14px;transition:all .2s}.lpd-objectives li:hover{background:var(--bg-elevated);transform:translateX(3px)}.lpd-objectives li svg{color:#22c55e;flex-shrink:0;margin-top:2px}.lpd-prerequisites{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.lpd-prerequisites li{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;color:var(--text-primary);display:flex;font-size:12px;gap:12px;letter-spacing:.3px;line-height:1.5;padding:12px 14px;transition:all .2s}.lpd-prerequisites li:hover{background:var(--bg-elevated);transform:translateX(3px)}.lpd-prerequisites li svg{color:var(--accent);flex-shrink:0;margin-top:2px;opacity:.6}.lpd-resources{display:flex;flex-direction:column;gap:12px}.lpd-resource-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;gap:14px;padding:16px;text-decoration:none;transition:all .2s}.lpd-resource-item:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);transform:translateX(4px) translateY(-2px)}.lpd-resource-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.lpd-resource-item:hover .lpd-resource-icon{border-color:var(--accent);transform:scale(1.05)}.lpd-resource-info{flex:1 1;min-width:0}.lpd-resource-info h4{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 6px}.lpd-resource-info h4,.lpd-resource-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lpd-resource-info p{color:var(--text-secondary);font-size:11px;letter-spacing:.3px;line-height:1.4;margin:0}.lpd-resource-item>svg{color:var(--accent);flex-shrink:0;opacity:0;transition:all .2s}.lpd-resource-item:hover>svg{opacity:1;transform:translateX(3px)}.lpd-notes-section{display:flex;flex-direction:column;gap:12px}.lpd-notes-textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;letter-spacing:.3px;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:all .2s;width:100%}.lpd-notes-textarea:focus{background:var(--bg-elevated);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000);outline:none}.lpd-notes-textarea::placeholder{color:var(--text-secondary);opacity:.6}.lpd-btn-save-note{align-items:center;align-self:flex-end;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:8px;letter-spacing:1.5px;padding:12px 24px;transition:all .2s}.lpd-btn-save-note:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.lpd-btn-save-note:disabled{cursor:not-allowed;opacity:.5}.lpd-activity-completed{background:color-mix(in srgb,#22c55e 10%,var(--bg-tertiary));border-color:#22c55e}.lpd-activity-completed .lpd-activity-icon{border-color:#22c55e}.lpd-activity-check{color:#22c55e;flex-shrink:0}.lpd-activity-completed:hover{background:color-mix(in srgb,#22c55e 15%,var(--bg-elevated))}.lpd-activities{display:flex;flex-direction:column;gap:14px}.lpd-activity{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:18px;position:relative;transition:all .2s}.lpd-activity:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.lpd-activity:hover:before{left:100%}.lpd-activity:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateX(4px) translateY(-2px)}.lpd-activity-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--accent);display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .2s;width:50px}.lpd-activity:hover .lpd-activity-icon{border-color:var(--accent);transform:scale(1.05) rotate(3deg)}.lpd-activity-info{flex:1 1}.lpd-activity-info h4{color:var(--text-primary);font-size:12px;font-weight:800;letter-spacing:1.5px;margin:0 0 8px}.lpd-activity-info p{color:var(--text-secondary);font-size:11px;letter-spacing:.3px;line-height:1.5;margin:0 0 10px}.lpd-activity-count{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--accent);display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:5px 12px}.lpd-activity-chevron{color:var(--accent);flex-shrink:0;opacity:0;transition:all .2s}.lpd-activity:hover .lpd-activity-chevron{opacity:1;transform:translateX(3px)}.lpd-reward{align-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--bg-tertiary));border:1px solid var(--accent);border-radius:10px;color:var(--accent);display:flex;font-size:19px;font-weight:900;gap:14px;letter-spacing:1px;padding:24px;transition:all .2s}.lpd-reward:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 25%,#0000);transform:translateY(-2px)}.lpd-reward svg{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lpd-actions{border-top:1px solid var(--border);display:flex;gap:14px;margin-top:28px;padding-top:24px}.lpd-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:900;gap:10px;justify-content:center;letter-spacing:2px;overflow:hidden;padding:16px 28px;position:relative;transition:all .2s}.lpd-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.lpd-btn:hover:before{left:100%}.lpd-btn-start{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000)}[data-theme-mode=light] .lpd-btn-start{color:#fff}[data-theme-mode=dark] .lpd-btn-start{color:var(--bg-primary)}.lpd-btn-start:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.lpd-btn-complete{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.lpd-btn-complete:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.lpd-btn:disabled{cursor:not-allowed;opacity:.5}.lpd-completed{background:color-mix(in srgb,#22c55e 15%,var(--bg-tertiary));border:1px solid #22c55e;border-radius:10px;color:#22c55e;flex:1 1;font-size:11px;font-weight:900;gap:12px;letter-spacing:2px;padding:16px 28px}.lpd-completed,.lpd-empty{align-items:center;display:flex;justify-content:center}.lpd-empty{color:var(--text-secondary);flex-direction:column;gap:20px;min-height:400px}.lpd-empty svg{animation:float 3s ease-in-out infinite;opacity:.3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lpd-empty p{font-size:11px;font-weight:800;letter-spacing:2px}@media (max-width:1200px){.lpd-main{gap:24px;grid-template-columns:340px 1fr}}@media (max-width:1024px){.lpd-main{grid-template-columns:1fr}.lpd-sidebar{max-height:none;position:static}}@media (max-width:768px){.lpd-container{padding:0}.lpd-header{padding:28px 20px 24px}.lpd-title{font-size:17px;letter-spacing:3px}.lpd-main{gap:20px;padding:24px 20px}.lpd-details{padding:24px}.lpd-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lpd-activity:focus-visible,.lpd-back-btn:focus-visible,.lpd-btn:focus-visible,.lpd-node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme-mode=dark] .lpd-details,[data-theme-mode=dark] .lpd-sidebar{box-shadow:0 4px 16px #0000004d}[data-theme-mode=light] .lpd-details,[data-theme-mode=light] .lpd-sidebar{box-shadow:0 4px 16px #0000000d}html{scroll-behavior:smooth}::selection{background:color-mix(in srgb,var(--accent) 30%,#0000);color:var(--text-primary)}::-moz-selection{background:color-mix(in srgb,var(--accent) 30%,#0000);color:var(--text-primary)}.lpd-quiz-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10001}.lpd-quiz-modal{animation:slideUp .4s ease;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:16px;box-shadow:0 20px 60px #0009;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.lpd-quiz-modal::-webkit-scrollbar{width:6px}.lpd-quiz-modal::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px}.lpd-quiz-header{border-bottom:1px solid var(--border);padding:32px 32px 24px;text-align:center}.lpd-quiz-header h2{color:var(--accent);font-size:18px;font-weight:900;letter-spacing:4px;margin:0 0 10px}.lpd-quiz-header p{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;margin:0}.lpd-quiz-progress{border-bottom:1px solid var(--border);padding:24px 32px}.lpd-quiz-progress>span{color:var(--text-secondary);display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.lpd-quiz-progress-bar{background:var(--bg-tertiary);border-radius:8px;height:8px;overflow:hidden}.lpd-quiz-progress-fill{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 120%,#fff));border-radius:8px;height:100%;transition:width .4s ease}.lpd-quiz-question{padding:32px}.lpd-quiz-question h3{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:.3px;line-height:1.6;margin:0 0 24px}.lpd-quiz-options{display:flex;flex-direction:column;gap:12px}.lpd-quiz-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:18px 20px;text-align:left;transition:all .2s;width:100%}.lpd-quiz-option:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateX(4px)}.lpd-quiz-option.selected{background:color-mix(in srgb,var(--accent) 20%,var(--bg-tertiary));border-color:var(--accent);transform:translateX(6px)}.lpd-option-letter{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:13px;font-weight:900;height:36px;justify-content:center;transition:all .2s;width:36px}.lpd-quiz-option.selected .lpd-option-letter{background:var(--accent);border-color:var(--accent)}[data-theme-mode=light] .lpd-quiz-option.selected .lpd-option-letter{color:#fff}[data-theme-mode=dark] .lpd-quiz-option.selected .lpd-option-letter{color:var(--bg-primary)}.lpd-option-text{color:var(--text-primary);flex:1 1;font-size:13px;letter-spacing:.3px;line-height:1.5}.lpd-quiz-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:24px 32px 32px}.lpd-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.lpd-btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent);transform:translateY(-2px)}.lpd-btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000)}[data-theme-mode=light] .lpd-btn-primary{color:#fff}[data-theme-mode=dark] .lpd-btn-primary{color:var(--bg-primary)}.lpd-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.lpd-quiz-results{padding:32px}.lpd-quiz-score{border-radius:12px;margin-bottom:32px;padding:32px;text-align:center}.lpd-quiz-score.passed{background:color-mix(in srgb,#22c55e 15%,var(--bg-tertiary));border:1px solid #22c55e}.lpd-quiz-score.failed{background:color-mix(in srgb,#ef4444 15%,var(--bg-tertiary));border:1px solid #ef4444}.lpd-score-circle{align-items:center;border-radius:50%;display:flex;height:140px;justify-content:center;margin:0 auto 24px;position:relative;width:140px}.lpd-quiz-score.passed .lpd-score-circle{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e66}.lpd-quiz-score.failed .lpd-score-circle{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444466}.lpd-score-number{color:#fff;font-size:42px;font-weight:900;letter-spacing:2px}.lpd-quiz-score h3{font-size:20px;font-weight:900;letter-spacing:3px;margin:0 0 12px}.lpd-quiz-score.passed h3{color:#22c55e}.lpd-quiz-score.failed h3{color:#ef4444}.lpd-quiz-score p{color:var(--text-secondary);font-size:13px;letter-spacing:.3px;line-height:1.6;margin:0}.lpd-quiz-breakdown{margin-bottom:24px}.lpd-quiz-breakdown h4{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:2.5px;margin:0 0 20px}.lpd-quiz-item{border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:18px}.lpd-quiz-item.correct{background:color-mix(in srgb,#22c55e 10%,var(--bg-tertiary));border-color:#22c55e}.lpd-quiz-item.incorrect{background:color-mix(in srgb,#ef4444 10%,var(--bg-tertiary));border-color:#ef4444}.lpd-quiz-item-header{align-items:center;display:flex;font-size:11px;font-weight:800;gap:10px;letter-spacing:1.5px;margin-bottom:10px}.lpd-quiz-item.correct .lpd-quiz-item-header{color:#22c55e}.lpd-quiz-item.incorrect .lpd-quiz-item-header{color:#ef4444}.lpd-quiz-item-question{color:var(--text-primary);font-size:13px;letter-spacing:.3px;line-height:1.5;margin:0 0 12px}.lpd-quiz-item-answer{background:var(--bg-primary);border-radius:8px;font-size:12px;line-height:1.6;padding:14px}.lpd-quiz-item-answer p{color:var(--text-secondary);margin:0 0 8px}.lpd-quiz-item-answer p:last-child{margin-bottom:0}.lpd-quiz-item-answer strong{color:var(--text-primary);font-weight:700}.lpd-explanation{border-top:1px solid var(--border);color:var(--accent)!important;font-style:italic;margin-top:12px;padding-top:12px}@media (max-width:768px){.lpd-quiz-modal{border-radius:0;max-height:100vh;max-width:100%}.lpd-quiz-actions,.lpd-quiz-header,.lpd-quiz-progress,.lpd-quiz-question,.lpd-quiz-results{padding-left:20px;padding-right:20px}.lpd-quiz-actions{flex-direction:column}.lpd-btn{width:100%}.lpd-score-circle{height:120px;width:120px}.lpd-score-number{font-size:36px}}.lpd-introduction-block{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--bg-tertiary)),var(--bg-tertiary));border:1px solid var(--accent);border-radius:12px;padding:20px}.lpd-introduction-content p{color:var(--text-primary);font-size:13px;font-style:italic;letter-spacing:.3px;line-height:1.7;margin:0}.lpd-difficulty-toggle{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:20px}.lpd-difficulty-buttons{display:flex;gap:10px}.lpd-difficulty-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 20px;transition:all .2s}.lpd-difficulty-btn:hover{background:var(--bg-elevated)}.lpd-difficulty-btn.active,.lpd-difficulty-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.lpd-difficulty-btn.active{background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000)}[data-theme-mode=light] .lpd-difficulty-btn.active{color:#fff}[data-theme-mode=dark] .lpd-difficulty-btn.active{color:var(--bg-primary)}.lpd-core-sections{display:flex;flex-direction:column;gap:12px}.lpd-section-accordion{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .2s}.lpd-section-accordion[open]{border-color:var(--accent)}.lpd-section-header{align-items:center;cursor:pointer;display:flex;gap:12px;list-style:none;padding:16px;transition:all .2s;-webkit-user-select:none;user-select:none}.lpd-section-header:hover{background:var(--bg-elevated)}.lpd-section-number{align-items:center;background:var(--accent);border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:900;height:28px;justify-content:center;width:28px}[data-theme-mode=light] .lpd-section-number{color:#fff}[data-theme-mode=dark] .lpd-section-number{color:var(--bg-primary)}.lpd-section-title{color:var(--text-primary);flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px}.lpd-section-chevron{color:var(--accent);transition:transform .2s}.lpd-section-accordion[open] .lpd-section-chevron{transform:rotate(90deg)}.lpd-section-content{animation:slideDown .3s ease;padding:0 16px 16px}.lpd-section-text{color:var(--text-primary);font-size:12px;letter-spacing:.3px;line-height:1.7;margin:0 0 14px}.lpd-section-example{background:var(--bg-primary);border-left:3px solid var(--accent);border-radius:6px;color:var(--text-secondary);font-size:12px;line-height:1.6;margin-bottom:12px;padding:12px}.lpd-section-visual{align-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-radius:6px;color:var(--accent);display:flex;font-size:11px;gap:8px;margin-bottom:12px;padding:10px 12px}.lpd-section-practice{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:flex;font-size:12px;gap:8px;line-height:1.6;padding:12px}.lpd-connection-map{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lpd-connection-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:16px}.lpd-connection-section h4{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0 0 12px}.lpd-connection-section ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lpd-connection-section li{color:var(--text-primary);font-size:12px;line-height:1.5;padding-left:16px;position:relative}.lpd-connection-section li:before{color:var(--accent);content:"→";font-weight:900;left:0;position:absolute}.lpd-applications{display:flex;flex-direction:column;gap:12px}.lpd-application-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;display:flex;gap:14px;padding:16px;transition:all .2s}.lpd-application-item:hover{background:var(--bg-elevated);transform:translateX(4px)}.lpd-application-icon{align-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--bg-primary));border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.lpd-application-item p{color:var(--text-primary);font-size:12px;letter-spacing:.3px;line-height:1.6;margin:0}.lpd-summary-block{background:color-mix(in srgb,#22c55e 10%,var(--bg-tertiary));border:1px solid #22c55e;border-radius:12px;padding:20px}.lpd-summary-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.lpd-summary-list li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:12px;gap:10px;letter-spacing:.3px;line-height:1.6}.lpd-summary-list li svg{color:#22c55e;flex-shrink:0;margin-top:2px}.lpd-resource-category{margin-bottom:24px}.lpd-resource-category:last-child{margin-bottom:0}.lpd-resource-category-title{color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0 0 14px}.lpd-resource-wrapper{margin-bottom:12px}.lpd-resource-meta{display:flex;gap:10px;margin-top:8px}.lpd-resource-time{align-items:center;color:var(--text-secondary);display:flex;font-size:10px;font-weight:700;gap:4px}.lpd-resource-difficulty{border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.lpd-diff-beginner{background:color-mix(in srgb,#22c55e 20%,var(--bg-primary));color:#22c55e}.lpd-diff-intermediate{background:color-mix(in srgb,#fbbf24 20%,var(--bg-primary));color:#fbbf24}.lpd-diff-advanced{background:color-mix(in srgb,#ef4444 20%,var(--bg-primary));color:#ef4444}.lpd-resource-actions{align-items:center;background:var(--bg-primary);border-radius:0 0 10px 10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px}.lpd-resource-rating{display:flex;gap:4px}.lpd-star{color:var(--border);cursor:pointer;transition:all .2s}.lpd-star.filled,.lpd-star:hover{color:#fbbf24;transform:scale(1.1)}.lpd-resource-complete-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:10px;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s}.lpd-resource-complete-btn:hover{background:var(--bg-elevated);border-color:#22c55e;color:#22c55e}.lpd-resource-completed{align-items:center;background:color-mix(in srgb,#22c55e 15%,var(--bg-tertiary));border:1px solid #22c55e;border-radius:6px;color:#22c55e;display:flex;font-size:10px;font-weight:700;gap:6px;padding:6px 12px}.lpd-resource-optional{opacity:.85}.lpd-practice-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;display:flex;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s}.lpd-practice-item:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateX(4px)}.lpd-practice-icon{align-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--bg-primary));border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.lpd-practice-info{flex:1 1}.lpd-practice-info h4{color:var(--text-primary);font-size:12px;font-weight:700;margin:0 0 6px}.lpd-practice-info p{color:var(--text-secondary);font-size:11px;line-height:1.5;margin:0 0 8px}.lpd-export-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.lpd-export-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:14px 18px;transition:all .2s}.lpd-export-btn:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent);transform:translateY(-2px)}.lpd-export-btn svg{flex-shrink:0}.lpd-scenarios{display:flex;flex-direction:column;gap:12px}.lpd-scenario-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;overflow:hidden}.lpd-scenario-item[open]{border-color:var(--accent)}.lpd-scenario-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:16px;transition:all .2s;-webkit-user-select:none;user-select:none}.lpd-scenario-header:hover{background:var(--bg-elevated)}.lpd-scenario-title{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px}.lpd-scenario-header svg{color:var(--accent);transition:transform .2s}.lpd-scenario-item[open] .lpd-scenario-header svg{transform:rotate(90deg)}.lpd-scenario-content{animation:slideDown .3s ease;padding:0 16px 16px}.lpd-scenario-description{color:var(--text-secondary);font-size:12px;line-height:1.6;margin:0 0 12px}.lpd-scenario-question{color:var(--text-primary);font-size:12px;line-height:1.6;margin:0 0 14px}.lpd-scenario-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.lpd-scenario-option{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);display:flex;font-size:12px;gap:12px;padding:12px;transition:all .2s}.lpd-scenario-option.correct{background:color-mix(in srgb,#22c55e 10%,var(--bg-primary));border-color:#22c55e}.lpd-scenario-explanation{background:color-mix(in srgb,var(--accent) 10%,var(--bg-primary));border-left:3px solid var(--accent);border-radius:6px;color:var(--text-primary);font-size:12px;line-height:1.6;padding:12px}.lpd-concept-map{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:20px}.lpd-concepts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.lpd-concept-bubble{background:var(--bg-primary);border:2px solid var(--accent);border-radius:20px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 16px;transition:all .2s}.lpd-concept-bubble:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 25%,#0000);transform:scale(1.05)}.lpd-relationships h5{color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0 0 10px}.lpd-relationships ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lpd-relationships li{color:var(--text-primary);font-size:12px;line-height:1.5;padding-left:16px;position:relative}.lpd-relationships li:before{color:var(--accent);content:"↔";font-weight:900;left:0;position:absolute}@media (max-width:768px){.lpd-difficulty-buttons{flex-direction:column}.lpd-connection-map,.lpd-export-buttons{grid-template-columns:1fr}.lpd-concepts{justify-content:center}}.proactive-notif *,.proactive-notif :after,.proactive-notif :before{border-radius:0!important}.proactive-notif{max-height:280px;position:fixed;right:-400px;top:80px;transition:right .4s ease;width:360px;z-index:9999}.proactive-notif.show{right:20px}.proactive-notif-card{background:#1a1a2e;background:var(--panel,#1a1a2e);border:2px solid #000;border-radius:0;box-shadow:0 4px 6px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:280px;max-height:280px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.proactive-notif-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 15px -3px #00000080;transform:translateY(-8px)}.proactive-notif-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;gap:12px;padding:14px 16px}.proactive-notif-avatar{align-items:center;background:var(--accent)!important;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.proactive-notif-avatar svg{fill:#000;fill:var(--bg-top,#000);height:16px;width:16px}.proactive-notif-title{display:flex;flex:1 1;flex-direction:column;gap:2px}.proactive-notif-name{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600}.proactive-notif-time{font-size:10px;letter-spacing:.5px;text-transform:uppercase}.proactive-notif-close,.proactive-notif-time{color:#fff9;color:var(--text-secondary,#fff9)}.proactive-notif-close{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;transition:all .2s;width:24px}.proactive-notif-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.proactive-notif-body{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.proactive-notif-body::-webkit-scrollbar{width:4px}.proactive-notif-body::-webkit-scrollbar-track{background:#0000}.proactive-notif-body::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.proactive-notif-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 80%,#fff)}.proactive-notif-body p{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:13px;line-height:1.6;margin:0}.proactive-notif-cta{background:var(--accent);border:none;border-radius:0;box-shadow:0 2px 4px #0003;color:var(--bg-top);cursor:pointer;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:1px;padding:10px 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.proactive-notif-cta:hover{background:color-mix(in srgb,var(--accent) 90%,#fff);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.proactive-notif{right:-100vw;width:calc(100vw - 32px)}.proactive-notif.show{right:16px}}.global-nav-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;cursor:pointer;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:9999998!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.global-nav-sidebar{background:var(--bg-primary);border-right:2px solid color-mix(in srgb,var(--accent) 20%,var(--border));box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;left:-380px;pointer-events:auto;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:9999999!important}.global-nav-sidebar.open{left:0}.global-nav-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--bg-primary)) 0,var(--bg-primary) 100%);border-bottom:2px solid color-mix(in srgb,var(--accent) 15%,var(--border));display:flex;justify-content:space-between;padding:24px}.global-nav-logo{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:32px;font-weight:800;gap:16px;letter-spacing:-.5px;transition:all .2s cubic-bezier(.4,0,.2,1)}.global-nav-logo:hover{opacity:.9;transform:scale(1.02)}.global-nav-logo-icon{background:var(--accent);border-radius:12px;height:56px;-webkit-mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;mask:url(/static/media/logo.53cd6dfa7a76816fd828.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:56px}.global-nav-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.global-nav-close:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent);transform:rotate(90deg)}.global-nav-search{border-bottom:1px solid var(--border);padding:16px 24px;position:relative}.global-nav-search svg{color:var(--text-tertiary);left:40px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.global-nav-search input{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;padding:12px 16px 12px 40px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.global-nav-search input:focus{background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,#0000);outline:none}.global-nav-search input::placeholder{color:var(--text-tertiary)}.global-nav-content{flex:1 1;overflow-y:auto;padding:16px 0}.global-nav-content::-webkit-scrollbar{width:6px}.global-nav-content::-webkit-scrollbar-track{background:#0000}.global-nav-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:3px}.global-nav-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 50%,var(--border))}.global-nav-section{margin-bottom:8px}.global-nav-section-header{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.global-nav-section-header:hover{background:color-mix(in srgb,var(--accent) 5%,#0000);color:var(--text-primary)}.global-nav-section-title{align-items:center;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:700;gap:12px;letter-spacing:1.5px;text-transform:uppercase}.global-nav-section-items{animation:slideDown .2s ease;padding:4px 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-nav-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;gap:14px;padding:12px 24px 12px 48px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.global-nav-item:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);border-left-color:var(--accent);color:var(--text-primary);transform:translateX(4px)}.global-nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,#0000) 0,color-mix(in srgb,var(--accent) 5%,#0000) 100%);border-left-color:var(--accent);color:var(--accent)}.global-nav-item svg{flex-shrink:0}.global-nav-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.global-nav-item-label{color:inherit;font-size:14px;font-weight:600}.global-nav-item-desc,.global-nav-item-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.global-nav-item-desc{color:var(--text-tertiary);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-nav-item:hover .global-nav-item-desc{color:var(--text-secondary)}.global-nav-item.active .global-nav-item-desc{color:color-mix(in srgb,var(--accent) 70%,var(--text-secondary))}.global-nav-footer{background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 8%,var(--bg-primary)) 0,var(--bg-primary) 100%);border-top:2px solid color-mix(in srgb,var(--accent) 15%,var(--border));padding:20px 24px}.global-nav-footer-btn{align-items:center;background:linear-gradient(135deg,var(--accent-danger) 0,color-mix(in srgb,var(--accent-danger) 85%,#dc2626) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1.5px;padding:14px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.global-nav-footer-btn:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent-danger) 35%,#0000004d);transform:translateY(-2px)}@media (max-width:768px){.global-nav-sidebar{left:-100%;width:100%}}*{scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .3s ease}:active,:focus,:hover{scrollbar-color:#6366f1 #0000;scrollbar-color:var(--accent,#6366f1) #0000}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}:active::-webkit-scrollbar-thumb,:focus::-webkit-scrollbar-thumb,:hover::-webkit-scrollbar-thumb{background:#6366f1;background:var(--accent,#6366f1)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,#6366f1 120%,#fff);background:color-mix(in srgb,var(--accent,#6366f1) 120%,#fff)}body,html{margin:0;overflow-x:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}