@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:.2}50%{opacity:.5}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}@keyframes floatUp{0%{transform:translateY(0) translateX(0);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translateY(-100vh) translateX(10px);opacity:0}}.floating-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:1;filter:blur(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-slide-in-up{animation:slideInUp .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-pulse-hover:hover{animation:pulse 1s ease-in-out}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-size:800px 104px}.glass-card{background:var(--surface-bg-strong);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 28px rgba(30,64,175,.2),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.1)}.glass-card,.glass-card-dark{border:1px solid var(--surface-border)}.glass-card-dark{background:var(--surface-bg);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%)}.dark .glass-card{background:var(--surface-bg-strong);border:1px solid var(--surface-border);box-shadow:0 10px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.1)}.transition-all-300{transition:all .3s ease}.transition-all-500{transition:all .5s ease}.hover-scale-105:hover{transform:scale(1.05)}.hover-scale-102:hover{transform:scale(1.02)}.gradient-border{position:relative}.gradient-border,.gradient-border:before{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:12px;padding:2px}.gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.btn-premium{background:linear-gradient(45deg,#667eea,#764ba2);background-size:200% 200%;animation:gradient-shift 3s ease infinite}.loading-dots:after{content:"";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media (max-width:768px){.animate-slide-in-right,.animate-slide-in-up{animation-duration:.4s}.overflow-x-auto{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}}@media (max-width:768px){.overflow-x-auto::-webkit-scrollbar{height:4px}.overflow-x-auto::-webkit-scrollbar-track{background:rgba(156,163,175,.2);border-radius:2px}.overflow-x-auto::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:2px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}.overflow-x-auto{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@media (max-width:640px){.text-responsive-sm{font-size:.75rem}.text-responsive-base{font-size:.875rem}.text-responsive-lg{font-size:1rem}}@media (max-width:768px){.hover\:scale-102:hover{transform:scale(1.01)}.hover\:scale-105:hover{transform:scale(1.02)}}.studyplanner-theme{--sp-panel-bg:color-mix(in srgb,var(--surface-bg-strong) 88%,transparent);--sp-panel-border:color-mix(in srgb,var(--surface-border) 88%,transparent)}.studyplanner-sidebar{box-shadow:inset -1px 0 0 color-mix(in srgb,var(--surface-border) 65%,transparent)}.studyplanner-hero{background:color-mix(in srgb,var(--surface-bg-strong) 94%,transparent);border:1px solid color-mix(in srgb,var(--surface-border) 82%,transparent);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:0 18px 34px rgba(15,23,42,.18),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 80%,transparent)}.studyplanner-layout{position:relative}.studyplanner-panel,.studyplanner-panel-surface{background:var(--sp-panel-bg)!important;border-color:var(--sp-panel-border)!important;backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);box-shadow:0 12px 28px color-mix(in srgb,var(--gloss-shadow) 80%,rgba(15,23,42,.12)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 90%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 65%,transparent)}.studyplanner-option{border-color:color-mix(in srgb,var(--surface-border) 78%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 75%,transparent)}.studyplanner-layout input,.studyplanner-layout select,.studyplanner-layout textarea{border-color:color-mix(in srgb,var(--surface-border) 84%,transparent)!important;background:color-mix(in srgb,var(--surface-bg-strong) 86%,transparent)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 76%,transparent)}.studyplanner-layout input:focus,.studyplanner-layout select:focus,.studyplanner-layout textarea:focus{outline:none;border-color:rgba(99,102,241,.72)!important;box-shadow:0 0 0 3px rgba(99,102,241,.18),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 84%,transparent)}.studyplanner-quiz-chip{box-shadow:0 8px 18px color-mix(in srgb,var(--gloss-shadow) 54%,transparent),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 72%,transparent)}.studyplanner-card{border-radius:1.75rem;padding:25px;border-color:color-mix(in srgb,var(--surface-border) 82%,transparent)!important;backdrop-filter:blur(13px) saturate(142%);-webkit-backdrop-filter:blur(13px) saturate(142%);box-shadow:0 14px 30px color-mix(in srgb,var(--gloss-shadow) 82%,rgba(15,23,42,.08)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 88%,transparent)}.studyplanner-tabs{background:color-mix(in srgb,var(--surface-bg) 80%,transparent);border-color:color-mix(in srgb,var(--surface-border) 76%,transparent)}.studyplanner-empty{background:color-mix(in srgb,var(--surface-bg-strong) 93%,transparent)!important}html.dark .studyplanner-theme{--sp-panel-bg:rgba(0,0,0,0.38);--sp-panel-border:rgba(96,165,250,0.3)}.studyplanner-shell{position:relative;isolation:isolate}.studyplanner-shell:before{content:"";position:absolute;inset:8px 6px auto;height:280px;border-radius:40px;pointer-events:none}.studyplanner-command-deck{position:relative;border-color:color-mix(in srgb,var(--surface-border) 82%,transparent);background:linear-gradient(124deg,color-mix(in srgb,var(--surface-bg-strong) 95%,transparent),color-mix(in srgb,var(--surface-bg) 78%,transparent)),radial-gradient(140% 100% at 8% -10%,rgba(6,182,212,.2),rgba(6,182,212,0)),radial-gradient(120% 100% at 100% 0,rgba(251,146,60,.18),rgba(251,146,60,0));box-shadow:0 22px 46px color-mix(in srgb,var(--gloss-shadow) 78%,rgba(15,23,42,.16)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 85%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 62%,transparent)}.studyplanner-command-glow{background:linear-gradient(90deg,rgba(6,182,212,.12),rgba(14,165,233,.06) 35%,rgba(251,146,60,.12)),radial-gradient(35% 68% at 12% 24%,rgba(255,255,255,.34),rgba(255,255,255,0));mix-blend-mode:screen}.studyplanner-command-badge{background:color-mix(in srgb,var(--surface-bg) 64%,transparent);border-color:color-mix(in srgb,var(--surface-border) 75%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 80%,transparent)}.studyplanner-command-stat{background:color-mix(in srgb,var(--surface-bg) 66%,transparent);border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 76%,transparent)}.studyplanner-metric-card{border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:linear-gradient(158deg,color-mix(in srgb,var(--surface-bg-strong) 88%,transparent),color-mix(in srgb,var(--surface-bg) 58%,transparent));box-shadow:0 10px 24px color-mix(in srgb,var(--gloss-shadow) 68%,rgba(15,23,42,.08)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 74%,transparent)}.studyplanner-mobile-tab{display:inline-flex;align-items:center;gap:.45rem;border-radius:.9rem;padding:.55rem .85rem;font-size:.8rem;font-weight:600;border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);color:color-mix(in srgb,currentColor 78%,#475569);background:color-mix(in srgb,var(--surface-bg) 62%,transparent);transition:all .2s ease}.studyplanner-mobile-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border) 95%,transparent)}.studyplanner-mobile-tab-active{background:linear-gradient(120deg,rgba(14,165,233,.9),rgba(16,185,129,.85),rgba(249,115,22,.9));border-color:rgba(255,255,255,.5);color:#fff;box-shadow:0 10px 20px rgba(14,165,233,.28)}.studyplanner-content-stage{border-radius:1.75rem;-webkit-backdrop-filter:blur(14px) saturate(140%);padding:clamp(.9rem,1.8vw,1.4rem)}.studyplanner-content-stage-transparent{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}.studyplanner-create-shell{gap:1.1rem}.studyplanner-create-hero{border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:linear-gradient(126deg,color-mix(in srgb,var(--surface-bg-strong) 94%,transparent),color-mix(in srgb,var(--surface-bg) 68%,transparent)),radial-gradient(120% 90% at 8% -10%,rgba(6,182,212,.2),rgba(6,182,212,0));box-shadow:0 16px 34px color-mix(in srgb,var(--gloss-shadow) 66%,rgba(15,23,42,.1)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 82%,transparent)}.studyplanner-create-pill{border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface-bg-strong) 86%,transparent),color-mix(in srgb,var(--surface-bg) 54%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 72%,transparent)}.studyplanner-create-panel{border-radius:1.15rem!important;border-color:color-mix(in srgb,var(--surface-border) 82%,transparent)!important;box-shadow:0 14px 28px color-mix(in srgb,var(--gloss-shadow) 62%,rgba(15,23,42,.08)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 80%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 60%,transparent)}.studyplanner-create-shell .studyplanner-create-panel,.studyplanner-create-shell .studyplanner-panel{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.studyplanner-stack-card{border-radius:1.35rem!important;border-color:color-mix(in srgb,var(--surface-border) 70%,transparent)!important;box-shadow:0 16px 30px color-mix(in srgb,var(--gloss-shadow) 36%,rgba(15,23,42,.08)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 74%,transparent)!important}.studyplanner-stack-head h2{letter-spacing:-.015em}.studyplanner-mode-surface,.studyplanner-period-surface,.studyplanner-preference-surface{min-height:320px}.studyplanner-flow-orb{position:absolute;width:180px;height:180px;border-radius:999px;filter:blur(24px);opacity:.34;pointer-events:none;right:-60px;top:-60px}.studyplanner-flow-orb-cyan{background:radial-gradient(circle,rgba(6,182,212,.65),rgba(6,182,212,0))}.studyplanner-flow-orb-emerald{background:radial-gradient(circle,rgba(16,185,129,.65),rgba(16,185,129,0))}.studyplanner-flow-orb-orange{background:radial-gradient(circle,rgba(249,115,22,.68),rgba(249,115,22,0))}.studyplanner-mode-card{position:relative;overflow:hidden}.studyplanner-mode-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,rgba(14,165,233,.9),rgba(16,185,129,.85),rgba(249,115,22,.8));opacity:0;transition:opacity .2s ease}.studyplanner-mode-card:hover:after{opacity:1}.studyplanner-mode-tile{position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.studyplanner-mode-tile-active{border-color:rgba(14,165,233,.56)!important;background:linear-gradient(145deg,rgba(14,165,233,.16),rgba(16,185,129,.12)),color-mix(in srgb,var(--surface-bg-strong) 66%,transparent)!important;box-shadow:0 12px 26px rgba(14,165,233,.2),inset 0 1px 0 rgba(255,255,255,.3)}.studyplanner-choice-badge{font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.38rem .5rem;color:#fff;background:linear-gradient(118deg,rgba(6,182,212,.9),rgba(249,115,22,.9))}.studyplanner-hours-dial{border-radius:1.05rem;border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.36),rgba(14,165,233,0)),linear-gradient(148deg,color-mix(in srgb,var(--surface-bg-strong) 92%,transparent),color-mix(in srgb,var(--surface-bg) 62%,transparent));box-shadow:0 10px 18px color-mix(in srgb,var(--gloss-shadow) 56%,rgba(15,23,42,.08)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 75%,transparent);height:82px;display:grid;place-items:center}.studyplanner-hours-value{font-size:1.5rem;font-weight:800;line-height:1}.studyplanner-hours-label{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;opacity:.75}.studyplanner-preference-ribbon{background:linear-gradient(120deg,rgba(16,185,129,.14),rgba(6,182,212,.16)),transparent}.studyplanner-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.studyplanner-segment-btn{border-radius:.95rem;padding:.65rem .75rem;font-size:.92rem;font-weight:600;color:color-mix(in srgb,currentColor 72%,#475569);transition:all .2s ease}.studyplanner-segment-btn:hover{transform:translateY(-1px)}.studyplanner-segment-btn-active{color:#fff!important;background:linear-gradient(115deg,rgba(14,165,233,.96),rgba(37,99,235,.92),rgba(249,115,22,.92));box-shadow:0 10px 18px rgba(14,165,233,.26)}.studyplanner-period-track{border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:radial-gradient(120% 120% at 8% -22%,rgba(249,115,22,.18),rgba(249,115,22,0)),linear-gradient(164deg,color-mix(in srgb,var(--surface-bg-strong) 90%,transparent),color-mix(in srgb,var(--surface-bg) 62%,transparent))}.studyplanner-track-line{height:.45rem;border-radius:999px;background:color-mix(in srgb,var(--surface-border) 62%,transparent);overflow:hidden}.studyplanner-track-fill{height:100%;border-radius:inherit;transition:width .35s ease;background:linear-gradient(90deg,rgba(14,165,233,.95),rgba(249,115,22,.92))}.studyplanner-date-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:color-mix(in srgb,var(--surface-bg) 64%,transparent);padding:.45rem .7rem}.studyplanner-date-day{font-size:.92rem;font-weight:700;line-height:1}.studyplanner-date-month{font-size:.72rem;font-weight:600;line-height:1;opacity:.78;text-transform:uppercase}.studyplanner-period-ribbon{background:linear-gradient(122deg,rgba(249,115,22,.12),rgba(251,191,36,.14)),transparent}.studyplanner-generate-wrap .max-w-lg{max-width:46rem}.studyplanner-generate-wrap button{letter-spacing:.01em}.studyplanner-generate-progress{border-color:color-mix(in srgb,var(--surface-border) 78%,transparent)!important;box-shadow:0 14px 28px color-mix(in srgb,var(--gloss-shadow) 72%,rgba(15,23,42,.14)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 70%,transparent)}.studyplanner-roadmap-summary{border-radius:1.35rem;background:linear-gradient(138deg,color-mix(in srgb,var(--surface-bg-strong) 94%,transparent),color-mix(in srgb,var(--surface-bg) 72%,transparent))}.studyplanner-roadmap-board{border-radius:1.35rem;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-bg-strong) 92%,transparent),color-mix(in srgb,var(--surface-bg) 70%,transparent))}.studyplanner-roadmap-node{box-shadow:0 12px 24px color-mix(in srgb,var(--gloss-shadow) 60%,rgba(15,23,42,.08)),inset 0 1px 0 color-mix(in srgb,var(--gloss-highlight) 76%,transparent)}@media (max-width:1024px){.studyplanner-shell:before{inset:4px 2px auto;height:220px}.studyplanner-content-stage{border-radius:1.3rem;padding:.8rem}.studyplanner-mode-surface,.studyplanner-period-surface,.studyplanner-preference-surface{min-height:auto}}