:root{--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 100px;--spring: cubic-bezier(.16, 1, .3, 1);--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-soft: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition: all .3s var(--spring);--transition-fast: all .15s var(--spring);--transition-slow: all .5s var(--spring);--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--text-2xs: 9px;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--content-narrow: 640px;--content-default: 900px;--content-wide: 1100px;--content-full: 1200px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px}[data-theme=dark],:root{--bg: #0a0810;--bg2: #110e1b;--bg3: #1b1628;--bg4: #282240;--text: #faf8ff;--text2: #b0a4c8;--accent: #d946ef;--accent2: #a855f7;--accent3: #f472b6;--accent-glow: rgba(217,70,239,.14);--accent-glow-strong: rgba(217,70,239,.26);--green: #4ade80;--red: #fb7185;--orange: #fcd34d;--cyan: #67e8f9;--card-front: linear-gradient(165deg, #110e1b 0%, #1a1430 50%, #14101f 100%);--card-back: linear-gradient(165deg, #14101f 0%, #1d1535 50%, #16111f 100%);--surface: rgba(217,70,239,.04);--surface-hover: rgba(217,70,239,.08);--border: rgba(255,255,255,.09);--border-hover: rgba(217,70,239,.45);--border-subtle: rgba(255,255,255,.05);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 2px 4px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 4px 8px rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.25), 0 24px 48px rgba(0,0,0,.25);--shadow-xl: 0 8px 16px rgba(0,0,0,.2), 0 16px 32px rgba(0,0,0,.2), 0 32px 64px rgba(0,0,0,.3);--shadow-glow: 0 0 30px rgba(217,70,239,.1), 0 8px 24px rgba(217,70,239,.14);--shadow-glow-strong: 0 0 20px rgba(217,70,239,.18), 0 8px 32px rgba(217,70,239,.22), 0 0 0 1px rgba(217,70,239,.1);--shadow-card: 0 2px 8px rgba(0,0,0,.25), 0 8px 32px rgba(0,0,0,.3);--btn-primary-text: #ffffff;--header-bg: rgba(10,8,16,.78);--header-bg-scroll: rgba(10,8,16,.93);--overlay: rgba(0,0,0,.65);--scrollbar-thumb: #282240;--scrollbar-hover: rgba(217,70,239,.45);--orb1: rgba(217,70,239,.12);--orb2: rgba(168,85,247,.08);--orb3: rgba(244,114,182,.06);--grain-opacity: .005;--card-shadow: var(--shadow-lg);--toast-bg: #110e1b;--input-bg: rgba(10,8,16,.55)}[data-theme=light]{--bg: #fdf2f8;--bg2: #ffffff;--bg3: #fce7f3;--bg4: #f9a8d4;--text: #1c0a2e;--text2: #9b5d8a;--accent: #ec4899;--accent2: #db2777;--accent3: #a855f7;--accent-glow: rgba(236,72,153,.12);--accent-glow-strong: rgba(236,72,153,.22);--green: #10b981;--red: #f43f5e;--orange: #f97316;--cyan: #06b6d4;--card-front: linear-gradient(165deg, #ffffff 0%, #fdf2f8 50%, #fce7f3 100%);--card-back: linear-gradient(165deg, #fdf2f8 0%, #fce7f3 50%, #fdf2f8 100%);--surface: rgba(236,72,153,.03);--surface-hover: rgba(236,72,153,.07);--border: rgba(50,10,40,.08);--border-hover: rgba(236,72,153,.35);--border-subtle: rgba(50,10,40,.04);--shadow-sm: 0 1px 2px rgba(100,20,60,.04), 0 1px 3px rgba(100,20,60,.06);--shadow-md: 0 2px 4px rgba(100,20,60,.04), 0 4px 16px rgba(100,20,60,.06);--shadow-lg: 0 4px 8px rgba(100,20,60,.03), 0 8px 24px rgba(100,20,60,.06), 0 24px 48px rgba(100,20,60,.04);--shadow-xl: 0 8px 16px rgba(100,20,60,.04), 0 16px 32px rgba(100,20,60,.05), 0 32px 64px rgba(100,20,60,.06);--shadow-glow: 0 0 40px rgba(236,72,153,.08), 0 8px 32px rgba(236,72,153,.12);--shadow-glow-strong: 0 0 20px rgba(236,72,153,.14), 0 8px 40px rgba(236,72,153,.18), 0 0 0 1px rgba(236,72,153,.1);--shadow-card: 0 2px 8px rgba(100,20,60,.05), 0 8px 32px rgba(100,20,60,.06);--btn-primary-text: #ffffff;--header-bg: rgba(253,242,248,.8);--header-bg-scroll: rgba(253,242,248,.95);--overlay: rgba(28,10,46,.2);--scrollbar-thumb: #f9a8d4;--scrollbar-hover: rgba(236,72,153,.4);--orb1: rgba(236,72,153,.1);--orb2: rgba(168,85,247,.07);--orb3: rgba(251,146,60,.05);--grain-opacity: .003;--card-shadow: var(--shadow-lg);--toast-bg: #ffffff;--input-bg: rgba(253,242,248,.65)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(120px);will-change:transform}body:before{top:-20%;left:-10%;width:70%;height:70%;background:radial-gradient(circle,var(--orb1) 0%,transparent 65%);animation:orbFloat1 30s ease-in-out infinite alternate}body:after{bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,var(--orb2) 0%,transparent 65%);animation:orbFloat2 35s ease-in-out infinite alternate}#root:after{content:"";position:fixed;top:30%;right:-15%;width:55%;height:55%;background:radial-gradient(circle,var(--orb3) 0%,transparent 65%);filter:blur(120px);pointer-events:none;z-index:0;animation:orbFloat3 28s ease-in-out infinite alternate;border-radius:50%}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,5%) scale(1.05)}to{transform:translate(5%,8%) scale(.95)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}50%{transform:translate(-4%,-3%) scale(1.08)}to{transform:translate(-6%,-5%) scale(.97)}}@keyframes orbFloat3{0%{transform:translate(0) scale(1)}50%{transform:translate(-5%,4%) scale(1.03)}to{transform:translate(3%,-6%) scale(.96)}}#root{position:relative;z-index:1}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent2)}[draggable=true]{-webkit-user-drag:element}[draggable=true]:active,.dragging,.dragging *{transition:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}body,.header,.deck-card,.cat-card,.card-face,.import-section,.user-card,.auth-card,.modal-content,.toast,.md-container,.md-editor-wrap,.pdf-viewer,.stat-card,.stats-section,.group-card,.gd-stat,.tag-browse-pill,.gcl-card,.gcl-card-body,.session-row,.top-deck-row,.search-result-card,.chat-wrap,.chat-bbl,.sidebar,.sb-nav-item,.sb-folder-item,.sb-search-btn,.cmd-palette,.review-card-list,.review-card-item,.dash-stat-pill,.dash-resume-card,.group-tab,.confirm-dialog,.drop-zone,.breadcrumbs,.bottom-tabs,.more-popover{transition:background .4s var(--spring),color .4s var(--spring),border-color .4s var(--spring),box-shadow .4s var(--spring)}::selection{background:var(--accent-glow-strong);color:#fff}.theme-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;flex-shrink:0}.theme-toggle-track{width:48px;height:26px;border-radius:13px;background:var(--bg4);position:relative;transition:background .4s var(--spring);border:1px solid var(--border)}.theme-toggle-track.light{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}.theme-toggle-thumb{width:22px;height:22px;border-radius:50%;background:var(--bg2);position:absolute;top:1px;left:1px;transition:transform .4s var(--spring-bounce),background .3s var(--spring);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000040}.theme-toggle-track.light .theme-toggle-thumb{transform:translate(22px);background:#fff}.theme-icon{width:12px;height:12px;position:absolute;opacity:0;transform:scale(.3) rotate(-45deg);transition:opacity .25s,transform .4s var(--spring-bounce);color:var(--text2)}.theme-icon.visible{opacity:1;transform:scale(1) rotate(0)}.theme-toggle-track.light .theme-icon.visible{color:var(--orange)}.header{padding:14px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4);position:sticky;top:0;z-index:100;background:var(--header-bg);transition:padding .4s var(--spring),background .4s var(--spring),border-color .4s var(--spring)}.header-scrolled{padding:8px 32px;background:var(--header-bg-scroll);border-bottom-color:var(--border)}.header-scrolled .logo{font-size:17px;gap:8px}.header-scrolled .logo-icon{width:28px;height:28px;font-size:10px;border-radius:8px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:19px;font-weight:700;letter-spacing:-.4px;cursor:pointer;transition:all .4s var(--spring);color:var(--text)}.logo:hover{opacity:.8;transform:scale(.98)}.logo:active{transform:scale(.95)}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 40%,var(--accent3) 100%);background-size:200% 200%;animation:btnGradientShift 6s ease infinite;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:13px;font-weight:800;color:#fff;letter-spacing:-.5px;box-shadow:0 2px 16px var(--accent-glow-strong);transition:all .4s var(--spring);position:relative;overflow:hidden}.logo-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);opacity:0;transition:opacity .3s}.logo:hover .logo-icon:after{opacity:1}.logo-icon-img{width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 2px 16px var(--accent-glow-strong);transition:all .4s var(--spring);border:1.5px solid var(--border)}.header-scrolled .logo-icon-img{width:28px;height:28px;border-radius:8px}.logo:hover .logo-icon-img{border-color:var(--accent)}.header-actions{display:flex;gap:2px;align-items:center;background:var(--surface);border-radius:var(--radius-pill);padding:3px;border:1px solid var(--border-subtle)}.header-user{font-size:12px;color:var(--text2);font-weight:500;padding:0 10px;letter-spacing:.02em}.header-user-btn{font-size:12px;color:var(--text2)!important;border:none!important;padding:7px 12px;cursor:pointer}.header-user-btn:hover{color:var(--accent)!important;background:var(--accent-glow)!important}.header-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border);flex-shrink:0}.header-avatar-initial{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent3));display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.profile-avatar-large{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:3px solid var(--border);transition:all .3s var(--spring);box-shadow:var(--shadow-glow)}.profile-avatar-large:hover{border-color:var(--accent);transform:scale(1.03)}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-initial{font-family:var(--font-heading);font-size:36px;font-weight:800;color:#fff}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;border-radius:50%}.profile-avatar-large:hover .profile-avatar-overlay{opacity:1}.header-mobile{display:none}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:18px;cursor:pointer;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--surface-hover)}.mobile-menu-btn:active{transform:scale(.92)}.btn{padding:10px 22px;border-radius:12px;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s var(--spring);border:none;display:inline-flex;align-items:center;gap:8px;position:relative;-webkit-user-select:none;user-select:none;letter-spacing:.01em;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .2s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.96)!important}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));background-size:200% 200%;color:var(--btn-primary-text);font-weight:700;box-shadow:0 2px 16px var(--accent-glow-strong),var(--shadow-sm);animation:btnGradientShift 4s ease infinite}@keyframes btnGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 24px var(--accent-glow-strong),0 8px 32px var(--accent-glow),var(--shadow-md)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-danger{background:#fca5a514;color:var(--red);border:1px solid rgba(252,165,165,.12)}.btn-danger:hover{background:#fca5a526}.btn-small{padding:6px 14px;font-size:12px;border-radius:10px}.btn-ghost{background:none;border:1px solid transparent;color:var(--text2);padding:7px 14px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s var(--spring);-webkit-user-select:none;user-select:none}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-ghost:active{transform:scale(.96)}.btn-ghost.active{background:var(--accent-glow);color:var(--accent);border-color:transparent}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:8px;font-size:var(--text-xs);font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.form-input{width:100%;padding:12px 16px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-family:var(--font-body);transition:all .3s var(--spring)}.form-input:hover{border-color:var(--accent-glow)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg2)}.form-input::placeholder{color:#8b89a366}textarea.form-input{min-height:200px;resize:vertical;font-family:var(--font-mono);font-size:13px;line-height:1.6}.error-msg{color:var(--red);font-size:13px;margin-top:8px;animation:shakeIn .4s var(--spring)}.success-msg{color:var(--green);font-size:13px;margin-top:8px;animation:fadeIn .3s ease}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--bg);border:1.5px solid var(--bg4);border-radius:5px;cursor:pointer;transition:all .25s var(--spring-bounce);position:relative;flex-shrink:0}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--btn-primary-text);font-size:11px;font-weight:900}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shakeIn{0%{opacity:0;transform:translate(-8px)}40%{transform:translate(4px)}70%{transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes springScale{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ringDraw{0%{stroke-dashoffset:var(--ring-circumference, 440)}to{stroke-dashoffset:var(--ring-offset, 0)}}.stagger-in>*{opacity:0;animation:fadeInUp .5s var(--spring) forwards}.stagger-in>*:nth-child(1){animation-delay:.03s}.stagger-in>*:nth-child(2){animation-delay:.07s}.stagger-in>*:nth-child(3){animation-delay:.11s}.stagger-in>*:nth-child(4){animation-delay:.15s}.stagger-in>*:nth-child(5){animation-delay:.19s}.stagger-in>*:nth-child(6){animation-delay:.23s}.stagger-in>*:nth-child(7){animation-delay:.27s}.stagger-in>*:nth-child(8){animation-delay:.31s}.stagger-in>*:nth-child(9){animation-delay:.35s}.stagger-in>*:nth-child(10){animation-delay:.39s}.stagger-in>*:nth-child(n+11){animation-delay:.42s}.spinner{width:28px;height:28px;border:2.5px solid var(--accent-glow);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:var(--text2);font-size:13px;animation:fadeIn .4s ease}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite;border-radius:8px}.route-transition{animation:routeEnter .35s var(--spring) both}@keyframes routeEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.interactive-card{position:relative;overflow:hidden}.interactive-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--spring);background:radial-gradient(350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.interactive-card:hover:after{opacity:1}.interactive-card>*{position:relative;z-index:1}@media (hover: none){.interactive-card:after{display:none}}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.page{max-width:var(--content-default);margin:0 auto;padding:48px 28px 100px}.page h1{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.04em;margin-bottom:6px;color:var(--text);line-height:1.15}.page .subtitle{color:var(--text2);font-size:var(--text-md);margin-bottom:40px;line-height:1.5}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.deck-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;cursor:pointer;transition:transform .35s var(--spring),border-color .35s var(--spring),box-shadow .35s var(--spring);position:relative;overflow:hidden}.deck-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--spring);background:radial-gradient(350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.deck-card:hover:after{opacity:1}.deck-card>*{position:relative;z-index:1}.deck-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cat-color, var(--accent));opacity:.6;transition:opacity .3s,height .3s var(--spring)}.deck-card:hover:before{height:3px;opacity:1}.deck-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-glow-strong),0 16px 40px #00000026}.deck-card:active{transform:translateY(-1px) scale(.99);transition-duration:.1s}.deck-card h3{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}.deck-card .card-count{color:var(--text2);font-size:12px}.deck-card .deck-tag{display:inline-block;margin-top:12px;padding:4px 12px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent-glow)}.folder-icon{width:40px;height:40px;border-radius:10px;background:#fcd34d0f;border:1px solid rgba(252,211,77,.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s var(--spring)}.deck-card:hover .folder-icon{transform:scale(1.08);background:#fcd34d1a}.folder-icon svg{width:20px;height:20px;color:var(--orange)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:24px}.cat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:transform .35s var(--spring),border-color .35s var(--spring),box-shadow .35s var(--spring);position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cat-color, var(--accent));opacity:.6;transition:opacity .3s,height .3s var(--spring)}.cat-card:hover:before{height:3px;opacity:1}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-strong);border-color:var(--border-hover)}.cat-card:active{transform:translateY(0) scale(.99)}.cat-card h3{font-family:var(--font-heading);font-size:15px;font-weight:700;margin-bottom:3px;letter-spacing:-.02em}.cat-card .card-count{color:var(--text2);font-size:12px}.study-container{max-width:var(--content-narrow);margin:0 auto;padding:32px 24px 120px}.study-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.study-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--text2);letter-spacing:-.01em}.study-timer{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text2);padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);letter-spacing:.02em}.ctrl-btn{padding:7px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all .25s var(--spring)}.ctrl-btn:hover{background:var(--surface-hover);color:var(--text)}.ctrl-btn:active{transform:scale(.95)}.ctrl-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--btn-primary-text);border-color:transparent;box-shadow:0 2px 16px var(--accent-glow-strong);font-weight:700}.progress-wrap{margin-bottom:28px}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--text2);font-weight:500}.progress-bar{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent2),var(--accent),var(--accent3));background-size:200% 100%;animation:gradientShift 3s ease infinite;transition:width .5s var(--spring);position:relative}.card-scene{perspective:1200px;margin-bottom:28px;cursor:pointer}.flashcard{width:100%;min-height:340px;position:relative;transform-style:preserve-3d;transition:transform .6s var(--spring)}.flashcard.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:100%;min-height:340px;backface-visibility:hidden;border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:44px;text-align:center;border:1px solid var(--border);overflow:hidden}.card-front{background:var(--card-front);box-shadow:var(--shadow-glow),var(--shadow-lg)}.card-front:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:cardShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes cardShimmer{0%,to{left:-100%}50%{left:150%}}.card-front .card-label{position:absolute;top:20px;left:24px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text2);opacity:.4}.card-front .card-text{font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.35}.card-front .tap-hint{position:absolute;bottom:20px;font-size:11px;color:var(--text2);opacity:.3;letter-spacing:.02em;transition:opacity .3s}.card-scene:hover .card-front .tap-hint{opacity:.5}.card-back{background:var(--card-back);transform:rotateY(180deg);box-shadow:var(--shadow-glow),var(--shadow-lg)}.card-back .card-label{position:absolute;top:20px;left:24px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--green);opacity:.5}.card-back .card-text{font-size:15px;font-weight:400;line-height:1.7;color:var(--text);max-height:240px;overflow-y:auto;scrollbar-width:thin}.card-md{text-align:left;width:100%}.card-md p{margin-bottom:8px}.card-md p:last-child{margin-bottom:0}.card-md ul,.card-md ol{padding-left:20px;margin-bottom:8px;text-align:left}.card-md li{margin-bottom:2px;line-height:1.5}.card-md strong{font-weight:700}.card-md code{background:#ffffff0f;padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:.88em}[data-theme=light] .card-md code{background:#0000000d}.card-md table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.9em}.card-md th,.card-md td{border:1px solid var(--border);padding:4px 8px;text-align:left}.card-md th{background:var(--bg3);font-weight:600}.card-md blockquote{border-left:2px solid var(--accent);padding-left:12px;color:var(--text2);margin:8px 0}.card-front .card-md,.card-front .card-md p{text-align:center}.card-md.inline{display:inline}.card-md.inline p{display:inline;margin:0}.card-md.inline ul,.card-md.inline ol{margin:0;padding-left:16px}.card-md.inline li{margin:0}.rating-row{display:flex;gap:10px;justify-content:center;margin-bottom:22px}.rate-btn{flex:1;max-width:180px;padding:14px 18px;border:1.5px solid;border-radius:14px;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;transition:all .25s var(--spring);background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.rate-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s;border-radius:inherit}.rate-btn.know{border-color:#4ade8040;color:var(--green)}.rate-btn.know:before{background:#4ade8014}.rate-btn.know:hover{border-color:#4ade8080;transform:translateY(-3px);box-shadow:0 4px 24px #4ade802e}.rate-btn.know:hover:before{opacity:1}.rate-btn.know:active{transform:translateY(0) scale(.97)}.rate-btn.dunno{border-color:#fb718540;color:var(--red)}.rate-btn.dunno:before{background:#fb718514}.rate-btn.dunno:hover{border-color:#fb718580;transform:translateY(-3px);box-shadow:0 4px 24px #fb71852e}.rate-btn.dunno:hover:before{opacity:1}.rate-btn.dunno:active{transform:translateY(0) scale(.97)}.rate-btn.skip{border-color:var(--border);color:var(--text2);max-width:100px}.rate-btn.skip:hover{background:var(--surface);transform:translateY(-1px)}.rate-btn.skip:active{transform:translateY(0) scale(.97)}.nav-row{display:flex;justify-content:center;gap:16px;align-items:center}.nav-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:14px;font-size:18px;cursor:pointer;transition:all .25s var(--spring)}.nav-btn:hover{background:var(--surface-hover);color:var(--text);transform:scale(1.05)}.nav-btn:active{transform:scale(.92)}.nav-btn:disabled{opacity:.2;cursor:not-allowed}.nav-btn:disabled:hover{transform:none;background:var(--surface)}.nav-btn:disabled:active{transform:none}.nav-counter{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text2);min-width:80px;text-align:center}.results{max-width:var(--content-narrow);margin:0 auto;padding:48px 24px;text-align:center;position:relative}.results-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;animation:springScale .6s var(--spring) .1s backwards}.results-icon.icon-trophy{background:#fcd34d14;border:1.5px solid rgba(252,211,77,.2);color:var(--orange);box-shadow:0 0 40px #fcd34d1a}.results-icon.icon-fire{background:var(--accent-glow);border:1.5px solid rgba(167,139,250,.15);color:var(--accent);box-shadow:0 0 40px var(--accent-glow)}.results-icon.icon-strong{background:#6ee7b714;border:1.5px solid rgba(110,231,183,.2);color:var(--green);box-shadow:0 0 40px #6ee7b71a}.results-icon.icon-books{background:#818cf814;border:1.5px solid rgba(129,140,248,.2);color:var(--accent2);box-shadow:0 0 40px #818cf81a}.results h2{font-family:var(--font-heading);font-size:30px;font-weight:800;margin-bottom:8px;letter-spacing:-.04em;animation:fadeInUp .5s var(--spring) .15s backwards}.results .sub{color:var(--text2);font-size:15px;margin-bottom:40px;animation:fadeInUp .5s var(--spring) .2s backwards}.results-stats{display:flex;justify-content:center;gap:32px;margin-bottom:40px;animation:fadeInUp .5s var(--spring) .35s backwards}.results-stat{text-align:center}.results-stat .num{font-family:var(--font-heading);font-size:40px;font-weight:800;letter-spacing:-.04em}.results-stat .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-top:4px;font-weight:600}.results-stat.green .num{color:var(--green)}.results-stat.red .num{color:var(--red)}.results-stat.gray .num{color:var(--text2)}.results-ring{width:170px;height:170px;margin:0 auto 40px;position:relative;animation:springScale .6s var(--spring) .25s backwards}.results-ring svg{transform:rotate(-90deg)}.results-ring .ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.results-ring .ring-pct{font-family:var(--font-heading);font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent3),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em}.results-ring .ring-label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.results-duration{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;font-family:var(--font-mono);font-size:13px;color:var(--text2);animation:fadeIn .5s var(--spring) .4s backwards}.results-duration-sep{opacity:.3}.result-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .5s var(--spring) .45s backwards}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.kb-hints{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:14px;padding:10px 20px;background:var(--header-bg-scroll);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:11px;color:var(--text2);animation:fadeIn .5s var(--spring) .8s backwards;box-shadow:var(--shadow-lg)}.kb-hint{display:flex;align-items:center;gap:5px}.kb-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--bg4);border-radius:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text);border:1px solid var(--border);box-shadow:0 1px 2px #0003}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse at 20% 50%,rgba(217,70,239,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.14) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(244,114,182,.12) 0%,transparent 50%),radial-gradient(ellipse at 60% 40%,rgba(236,72,153,.08) 0%,transparent 50%);animation:meshFloat 20s ease-in-out infinite;pointer-events:none}@keyframes meshFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,-3%) rotate(1deg)}66%{transform:translate(-2%,2%) rotate(-1deg)}}.auth-card{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;animation:authCardEnter .7s var(--spring);box-shadow:var(--shadow-xl),var(--shadow-glow);position:relative;z-index:1}@keyframes authCardEnter{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card h1{font-family:var(--font-heading);font-size:28px;font-weight:800;margin-bottom:6px;text-align:center;color:var(--text);letter-spacing:-.04em;animation:fadeInUp .5s var(--spring) .15s backwards}.auth-card .subtitle{color:var(--text2);text-align:center;margin-bottom:32px;font-size:14px;animation:fadeInUp .5s var(--spring) .2s backwards}.auth-card .form-group{animation:fadeInUp .5s var(--spring) .25s backwards}.auth-card .form-group:nth-child(2){animation-delay:.3s}.auth-card .btn-primary{animation:fadeInUp .5s var(--spring) .35s backwards}.auth-card .auth-footer{text-align:center;margin-top:24px;font-size:12px;color:var(--text2);animation:fadeIn .5s var(--spring) .4s backwards}.import-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px}.import-section h3{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}.import-section p{color:var(--text2);font-size:13px;line-height:1.6;margin-bottom:14px}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:16px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text2);overflow-x:auto;white-space:pre;margin-bottom:14px}.copy-btn{padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text2);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.copy-btn:hover{background:var(--surface-hover);color:var(--text)}.copy-btn:active{transform:scale(.95)}.deck-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;z-index:2}.delete-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text2);font-size:18px;line-height:1;cursor:pointer;opacity:0;transition:all .25s var(--spring);padding:0;border-radius:8px}.deck-card:hover .delete-btn{opacity:.4}.delete-btn:hover{opacity:1!important;color:var(--red);background:#fca5a51a;transform:scale(1.1)}.delete-btn:active{transform:scale(.9)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--overlay);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);animation:fadeIn .2s ease;padding:24px}.modal-content{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:440px;box-shadow:var(--shadow-xl),var(--shadow-glow);animation:modalEnter .35s var(--spring)}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.toast-container{position:fixed;top:76px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--toast-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-xl);font-size:13px;font-weight:500;color:var(--text);min-width:280px;max-width:400px;animation:toastIn .4s var(--spring-bounce);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.toast-exit{animation:toastOut .3s var(--spring) forwards}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--accent)}.toast-warning{border-left:3px solid var(--orange)}.toast-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-info .toast-icon{color:var(--accent)}.toast-warning .toast-icon{color:var(--orange)}.toast-message{flex:1}.toast-close{background:none;border:none;color:var(--text2);cursor:pointer;padding:4px;font-size:14px;opacity:.3;transition:opacity .2s;border-radius:6px}.toast-close:hover{opacity:1;background:var(--surface)}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(40px) scale(.95)}}.confirm-dialog{text-align:center}.confirm-dialog .confirm-icon{width:52px;height:52px;border-radius:50%;background:#fca5a50f;border:1.5px solid rgba(252,165,165,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:22px;color:var(--red);animation:springScale .4s var(--spring)}.confirm-dialog h3{text-align:center;margin-bottom:8px}.confirm-dialog p{color:var(--text2);font-size:13px;margin-bottom:28px;line-height:1.5}.confirm-btns{display:flex;gap:10px;justify-content:center}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 24px;animation:fadeIn .6s var(--spring)}.empty-state-icon{width:72px;height:72px;border-radius:50%;background:var(--accent-glow);border:1.5px solid rgba(167,139,250,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:gentleFloat 5s ease-in-out infinite;box-shadow:0 0 40px var(--accent-glow)}.empty-state-icon svg{width:28px;height:28px;color:var(--accent);opacity:.6}.empty-state p{color:var(--text2);font-size:14px;max-width:340px;margin:0 auto;line-height:1.7}.breadcrumbs{display:flex;align-items:center;gap:2px;margin-bottom:20px;flex-wrap:wrap;padding:6px 12px;background:var(--surface);border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.breadcrumb-sep{color:var(--text2);opacity:.3;font-size:12px;-webkit-user-select:none;user-select:none;padding:0 2px}.breadcrumb-drop-target{background:var(--accent-glow)!important;color:var(--accent)!important;border-color:var(--accent)!important;transform:scale(1.06);box-shadow:0 0 16px var(--accent-glow)}.user-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:all .3s var(--spring)}.user-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.user-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:15px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--accent-glow)}.user-details .user-name{font-family:var(--font-heading);font-size:15px;font-weight:700}.user-details .user-meta{font-size:11px;color:var(--text2);margin-top:2px}.admin-badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;background:var(--accent-glow);color:var(--accent);margin-left:6px;letter-spacing:.06em}.user-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.doc-page{padding-bottom:60px;max-width:var(--content-full)}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:24px}.doc-viewer-wrap{position:relative}.doc-viewer-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.doc-pptx-placeholder{text-align:center;padding:60px 24px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.pptx-viewer{animation:fadeInUp .4s var(--spring)}.pptx-slide-frame{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-lg)}.pptx-slide{padding:40px 48px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.pptx-slide-title{font-family:var(--font-heading);font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:20px;color:var(--text);line-height:1.2}.pptx-slide-text{font-size:15px;line-height:1.7;color:var(--text2);margin-bottom:6px}.pptx-slide-text:last-child{margin-bottom:0}.pptx-slide-empty{color:var(--text2);opacity:.4;font-size:14px;text-align:center}.pptx-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.pptx-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:thin}.pptx-thumb{flex-shrink:0;width:120px;padding:10px;background:var(--bg2);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s var(--spring);display:flex;flex-direction:column;gap:4px;font-family:var(--font-body)}.pptx-thumb:hover{border-color:var(--border-hover);background:var(--surface-hover)}.pptx-thumb.active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 12px var(--accent-glow)}.pptx-thumb-num{font-size:10px;font-weight:700;color:var(--text2);letter-spacing:.06em}.pptx-thumb.active .pptx-thumb-num{color:var(--accent)}.pptx-thumb-preview{font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media (max-width: 640px){.pptx-slide{padding:24px 20px}.pptx-slide-title{font-size:18px}.pptx-slide-text{font-size:13px}.pptx-thumb{width:90px;padding:8px}}.pdf-viewer{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pdf-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg3);border-bottom:1px solid var(--border);flex-wrap:wrap}.pdf-toolbar-group{display:flex;align-items:center;gap:6px}.pdf-toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.pdf-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.pdf-tool-btn:hover{background:var(--surface-hover)}.pdf-tool-btn:active{transform:scale(.92)}.pdf-tool-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-tool-btn:disabled:active{transform:none}.pdf-page-info{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:13px;color:var(--text2)}.pdf-page-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:13px;text-align:center;padding:4px 2px}.pdf-page-input:focus{outline:none;border-color:var(--accent)}.pdf-page-total{color:var(--text2)}.pdf-zoom-label{font-family:var(--font-mono);font-size:12px;color:var(--text2);min-width:38px;text-align:center}.pdf-content{display:flex;justify-content:center;padding:24px;overflow:auto;background:var(--bg);min-height:300px}.pdf-mobile{position:relative;width:100%;height:calc(100vh - 180px);min-height:400px;background:#111113;border-radius:var(--radius);overflow:hidden;-webkit-user-select:none;user-select:none}[data-theme=light] .pdf-mobile{background:#e8e8f0}.pdf-mobile .react-transform-wrapper,.pdf-mobile .react-transform-component{width:100%!important;height:100%!important}.pdf-mobile canvas{display:block;max-width:none!important}.pdf-mobile-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 8px;background:#111113eb;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-xl);z-index:10}[data-theme=light] .pdf-mobile-bar{background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-lg)}.pdf-mobile-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffffd9;border-radius:10px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}[data-theme=light] .pdf-mobile-btn{color:var(--text)}.pdf-mobile-btn:active{background:#ffffff1a}[data-theme=light] .pdf-mobile-btn:active{background:#0000000f}.pdf-mobile-btn:disabled{opacity:.25;pointer-events:none}.pdf-mobile-page-btn{display:flex;align-items:baseline;gap:3px;padding:6px 16px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;font-family:var(--font-mono);-webkit-tap-highlight-color:transparent;transition:background .15s}[data-theme=light] .pdf-mobile-page-btn{background:#0000000a;border-color:#00000014}.pdf-mobile-page-btn:active{background:#ffffff24}[data-theme=light] .pdf-mobile-page-btn:active{background:#00000014}.pdf-mobile-page-current{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em}[data-theme=light] .pdf-mobile-page-current{color:var(--text)}.pdf-mobile-page-sep{font-size:13px;color:#ffffff4d;margin:0 1px}[data-theme=light] .pdf-mobile-page-sep{color:var(--text2)}.pdf-mobile-page-total{font-size:13px;color:#ffffff73}[data-theme=light] .pdf-mobile-page-total{color:var(--text2)}.pdf-mobile-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:8px 16px;background:#111113d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-pill);font-size:12px;color:#fff9;white-space:nowrap;pointer-events:none;z-index:9;animation:pdfHintFade 4s ease-in-out forwards}[data-theme=light] .pdf-mobile-hint{background:#ffffffd9;color:var(--text2)}@keyframes pdfHintFade{0%,60%{opacity:1}to{opacity:0}}.pdf-mobile-error{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px;color:var(--red);text-align:center}.md-container:has(.docx-content){background:#f5f3f0;border-color:#00000014}.docx-content,.docx-content *{color:#1a1a1a!important}.docx-content strong,.docx-content h1,.docx-content h2,.docx-content h3,.docx-content h4{color:#0a0a0a!important}.docx-content a{color:#2563eb!important}.docx-content blockquote{color:#555;border-left-color:#c084fc}.docx-content code{background:#0000000f;color:#1a1a1a}.docx-content pre{background:#eae8e4;border-color:#00000014}.docx-content img{max-width:100%;border-radius:8px;margin:12px 0}.docx-content table{width:100%;border-collapse:collapse;margin:16px 0}.docx-content th,.docx-content td{border:1px solid rgba(0,0,0,.1);padding:8px 12px;font-size:14px;color:#1a1a1a}.docx-content th{background:#0000000a;font-weight:600}[data-theme=light] .md-container:has(.docx-content){background:#fff;border-color:var(--border)}.collabora-editor-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:#f5f3f0;overflow:hidden}[data-theme=light] .collabora-editor-wrap{background:#fff}.collabora-top-bar{height:36px;display:flex;justify-content:flex-end;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg3)}.collabora-iframe{width:100%;height:calc(100% - 36px);border:none;display:block}.pdf-thumb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;animation:fadeIn .15s ease}.pdf-thumb-drawer{position:absolute;bottom:0;left:0;right:0;max-height:55vh;background:var(--bg2);border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -8px 40px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s var(--spring);overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pdf-thumb-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;font-size:14px;font-weight:700;color:var(--text);flex-shrink:0;border-bottom:1px solid var(--border)}.pdf-thumb-strip{display:flex;gap:12px;padding:16px 18px 24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.pdf-thumb-strip::-webkit-scrollbar{display:none}.pdf-thumb{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;scroll-snap-align:center;transition:border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}.pdf-thumb canvas{border-radius:6px;box-shadow:0 2px 8px #0003}.pdf-thumb.active{border-color:var(--accent);transform:scale(1.04)}.pdf-thumb:active{transform:scale(.96)}.pdf-thumb-label{font-size:11px;font-weight:600;color:var(--text2)}.pdf-thumb.active .pdf-thumb-label{color:var(--accent)}.md-container{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:36px}.md-editor-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg2);display:flex;flex-direction:column}.md-editor-wrap.md-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;border-radius:0;border:none}.md-editor-wrap.md-fullscreen .md-editor-body{flex:1;min-height:0}.md-editor-wrap.md-fullscreen .md-preview-pane{max-height:none}.md-editor-wrap.md-fullscreen .md-textarea{min-height:0}.md-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;background:var(--bg3);border-bottom:1px solid var(--border);flex-wrap:nowrap;overflow-x:auto;flex-shrink:0}.md-toolbar-btns{display:flex;align-items:center;gap:1px;flex-shrink:0}.md-toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 3px;flex-shrink:0}.md-tool-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:6px;color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.md-tool-btn:hover{background:var(--surface-hover);color:var(--text)}.md-tool-btn:active{transform:scale(.9)}.md-tool-btn:disabled{opacity:.3;cursor:default}.md-tool-btn:disabled:active{transform:none}.md-tb-bold{font-weight:900}.md-tb-italic{font-style:italic}.md-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.md-autosave-badge{font-size:10px;color:var(--green);font-weight:600;padding:2px 8px;background:#6ee7b714;border-radius:var(--radius-pill);animation:fadeIn .3s ease}.md-tab-toggle{display:none;background:var(--bg);border-radius:8px;padding:2px;gap:2px}.md-tab-btn{padding:5px 12px;border:none;background:none;border-radius:6px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;transition:var(--transition)}.md-tab-btn.active{background:var(--bg3);color:var(--text)}.find-replace-bar{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border);animation:slideInDown .2s var(--spring);flex-shrink:0}.fr-row{display:flex;align-items:center;gap:6px}.fr-input{flex:1;padding:6px 10px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none}.fr-input:focus{border-color:var(--accent)}.fr-count{font-size:11px;color:var(--text2);min-width:60px;text-align:right}.fr-btn{padding:5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font-body)}.fr-btn:hover{background:var(--surface-hover);color:var(--text)}.fr-btn:disabled{opacity:.3}.fr-close{border:none;font-size:14px;width:28px;padding:0}.md-editor-body{display:grid;grid-template-columns:1fr 1fr;min-height:max(500px,calc(100vh - 300px));flex:1}.md-editor-pane{border-right:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.md-editor-inner{display:flex;flex:1;overflow:auto}.line-numbers{padding:16px 0;background:var(--bg);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:40px;text-align:right}.line-num{font-family:var(--font-mono);font-size:12px;line-height:1.7;color:#8b89a340;padding:0 8px 0 4px;height:calc(1.7 * 13px)}.md-textarea{width:100%;height:100%;min-height:max(500px,calc(100vh - 300px));padding:16px;background:var(--input-bg);border:none;color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.7;resize:none;outline:none;-moz-tab-size:2;tab-size:2;flex:1}.md-textarea::placeholder{color:#8b89a34d}.md-preview-pane{overflow-y:auto}.md-preview{padding:20px}.md-statusbar{display:flex;gap:16px;padding:5px 12px;background:var(--bg3);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text2);flex-shrink:0}.md-statusbar-right{margin-left:auto;font-family:var(--font-body);font-weight:500}.md-preview h1{font-family:var(--font-heading);font-size:26px;font-weight:800;margin:24px 0 12px;letter-spacing:-.03em}.md-preview h2{font-family:var(--font-heading);font-size:20px;font-weight:700;margin:20px 0 10px;letter-spacing:-.02em}.md-preview h3{font-family:var(--font-heading);font-size:17px;font-weight:700;margin:16px 0 8px}.md-preview h4{font-family:var(--font-heading);font-size:15px;font-weight:700;margin:14px 0 6px}.md-preview p{line-height:1.7;margin-bottom:12px;color:var(--text)}.md-preview ul,.md-preview ol{padding-left:24px;margin-bottom:12px}.md-preview li{line-height:1.6;margin-bottom:4px}.md-preview strong{font-weight:700;color:var(--text)}.md-preview em{font-style:italic}.md-preview code{background:var(--bg3);padding:2px 6px;border-radius:5px;font-family:var(--font-mono);font-size:.88em}.md-preview pre{background:var(--bg);padding:16px;border-radius:10px;overflow-x:auto;margin-bottom:16px;border:1px solid var(--border)}.md-preview pre code{background:none;padding:0}.md-preview blockquote{border-left:3px solid var(--accent);padding-left:16px;color:var(--text2);margin:12px 0}.md-preview table{width:100%;border-collapse:collapse;margin-bottom:16px}.md-preview th,.md-preview td{border:1px solid var(--border);padding:8px 12px;text-align:left;font-size:14px}.md-preview th{background:var(--bg3);font-weight:600}.md-preview a{color:var(--accent)}.md-preview img{max-width:100%;border-radius:10px}.md-preview hr{border:none;border-top:1px solid var(--border);margin:24px 0}.drop-zone{border:2px dashed var(--border-hover);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:48px 28px;background:var(--surface);transition:all .3s var(--spring)}.drop-zone:hover{border-color:var(--accent);background:var(--accent-glow)}.drop-zone.drag-active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 60px var(--accent-glow);transform:scale(1.01)}.drop-zone-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-glow);border:1px solid rgba(167,139,250,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:all .3s var(--spring)}.drop-zone:hover .drop-zone-icon{transform:scale(1.08)}.drop-zone-icon svg{width:24px;height:24px;color:var(--accent)}.deck-progress-overview{display:flex;align-items:center;gap:32px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px}.progress-stats{flex:1;display:flex;flex-direction:column;gap:10px}.ps-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.ps-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ps-know .ps-dot{background:var(--green)}.ps-dunno .ps-dot{background:var(--red)}.ps-skip .ps-dot{background:var(--text2);opacity:.4}.ps-unstudied .ps-dot{background:var(--bg4);border:1.5px solid var(--text2)}.ps-label{flex:1;color:var(--text2)}.ps-count{font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--text);min-width:28px;text-align:right}.deck-actions{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}.section-heading{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:14px;color:var(--text)}.review-filters{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.review-card-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:32px;max-height:480px;overflow-y:auto}.review-card-item{display:grid;grid-template-columns:1fr 1.5fr auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;transition:background .2s var(--spring)}.review-card-item:last-child{border-bottom:none}.review-card-item:hover{background:var(--surface-hover)}.rci-front{font-family:var(--font-heading);font-weight:600;font-size:13px;color:var(--text)}.rci-back{color:var(--text2);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rci-status{flex-shrink:0}.deck-card-progress{margin-top:14px}.dcp-bar{height:4px;background:var(--bg4);border-radius:2px;overflow:hidden;margin-bottom:5px}.dcp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent3),var(--green));background-size:200% 100%;animation:gradientShift 4s ease infinite;border-radius:2px;transition:width .6s var(--spring)}.dcp-label{font-size:11px;color:var(--text2);font-weight:500}@media (max-width: 640px){.deck-progress-overview{flex-direction:column;text-align:center;gap:20px;padding:24px 20px}.progress-stats{width:100%}.review-card-item{grid-template-columns:1fr auto;gap:8px;padding:12px 14px}.rci-back{display:none}.review-filters{gap:4px}.review-filters .ctrl-btn{font-size:11px;padding:6px 10px}.deck-actions{flex-direction:column}.deck-actions .btn{justify-content:center}}.stats-page{max-width:var(--content-default)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;margin-bottom:32px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center;transition:transform .3s var(--spring),border-color .3s var(--spring),box-shadow .3s var(--spring);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--accent-glow) 0%,transparent 50%);opacity:0;transition:opacity .3s}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--spring);background:radial-gradient(300px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.stat-card:hover:before{opacity:.7}.stat-card:hover:after{opacity:1}.stat-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.stat-card>*{position:relative;z-index:1}@media (hover: none){.stat-card:after{display:none}}.stat-value{font-family:var(--font-heading);font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-top:8px}.stat-sub{font-size:11px;color:var(--text2);margin-top:3px}.stats-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:16px}.stats-section h2{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:18px;color:var(--text)}.breakdown-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--bg4);margin-bottom:14px}.bb-know{background:linear-gradient(90deg,#22c55e,var(--green));transition:width .8s var(--spring)}.bb-dunno{background:linear-gradient(90deg,#f43f5e,var(--red));transition:width .8s var(--spring)}.bb-skip{background:var(--text2);opacity:.3;transition:width .8s var(--spring)}.breakdown-legend{display:flex;gap:18px;flex-wrap:wrap}.bl-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2);font-weight:500}.bl-dot{width:8px;height:8px;border-radius:50%}.bl-dot.know{background:var(--green)}.bl-dot.dunno{background:var(--red)}.bl-dot.skip{background:var(--text2);opacity:.4}.week-chart{padding:8px 0}.week-bars{display:flex;gap:10px;align-items:flex-end}.week-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.week-bar-wrap{width:100%;height:110px;display:flex;align-items:flex-end;justify-content:center}.week-bar{width:100%;max-width:44px;border-radius:6px 6px 0 0;background:var(--bg4);transition:height .6s var(--spring);min-height:4px}.week-bar.active{background:linear-gradient(to top,var(--accent2),var(--accent),var(--accent3))}.week-bar.today.active{box-shadow:0 0 20px var(--accent-glow-strong)}.week-day{font-size:11px;font-weight:600;color:var(--text2)}.week-day.today{color:var(--accent);font-weight:700}.week-count{font-family:var(--font-mono);font-size:10px;color:var(--text2);height:14px;font-weight:600}.top-decks{display:flex;flex-direction:column;gap:8px}.top-deck-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;transition:all .25s var(--spring)}.top-deck-row:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.top-deck-rank{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text2);width:28px;flex-shrink:0}.top-deck-info{flex:1;min-width:0}.top-deck-title{font-family:var(--font-heading);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-deck-meta{font-size:11px;color:var(--text2);margin-top:2px}.top-deck-avg{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--accent);flex-shrink:0;letter-spacing:-.02em}.stats-best{text-align:center;background:linear-gradient(160deg,var(--accent-glow) 0%,transparent 40%,rgba(129,140,248,.03) 100%);border-color:#a78bfa14;position:relative;overflow:hidden}.stats-best:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);animation:cardShimmer 6s ease-in-out infinite}.best-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);margin-bottom:4px;position:relative}.best-pct{font-family:var(--font-heading);font-size:52px;font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,var(--accent),var(--accent3),var(--green));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;line-height:1.1;position:relative}.best-deck{font-size:13px;color:var(--text2);margin-top:4px;position:relative}.session-list{display:flex;flex-direction:column;gap:6px}.session-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;transition:all .25s var(--spring);gap:12px}.session-row:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.session-info{flex:1;min-width:0}.session-title{font-family:var(--font-heading);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{font-size:11px;color:var(--text2);margin-top:2px}.session-score{text-align:right;flex-shrink:0}.session-pct{font-family:var(--font-heading);font-size:16px;font-weight:800}.session-pct.high{color:var(--green)}.session-pct.mid{color:var(--orange)}.session-pct.low{color:var(--red)}.session-breakdown{font-family:var(--font-mono);font-size:10px;color:var(--text2);margin-top:1px}.sb-know{color:var(--green)}.sb-dunno{color:var(--red)}.sb-sep{opacity:.3;margin:0 2px}.global-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--overlay);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);animation:fadeIn .15s ease}.global-drop-box{text-align:center;padding:56px 64px;background:var(--bg2);border:2px dashed var(--accent);border-radius:var(--radius-xl);box-shadow:0 0 80px var(--accent-glow),var(--shadow-xl);animation:springScale .3s var(--spring)}.global-drop-icon{color:var(--accent);margin-bottom:16px;animation:gentleFloat 3s ease-in-out infinite}.global-drop-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.global-drop-sub{font-size:14px;color:var(--text2)}.upload-widget{position:fixed;bottom:20px;right:20px;width:360px;max-height:420px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl),var(--shadow-glow);z-index:500;overflow:hidden;animation:uploadWidgetIn .35s var(--spring-bounce)}@keyframes uploadWidgetIn{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg3);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.upload-widget-header:hover{background:var(--bg4)}.upload-widget-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.upload-widget-btn{background:none;border:none;color:var(--text2);font-size:11px;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;transition:var(--transition)}.upload-widget-btn:hover{background:var(--surface-hover);color:var(--text)}.upload-widget-list{max-height:320px;overflow-y:auto}.upload-item{padding:12px 16px;border-bottom:1px solid var(--border);transition:background .2s}.upload-item:last-child{border-bottom:none}.upload-item:hover{background:var(--surface)}.upload-done{cursor:pointer}.upload-item-top{display:flex;align-items:center;gap:10px}.upload-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-item-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item-meta{font-size:11px;color:var(--text2)}.upload-item-result{color:var(--green);font-weight:500}.upload-item-err{color:var(--red)}.upload-item-dismiss{background:none;border:none;color:var(--text2);font-size:16px;cursor:pointer;padding:4px;opacity:.3;transition:all .2s;flex-shrink:0;border-radius:6px}.upload-item:hover .upload-item-dismiss{opacity:.6}.upload-item-dismiss:hover{opacity:1!important;background:var(--surface)}.upload-spinner{width:18px;height:18px;border:2px solid var(--accent-glow);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.upload-progress-track{height:3px;background:var(--bg4);border-radius:2px;margin-top:8px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:2px;transition:width .3s ease}.presence-bar{display:flex;align-items:center;gap:8px}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:breathe 2s ease-in-out infinite}@media (max-width: 960px) and (min-width: 769px){.page{max-width:var(--content-default);padding:40px 24px 80px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.deck-detail-panels{grid-template-columns:180px 1fr;gap:16px}.stats-grid{grid-template-columns:repeat(3,1fr)}.study-hud{flex-wrap:wrap;gap:10px}.study-hud-right{flex-wrap:wrap}}@media (max-width: 768px){.upload-widget{left:12px;right:12px;width:auto;bottom:12px}.mobile-menu-btn{display:flex}.header-desktop{display:none}.header-mobile{display:flex;position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;height:100dvh;background:var(--bg);border-left:1px solid var(--border);flex-direction:column;padding:0;gap:0;align-items:stretch;transform:translate(100%);transition:transform .35s var(--spring);z-index:200;box-shadow:-20px 0 60px #0006;overflow-y:auto;border-radius:0}.header-mobile.open{transform:translate(0)}.header-mobile:before{content:"Menu";display:block;font-family:var(--font-heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);padding:28px 24px 14px;border-bottom:1px solid var(--border);margin-bottom:8px}.header-mobile .btn-ghost{justify-content:flex-start;padding:16px 24px;font-size:15px;font-weight:500;border-radius:0;border:none;color:var(--text);transition:background .15s}.header-mobile .btn-ghost:hover,.header-mobile .btn-ghost:active{background:var(--surface-hover)}.header-mobile .btn-ghost.active{background:var(--accent-glow);color:var(--accent);border:none;border-right:3px solid var(--accent);font-weight:700}.header-mobile .header-user{padding:16px 24px;font-size:13px;border-top:1px solid var(--border);margin-top:auto;color:var(--text2);background:var(--bg2)}.header-mobile .btn-ghost:last-of-type{border-top:1px solid var(--border);color:var(--text2);font-size:13px;padding:14px 24px}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:240;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.library-filters{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px}.library-filter-btn{padding:6px 16px;border:none;background:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .25s var(--spring);white-space:nowrap}.library-filter-btn:hover{color:var(--text)}.library-filter-btn.active{background:var(--accent-glow);color:var(--accent);font-weight:700}.view-toggle{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:3px}.view-toggle-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:7px;color:var(--text2);cursor:pointer;transition:all .2s var(--spring)}.view-toggle-btn:hover{color:var(--text)}.view-toggle-btn.active{background:var(--accent-glow);color:var(--accent)}.card-list{display:flex;flex-direction:column;gap:6px}.card-list .deck-card{display:flex;align-items:center;gap:16px;padding:14px 20px}.card-list .deck-card h3{margin-bottom:0;font-size:15px}.card-list .deck-card .card-count,.card-list .deck-card .deck-tag{margin-top:0}.card-list .deck-card .folder-icon{margin-bottom:0;width:34px;height:34px}.card-list .deck-card .folder-icon svg{width:17px;height:17px}.card-list .deck-card:before{width:3px;height:100%;top:0;left:0;right:auto}.card-list .deck-card:hover:before{width:3px;height:100%}.card-list .deck-card-info{flex:1;min-width:0}.card-list .deck-card-info h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-list .deck-card-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.card-list .deck-card-progress{margin-top:0;width:120px;flex-shrink:0}.deck-card.folder-card{background:linear-gradient(165deg,var(--bg2) 0%,rgba(252,211,77,.02) 100%)}.deck-card.folder-card:hover{background:linear-gradient(165deg,var(--bg2) 0%,rgba(252,211,77,.04) 100%)}.deck-card-cats{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.deck-card-cat-dot{width:8px;height:8px;border-radius:50%;opacity:.7;transition:transform .2s var(--spring)}.deck-card:hover .deck-card-cat-dot{transform:scale(1.2);opacity:1}.doc-type-badge{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:4px 12px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.doc-type-badge.pdf{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.12)}.doc-type-badge.docx{background:#3b82f614;color:#3b82f6;border:1px solid rgba(59,130,246,.12)}.doc-type-badge.pptx{background:#f9731614;color:#f97316;border:1px solid rgba(249,115,22,.12)}.doc-type-badge.markdown,.doc-type-badge.md{background:#8b89a314;color:var(--text2);border:1px solid rgba(139,137,163,.12)}.doc-type-badge.html{background:#ea580c14;color:#ea580c;border:1px solid rgba(234,88,12,.12)}.doc-type-badge.txt{background:#8b89a30f;color:var(--text2);border:1px solid rgba(139,137,163,.1)}.deck-detail-panels{display:grid;grid-template-columns:220px 1fr;gap:20px;margin-top:16px;margin-bottom:32px}.deck-detail-sidebar{position:sticky;top:80px;align-self:start}.deck-detail-sidebar .cat-card{margin-bottom:8px}.deck-detail-main{min-width:0}.deck-detail-main .review-card-list{max-height:none}@media (max-width: 768px){.deck-detail-panels{grid-template-columns:1fr}.deck-detail-sidebar{position:static}}.study-hud{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:24px}.study-hud-left{display:flex;align-items:center;gap:12px}.study-hud-right{display:flex;align-items:center;gap:8px}.card-transition-wrap{position:relative;overflow:hidden}.card-transition-enter{animation:cardSlideIn .35s var(--spring)}.card-transition-exit{animation:cardSlideOut .2s ease forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translate(30px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cardSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px) scale(.97)}}@keyframes cardSlideInReverse{0%{opacity:0;transform:translate(-30px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.rate-btn.just-rated{animation:ratePulse .4s var(--spring)}@keyframes ratePulse{0%{transform:scale(1)}40%{transform:scale(.92)}70%{transform:scale(1.05)}to{transform:scale(1)}}.rating-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);pointer-events:none;z-index:10;animation:ratingFlash .5s ease forwards}.rating-flash.know{background:#4ade801f}.rating-flash.dunno{background:#fb71851f}.rating-flash.skip{background:#8b89a314}@keyframes ratingFlash{0%{opacity:1}to{opacity:0}}.search-toolbar{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.search-type-filters{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px}.search-type-btn{padding:5px 14px;border:none;background:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .2s var(--spring)}.search-type-btn:hover{color:var(--text)}.search-type-btn.active{background:var(--accent-glow);color:var(--accent)}.recent-searches{margin-bottom:24px}.recent-searches h3{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.recent-search-list{display:flex;flex-wrap:wrap;gap:6px}.recent-search-chip{padding:6px 14px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:13px;color:var(--text2);cursor:pointer;transition:all .2s var(--spring);font-family:var(--font-body)}.recent-search-chip:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}.bottom-tabs,.more-popover{display:none}@media (max-width: 768px){.mobile-menu-btn,.header-mobile-legacy{display:none!important}.bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:300;align-items:stretch;background:#0f0f12c7;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(255,255,255,.06);padding:2px 6px;padding-bottom:calc(2px + env(safe-area-inset-bottom,0px))}[data-theme=light] .bottom-tabs{background:#ffffffd1;border-top-color:#0000000f;box-shadow:0 -1px 20px #0000000f}.tab-pill{position:absolute;top:4px;height:calc(100% - 8px - env(safe-area-inset-bottom,0px));background:var(--accent-glow);border-radius:14px;transition:left .4s var(--spring),width .4s var(--spring),opacity .3s;pointer-events:none;z-index:0;opacity:0}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 0 6px;border:none;background:none;border-radius:14px;color:var(--text2);font-family:var(--font-body);font-size:0;cursor:pointer;transition:color .3s var(--spring),transform .12s var(--spring);flex:1;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.bottom-tab.active{color:var(--accent)}.bottom-tab:active{transform:scale(.88);transition-duration:.06s}.bottom-tab-more.active{color:var(--accent)}.bottom-tab-icon{display:grid;place-items:center;width:28px;height:28px}.bottom-tab-icon>svg{grid-area:1 / 1;width:22px;height:22px;transition:opacity .3s var(--spring),transform .35s var(--spring-bounce)}.tab-icon-outline{opacity:1;transform:scale(1)}.tab-icon-filled,.bottom-tab.active .tab-icon-outline{opacity:0;transform:scale(.5)}.bottom-tab.active .tab-icon-filled{opacity:1;transform:scale(1)}.bottom-tab-label{font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1;transition:opacity .2s}.more-popover{display:flex;flex-direction:column;position:fixed;bottom:calc(66px + env(safe-area-inset-bottom,0px));right:8px;z-index:350;width:230px;background:#16161ceb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:8px;box-shadow:0 16px 48px #00000080,inset 0 .5px #ffffff0f;transform-origin:calc(100% - 36px) 100%;transform:scale(.65);opacity:0;pointer-events:none;transition:transform .35s var(--spring-bounce),opacity .2s}.more-popover.open{transform:scale(1);opacity:1;pointer-events:auto}[data-theme=light] .more-popover{background:#fffffff0;border-color:#0000000f;box-shadow:0 16px 48px #0000001f,0 0 0 1px #00000008}.more-popover-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.more-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 10px;border:none;background:#ffffff0a;border-radius:14px;color:var(--text);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,transform .12s var(--spring);-webkit-tap-highlight-color:transparent}.more-tile:active{transform:scale(.93);background:#ffffff14}.more-tile.active{background:var(--accent-glow)}.more-tile.active .more-tile-label{color:var(--accent);font-weight:600}.more-tile.active .more-tile-icon{background:var(--accent-glow-strong)!important;color:var(--accent)!important}[data-theme=light] .more-tile{background:#00000008}[data-theme=light] .more-tile:active{background:#0000000f}.more-tile-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;transition:background .2s,color .2s}.more-tile-icon svg{width:20px;height:20px}.more-tile-label{transition:color .15s}.more-popover-divider{height:1px;background:#ffffff0f;margin:6px 4px}[data-theme=light] .more-popover-divider{background:#0000000f}.more-popover-footer{padding:0 2px}.more-popover-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:none;background:none;border-radius:10px;color:var(--text2);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;width:100%;text-align:left}.more-popover-row:active{background:#ffffff0a}[data-theme=light] .more-popover-row:active{background:#0000000a}.more-popover-logout{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;margin-top:2px;border:none;background:none;border-radius:10px;color:var(--red);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;opacity:.65;transition:background .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.more-popover-logout svg{width:16px;height:16px}.more-popover-logout:active{background:#f871710f;opacity:1}.page,.study-container,.results{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.card-entry-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}@media (max-width: 640px){.card-entry-row{grid-template-columns:1fr}}.breadcrumb-ellipsis{padding:4px 6px;color:var(--text2);font-size:14px;letter-spacing:2px;cursor:default;-webkit-user-select:none;user-select:none}.header-search{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius-pill);transition:var(--transition-fast);min-width:0}.header-search svg{flex-shrink:0;color:var(--text2);transition:var(--transition-fast)}.header-search input{border:none;background:none;outline:none;color:var(--text);font-size:13px;font-family:var(--font-body);width:120px;transition:width .3s var(--spring)}.header-search input::placeholder{color:var(--text2);opacity:.5}.header-search:hover{border-color:#a78bfa26}.header-search.focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg2)}.header-search.focused svg{color:var(--accent)}.header-search.focused input{width:180px}.header-search-wrap{position:relative}.header-search-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.header-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:280px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden;z-index:200;animation:dropIn .15s var(--spring)}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.header-search-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;color:var(--text);font-size:13px;font-family:var(--font-body);cursor:pointer;text-align:left;transition:background .1s}.header-search-item:hover,.header-search-item.selected{background:var(--surface-hover)}.header-search-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;flex-shrink:0}.header-search-badge.deck{background:#a78bfa26;color:var(--accent)}.header-search-badge.document{background:#4ade8026;color:var(--green)}.header-search-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-search-more{color:var(--accent);font-weight:500;justify-content:center;border-top:1px solid var(--border)}.header-search-empty{padding:16px;text-align:center;color:var(--text2);font-size:13px}.search-result-card{padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .15s var(--spring),border-color .15s var(--spring),box-shadow .15s var(--spring),background .15s var(--spring);margin-bottom:8px}.search-result-card:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-snippet{margin:0;font-size:13px;color:var(--text2);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-snippet mark{background:var(--accent-glow-strong);color:var(--accent);border-radius:3px;padding:1px 3px}.doc-search-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg3);border:1.5px solid var(--border);border-radius:12px;margin-bottom:16px;animation:slideDown .2s var(--spring)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.doc-search-bar svg{color:var(--text2);flex-shrink:0}.doc-search-bar input{flex:1;border:none;background:none;outline:none;color:var(--text);font-size:14px;font-family:var(--font-body);min-width:0}.doc-search-bar input::placeholder{color:var(--text2);opacity:.5}.doc-search-count{font-size:12px;color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums}.doc-search-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:var(--surface);color:var(--text);cursor:pointer;transition:var(--transition-fast)}.doc-search-nav:hover:not(:disabled){background:var(--surface-hover)}.doc-search-nav:disabled{opacity:.3;cursor:default}.doc-search-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:none;color:var(--text2);cursor:pointer;font-size:18px;transition:var(--transition-fast)}.doc-search-close:hover{color:var(--text);background:var(--surface)}mark.doc-search-mark{background:var(--accent-glow-strong);color:var(--accent);border-radius:2px;padding:0 1px}mark.doc-search-mark.doc-search-active{background:var(--accent);color:var(--btn-primary-text);box-shadow:0 0 0 2px var(--accent),0 0 8px var(--accent-glow-strong)}.doc-search-pdf-hit{background:var(--accent-glow-strong)!important;opacity:1!important;border-radius:2px}.doc-search-pdf-hit.doc-search-active{background:#a78bfa80!important;box-shadow:0 0 6px var(--accent-glow-strong)}@media (max-width: 640px){.header{padding:10px 16px}.header-scrolled{padding:8px 16px}.card-front .card-text{font-size:20px}.card-back .card-text{font-size:14px;max-height:200px}.card-face{padding:28px 20px;min-height:260px}.flashcard{min-height:260px}.card-front .card-label,.card-back .card-label{top:14px;left:16px}.card-front .tap-hint{bottom:14px}.rating-row{flex-direction:column;gap:8px;align-items:stretch}.rate-btn{max-width:100%;padding:16px}.rate-btn.skip{max-width:100%}.nav-btn{width:52px;height:52px;font-size:20px}.nav-counter{font-size:15px}.study-container{padding:20px 16px 100px}.study-header{margin-bottom:16px}.kb-hints{display:none}.page h1{font-size:26px}.page .subtitle{font-size:14px;margin-bottom:28px}.page{padding:28px 16px 60px}.card-grid{grid-template-columns:1fr;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:24px}.stats-section{padding:20px 16px}.week-bar-wrap{height:90px}.cat-grid{grid-template-columns:1fr;gap:10px}.deck-card{padding:20px}.cat-card{padding:16px}.results{padding:36px 16px}.results-icon{width:64px;height:64px;font-size:28px}.results h2{font-size:26px}.results-stats{gap:20px}.results-stat .num{font-size:32px}.results-ring{width:150px;height:150px;margin-bottom:32px}.auth-card{padding:32px 24px;border-radius:var(--radius-lg)}.auth-card h1{font-size:24px}.toast-container{left:12px;right:12px;top:auto;bottom:20px}.toast{min-width:auto;font-size:13px;padding:12px 14px}.breadcrumbs{padding:6px 8px}.breadcrumbs .btn-ghost{padding:5px 8px;font-size:12px}.modal-overlay{padding:16px;align-items:flex-end}.modal-content{max-width:100%;border-radius:20px 20px 0 0;padding:28px 24px;animation:modalSlideUp .35s var(--spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.import-section{padding:20px 16px}.code-block{padding:12px;font-size:11px}.drop-zone{padding:36px 20px}.doc-page{max-width:100%!important;padding-left:8px;padding-right:8px}.doc-page .doc-header{flex-direction:column;gap:8px}.pdf-mobile{border-radius:0;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);height:calc(100vh - 160px)}.md-editor-body{grid-template-columns:1fr}.md-editor-pane{border-right:none}.md-hidden-mobile{display:none!important}.md-tab-toggle{display:flex}.md-toolbar-btns{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.md-container{padding:20px 16px}.md-textarea{min-height:max(400px,calc(100vh - 320px));padding:14px}.md-preview{padding:16px}.md-preview-pane{max-height:none;border-top:1px solid var(--border)}.line-numbers{display:none}.md-statusbar{font-size:10px;gap:10px}.fr-count{display:none}.md-editor-wrap.md-fullscreen{border-radius:0}.md-autosave-badge{display:none}.upload-widget{left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));width:auto}.global-drop-box{padding:40px 28px}.global-drop-title{font-size:18px}}@media (hover: none){.delete-btn{opacity:.4}.btn-ghost{min-height:42px}.btn{min-height:44px}.rate-btn{min-height:50px}.deck-card:after{display:none}.deck-card:hover{transform:none;box-shadow:none;border-color:var(--border)}.deck-card:active{transform:scale(.98);background:var(--bg3)}.cat-card:hover{transform:none;box-shadow:none}.cat-card:active{transform:scale(.98);background:var(--bg3)}.stat-card:hover{transform:none}}.heatmap-container{margin-top:8px}.heatmap-scroll{overflow-x:auto;padding-bottom:4px}.heatmap-month{font-size:10px;fill:var(--text2)}.heatmap-day{font-size:9px;fill:var(--text2)}.heatmap-cell{transition:opacity .15s}.heatmap-cell:hover{stroke:var(--text);stroke-width:1}.heatmap-cell.level-0{fill:var(--bg4)}.heatmap-cell.level-1{fill:#d946ef33}.heatmap-cell.level-2{fill:#d946ef66}.heatmap-cell.level-3{fill:#d946efa6}.heatmap-cell.level-4{fill:var(--accent)}[data-theme=light] .heatmap-cell.level-0{fill:#fce7f3}[data-theme=light] .heatmap-cell.level-1{fill:#ec489933}[data-theme=light] .heatmap-cell.level-2{fill:#ec489966}[data-theme=light] .heatmap-cell.level-3{fill:#ec4899a6}[data-theme=light] .heatmap-cell.level-4{fill:var(--accent)}.heatmap-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;color:var(--text2)}.heatmap-legend{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text2)}.card-tag-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:600;background:#8b5cf61a;color:var(--accent);border:1px solid rgba(139,92,246,.2)}.card-tag-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:12px;line-height:1;padding:0;margin-left:2px;opacity:.5}.card-tag-pill button:hover{opacity:1}.tag-input-mini{width:60px;padding:1px 6px;border-radius:10px;font-size:10px;background:var(--bg3);border:1px solid var(--bg4);color:var(--text);outline:none;transition:width .2s,border-color .2s}.tag-input-mini:focus{width:100px;border-color:var(--accent)}.tag-browse-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;background:var(--bg3);border:1px solid var(--bg4);color:var(--text);cursor:pointer;transition:all .2s}.tag-browse-pill:hover{border-color:var(--accent);background:var(--accent-glow)}.tag-browse-pill .tag-name{color:var(--accent)}.tag-browse-pill .tag-count{padding:2px 8px;border-radius:8px;font-size:11px;background:var(--bg4);color:var(--text2)}.group-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg3);border-radius:12px;border:1px solid var(--bg4);cursor:pointer;transition:transform .3s var(--spring),border-color .3s var(--spring),box-shadow .3s var(--spring);position:relative;overflow:hidden}.group-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--spring);background:radial-gradient(350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.group-card>*{position:relative;z-index:1}.group-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.group-card:hover:after{opacity:1}.group-card:active{transform:translateY(0) scale(.99)}@media (hover: none){.group-card:after{display:none}.group-card:hover{transform:none;box-shadow:none}}.group-card-avatar{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.group-name{font-weight:700;font-size:15px}.group-meta{font-size:12px;color:var(--text2);margin-top:2px}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700}.group-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.gdh-avatar{width:56px;height:56px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.gdh-info{min-width:0;flex:1}.gdh-presence{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;margin-left:auto}.gdh-presence-avatars{display:flex;align-items:center}.gdh-presence-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;border:2px solid var(--bg2);margin-left:-8px;transition:transform .2s var(--spring);cursor:default}.gdh-presence-avatar:first-child{margin-left:0}.gdh-presence-avatar:hover{transform:translateY(-2px);z-index:2}.gdh-presence-more{background:var(--bg4)!important;color:var(--text2);font-size:10px}.gdh-presence-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text2);white-space:nowrap}.gdh-presence-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px #34d39980;animation:breathe 2s ease-in-out infinite}.group-tabs{display:flex;gap:2px;border-bottom:1px solid var(--bg4);margin-bottom:20px;overflow-x:auto}.group-tab{padding:10px 18px;font-size:13px;font-weight:600;background:none;border:none;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.group-tab:hover{color:var(--text)}.group-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.group-tab.danger{color:var(--red)}.gd-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:24px}.gd-stat{padding:16px;background:var(--bg3);border-radius:12px;border:1px solid var(--bg4);text-align:center}.gd-stat-value{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.03em}.gd-stat-label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.gd-section{margin-bottom:24px}.gd-section-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);margin:0 0 12px}.gd-leaderboard{display:flex;flex-direction:column;gap:6px}.gd-lb-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg3);border-radius:10px}.gd-lb-row.top3{border:1px solid var(--bg4)}.gd-lb-rank{width:28px;text-align:center;font-size:14px}.gd-lb-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.gd-lb-info{flex:1;min-width:0}.gd-lb-name{font-weight:600;font-size:13px}.gd-lb-sub{font-size:11px;color:var(--text2)}.gd-lb-pct{display:flex;align-items:center;gap:8px;flex-shrink:0;font-weight:700;font-size:14px;min-width:100px}.gd-lb-bar{flex:1;height:4px;border-radius:2px;background:var(--bg4);overflow:hidden}.gd-lb-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--green));transition:width .5s ease}.gd-activity-feed{display:flex;flex-direction:column;gap:6px}.gd-activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--bg4);font-size:13px}.gd-activity-item:last-child{border-bottom:none}.gd-activity-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--bg4);color:var(--text2);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.gd-activity-body{flex:1;color:var(--text2);line-height:1.4}.gd-activity-user{font-weight:600;color:var(--text)}.gd-activity-time{font-size:11px;color:var(--text2);white-space:nowrap;flex-shrink:0}.gcl{display:flex;flex-direction:column;gap:32px}.gcl-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(135deg,#fcd34d0f,#fcd34d05);border:1px solid rgba(252,211,77,.12);border-radius:14px}.gcl-banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#fcd34d1f;color:#fcd34d}.gcl-banner-icon svg{width:20px;height:20px}.gcl-banner-text{flex:1;min-width:0}.gcl-banner-title{font-size:13px;font-weight:600;color:var(--text)}.gcl-banner-desc{font-size:11px;color:var(--text2);margin-top:1px}.gcl-banner-form{display:flex;gap:6px;flex-shrink:0}.gcl-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.gcl-section-left{display:flex;align-items:center;gap:10px}.gcl-section-left h3{font-family:var(--font-heading);font-size:16px;font-weight:700;margin:0;letter-spacing:-.02em}.gcl-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;flex-shrink:0}.gcl-section-icon svg{width:16px;height:16px}.gcl-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:100px;background:var(--bg4);color:var(--text2);font-size:11px;font-weight:700}.gcl-add-form{display:flex;gap:6px;align-items:center}.gcl-select{font-family:var(--font-body);font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);max-width:200px;outline:none;transition:border-color .2s}.gcl-select:focus{border-color:var(--accent)}.gcl-btn-add{display:flex;align-items:center;justify-content:center;padding:6px 12px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.gcl-btn-add svg{width:16px;height:16px}.gcl-btn-add:disabled{opacity:.35;cursor:default}.gcl-btn-add:not(:disabled):active{opacity:.8}.gcl-section{margin-bottom:28px}.gcl-section:last-child{margin-bottom:0}.gcl-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.gcl-section-title{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.gcl-section-count{font-size:11px;font-weight:700;color:var(--text2);background:var(--surface);padding:1px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.gcl-type-group{margin-bottom:16px}.gcl-type-group:last-child{margin-bottom:0}.gcl-type-subheader{display:flex;align-items:center;gap:8px;margin-bottom:8px;margin-left:4px}.gcl-type-badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid}.gcl-type-count{font-size:11px;color:var(--text2)}.gcl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.gcl-card{position:relative;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .3s var(--spring),border-color .3s var(--spring),box-shadow .3s var(--spring)}.gcl-card.gcl-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input[type=checkbox].card-checkbox,input[type=checkbox].gcl-checkbox{position:absolute;top:8px;left:8px;z-index:5;cursor:pointer;opacity:0;transition:opacity .15s;margin:0}.deck-card input[type=checkbox].card-checkbox{left:8px;right:auto}input[type=checkbox].gcl-checkbox,.gcl-card input[type=checkbox].card-checkbox{left:auto;right:8px}.gcl-card:hover .card-checkbox,.gcl-card:hover .gcl-checkbox,.deck-card:hover .card-checkbox,.card-checkbox:checked,.gcl-checkbox:checked{opacity:1}.gcl-card.gcl-selected .card-checkbox,.gcl-card.gcl-selected .gcl-checkbox,.deck-card.deck-selected .card-checkbox{opacity:1}.deck-selected{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),var(--shadow-glow)!important}.gcl-select-bar{display:none}.gcl-select-all{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;font-weight:500}.gcl-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--spring);background:radial-gradient(350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.gcl-card>*{position:relative;z-index:1}.gcl-card:hover:before{opacity:1}.gcl-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (hover: none){.gcl-card:before{display:none}}.gcl-card:active{transform:translateY(0) scale(.99);transition-duration:.1s}.gcl-card-accent{position:absolute;top:0;left:0;right:0;height:3px;z-index:2;opacity:.6;transition:opacity .3s}.gcl-card:hover .gcl-card-accent{opacity:1}.gcl-card-body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 0}.gcl-card-icon-sm{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px}.gcl-card-icon-sm svg{width:17px;height:17px}.gcl-card-title{font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gcl-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gcl-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;background:var(--bg4);color:var(--text2);font-size:11px;font-weight:600}.gcl-by{font-size:11px;color:var(--text2)}.gcl-doc-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.04em;border:1px solid;width:fit-content}.gcl-card-foot{display:flex;align-items:center;gap:6px;padding:12px 16px 14px;margin-top:auto}.gcl-study-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;border-radius:8px;background:var(--accent-glow);color:var(--btn-color, var(--accent));font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s var(--spring);-webkit-tap-highlight-color:transparent}.gcl-study-btn svg{width:14px;height:14px}.gcl-study-btn:hover{background:var(--accent);color:#fff}.gcl-study-btn:active{transform:scale(.95)}.gcl-remove-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;border:none;background:none;border-radius:8px;color:var(--text2);cursor:pointer;opacity:0;transition:all .2s;-webkit-tap-highlight-color:transparent}.gcl-remove-btn svg{width:14px;height:14px}.gcl-card:hover .gcl-remove-btn{opacity:.4}.gcl-remove-btn:hover{opacity:1!important;color:var(--red);background:#f8717114}.gcl-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;border:1px dashed var(--border);border-radius:14px}.gcl-empty-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--bg3);color:var(--text2);margin-bottom:12px}.gcl-empty-icon svg{width:22px;height:22px}.gcl-empty-state p{margin:0;font-size:14px;font-weight:600;color:var(--text)}.gcl-empty-state span{font-size:12px;color:var(--text2);margin-top:4px}.gcl-add-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden;animation:fadeInScale .2s var(--spring)}.gcl-add-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0}.gcl-add-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text2);cursor:pointer;border-radius:8px;transition:background .15s,color .15s}.gcl-add-panel-close:hover{background:var(--surface-hover);color:var(--text)}.gcl-add-tabs{display:flex;gap:2px;padding:12px 18px 0}.gcl-add-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:none;border-radius:10px 10px 0 0;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text2);cursor:pointer;transition:color .15s,background .15s;border-bottom:2px solid transparent}.gcl-add-tab:hover{color:var(--text)}.gcl-add-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-glow)}.gcl-add-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:var(--bg4);color:var(--text2);font-size:10px;font-weight:700}.gcl-add-tab.active .gcl-add-tab-count{background:var(--accent-glow-strong);color:var(--accent)}.gcl-add-search{display:flex;align-items:center;gap:8px;margin:10px 18px 0;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.gcl-add-search svg{color:var(--text2);flex-shrink:0}.gcl-add-search input{flex:1;border:none;background:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:13px}.gcl-add-search input::placeholder{color:var(--text2);opacity:.5}.gcl-add-list{max-height:280px;overflow-y:auto;padding:8px;scrollbar-width:thin}.gcl-add-empty{padding:32px 16px;text-align:center;color:var(--text2);font-size:13px}.gcl-add-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;border-radius:10px;font-family:var(--font-body);color:var(--text);cursor:pointer;text-align:left;transition:background .1s}.gcl-add-row:hover{background:var(--surface-hover)}.gcl-add-row:active{background:var(--accent-glow)}.gcl-add-row:disabled{opacity:.5;cursor:default}.gcl-add-row-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.gcl-add-row-info{flex:1;min-width:0}.gcl-add-row-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.gcl-add-row-meta{font-size:11px;color:var(--text2);margin-top:1px;display:block}.gcl-add-row-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--accent);border-radius:8px;transition:background .15s}.gcl-add-row:hover .gcl-add-row-action{background:var(--accent-glow)}.gcl-selected{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),var(--shadow-glow)!important}@media (max-width: 640px){.gcl-banner{flex-wrap:wrap}.gcl-banner-form{width:100%}.gcl-banner-form .gcl-select{flex:1;max-width:none}.gcl-section-header{flex-direction:column;align-items:flex-start;gap:8px}.gcl-grid{grid-template-columns:1fr}.gcl-remove-btn{opacity:.3}.gcl-checkbox{opacity:.6}.gcl-add-list{max-height:220px}}.chat-wrap{display:flex;flex-direction:column;position:relative;height:min(680px,calc(100vh - 280px));background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-md)}.chat-loading{flex:1;display:flex;align-items:center;justify-content:center}.chat-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0}.chat-hd-left{display:flex;align-items:center;gap:12px}.chat-hd-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #a78bfa40}.chat-hd-title{font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--text)}.chat-hd-meta{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:6px;margin-top:1px}.chat-hd-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 6px #34d39980;animation:chat-pulse-dot 2s ease-in-out infinite}@keyframes chat-pulse-dot{0%,to{box-shadow:0 0 4px #34d39966}50%{box-shadow:0 0 10px #34d399b3}}.chat-hd-avatars{display:flex;align-items:center;gap:0;flex-shrink:0}.chat-hd-av{width:30px;height:30px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg3);margin-left:-8px;position:relative;transition:transform .2s var(--spring);cursor:default}.chat-hd-av:first-child{margin-left:0}.chat-hd-av:hover{transform:translateY(-2px);z-index:2}.chat-hd-av-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid var(--bg3)}.chat-hd-av-more{background:var(--bg4);color:var(--text2);font-size:10px;font-weight:600}.chat-conn{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:500;flex-shrink:0;animation:chat-slide-down .3s var(--spring)}@keyframes chat-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-conn-reconnecting{background:#fbbf241f;color:var(--orange)}.chat-conn-disconnected{background:#f871711a;color:var(--red)}.chat-conn-spin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(251,191,36,.25);border-top-color:var(--orange);animation:chat-spin .8s linear infinite}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth;overscroll-behavior:contain}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.chat-older{align-self:center;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--accent);font-size:12px;font-weight:500;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;margin-bottom:12px;transition:var(--transition-fast)}.chat-older:hover{background:var(--accent-glow);border-color:var(--accent)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px}.chat-empty-circle{width:80px;height:80px;border-radius:50%;background:var(--accent-glow);border:1px solid rgba(167,139,250,.15);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:8px}.chat-empty-h{font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--text);margin:0}.chat-empty-p{font-size:13px;color:var(--text2);margin:0}.chat-datesep{display:flex;align-items:center;gap:16px;margin:20px 0 12px;-webkit-user-select:none;user-select:none}.chat-datesep:before,.chat-datesep:after{content:"";flex:1;height:1px;background:var(--border)}.chat-datesep span{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.chat-row{display:flex;gap:10px;animation:chat-msg-in .25s var(--spring) both}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-row-first{margin-top:10px}.chat-row-cont{margin-top:1px}.chat-row-me{justify-content:flex-end}.chat-row-them{justify-content:flex-start}.chat-av-col{width:32px;flex-shrink:0;align-self:flex-start;padding-top:20px}.chat-av{width:32px;height:32px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-av-spacer{width:32px}.chat-col{max-width:70%;min-width:0;display:flex;flex-direction:column}.chat-row-me .chat-col{align-items:flex-end}.chat-row-them .chat-col{align-items:flex-start}.chat-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:3px;padding:0 2px}.chat-meta-me{justify-content:flex-end}.chat-name{font-size:12px;font-weight:600}.chat-ts{font-size:10px;color:var(--text2)}.chat-bbl{padding:10px 14px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap;transition:var(--transition-fast);position:relative}.chat-bbl-them{background:var(--bg3);color:var(--text);border-radius:4px 16px 16px}.chat-bbl-them-first{border-radius:4px 16px 16px}.chat-row-cont .chat-bbl-them{border-radius:4px 16px 16px 4px}.chat-bbl-me{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;border-radius:16px 4px 16px 16px}.chat-bbl-me-first{border-radius:16px 4px 16px 16px}.chat-row-cont .chat-bbl-me{border-radius:16px 4px 4px 16px}.chat-bbl:hover{filter:brightness(1.06)}.chat-typing{display:flex;align-items:center;gap:8px;margin-top:10px;padding:4px 0;animation:chat-msg-in .25s var(--spring) both}.chat-typing-avs{display:flex;gap:0}.chat-typing-av{width:24px;height:24px;border-radius:50%;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg2);margin-left:-6px}.chat-typing-av:first-child{margin-left:0}.chat-typing-pill{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--bg3);border-radius:16px}.chat-dot{width:6px;height:6px;border-radius:50%;background:var(--text2);animation:chat-bounce 1.4s ease-in-out infinite}.chat-dot:nth-child(2){animation-delay:.2s}.chat-dot:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-typing-who{font-size:11px;color:var(--text2);font-weight:500}.chat-fab{position:absolute;bottom:80px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition-fast);z-index:5;animation:chat-fab-in .2s var(--spring) both}@keyframes chat-fab-in{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-fab:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-glow)}.chat-foot{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 14px;border-top:1px solid var(--border);background:var(--bg3);flex-shrink:0}.chat-input-wrap{flex:1;min-width:0;position:relative}.chat-inp{width:100%;resize:none;padding:9px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;min-height:42px;box-sizing:border-box;outline:none;max-height:120px;overflow-y:auto;transition:border-color .2s,box-shadow .2s}.chat-inp::placeholder{color:var(--text2)}.chat-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),0 0 12px var(--accent-glow)}.chat-sendbtn{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--accent2),var(--accent));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--spring);box-shadow:0 2px 8px #a78bfa4d}.chat-sendbtn:disabled{opacity:.3;cursor:default;box-shadow:none;transform:none}.chat-sendbtn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #a78bfa66}.chat-sendbtn:active:not(:disabled){transform:scale(.95)}.atg-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg3);border-radius:10px}.atg-avatar{width:34px;height:34px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.group-settings{max-width:600px}.gs-section{margin-bottom:28px}.gs-section.gs-danger{padding:16px;border-radius:12px;border:1px solid rgba(252,165,165,.2);background:#fca5a508}.gs-invite-code{padding:6px 12px;background:var(--bg2);border-radius:8px;font-size:12px;word-break:break-all;border:1px solid var(--bg4)}.gs-member-list{display:flex;flex-direction:column;gap:6px}.gs-member-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg3);border-radius:8px}.gs-role-badge{padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;margin-left:6px}.gs-role-badge.owner{background:#fbbf2426;color:var(--orange)}.gs-role-badge.admin{background:#8b5cf61a;color:var(--accent)}.gs-role-badge.member{background:#8b89a31a;color:var(--text2)}.member-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;z-index:102;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s var(--spring);overflow:hidden}.sidebar-collapsed{width:52px}.sb-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;gap:8px;min-height:58px}.sb-logo{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s;white-space:nowrap;overflow:hidden}.sb-logo:hover{opacity:.8}.sb-logo-text{font-family:var(--font-heading);font-size:17px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.sb-collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text2);cursor:pointer;border-radius:6px;transition:all .2s var(--spring);flex-shrink:0;opacity:0}.sidebar:hover .sb-collapse-btn{opacity:1}.sb-collapse-btn:hover{background:var(--surface-hover);color:var(--text)}.sb-search-btn{display:flex;align-items:center;gap:10px;margin:4px 10px 8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text2);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .25s var(--spring);white-space:nowrap;overflow:hidden}.sb-search-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.sb-search-text{flex:1;text-align:left}.sb-kbd{padding:1px 5px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:10px;color:var(--text2);line-height:1.4}.sidebar-collapsed .sb-search-btn{justify-content:center;padding:8px 6px}.sb-nav{padding:4px 8px;display:flex;flex-direction:column;gap:1px}.sb-nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s var(--spring);white-space:nowrap;overflow:hidden;text-align:left;position:relative}.sb-nav-item:hover{background:var(--surface-hover);color:var(--text)}.sb-nav-item.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.sb-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.sb-nav-item svg{flex-shrink:0}.sidebar-collapsed .sb-nav-item{justify-content:center;padding:10px 6px}.sidebar-collapsed .sb-nav-item.active:before{display:none}.sb-folders{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;border-top:1px solid var(--border-subtle);margin-top:4px;scrollbar-width:thin}.sb-section-label{padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);opacity:.5}.sb-folder-tree{padding:0 4px}.sb-folder-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 12px;border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s var(--spring);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.sb-folder-item:hover{background:var(--surface-hover);color:var(--text)}.sb-folder-item.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.sb-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .2s var(--spring);flex-shrink:0;color:var(--text2);opacity:.5}.sb-chevron.expanded{transform:rotate(90deg)}.sb-chevron-spacer{width:16px;flex-shrink:0}.sb-folder-icon{flex-shrink:0;color:var(--orange);opacity:.7}.sb-folder-name{overflow:hidden;text-overflow:ellipsis}.sb-bottom{padding:10px 12px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px}.sb-user-btn{border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s var(--spring);flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-btn:hover{background:var(--surface-hover);color:var(--accent)}.sb-logout-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text2);cursor:pointer;border-radius:6px;transition:all .2s var(--spring);flex-shrink:0}.sb-logout-btn:hover{background:#fb71851a;color:var(--red)}@media (min-width: 769px){.main-content{margin-left:260px;min-height:100vh;transition:margin-left .3s var(--spring)}.sb-collapsed .main-content{margin-left:52px}.app-layout .header,.app-layout .bottom-tabs{display:none}.app-layout .page{max-width:var(--content-wide)}.app-layout .study-container{max-width:780px}}@media (max-width: 768px){.sidebar{display:none}}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px);animation:fadeIn .15s ease}.cmd-palette{width:560px;max-width:calc(100vw - 32px);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 80px #0000004d;overflow:hidden;animation:springScale .25s var(--spring)}.cmd-input-wrap{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--border)}.cmd-input-icon{position:absolute;left:16px;color:var(--text2);pointer-events:none}.cmd-input{width:100%;padding:16px 16px 16px 44px;background:transparent;border:none;color:var(--text);font-family:var(--font-body);font-size:15px;outline:none}.cmd-input::placeholder{color:var(--text2);opacity:.5}.cmd-list{max-height:340px;overflow-y:auto;padding:6px;scrollbar-width:thin}.cmd-section-label{padding:8px 10px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);opacity:.5}.cmd-empty{padding:24px 16px;text-align:center;color:var(--text2);font-size:13px}.cmd-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:background .1s;text-align:left}.cmd-item:hover,.cmd-item.selected{background:var(--accent-glow)}.cmd-item.selected{color:var(--accent)}.cmd-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text2);flex-shrink:0}.cmd-item-icon.action{background:var(--accent-glow);border-color:#a78bfa1a;color:var(--accent)}.cmd-item-label{flex:1}.cmd-item-badge{padding:2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-pill);background:var(--surface);color:var(--text2);border:1px solid var(--border-subtle)}.cmd-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text2);opacity:.6}.cmd-kbd{display:inline-block;padding:1px 4px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);font-size:10px;margin-right:4px}.dash-section{margin-bottom:32px;animation:fadeInUp .4s var(--spring)}.dash-stats-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.dash-stat-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13px;transition:all .25s var(--spring)}.dash-stat-pill:hover{border-color:var(--border-hover);background:var(--surface-hover)}.dash-stat-val{font-family:var(--font-heading);font-weight:700;color:var(--text);letter-spacing:-.02em}.dash-stat-lbl{color:var(--text2);font-size:12px}.dash-continue{margin-bottom:8px}.dash-continue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-continue-header h3{font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.dash-continue-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scroll-snap-type:x mandatory}.dash-continue-scroll::-webkit-scrollbar{height:4px}.dash-continue-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.dash-resume-card{flex-shrink:0;width:200px;padding:16px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:transform .25s var(--spring),border-color .25s var(--spring),box-shadow .25s var(--spring);scroll-snap-align:start;position:relative;overflow:hidden}.dash-resume-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--spring);background:radial-gradient(250px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.dash-resume-card>*{position:relative;z-index:1}.dash-resume-card:hover:after{opacity:1}.dash-resume-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media (hover: none){.dash-resume-card:after{display:none}}.dash-resume-title{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-resume-meta{font-size:11px;color:var(--text2);margin-bottom:10px}.dash-resume-bar{margin-bottom:6px}.dash-resume-pct{font-size:11px;font-weight:600;color:var(--accent)}.rte-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg2)}.rte-toolbar{background:var(--bg3);border-bottom:1px solid var(--border);padding:6px 8px}.rte-toolbar-row{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.rte-toolbar-sub{margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.rte-btn{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:var(--text2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:all .15s;font-family:var(--font-body)}.rte-btn:hover{background:var(--bg4);color:var(--text)}.rte-btn.active{background:var(--accent-glow);color:var(--accent)}.rte-btn:disabled{opacity:.3;cursor:default}.rte-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.rte-color-picker{position:absolute;top:100%;left:0;z-index:50;margin-top:4px;padding:8px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;min-width:160px}.rte-color-swatch{width:22px;height:22px;border-radius:4px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .1s}.rte-color-swatch:hover{transform:scale(1.2)}.rte-color-swatch.active{outline:2px solid var(--accent);outline-offset:1px}.rte-color-clear{grid-column:1 / -1;margin-top:4px;padding:4px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:11px;cursor:pointer}.rte-color-clear:hover{background:var(--bg4)}.rte-editor{min-height:300px;max-height:70vh;overflow-y:auto;background:#f5f3f0}[data-theme=light] .rte-editor{background:#fff}.rte-content{padding:20px 24px;color:#1a1a1a;font-size:15px;line-height:1.7;outline:none;min-height:300px}.rte-content>*:first-child{margin-top:0}.rte-content h1{font-size:1.8em;font-weight:800;margin:1em 0 .4em}.rte-content h2{font-size:1.4em;font-weight:700;margin:.8em 0 .3em}.rte-content h3{font-size:1.15em;font-weight:600;margin:.6em 0 .2em}.rte-content p{margin:.5em 0}.rte-content ul,.rte-content ol{padding-left:1.5em;margin:.5em 0}.rte-content li{margin:.2em 0}.rte-content blockquote{border-left:3px solid var(--accent);padding-left:1em;margin:.5em 0;color:var(--text2);font-style:italic}.rte-content code{background:var(--bg4);padding:2px 5px;border-radius:4px;font-size:.9em;font-family:SF Mono,Fira Code,monospace}.rte-content pre{background:var(--bg3);padding:12px 16px;border-radius:8px;overflow-x:auto;margin:.5em 0}.rte-content pre code{background:none;padding:0}.rte-content a{color:var(--accent);text-decoration:underline}.rte-content img{max-width:100%;height:auto;border-radius:8px;margin:.5em 0}.rte-content hr{border:none;border-top:1px solid var(--border);margin:1em 0}.rte-content mark{background:#fef08a;color:#000;padding:1px 2px;border-radius:2px}.rte-content table{border-collapse:collapse;width:100%;margin:.5em 0}.rte-content th,.rte-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.rte-content th{background:var(--bg3);font-weight:600}.rte-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg3)}.rte-collab-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:var(--bg3);border-bottom:1px solid var(--border);font-size:12px}.rte-collab-status{display:flex;align-items:center;gap:6px;color:var(--text2)}.rte-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text2)}.rte-status-dot.connected{background:var(--green)}.rte-status-dot.connecting{background:var(--orange);animation:pulse 1s infinite}.rte-status-dot.disconnected{background:var(--red)}.rte-collab-users{display:flex;align-items:center;gap:4px}.rte-collab-avatar{width:22px;height:22px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg3);margin-left:-6px}.rte-collab-avatar:first-child{margin-left:0}.rte-collab-label{font-size:11px;color:var(--text2);margin-left:4px}.rte-autosave-label{font-size:12px;color:var(--green);font-weight:500}.ProseMirror{outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text2);opacity:.5;pointer-events:none;float:left;height:0}.ProseMirror .tableWrapper{overflow-x:auto;margin:.5em 0}.ProseMirror table .selectedCell{background:var(--accent-glow)}.collaboration-carets__caret{display:inline;position:relative;border-left:2px solid;border-right:none;margin-left:-1px;margin-right:-1px;pointer-events:none;word-break:normal}.collaboration-carets__label{position:absolute;bottom:100%;left:-1px;font-size:10px;font-weight:700;white-space:nowrap;padding:1px 5px;border-radius:4px 4px 4px 0;color:#fff;line-height:1.3;pointer-events:none;-webkit-user-select:none;user-select:none}.page h1{background:linear-gradient(135deg,var(--text) 0%,var(--accent) 45%,var(--accent3, #e879f9) 65%,var(--text) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 8s ease infinite}.results h2{background:linear-gradient(135deg,var(--text),var(--accent),var(--accent3, #e879f9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradientText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.deck-card.mastery-bronze:before{background:linear-gradient(90deg,#cd7f32,#e8a862)!important;height:3px!important;opacity:1!important}.deck-card.mastery-bronze{border-color:#cd7f3233}.deck-card.mastery-bronze:hover{box-shadow:0 0 20px #cd7f3226,var(--shadow-lg)}.deck-card.mastery-silver:before{background:linear-gradient(90deg,#b0b0b0,#d8d8d8,#b0b0b0)!important;background-size:200% 100%!important;animation:shimmer 2s linear infinite!important;height:3px!important;opacity:1!important}.deck-card.mastery-silver{border-color:#c0c0c040}.deck-card.mastery-silver:hover{box-shadow:0 0 20px #c0c0c033,var(--shadow-lg)}.deck-card.mastery-gold:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#fcd34d,#f59e0b)!important;background-size:200% 100%!important;animation:shimmer 2.5s linear infinite!important;height:4px!important;opacity:1!important}.deck-card.mastery-gold{border-color:#fbbf2440}.deck-card.mastery-gold:hover{box-shadow:0 0 24px #fbbf2433,0 0 48px #fbbf2414,var(--shadow-lg)}.deck-card.mastery-diamond:before{background:linear-gradient(90deg,#22d3ee,#a78bfa,#e879f9,#22d3ee)!important;background-size:300% 100%!important;animation:shimmer 3s linear infinite!important;height:4px!important;opacity:1!important}.deck-card.mastery-diamond{border-color:#22d3ee40}.deck-card.mastery-diamond:hover{box-shadow:0 0 24px #22d3ee26,0 0 48px #a78bfa1f,var(--shadow-lg)}.mastery-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 10px;border-radius:var(--radius-pill);margin-top:8px}.mastery-badge.bronze{background:#cd7f321f;color:#cd7f32}.mastery-badge.silver{background:#c0c0c01f;color:silver}.mastery-badge.gold{background:#fbbf241f;color:#f59e0b}.mastery-badge.diamond{background:linear-gradient(135deg,#22d3ee1f,#a78bfa1f);color:#22d3ee}.ripple-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.ripple-circle{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:rippleExpand .6s ease-out forwards;pointer-events:none}[data-theme=light] .ripple-circle{background:#0000001a}@keyframes rippleExpand{to{transform:scale(4);opacity:0}}.skeleton-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow:hidden}.skeleton-line{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite;margin-bottom:10px}.skeleton-line:last-child{margin-bottom:0}.skeleton-line.title{height:18px;width:65%;margin-bottom:14px}.skeleton-line.short{width:35%}.skeleton-line.medium{width:55%}.skeleton-bar{height:4px;border-radius:2px;margin-top:14px;width:100%;background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite}.streak-flame{display:inline-flex;align-items:center;gap:2px}.streak-flame-icon{display:inline-block;animation:flameWiggle .8s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.streak-flame-icon.intense{animation:flameWiggle .5s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(251,146,36,.6)) drop-shadow(0 0 12px rgba(251,100,36,.3))}.streak-flame-icon.blazing{animation:flameWiggle .3s ease-in-out infinite alternate,flameGlow 1.5s ease-in-out infinite}@keyframes flameWiggle{0%{transform:rotate(-3deg) scaleY(1)}to{transform:rotate(3deg) scaleY(1.06)}}@keyframes flameGlow{0%,to{filter:drop-shadow(0 0 8px rgba(251,100,36,.6)) drop-shadow(0 0 16px rgba(251,50,36,.3))}50%{filter:drop-shadow(0 0 12px rgba(251,100,36,.9)) drop-shadow(0 0 24px rgba(251,50,36,.5))}}.streak-flame-smolder{opacity:.3;filter:grayscale(.7)}.deck-card-pattern{position:absolute;top:0;left:0;right:0;height:64px;background:linear-gradient(135deg,var(--deck-color-1, transparent),var(--deck-color-2, transparent));pointer-events:none;z-index:0;border-radius:var(--radius) var(--radius) 0 0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%)}.toast{position:relative;overflow:hidden}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 12px 12px;animation:toastCountdown var(--toast-dur, 4s) linear forwards;opacity:.7}.toast-success .toast-progress{background:var(--green)}.toast-error .toast-progress{background:var(--red)}.toast-info .toast-progress{background:var(--accent)}.toast-warning .toast-progress{background:var(--orange)}@keyframes toastCountdown{0%{width:100%}to{width:0%}}.empty-state-icon{animation:gentleFloat 3s ease-in-out infinite}.empty-state-icon svg{filter:drop-shadow(0 4px 12px var(--accent-glow-strong))}.empty-state h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.empty-state .empty-action{margin-top:20px}.empty-state-illustration{width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;position:relative;animation:gentleFloat 4s ease-in-out infinite}.empty-state-illustration svg{width:80px;height:80px;color:var(--accent);opacity:.5;filter:drop-shadow(0 4px 20px var(--accent-glow-strong))}.empty-state-illustration:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);animation:breathe 3s ease-in-out infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.skeleton-grid.narrow{grid-template-columns:1fr;max-width:600px}.skeleton-grid .skeleton-card{animation:fadeIn .3s ease both}.skeleton-grid .skeleton-card:nth-child(2){animation-delay:.05s}.skeleton-grid .skeleton-card:nth-child(3){animation-delay:.1s}.skeleton-grid .skeleton-card:nth-child(4){animation-delay:.15s}.skeleton-grid .skeleton-card:nth-child(5){animation-delay:.2s}.skeleton-grid .skeleton-card:nth-child(6){animation-delay:.25s}.skeleton-stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center}.skeleton-stat .skeleton-line{margin:0 auto 8px}.skeleton-stat .skeleton-line.title{width:50%;height:28px;margin-bottom:10px}.skeleton-stat .skeleton-line.short{width:60%;height:11px}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg2);border:1px solid var(--border);border-radius:12px}.skeleton-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite;flex-shrink:0}.skeleton-list-item .skeleton-line{margin-bottom:6px}.skeleton-list-item .skeleton-line:last-child{margin-bottom:0}.radial-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000026;animation:fadeIn .15s ease}.radial-menu{position:fixed;z-index:2001;width:0;height:0}.radial-menu-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text2);z-index:2;box-shadow:var(--shadow-lg)}.radial-menu-item{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--bg2);border:1.5px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--spring);box-shadow:var(--shadow-md);animation:radialPop .35s var(--spring-bounce) backwards;font-size:9px;font-weight:700;color:var(--text2);gap:2px;text-transform:uppercase;letter-spacing:.04em}.radial-menu-item:hover{transform:translate(var(--rx),var(--ry)) scale(1.18)!important;border-color:var(--accent);background:var(--accent-glow);color:var(--accent);box-shadow:var(--shadow-glow-strong)}.radial-menu-item svg{width:16px;height:16px}@keyframes radialPop{0%{transform:translate(0) scale(0);opacity:0}}.swipe-wrap{touch-action:pan-y;position:relative}.swipe-wrap.swiping{touch-action:none}.swipe-indicator{position:absolute;top:50%;z-index:10;transform:translateY(-50%);font-size:16px;font-weight:800;padding:10px 16px;border-radius:12px;border:2.5px solid;opacity:0;transition:opacity .15s;pointer-events:none;letter-spacing:.02em}.swipe-indicator.left{right:16px;color:var(--red);border-color:var(--red);background:#f8717114}.swipe-indicator.right{left:16px;color:var(--green);border-color:var(--green);background:#34d39914}.swipe-indicator.visible{opacity:1}.swipe-away-right{transition:transform .35s var(--spring),opacity .25s!important;transform:translate(110vw) rotate(12deg)!important;opacity:0!important}.swipe-away-left{transition:transform .35s var(--spring),opacity .25s!important;transform:translate(-110vw) rotate(-12deg)!important;opacity:0!important}.study-ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:opacity 1.5s ease}.study-ambient-glow.mood-great{background:radial-gradient(ellipse at 50% 0%,rgba(52,211,153,.05) 0%,transparent 55%)}.study-ambient-glow.mood-good{background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.04) 0%,transparent 55%)}.study-ambient-glow.mood-ok{background:radial-gradient(ellipse at 50% 0%,rgba(167,139,250,.04) 0%,transparent 55%)}.study-ambient-glow.mood-struggling{background:radial-gradient(ellipse at 50% 0%,rgba(251,191,36,.05) 0%,transparent 55%)}.dcp-fill.tier-bronze{background:linear-gradient(90deg,#cd7f32,#e8a862)!important}.dcp-fill.tier-silver{background:linear-gradient(90deg,#b0b0b0,#d8d8d8)!important}.dcp-fill.tier-gold{background:linear-gradient(90deg,#fbbf24,#f59e0b)!important}.dcp-fill.tier-diamond{background:linear-gradient(90deg,#22d3ee,#a78bfa,#e879f9)!important;background-size:200% 100%!important;animation:gradientShift 3s ease infinite!important}.uta-wrap{position:relative}.uta-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;padding:4px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;max-height:200px;overflow-y:auto}.uta-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;color:var(--text);font-size:13px;cursor:pointer;border-radius:6px;text-align:left}.uta-option:hover,.uta-option.active{background:var(--bg4)}.uta-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.trash-list{display:flex;flex-direction:column;gap:8px}.trash-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;transition:all .2s var(--spring)}.trash-item:hover{border-color:var(--border-hover);background:var(--surface-hover)}.trash-item-icon{flex-shrink:0;opacity:.5}.trash-item-info{flex:1;min-width:0}.trash-item-title{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-item-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text2);margin-top:3px}.trash-type-label{text-transform:capitalize;font-weight:600;opacity:.6}.trash-days{font-weight:600}.trash-days-warn{color:var(--orange)}.trash-item-actions{display:flex;gap:6px;flex-shrink:0}@media (max-width: 640px){.trash-item{flex-wrap:wrap;gap:8px}.trash-item-actions{width:100%}.trash-item-actions .btn{flex:1;justify-content:center}}@media print{body{background:#fff!important;color:#000!important}.sidebar,.header,.header-mobile,.mobile-overlay,.study-header,.deck-actions,.review-filters,.deck-progress-overview,.breadcrumbs,.kb-hints,.toast-container,.global-drop-overlay,.upload-widget,.btn-ghost,.btn,.cat-grid,.modal-overlay,.presence-bar,.rci-status button,.cmd-overlay,.dash-section{display:none!important}.page,.main-content{max-width:100%!important;padding:0!important;margin:0!important}h1{font-size:18pt!important;margin-bottom:4pt!important;color:#000!important}h2{font-size:14pt!important;margin-bottom:4pt!important;color:#000!important;page-break-after:avoid}.review-card-list{display:table!important;width:100%;border-collapse:collapse}.review-card-item{display:table-row!important;border:none!important;background:none!important;page-break-inside:avoid}.review-card-item .rci-front,.review-card-item .rci-back{display:table-cell!important;width:50%;padding:6pt 10pt!important;border:.5pt solid #ccc!important;font-size:10pt!important;color:#000!important;vertical-align:top}.review-card-item .rci-status{display:none!important}.section-heading{color:#000!important}.subtitle,.card-count{display:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.kb-hints,.toast-container{bottom:calc(20px + env(safe-area-inset-bottom))}.study-container{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.header-mobile{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}