@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Lato:wght@300;400;700;900&family=Montserrat:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap);.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast-notification{align-items:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,#0000),color-mix(in srgb,var(--hover-bg) 74%,#0000)),linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,#0000),#0000 62%);border:1px solid color-mix(in srgb,var(--accent) 22%,#0000);border-left:3px solid color-mix(in srgb,var(--accent) 76%,var(--text-primary));border-radius:8px;box-shadow:0 14px 34px color-mix(in srgb,#000 22%,#0000);display:flex;gap:10px;min-height:76px;opacity:0;padding:12px;pointer-events:auto;position:relative;transform:translateX(410px);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .22s ease,border-color .18s ease;width:min(360px,calc(100vw - 32px))}.toast-notification.visible{opacity:1;transform:translateX(0)}.toast-notification.exiting{opacity:0;transform:translateX(410px)}.toast-notification:hover{border-color:color-mix(in srgb,var(--accent) 48%,#0000)}.toast-icon{align-items:center;background:color-mix(in srgb,var(--accent) 13%,#0000);border:1px solid color-mix(in srgb,var(--accent) 38%,#0000);border-radius:8px;color:color-mix(in srgb,var(--accent) 76%,var(--text-primary));display:flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.toast-content{grid-gap:4px;display:grid;flex:1 1;gap:4px;min-width:0}.toast-title{color:var(--text-primary);font-size:13px;font-weight:850;line-height:1.25}.toast-message,.toast-title{margin:0;overflow-wrap:anywhere}.toast-message{color:var(--text-secondary);font-size:12px;line-height:1.45}.toast-close{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--accent) 16%,#0000);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;width:28px}.toast-close:hover{background:color-mix(in srgb,var(--accent) 9%,#0000);border-color:color-mix(in srgb,var(--accent) 42%,#0000);color:var(--text-primary);transform:translateY(-1px)}@media (max-width:768px){.toast-container{left:12px;right:12px;top:72px}.toast-notification{width:100%}}.proactive-notif{opacity:0;position:fixed;right:-420px;top:80px;transition:right .28s cubic-bezier(.4,0,.2,1),opacity .22s ease;width:min(360px,calc(100vw - 32px));z-index:9999}.proactive-notif.show{opacity:1;right:20px}.proactive-notif-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 94%,#0000),color-mix(in srgb,var(--bg-tertiary) 74%,#0000)),linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,#0000),#0000 62%);background:linear-gradient(135deg,color-mix(in srgb,var(--panel,var(--bg-secondary)) 94%,#0000),color-mix(in srgb,var(--hover-bg,var(--bg-tertiary)) 74%,#0000)),linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,#0000),#0000 62%);border:1px solid color-mix(in srgb,var(--accent) 24%,#0000);border-left:3px solid color-mix(in srgb,var(--accent) 76%,var(--text-primary));border-radius:8px;box-shadow:0 16px 38px color-mix(in srgb,#000 22%,#0000);overflow:hidden;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.proactive-notif-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,#0000);box-shadow:0 20px 42px color-mix(in srgb,#000 26%,#0000);transform:translateY(-2px)}.proactive-notif-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,#0000);display:flex;gap:12px;padding:14px}.proactive-notif-avatar{align-items:center;background:color-mix(in srgb,var(--accent) 14%,#0000);border:1px solid color-mix(in srgb,var(--accent) 42%,#0000);border-radius:8px;color:color-mix(in srgb,var(--accent) 76%,var(--text-primary));display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.proactive-notif-title{grid-gap:3px;display:grid;flex:1 1;gap:3px;min-width:0}.proactive-notif-name{color:color-mix(in srgb,var(--accent) 74%,var(--text-primary));font-weight:850;letter-spacing:.75px}.proactive-notif-name,.proactive-notif-time{font-size:10px;line-height:1.2;text-transform:uppercase}.proactive-notif-time{color:color-mix(in srgb,var(--text-secondary) 86%,var(--text-primary));font-weight:750;letter-spacing:.6px}.proactive-notif-close{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--accent) 18%,#0000);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 0 auto;height:30px;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:30px}.proactive-notif-close:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:color-mix(in srgb,var(--accent) 42%,#0000);color:var(--text-primary);transform:translateY(-1px)}.proactive-notif-body{grid-gap:12px;display:grid;gap:12px;padding:14px}.proactive-notif-body p{color:var(--text-primary);font-size:13px;line-height:1.55;margin:0;overflow-wrap:anywhere}.proactive-notif-cta{align-items:center;background:color-mix(in srgb,var(--accent) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent) 38%,#0000);border-radius:8px;color:color-mix(in srgb,var(--accent) 78%,var(--text-primary));cursor:pointer;display:inline-flex;font-size:11px;font-weight:850;gap:8px;justify-content:center;letter-spacing:.8px;min-height:38px;padding:0 12px;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;width:100%}.proactive-notif-cta:hover{background:color-mix(in srgb,var(--accent) 18%,#0000);border-color:color-mix(in srgb,var(--accent) 62%,#0000);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 12%,#0000);color:var(--text-primary);transform:translateY(-1px)}@media (max-width:768px){.proactive-notif{right:-100vw;top:72px;width:calc(100vw - 24px)}.proactive-notif.show{right:12px}}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.error-boundary-card{background:var(--bg-secondary);border:1px solid #80808033;border:1px solid var(--border-color,#80808033);border-radius:12px;color:var(--text-primary);max-width:420px;padding:2rem;text-align:center}.error-boundary-card h2{margin:0 0 .5rem}.error-boundary-card p{color:var(--text-secondary);margin:0 0 1.25rem}.error-boundary-card button{background:var(--accent);border:none;border-radius:8px;color:#fff;color:var(--bg-primary,#fff);cursor:pointer;font-weight:600;padding:.6rem 1.5rem}.loading-spinner-overlay{background:var(--bg-primary)!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:pulseGrow 1.4s ease-in-out infinite!important;background:#d7b38c!important;background:var(--accent,#d7b38c)!important;border-radius:6px!important;height:24px!important;opacity:.6!important;width:24px!important}.loading-spinner-cube--1{animation-delay:0s!important}.loading-spinner-cube--2{animation-delay:.2s!important}.loading-spinner-cube--3{animation-delay:.4s!important}@keyframes pulseGrow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.slide-notif{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;opacity:0;position:fixed;right:-440px;top:92px;transition:right .28s cubic-bezier(.4,0,.2,1),opacity .22s ease;width:min(400px,calc(100vw - 32px));z-index:2147483000}.slide-notif.show{opacity:1;right:24px}.slide-notif-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 94%,#0000),color-mix(in srgb,var(--bg-tertiary) 74%,#0000)),linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,#0000),#0000 62%);background:linear-gradient(135deg,color-mix(in srgb,var(--panel,var(--bg-secondary)) 94%,#0000),color-mix(in srgb,var(--hover-bg,var(--bg-tertiary)) 74%,#0000)),linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,#0000),#0000 62%);border:1px solid color-mix(in srgb,var(--accent) 24%,#0000);border-left:3px solid color-mix(in srgb,var(--accent) 76%,var(--text-primary));border-radius:8px;box-shadow:0 16px 38px color-mix(in srgb,#000 22%,#0000);cursor:pointer;overflow:hidden;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.slide-notif-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,#0000);box-shadow:0 20px 42px color-mix(in srgb,#000 26%,#0000);transform:translateY(-2px)}.slide-notif-card:after{background:linear-gradient(90deg,var(--accent),#0000);bottom:0;content:"";height:1px;left:0;opacity:.45;position:absolute;right:0}.slide-notif-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,#0000);display:flex;gap:12px;padding:14px 14px 12px}.slide-notif-icon{align-items:center;background:color-mix(in srgb,var(--accent) 14%,#0000)!important;border:1px solid color-mix(in srgb,var(--accent) 42%,#0000);border-radius:8px;color:color-mix(in srgb,var(--accent) 76%,var(--text-primary));display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.slide-notif-icon svg{height:18px;width:18px}.slide-notif-title{grid-gap:3px;display:grid;flex:1 1;gap:3px;min-width:0}.slide-notif-action,.slide-notif-type{color:color-mix(in srgb,var(--accent) 74%,var(--text-primary));font-size:10px;font-weight:850;letter-spacing:.75px;line-height:1.2;text-transform:uppercase}.slide-notif-time{color:color-mix(in srgb,var(--text-secondary) 86%,var(--text-primary));font-size:10px;font-weight:750;letter-spacing:.6px;line-height:1.2;text-transform:uppercase}.slide-notif-close{align-items:center;background:color-mix(in srgb,var(--bg-secondary) 72%,#0000);background:color-mix(in srgb,var(--panel,var(--bg-secondary)) 72%,#0000);border:1px solid color-mix(in srgb,var(--accent) 18%,#0000);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 0 auto;height:30px;justify-content:center;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:30px}.slide-notif-close:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));background:color-mix(in srgb,var(--accent) 10%,var(--panel,var(--bg-secondary)));border-color:color-mix(in srgb,var(--accent) 42%,#0000);color:var(--text-primary);transform:translateY(-1px)}.slide-notif-body{grid-gap:8px;display:grid;gap:8px;padding:14px}.slide-notif-heading{color:var(--text-primary);font-size:14px;font-weight:850;line-height:1.25;margin:0;overflow-wrap:anywhere}.slide-notif-message{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12.5px;line-height:1.5;margin:0;overflow:hidden}.slide-notif-footer{padding:0 14px 14px}.slide-notif-action{align-items:center;background:color-mix(in srgb,var(--accent) 8%,#0000);border:1px solid color-mix(in srgb,var(--accent) 18%,#0000);border-radius:999px;display:inline-flex;min-height:24px;padding:0 8px}@media (max-width:768px){.slide-notif{right:-100vw;top:72px;width:calc(100vw - 24px)}.slide-notif.show{right:12px}}:root{--z-page-shell:1;--z-sticky:20;--z-popover:900;--z-floating-dock:1100;--z-modal:1300;--z-toast:1400;--z-loader:1500}body,html{overflow-x:clip}*{scrollbar-color:color-mix(in srgb,#6366f1 34%,#0000) #0000;scrollbar-color:color-mix(in srgb,var(--accent,#6366f1) 34%,#0000) #0000}::-webkit-scrollbar-thumb{background:color-mix(in srgb,#6366f1 28%,#0000);background:color-mix(in srgb,var(--accent,#6366f1) 28%,#0000)}:active::-webkit-scrollbar-thumb,:focus::-webkit-scrollbar-thumb,:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,#6366f1 62%,#0000);background:color-mix(in srgb,var(--accent,#6366f1) 62%,#0000)}:where(button,[role=button],a[href],input,select,textarea):focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent,#6366f1);outline-offset:2px}body :is(.ai-chat-page,.flashcards-page,.notes-redesign,.my-notes-page-full,.qbd-container,.qbd-rb-root.qbd-container,.kr-page,.with-social-chrome,.activity-feed-page,.pn-root,.st-page,.concept-web-page,.quiz-battle-page,.weakness-practice-page,.weakness-tips-page,.notes-hub-page,.playlist-detail-page){height:100dvh!important;min-height:100dvh!important;z-index:1!important;z-index:var(--z-page-shell)!important}body :is(.shc-main,.qbd-rb-main,.qbd-main,.kr-content,.pn-root .pf-qb-body,.an-main,.cfp-main,.vlt-qb-body,.fc-qb-body,.ac-main,.notes-redesign-main){-webkit-overflow-scrolling:touch;min-height:0}@media (max-width:768px){body :is(.qbd-container,.qbd-rb-root.qbd-container,.kr-page,.pn-root,.with-social-chrome,.playlist-detail-page){max-height:100dvh!important}}*,:after,:before{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,button,input,optgroup,option,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,optgroup,option,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{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)}.view-heading{border-bottom:1px solid color-mix(in srgb,#6366f1 12%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent,#6366f1) 12%,#0000);display:flex;flex-direction:column;flex-shrink:0;gap:6px;margin-bottom:32px;padding-bottom:28px;position:relative}.view-heading:before{background:#6366f1;background:var(--accent,#6366f1);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:80px}.view-kicker{color:#6366f1;color:var(--accent,#6366f1);display:block;font-size:11px;font-weight:800;letter-spacing:3.5px;opacity:.8;text-transform:uppercase}.view-kicker,.view-title{font-family:Inter,sans-serif}.view-title{color:#fff;color:var(--text-primary,#fff);font-size:clamp(32px,3.5vw,48px);font-weight:900;letter-spacing:-.05em;line-height:1;margin:0}.view-sub{color:color-mix(in srgb,#fff 40%,#0000);color:color-mix(in srgb,var(--text-primary,#fff) 40%,#0000);font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-top:4px}.geo-bg{color:#6366f1;color:var(--accent,#6366f1);height:100%;inset:0;opacity:.07;pointer-events:none;position:fixed;width:100%;z-index:0}