@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary:#0a0a0a;--bg-card:#141414;--bg-card-hover:#1a1a1a;--text-primary:#f2f2f2;--text-secondary:#9a9a9a;--accent-blue:#4a75e6;--accent-green:#74c69d;--border-subtle:#2a2a2a;--dot-color:#ffffff0f;--radius:8px;--radius-lg:16px;--bg-app:#0a0a0a;--bg-panel:#141414;--border-app:#2a2a2a;--text-main:#f2f2f2;--text-sub:#9a9a9a}[data-theme=light],html.light{--bg-primary:#f7f7f9;--bg-card:#fff;--bg-card-hover:#f0f0f2;--text-primary:#111;--text-secondary:#666;--accent-blue:#2f5fe0;--accent-green:#52b788;--border-subtle:#e2e8f0;--dot-color:#0000000f;--bg-app:#f7f7f9;--bg-panel:#fff;--border-app:#e2e8f0;--text-main:#111;--text-sub:#666}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(circle, var(--dot-color) 1px, transparent 1px);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:24px 24px;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6,.deck-title,.section-title,.deck-title-large,.creator-name{letter-spacing:-.03em;font-weight:700;font-family:Inter,sans-serif!important}.deck-title-large{letter-spacing:-.04em;font-size:36px}.mono{font-family:JetBrains Mono,monospace}.app-container{min-height:100vh;display:flex}.main-content{flex:1;padding:40px}.btn{border-radius:var(--radius);justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;transition:all .5s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--accent-blue);color:#f2f2f2}.btn-primary:hover{background-color:#3b66d6}.btn-outline{border:1px solid var(--accent-blue);color:var(--accent-blue);background-color:#0000}.btn-outline:hover{background-color:#4f7fff1a}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--accent-green)}.card-container{perspective:1000px;cursor:pointer;width:100%;height:200px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:absolute}.card-back{transform:rotateY(180deg)}.app-layout{min-height:100vh;display:flex}.side-nav{background-color:var(--bg-card);border-right:1px solid var(--border-subtle);flex-direction:column;width:240px;padding:24px 0;transition:width .3s;display:flex}.side-nav.collapsed{width:80px}.nav-header{justify-content:space-between;align-items:center;padding:0 24px 32px;display:flex}.side-nav.collapsed .nav-header{justify-content:center;padding:0 16px 32px}.side-nav.collapsed .nav-logo-text,.side-nav.collapsed .nav-text{display:none}.collapse-toggle{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.collapse-toggle:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-logo-text{letter-spacing:-.05em;color:var(--text-primary);font-size:24px;font-weight:300;font-family:Inter,sans-serif!important}.nav-links{flex-direction:column;gap:8px;padding:0 16px;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-nav.collapsed .nav-link{justify-content:center;padding:12px}.nav-link:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-link.active{background-color:var(--bg-card-hover);color:var(--text-primary);font-weight:700}.top-bar{justify-content:space-between;margin-bottom:32px;display:flex}.search-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;width:320px;padding:0 16px;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:12px}.top-bar-actions{gap:16px;display:flex}.theme-toggle-fab{z-index:50;background-color:var(--bg-card);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 12px #0003}.theme-toggle-fab:hover{background-color:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 6px 16px #0000004d}.fab-group{z-index:50;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:24px;left:24px}.fab-group .theme-toggle-fab{position:static}.profile-fab{background-color:var(--bg-card);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.profile-fab:hover{background-color:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 6px 16px #0000004d}.profile-fab-wrapper{position:relative}.profile-popup{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;width:260px;padding:16px;animation:.25s ease-out popupSlideIn;position:absolute;bottom:0;left:calc(100% + 16px);box-shadow:0 12px 40px #00000059}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-10px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.profile-popup-header{align-items:center;gap:12px;padding-bottom:12px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent,#3ed9a8), #7c5cfc);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.profile-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.profile-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-popup-divider{background-color:var(--border-subtle);height:1px;margin:8px 0}.profile-popup-links{flex-direction:column;gap:2px;display:flex}.profile-popup-item{border-radius:var(--radius,8px);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.profile-popup-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.profile-popup-item.logout{color:#f87171}.profile-popup-item.logout:hover{color:#ef4444;background-color:#f871711a}.category-filter-bar{gap:12px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.category-pill{background-color:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:20px;padding:8px 16px}.category-pill:hover{border-color:var(--text-secondary)}.category-pill.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.grid-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{text-transform:uppercase;color:var(--text-secondary);font-size:18px;font-weight:700;letter-spacing:.05em!important}.badge{background-color:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px}.sort-dropdown{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius);outline:none;padding:8px 16px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.deck-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;transform:translateZ(0)}.deck-card:hover{border-color:var(--border-hover);transform:translateY(-4px)translateZ(0);box-shadow:0 12px 24px #0003}.deck-cover{background-color:var(--bg-card);flex-direction:column;height:280px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.deck-cover-bg{z-index:1;background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:-10px}.deck-card:hover .deck-cover-bg{transform:scale(1.05)}.deck-cover-content{z-index:2;background:linear-gradient(to top, var(--bg-card) 0%, #141414e6 20%, transparent 50%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 -2px;transform:translateZ(0)}.deck-cover-header{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0a0a0acc 0%,#0a0a0a66 60%,#0000 100%);padding:16px 16px 32px;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.deck-cover-header .deck-title{color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:0}.cover-bottom-row{margin-bottom:0;padding:24px 16px 16px}.deck-details{z-index:10;background-color:var(--bg-card);flex-direction:column;flex:1;margin-top:-1px;padding:24px;display:flex;position:relative}.compact-details{padding:12px 16px}.compact-details .creator-info{margin-bottom:0;font-size:13px}.compact-details .stats-row{margin-bottom:0;font-size:11px}.card-top-row{justify-content:space-between;margin-bottom:16px;display:flex}.subject-pill{color:var(--accent-blue);background-color:#4f7fff1a;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.price-badge{border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.price-badge.free{border:1px solid var(--accent-green);color:var(--accent-green)}.price-badge.paid{background-color:var(--accent-blue);color:#fff}.deck-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;line-height:1.3}.creator-info{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:24px;font-size:14px;display:flex}.creator-link{color:var(--text-secondary)}.creator-link:hover{text-decoration:underline}.verified-icon{color:var(--accent-blue)}.stats-row{margin-bottom:12px;font-size:12px}.mastery-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.mastery-bar-container{background-color:#2a2a2a;border-radius:3px;flex:1;height:6px;overflow:hidden}.mastery-bar-fill{background-color:var(--accent-green);border-radius:3px;height:100%}.mastery-text{font-size:12px}.rating-row{align-items:center;margin-bottom:24px;font-size:14px;display:flex}.clone-btn{width:100%}.trending-section{margin-bottom:48px}.trending-row{gap:24px;padding-top:8px;padding-bottom:16px;display:flex;overflow-x:auto}.trending-row .deck-card{min-width:320px}.deck-detail-page{max-width:900px;margin:0 auto}.back-link{align-items:center;margin-bottom:32px;font-size:14px;display:flex}.back-link:hover{color:var(--text-primary)}.detail-header{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:32px;padding:40px}.header-tags{gap:12px;margin-bottom:24px;display:flex}.deck-title-large{margin-bottom:16px;font-size:32px}.creator-info-large{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:32px;font-size:16px;display:flex}.header-actions{gap:16px;display:flex}.clone-btn-large{padding:12px 24px;font-size:16px}.stats-row-large{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.stat-box{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);flex-direction:column;gap:8px;padding:24px;display:flex}.stat-val{color:var(--text-primary);font-size:24px}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px}.detail-description{color:var(--text-secondary);margin-bottom:48px;font-size:16px;line-height:1.6}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.preview-section{margin-bottom:64px;position:relative}.preview-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.blur-overlay{background:linear-gradient(transparent, var(--bg-primary));pointer-events:none;justify-content:center;align-items:flex-end;height:150px;padding-bottom:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.blur-text{background-color:var(--bg-card);border:1px solid var(--border-subtle);pointer-events:auto;border-radius:20px;padding:8px 16px;font-size:14px}.creator-layout{grid-template-columns:300px 1fr;gap:32px;margin-top:24px;display:grid}.creator-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.creator-avatar{border:2px solid var(--accent-blue);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.creator-name{justify-content:center;align-items:center;margin-bottom:4px;font-size:18px;display:flex}.creator-bio{color:var(--text-secondary);margin-top:12px;font-size:14px;line-height:1.5}.horizontal-scroll{gap:24px;padding-top:8px;padding-bottom:16px;display:flex;overflow-x:auto}.horizontal-scroll .deck-card{min-width:300px}.creator-banner{background:linear-gradient(180deg, #1a1a1a 0%, var(--bg-primary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:flex-start;gap:32px;padding:48px;display:flex;position:relative}.creator-avatar-large{border:3px solid var(--accent-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:32px;font-weight:700;display:flex}.creator-banner-info h1{align-items:center;font-size:32px;display:flex}.creator-bio-large{color:var(--text-secondary);max-width:600px;font-size:16px;line-height:1.6}.creator-stats-row{color:var(--text-secondary);gap:24px;font-size:14px;display:flex}.creator-stats-row strong{color:var(--text-primary);margin-right:6px;font-size:18px}.creator-banner-actions{margin-left:auto}.empty-state{text-align:center;padding:64px 24px}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px;display:grid}.stat-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.stat-progress-bar{background-color:var(--border-subtle);border-radius:3px;width:100%;height:6px;margin-top:16px;overflow:hidden}.stat-progress-fill{border-radius:3px;height:100%}.heatmap-section{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:48px;padding:32px}.heatmap-grid{gap:16px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.heatmap-chunk{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;display:grid}.heatmap-cell{background-color:var(--border-subtle);border-radius:2px;width:14px;height:14px}.heatmap-cell.level-0{background-color:var(--border-subtle)}.heatmap-cell.level-1{background-color:#3ed9a833}.heatmap-cell.level-2{background-color:#3ed9a866}.heatmap-cell.level-3{background-color:#3ed9a8b3}.heatmap-cell.level-4{background-color:#3ed9a8}.heatmap-legend{justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.heatmap-legend .heatmap-cell{width:12px;height:12px}@media (width<=768px){.app-layout{flex-direction:column}.side-nav{border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:column;width:100%!important;padding:16px!important}.collapse-toggle{display:none}.side-nav.collapsed .nav-logo-text,.side-nav.collapsed .nav-text{display:inline}.side-nav.collapsed .nav-header{justify-content:center;padding:0 0 16px}.nav-top-section{flex-direction:column;width:100%;display:flex}.nav-header{text-align:center;padding:0 0 16px}.nav-links{flex-flow:wrap;justify-content:center;gap:8px;padding:0}.nav-link{padding:8px 12px;font-size:13px}.main-content{padding:24px 16px}.top-bar{flex-direction:column;gap:16px;margin-bottom:24px}.search-container,.top-bar-actions{width:100%}.top-bar-actions .btn{flex:1}.dashboard-grid,.deck-grid{grid-template-columns:1fr}.stats-row-large{grid-template-columns:1fr 1fr;gap:12px}.creator-layout{grid-template-columns:1fr}.creator-banner{text-align:center;flex-direction:column;align-items:center;padding:32px 16px}.creator-banner-info h1{justify-content:center}.creator-stats-row{flex-wrap:wrap;justify-content:center}.creator-banner-actions{width:100%;margin-top:16px;margin-left:0}.creator-banner-actions .btn{width:100%}.heatmap-section{padding:24px 16px}.heatmap-grid{grid-template-rows:repeat(7,12px);grid-template-columns:repeat(52,12px);padding-bottom:16px;overflow-x:auto}.fab-group{gap:8px;bottom:16px;left:16px}.theme-toggle-fab,.profile-fab{width:40px;height:40px}.profile-popup{width:240px;bottom:0;left:calc(100% + 12px)}}@media (width<=480px){.stats-row-large{grid-template-columns:1fr}.deck-details{padding:16px}}.learning-trend-list,.subject-performance-list,.upcoming-reviews-list{flex-direction:column;gap:16px;display:flex}.learning-trend-row,.subject-performance-row{flex-direction:column;display:flex}.learning-trend-meta,.upcoming-review-row,.upcoming-review-meta{align-items:center;display:flex}.learning-trend-meta,.upcoming-review-row{justify-content:space-between;gap:16px}.upcoming-review-row{border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.upcoming-review-row:last-child{border-bottom:none;padding-bottom:0}.upcoming-review-meta{flex-shrink:0}.dashboard-two-column{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.dashboard-main-column{min-width:0}.productivity-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:40px}.productivity-sidebar .analytics-summary-section .dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:0}.productivity-sidebar .analytics-summary-section .stat-box,.study-calendar-card,.daily-planner{padding:20px}.study-calendar-header,.daily-planner-header,.daily-planner-title,.daily-planner-actions,.study-calendar-controls{align-items:center;display:flex}.study-calendar-header,.daily-planner-header{justify-content:space-between;gap:16px}.study-calendar-header p{margin-top:6px;font-size:12px}.study-calendar-controls{gap:8px;font-size:12px}.calendar-nav-btn,.planner-modal-close{border-radius:var(--radius);background-color:var(--bg-card-hover);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex}.calendar-nav-btn:hover,.planner-modal-close:hover{color:var(--accent-green)}.study-calendar-weekdays,.study-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.study-calendar-weekdays{text-align:center;margin-top:16px;margin-bottom:8px;font-size:10px}.study-calendar-day{aspect-ratio:1;border-radius:var(--radius);background-color:var(--bg-card-hover);min-width:0;color:var(--text-secondary);border:1px solid #0000;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.study-calendar-day.studied{color:var(--text-primary);border-color:#3ed9a859}.study-calendar-day.completed-goal{background-color:#3ed9a824}.study-calendar-day.today{border-color:var(--accent-blue);color:var(--text-primary)}.study-calendar-day.empty{visibility:hidden}.study-calendar-day i{background-color:var(--accent-green);border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.daily-planner-title,.daily-planner-actions{gap:8px}.planner-input{background-color:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:10px 12px}.planner-input:focus,.planner-task-title:focus{border-color:var(--accent-blue)}.planner-tabs{background-color:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.planner-tab{color:var(--text-secondary);border-radius:calc(var(--radius) - 2px);background-color:#0000;padding:8px;font-size:12px;font-weight:600}.planner-tab.active{color:var(--text-primary);background-color:#2f5fe02e}.planner-task-list{flex-direction:column;gap:12px;display:flex}.planner-task{border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;text-align:left;background-color:#0000;width:100%;padding:12px}.planner-task:hover{background-color:var(--bg-card-hover)}.planner-task:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.planner-task-title{width:100%;color:var(--text-primary);font:inherit;font-weight:600}.planner-task-meta,.planner-task-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.planner-task-meta{justify-content:space-between;font-size:12px}.planner-task-actions .btn{padding:6px 10px;font-size:12px}.planner-empty-state{text-align:center;min-height:220px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.planner-empty-icon{border-radius:var(--radius-lg);background-color:var(--bg-card-hover);border:1px solid var(--border-subtle);width:56px;height:56px;color:var(--accent-green);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.planner-empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:16px}.planner-empty-state p{font-size:14px}.planner-modal{z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.planner-modal-backdrop{background-color:#000000ad;position:absolute;inset:0}.planner-modal-panel{z-index:1;width:min(720px,100%);max-height:min(760px,90vh);position:relative;overflow:auto}.planner-task-modal-panel{width:min(520px,100%)}.planner-modal-close{z-index:2;position:absolute;top:16px;right:16px}.daily-planner.expanded{min-height:560px}.planner-task-modal,.planner-field{flex-direction:column;display:flex}.planner-field{gap:8px}.planner-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.planner-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (width<=1200px){.dashboard-two-column{grid-template-columns:1fr}.productivity-sidebar{position:static}}@media (width<=480px){.study-calendar-header,.daily-planner-header{flex-direction:column;align-items:flex-start}.study-calendar-controls,.daily-planner-actions{justify-content:space-between;width:100%}.planner-tabs{grid-template-columns:1fr}}.my-profile-page{max-width:1100px;margin:0 auto}.profile-banner{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-primary) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:32px;padding:48px}.profile-header-content{align-items:center;gap:24px;display:flex}.avatar-large{background:linear-gradient(135deg, var(--accent-blue), var(--accent-green));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.profile-titles{flex:1}.profile-content-grid{grid-template-columns:300px 1fr;gap:32px;display:grid}.profile-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.card-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.details-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.details-list li{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;display:flex}.edit-profile-btn{align-items:center;gap:8px;display:flex}@media (width<=768px){.profile-content-grid{grid-template-columns:1fr}.profile-header-content{text-align:center;flex-direction:column}}.canvas-decks-container{max-width:1320px;margin:0 auto;padding-bottom:60px}.canvas-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.header-badge{color:var(--accent-blue);background-color:#4a75e61f;border:1px solid #4a75e640;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.canvas-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:4px;font-size:32px;font-weight:800}.canvas-subtitle{color:var(--text-secondary);font-size:14px}.create-deck-btn{border-radius:var(--radius);align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:flex}.canvas-toolbar{background-color:var(--bg-card,#121316);border:1px solid var(--border-subtle,#ffffff14);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 18px;display:flex;box-shadow:0 4px 20px #0003}.search-input-wrapper{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.search-icon{color:var(--text-secondary,#94a3b8);pointer-events:none;z-index:10;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input,.canvas-search-input{background-color:var(--bg-primary,#0c0d0e);border:1px solid var(--border-subtle,#ffffff1a);width:100%;color:var(--text-primary,#fff);border-radius:12px;outline:none;padding:10px 16px 10px 42px;font-size:13px;font-weight:500;transition:all .2s}.search-input:focus,.canvas-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.subject-pills-row,.subject-tags-list{align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.subject-pill-btn,.subject-tag-chip{background-color:var(--bg-primary,#0c0d0e);border:1px solid var(--border-subtle,#ffffff1a);color:var(--text-secondary,#94a3b8);white-space:nowrap;cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.subject-pill-btn.active,.subject-pill-btn:hover,.subject-tag-chip.active,.subject-tag-chip:hover{color:#000;background-color:#3b82f6;border-color:#3b82f6;font-weight:800}.decks-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}@media (width>=640px){.decks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=868px){.decks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1120px){.decks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.deck-square-card{aspect-ratio:1;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);cursor:pointer;background:#141414a6;border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s,background-color .25s;display:flex;position:relative;box-shadow:0 8px 32px #00000059}.deck-square-card:hover{background:#1a1a1abf;border-color:#3ed9a866;transform:translateY(-4px);box-shadow:0 14px 36px #00000073}.create-new-card{text-align:center;background:#14141473;border:2px dashed #ffffff26;justify-content:center;align-items:center}.create-new-card:hover{border-color:var(--accent-green);background:#1a1a1aa6}.create-card-content{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.create-icon-circle{background-color:var(--bg-primary);border:1px solid var(--border-subtle);width:54px;height:54px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,color .2s;display:flex}.create-new-card:hover .create-icon-circle{background-color:var(--text-primary);color:var(--bg-primary);transform:scale(1.1)}.create-card-title{color:var(--text-primary);font-size:16px;font-weight:700}.create-card-sub{color:var(--text-secondary);font-size:12px}[data-theme=light] .deck-square-card,html.light .deck-square-card{background:#ffffffd9!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 16px #0000000d!important}[data-theme=light] .deck-square-card:hover,html.light .deck-square-card:hover{background:#fff!important;border-color:#059669!important;box-shadow:0 10px 28px #0596691f!important}[data-theme=light] .deck-card-title,html.light .deck-card-title{color:#0f172a!important}[data-theme=light] .deck-card-desc,html.light .deck-card-desc{color:#475569!important}[data-theme=light] .create-card-title,html.light .create-card-title{color:#0f172a!important}[data-theme=light] .create-card-sub,html.light .create-card-sub{color:#64748b!important}[data-theme=light] .create-new-card,html.light .create-new-card{background:#f8fafcd9!important;border:2px dashed #cbd5e1!important}[data-theme=light] .create-new-card:hover,html.light .create-new-card:hover{background:#fff!important;border-color:#059669!important}[data-theme=light] .create-icon-circle,html.light .create-icon-circle{color:#0f172a!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}[data-theme=light] .create-new-card:hover .create-icon-circle,html.light .create-new-card:hover .create-icon-circle{color:#fff!important;background:#059669!important}[data-theme=light] .hashtag-pill,html.light .hashtag-pill{color:#047857!important;background-color:#ecfdf5!important;border:1px solid #a7f3d0!important}[data-theme=light] .edit-canvas-btn,html.light .edit-canvas-btn{color:#0f172a!important}[data-theme=light] .edit-canvas-btn:hover,html.light .edit-canvas-btn:hover{color:#059669!important}.deck-card-header{justify-content:space-between;align-items:center;display:flex}.subject-badge{color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;background-color:#3ed9a81f;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.card-count-badge{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;padding:3px 8px;font-size:12px}.deck-card-body{flex-direction:column;flex:1;justify-content:center;gap:8px;margin:12px 0;display:flex}.deck-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.deck-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.hashtags-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.hashtag-pill{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--accent-green);background-color:#3ed9a81f;border:1px solid #3ed9a840;border-radius:6px;padding:2px 7px}.deck-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.edit-canvas-btn{color:var(--text-primary);background-color:#0000;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:gap .2s;display:flex}.edit-canvas-btn:hover{color:var(--accent-green);gap:10px}.quick-actions{align-items:center;gap:6px;display:flex}.icon-action-btn{background-color:var(--bg-primary);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-action-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.icon-action-btn.delete-btn:hover{color:#ef4444;background-color:#ef444426;border-color:#ef44444d}.icon-action-btn.delete-btn.confirming{color:#fff;background-color:#ef4444}.flashcard-studio-page{min-height:100vh;color:var(--text-primary);background-color:#080808;flex-direction:column;display:flex}.studio-loading-state{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.studio-navbar{z-index:20;background-color:#121212;border-bottom:1px solid #242424;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.navbar-left,.navbar-center,.navbar-right{align-items:center;gap:14px;display:flex}.nav-back-btn{color:var(--text-primary);border-radius:var(--radius);background-color:#1c1c1c;border:1px solid #2c2c2c;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.nav-back-btn:hover{background-color:#282828}.navbar-divider{background-color:#2c2c2c;width:1px;height:24px}.deck-title-wrapper{align-items:center;gap:10px;display:flex}.deck-title-heading{color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:16px;font-weight:700;transition:background-color .2s}.deck-title-heading:hover{background-color:#1f1f1f}.deck-title-input{color:var(--text-primary);border:1px solid var(--accent-blue);background-color:#1a1a1a;border-radius:4px;outline:none;padding:4px 8px;font-size:16px;font-weight:700}.subject-select{color:var(--accent-green);cursor:pointer;background-color:#1a1a1a;border:1px solid #2c2c2c;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:600}.card-navigator{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;display:flex}.nav-step-btn{color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.nav-step-btn:hover:not(:disabled){color:var(--text-primary)}.nav-step-btn:disabled{opacity:.3;cursor:not-allowed}.card-counter-badge{color:var(--text-primary);text-align:center;min-width:90px;font-size:13px;font-weight:600}.add-card-nav-btn{color:var(--accent-blue);border-radius:var(--radius);background-color:#4a75e626;border:1px solid #4a75e64d;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-card-nav-btn:hover{background-color:var(--accent-blue);color:#fff}.save-status-indicator{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.preview-mode-btn{color:var(--text-primary);border-radius:var(--radius);background-color:#1c1c1c;border:1px solid #2c2c2c;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.preview-mode-btn:hover{background-color:#282828}.preview-mode-btn.active{background-color:var(--accent-green);border-color:var(--accent-green);color:#000}.dedicated-studio-toolbar{z-index:10;background-color:#161616;border-bottom:1px solid #262626;justify-content:center;align-items:center;gap:20px;height:52px;padding:0 24px;display:flex;position:relative}.toolbar-section{align-items:center;gap:10px;display:flex}.toolbar-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.toolbar-divider{background-color:#2c2c2c;width:1px;height:20px}.pill-switcher{background-color:#0d0d0d;border:1px solid #282828;border-radius:8px;padding:3px;display:flex}.pill-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.pill-btn.active{background-color:var(--accent-blue);color:#fff}.tool-btn{color:var(--text-primary);background-color:#202020;border:1px solid #2e2e2e;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.tool-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background-color:#2a2a2a}.tool-btn.danger-tool-btn:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef4444}.tool-btn.flip-btn.flipped{border-color:var(--accent-green);color:var(--accent-green);background-color:#3ed9a826}.studio-workspace{flex-direction:column;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px;display:flex}.editor-mode-container{flex-direction:column;flex:1;gap:28px;display:flex}.studio-canvas-card{background-color:#141414;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;min-height:420px;padding:28px;display:flex;position:relative;box-shadow:0 16px 36px #00000080}.card-editor-header{border-bottom:1px solid #242424;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.side-indicator-badge{color:var(--text-secondary);font-size:13px}.side-indicator-badge strong{color:var(--accent-blue)}.editor-header-actions{align-items:center;gap:10px;display:flex}.side-switch-btn,.delete-card-btn{color:var(--text-secondary);background-color:#1c1c1c;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.side-switch-btn:hover{color:var(--text-primary);background-color:#262626}.delete-card-btn:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d}.card-blocks-container{flex-direction:column;flex:1;gap:16px;display:flex}.empty-blocks-state{color:var(--text-secondary);text-align:center;border:2px dashed #242424;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.editor-block-card{background-color:#1a1a1a;border:1px solid #2b2b2b;border-radius:10px;padding:14px}.block-type-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.block-type-title{color:var(--accent-blue);letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.remove-block-btn{color:var(--text-secondary);background:0 0;border-radius:4px;padding:2px}.remove-block-btn:hover{color:#ef4444}.block-textarea{width:100%;color:var(--text-primary);resize:vertical;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;outline:none;padding:12px;font-family:inherit;font-size:15px;line-height:1.5}.block-textarea:focus{border-color:var(--accent-blue)}.media-block-editor{flex-direction:column;gap:10px;display:flex}.block-url-input{width:100%;color:var(--text-primary);background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.editor-media-preview{object-fit:cover;border:1px solid #2c2c2c;border-radius:8px;max-height:200px}.editor-audio-preview{width:100%;height:36px}.cards-filmstrip-bar{background-color:#121212;border:1px solid #262626;border-radius:12px;padding:16px}.filmstrip-header{color:var(--text-secondary);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.filmstrip-add-btn{color:var(--accent-blue);background-color:#4a75e61f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.filmstrip-list{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.filmstrip-thumb{cursor:pointer;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;justify-content:space-between;min-width:120px;height:64px;padding:8px 10px;transition:all .2s;display:flex}.filmstrip-thumb:hover{border-color:#444}.filmstrip-thumb.active{border-color:var(--accent-blue);background-color:#4a75e61f}.thumb-num{color:var(--accent-blue);font-size:10px;font-weight:700}.thumb-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.preview-mode-container{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.preview-progress-bar-wrapper{background-color:#1a1a1a;border-radius:10px;width:100%;max-width:600px;height:6px;overflow:hidden}.preview-progress-fill{background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));height:100%;transition:width .3s}.studio-card-container.interactive-preview{perspective:1200px;cursor:pointer;width:100%;max-width:640px;height:380px}.studio-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.studio-card-container.interactive-preview.flipped .studio-card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background-color:#141414;border:1px solid #2a2a2a;border-radius:20px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:absolute;inset:0;box-shadow:0 20px 48px #0009}.card-face-back{border-color:#3ed9a84d;transform:rotateY(180deg)}.face-tag{color:var(--accent-blue);letter-spacing:.08em;font-size:11px;font-weight:700}.card-face-back .face-tag{color:var(--accent-green)}.face-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;margin:16px 0;display:flex}.preview-text{color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.4}.preview-media-img{object-fit:contain;border-radius:12px;max-height:180px}.preview-video-box iframe{border:none;border-radius:10px;width:100%;height:180px}.flip-hint{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.preview-controls-bar{align-items:center;gap:20px;margin-top:12px;display:flex}.card-indicator{color:var(--text-secondary);font-size:14px;font-weight:600}