:root{--purple:#4204ad;--page-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page-bg);font-synthesis:none;width:100%;min-height:100%;font-family:Google Sans,Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:transparent!important}img,button,a{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.primary-page{background:var(--page-bg);backface-visibility:hidden;width:100%;min-height:100vh;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,0,0,1);animation:.32s cubic-bezier(.2,0,0,1) forwards pureFadeInUp;display:flow-root;position:relative}.primary-page.is-navigating{pointer-events:none;transform:translateY(-3px)}@keyframes pureFadeInUp{0%{transform:translateY(5px)}to{transform:translateY(0)}}.brand{color:var(--purple);letter-spacing:0;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:30px;font-weight:400;line-height:1;position:absolute;top:28px;left:40px}.drop-zone{text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:1194px;max-width:calc(100% - 120px);display:flex;position:absolute;top:92px;bottom:40px;left:50%;transform:translate(-50%)}.drop-zone-border{pointer-events:none;opacity:1;backface-visibility:hidden;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0;transform:none}.drop-zone-text{color:var(--purple);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.drop-title{font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;line-height:1}.drop-subtitle-hint{font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:1}.skip-divider{width:173px;height:6px;display:block}.drop-action-skip{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:44px;font-weight:700;line-height:1;transition:transform .15s,opacity .15s,box-shadow .15s}.drop-action-skip:hover{opacity:.8}.drop-action-skip:active{transform:scale(.97)}.drop-zone.is-dragging .drop-zone-border{opacity:1}.file-input-hidden{display:none}.drop-file-name{color:#4204adbf;white-space:nowrap;text-overflow:ellipsis;max-width:420px;margin-top:10px;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out forwards modalOverlayFade;display:flex;position:fixed;inset:0}.auth-overlay.is-closing{animation:.2s ease-in forwards modalOverlayFadeOut}.auth-card{background:#fff;border-radius:24px;flex-direction:column;width:460px;max-width:calc(100vw - 48px);padding:40px;animation:.26s cubic-bezier(.2,0,0,1) forwards modalContentSlide;display:flex;box-shadow:0 24px 60px #0000001f}.auth-card.is-closing{animation:.2s cubic-bezier(.2,0,0,1) forwards modalContentSlideOut}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalContentSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.auth-title{color:#1a1a1a;text-align:center;margin-bottom:8px;font-family:Google Sans,sans-serif;font-size:28px;font-weight:700}.auth-subtitle{color:#666;text-align:center;margin-bottom:32px;font-family:Google Sans,sans-serif;font-size:15px}.auth-label{color:#333;margin-bottom:8px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;display:block}.auth-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-field-group{flex-direction:column;display:flex}.auth-input{color:#1a1a1a;background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;height:48px;margin-bottom:20px;padding:0 16px;font-family:Google Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #4204ad1a}.auth-input::placeholder{color:#cdcdcd}.auth-forgot-button{color:var(--purple);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-8px;margin-bottom:24px;font-size:13px;font-weight:500}.auth-signin-button{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;height:48px;margin-bottom:24px;font-size:16px;font-weight:600;transition:transform .15s,opacity .15s}.auth-signin-button:hover{opacity:.9}.auth-signin-button:active{transform:scale(.97)}.auth-divider{text-align:center;color:#999;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e0e0e0;flex:1}.auth-divider span{padding:0 10px}.auth-google-button{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:15px;font-weight:500;transition:background .2s,transform .15s;display:flex}.auth-google-button:hover{background:#f7f7f7}.auth-google-button:active{transform:scale(.97)}.auth-google-icon{width:20px;height:20px}.auth-google-host{justify-content:center;width:100%;min-height:44px;display:flex}.auth-google-host>div,.auth-google-host iframe{width:100%!important}.auth-info-text,.auth-error-text{margin-top:-6px;margin-bottom:16px;font-family:Google Sans,sans-serif;font-size:13px;line-height:1.4}.auth-info-text{color:#4204adc7}.auth-error-text{color:#d93025}.auth-switch-button{color:#4204add1;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:14px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:600}.auth-switch-button:hover,.auth-forgot-button:hover{opacity:.82}.auth-google-button:disabled,.auth-signin-button:disabled,.auth-google-button.is-disabled{opacity:.65;cursor:wait}.auth-google-button.is-disabled{cursor:not-allowed}.fullscreen-loading{justify-content:center;align-items:center;display:flex;overflow:hidden}.fullscreen-blur-bg{pointer-events:none;z-index:-1;background:radial-gradient(circle at 30% 30%,#4204ad14 0%,#fff0 60%);position:fixed;inset:0}.spotify-lyrics-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100vh;display:flex;position:relative}.spotify-step{color:var(--purple);opacity:0;filter:blur(8px);text-align:center;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:64px;font-weight:700;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),filter .8s;position:absolute;transform:translateY(40px)}.spotify-step.is-active{opacity:1;filter:blur();z-index:2;transform:translateY(0)scale(1.05)}.spotify-step.is-past{opacity:0;filter:blur(8px);transform:translateY(-40px)}.spotify-step.is-future{opacity:0;filter:blur(8px);transform:translateY(40px)}.loading-error-panel{text-align:center;color:#d93025;flex-direction:column;align-items:center;gap:16px;max-width:460px;margin-top:220px;display:flex}@keyframes text-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.top-actions{z-index:60;position:absolute;top:28px;right:40px}.guest-actions{align-items:center;gap:14px;display:flex}.guest-login-button{color:var(--purple);cursor:pointer;background:0 0;border:none;font-family:Google Sans,sans-serif;font-size:18px;font-weight:700}.guest-signup-button,.profile-menu-trigger{min-height:46px;color:var(--purple);cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.profile-menu-trigger{min-height:unset}.profile-menu-trigger svg{width:40px;height:40px}.guest-signup-button{background:var(--purple);color:#fff;padding:0 20px;font-family:Google Sans,sans-serif;font-size:17px;font-weight:700}.profile-menu{position:relative}.profile-menu-trigger{width:auto;height:auto;box-shadow:none;padding:0}.guest-signup-button:hover,.profile-menu-trigger:hover,.profile-menu-trigger.is-open{transform:translateY(-1px);box-shadow:0 14px 36px #4204ad24}.profile-menu-popover{opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 14px);right:0;transform:translateY(-6px)scale(.98)}.profile-menu-popover.is-open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.profile-menu-card{background:#fff;border:1px solid #4204ad1a;border-radius:22px;flex-direction:column;gap:10px;min-width:300px;padding:14px;display:flex;box-shadow:0 24px 48px #4204ad2e}.profile-menu-user-block{background:#4204ad0f;border-radius:16px;padding:14px 16px}.profile-menu-user-name{color:#1b1335;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.2}.profile-menu-user-meta{color:#1b1335ad;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;display:flex}.profile-menu-user-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.profile-menu-item{color:#1b1335;text-align:left;cursor:pointer;background:#4204ad0f;border:none;border-radius:16px;width:100%;padding:14px 16px;font-size:18px;font-weight:600;transition:background .18s,transform .15s}.profile-menu-item:hover{background:#4204ad1f}.profile-menu-item:active{transform:scale(.98)}.profile-menu-item.is-danger{color:#e25454}@media (max-width:1200px){.brand{font-size:48px}.drop-zone{width:calc(100% - 120px);left:50%;transform:translate(-50%)}.drop-title{font-size:40px}}.breakdown-container{flex-direction:column;justify-content:center;align-items:center;max-width:1000px;min-height:100vh;margin:0 auto;padding:80px 20px;display:flex}.breakdown-title{color:var(--purple);margin-bottom:40px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:36px;font-weight:700}.breakdown-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;margin-bottom:30px;display:grid}.breakdown-card{background:var(--page-bg);border:4px solid var(--purple);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;min-height:140px;padding:30px 40px;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1);display:flex;position:relative}.breakdown-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4204ad14}.breakdown-card:active{transform:scale(.98)}.breakdown-card.is-error{background:#4204ad0a;border-style:dashed}.breakdown-card.is-error h3{color:var(--purple)}.breakdown-card.is-error .expand-icon rect{fill:currentColor}.breakdown-card h3{color:var(--purple);text-align:center;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:24px;font-weight:500}.expand-icon{width:24px;height:24px;color:var(--purple);position:absolute;bottom:12px;right:12px}.breakdown-hint{color:var(--purple);text-align:center;max-width:800px;margin-bottom:40px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.related-content-section{border-top:1px solid #4204ad1a;flex-direction:column;align-items:flex-start;width:100%;margin-top:20px;padding:32px 0;display:flex}.related-content-title{color:#70757a;margin-bottom:24px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:18px;font-weight:700}.step-details-clean{width:100%;padding:0}.related-content-section-mini{border-top:1px solid #0000000d;flex-direction:column;align-items:flex-start;width:100%;padding:16px 0;display:flex}.related-content-title-mini{color:#70757a;margin-bottom:20px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:16px;font-weight:700}.related-content-stack{flex-direction:column;gap:16px;width:100%;display:flex}.related-row{cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:8px;transition:background .2s;display:flex}.related-row:hover{background:#4204ad0a}.related-row-thumb{background:#f1f3f4;border-radius:8px;flex-shrink:0;width:100px;height:56px;position:relative;overflow:hidden}.play-overlay-mini{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.search-thumb-placeholder{background:#f8f9fa;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.related-row-info{flex-direction:column;display:flex}.related-row-name{color:#1a1a1a;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;line-height:1.3}.step-page .step-content-box:has(.step-details-clean){background:0 0;border:none;padding:0}.step-container{flex-direction:column;justify-content:center;max-width:800px;height:100vh;margin:0 auto;padding:80px 20px 40px;display:flex}.step-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.step-counter{color:var(--purple);font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:24px;font-weight:700}.step-progress-track{background:#e0e0e0;border-radius:6px;flex:1;height:12px;overflow:hidden}.step-progress-fill{background:var(--purple);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.2,0,0,1)}.step-title{color:var(--purple);margin-bottom:16px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:28px;font-weight:700}.step-description{color:var(--purple);white-space:pre-wrap;margin-bottom:16px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;line-height:1.5;display:block}.math-text-container{display:block}.step-title .math-text-container{display:inline}.math-inline{padding:0 2px;display:inline-block}.math-inline .katex{font-size:1.1em}.math-block{text-align:center;margin:1em 0;display:block}.step-formula-box{background:#f7f7f7;border-radius:8px;align-self:flex-start;margin-bottom:16px;padding:16px 24px;display:inline-flex}.formula-text{color:#000;letter-spacing:2px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:24px;font-weight:400}.formula-text-rendered,.math-formula{color:#111}.formula-text-rendered .katex-display,.math-formula .katex-display{margin:0}.formula-text-fallback{white-space:pre-wrap}.step-warning{color:#e53935;margin-bottom:24px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500}.step-warning.is-muted{color:#4204ad75}.step-status-text,.step-error-text,.breakdown-status-text,.breakdown-error-text{margin-bottom:12px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:15px;font-weight:500}.step-status-text,.breakdown-status-text{color:#4204adb8}.step-error-text,.breakdown-error-text{color:#d93025}.step-content-box{border:4px dashed var(--purple);background:#fff;border-radius:20px;align-items:center;gap:24px;margin-bottom:16px;padding:16px;display:flex}.step-visual{flex:1;justify-content:center;align-items:center;display:flex}.step-graph-image{object-fit:contain;border-radius:12px;max-width:100%;height:auto;max-height:200px}.step-details{flex-direction:column;flex:1;gap:24px;display:flex}.step-formula-detailed{color:var(--purple);font-family:Google Sans,Arial,Helvetica,sans-serif}.step-formula-detailed p:first-child{margin-bottom:8px;font-size:16px;font-weight:500}.math-formula{font-size:18px;font-weight:500}.latex-code-block{white-space:pre-wrap;word-break:break-word;width:100%;max-height:220px;color:var(--purple);background:#4204ad0f;border-radius:14px;padding:14px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5;overflow:auto}.visual-latex-render{background:#4204ad0a;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:180px;padding:12px;display:flex;overflow:auto}.visual-latex-render svg{max-width:100%;height:auto}.step-desmos-btn{border:1.5px solid var(--purple);color:var(--purple);cursor:pointer;background:#fff;border-radius:12px;align-self:flex-end;padding:8px 16px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:700;transition:transform .18s,background .18s}.step-desmos-btn:hover{background:var(--purple);color:#fff}.step-desmos-btn:active{transform:scale(.97)}.step-footer{justify-content:flex-end;display:flex}.step-next-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:18px;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s}.step-next-btn:hover{background:#320287;transform:translateY(-1px);box-shadow:0 4px 12px #4204ad26}.step-next-btn:active,.visual-latex-render:active{transform:scale(.97)}.visual-latex-container{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.visual-latex-loader{color:var(--purple);flex-direction:column;align-items:center;gap:12px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;display:flex}.loader-spinner{border:3px solid #4204ad1a;border-top-color:var(--purple);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}.visual-latex-error{flex-direction:column;gap:12px;width:100%;display:flex}.visual-latex-error p{color:#e25454;font-size:13px;font-weight:500}.visual-latex-render.is-loading{opacity:0;height:0;overflow:hidden}.render-fallback-link{color:var(--purple);margin-top:8px;font-size:13px;font-weight:500;text-decoration:underline;transition:opacity .15s;display:inline-block}.tikz-cloud-image{border-radius:8px;max-width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 4px 12px #0000000d}@media (max-width:768px){.breakdown-grid{grid-template-columns:1fr}.step-content-box{flex-direction:column}}@media (max-height:800px){.breakdown-card{min-height:100px;padding:20px 30px}.breakdown-title{margin-bottom:20px}.step-content-box{gap:16px;margin-bottom:16px;padding:16px}.step-formula-box{margin-bottom:12px}.step-header{margin-bottom:16px}}.desmos-popup{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;width:500px;height:450px;animation:.3s cubic-bezier(.2,0,0,1.2) popup-bounce;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000026}@keyframes popup-bounce{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.desmos-popup-header{cursor:grab;-webkit-user-select:none;user-select:none;background:#f8f8f8;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.desmos-popup-header:active{cursor:grabbing}.desmos-popup-title{color:var(--purple);font-family:Google Sans,sans-serif;font-size:14px;font-weight:600}.desmos-popup-close{color:#999;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.desmos-popup-close:hover{color:var(--purple)}.desmos-popup-content{flex:1;width:100%;position:relative}.desmos-loading{height:100%;color:var(--purple);justify-content:center;align-items:center;font-weight:500;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;background:#0000001a;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.sidebar-overlay.is-open{opacity:1;visibility:visible}.sidebar{z-index:101;background:#fff;flex-direction:column;width:320px;padding:40px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 60px #4204ad0d}.sidebar.is-open{transform:translate(0)}.sidebar-header{margin-bottom:12px}.sidebar-logo{color:var(--purple);margin-bottom:4px;font-family:Dela Gothic One,sans-serif;font-size:28px}.sidebar-user-email{color:#4204ad8c;margin-bottom:12px;font-size:13px;font-weight:500}.sidebar-nav{flex-direction:column;gap:12px;display:flex}.sidebar-item{color:var(--purple);cursor:pointer;padding:12px 0;font-family:Google Sans,sans-serif;font-size:20px;font-weight:700;transition:opacity .2s,transform .2s}.sidebar-item:hover{opacity:.7;transform:translate(4px)}.sidebar-item.is-disabled{opacity:.3;cursor:not-allowed}.sidebar-item.is-disabled:hover{transform:none}.sidebar-trigger{cursor:pointer;z-index:60;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:32px;transition:transform .15s;display:flex;position:absolute;top:72px;left:40px}.sidebar-trigger:hover{transform:scale(1.05)}.sidebar-trigger img{width:100%;height:100%}.has-sidebar .brand{left:40px}@media (max-width:768px){.sidebar{width:280px;padding:30px}}.visual-latex-placeholder{text-align:center;background:#4204ad08;border:1px solid #4204ad1a;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px;display:flex}.placeholder-info{text-align:left;align-items:center;gap:12px;display:flex}.placeholder-icon{opacity:.6;width:32px;height:32px}.placeholder-title{color:var(--purple);margin-bottom:2px;font-size:16px;font-weight:700}.placeholder-hint{color:#666;font-size:14px}.placeholder-toggle-btn{border:2px solid var(--purple);color:var(--purple);cursor:pointer;background:0 0;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.placeholder-toggle-btn:hover{background:var(--purple);color:#fff}.placeholder-source{color:#d32f2f;text-align:left;white-space:pre-wrap;word-break:break-all;background:#f8f8f8;border-radius:8px;width:100%;padding:12px;font-family:monospace;font-size:12px}.latex-block-wrapper{align-items:center;gap:8px;width:100%;display:flex;position:relative}.latex-copy-btn{opacity:0;color:#57606a;cursor:pointer;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all 80ms cubic-bezier(.33,1,.68,1);display:flex}.latex-block-wrapper:hover .latex-copy-btn{opacity:1}.latex-copy-btn:hover{color:#24292f;background:#f3f4f6;border-color:#1b1f2426}.latex-copy-btn.is-copied{border-color:#2da44e}.copy-tooltip{color:#fff;pointer-events:none;background:#24292f;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;animation:2s forwards fadeInOut;position:absolute;top:-36px;right:0;box-shadow:0 4px 12px #00000026}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.history-container{z-index:10;width:100%;max-width:800px;margin:0 auto;padding:40px 20px;position:relative}.history-header{text-align:center;margin-bottom:40px}.history-title{color:var(--purple);margin-bottom:8px;font-size:32px;font-weight:800}.history-subtitle{color:#666;font-size:16px}.history-list{flex-direction:column;gap:16px;display:flex}.history-item{cursor:pointer;background:#fff;border:1px solid #4204ad1a;border-radius:20px;align-items:center;gap:20px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000008}.history-item:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:0 12px 24px #4204ad1a}.history-item-image{background:#f0f0f0;border-radius:12px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.history-item-image img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#999;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}.history-item-info{flex-direction:column;flex-grow:1;gap:8px;display:flex}.history-item-main{align-items:center;gap:12px;display:flex}.history-item-id{color:#333;font-size:18px;font-weight:700}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.status-badge.completed{color:#2e7d32;background:#e8f5e9}.status-badge.processing{color:#ef6c00;background:#fff3e0}.status-badge.failed{color:#c62828;background:#ffebee}.history-item-meta{color:#888;gap:16px;font-size:14px;display:flex}.history-item-arrow{color:#ccc;transition:color .3s}.history-item:hover .history-item-arrow{color:var(--purple)}.history-loading,.history-empty,.history-error{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:80px 20px;display:flex}.empty-icon{opacity:.5;font-size:48px}.history-empty p{color:#666;font-size:18px}.history-controls{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.search-bar{width:100%;max-width:400px;position:relative}.search-bar input{width:100%;color:var(--purple);background:#fff;border:1px solid #4204ad1a;border-radius:12px;padding:12px 16px 12px 44px;font-family:Google Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #4204ad0d}.search-icon{color:#4204ad66;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.subject-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{color:var(--purple);cursor:pointer;background:#fff;border:1px solid #4204ad1a;border-radius:20px;padding:8px 16px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.filter-btn:hover{background:#4204ad08}.filter-btn.is-active{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 4px 12px #4204ad26}.subject-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}.subject-badge.sat{color:#f59e0b;background:#f59e0b1a}.subject-badge.calculus{color:#3b82f6;background:#3b82f61a}.subject-badge.physics{color:#10b981;background:#10b9811a}.subject-badge.stats{color:#8b5cf6;background:#8b5cf61a}.subject-badge.general{color:#6b7280;background:#6b72801a}.breakdown-header{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.breakdown-header .subject-badge{border-radius:12px;padding:6px 16px;font-size:14px}.history-item .subject-badge{padding:3px 8px;font-size:10px}.dashboard-redesign{background:linear-gradient(135deg,#fff 0%,#f9f7ff 100%);min-height:100vh;padding-top:80px}.dashboard-header{-webkit-backdrop-filter:blur(10px);z-index:100;background:#fffc;border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.dashboard-welcome{margin-bottom:4px}.dashboard-main-title{color:#1a1a1a;letter-spacing:-.8px;margin:0;font-size:40px;font-weight:800}.dashboard-content{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:20px;display:flex}.dashboard-drop-zone{text-align:center;cursor:pointer;background:#4204ad05;border:1.5px dashed #7c4dff66;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:160px;padding:30px;transition:all .3s;display:flex}.dashboard-drop-zone:hover{border-color:var(--purple);background:#4204ad0a}.drop-zone-inner h3{color:var(--purple);margin-bottom:8px;font-size:20px;font-weight:700}.drop-zone-inner p{color:#4204ad80;max-width:440px;margin:0 auto 20px;font-size:13px;line-height:1.5}.browse-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:13px;font-weight:700}.metrics-row{grid-template-columns:1fr 300px;align-items:stretch;gap:24px;display:grid}.metrics-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000008}.card-header h3{color:#1a1a1a;margin-bottom:4px;font-size:18px;font-weight:700}.card-header p{color:gray;margin-bottom:24px;font-size:13px}.mastery-body{align-items:center;gap:40px;display:flex}.subject-bars{flex-direction:column;flex:1;gap:20px;display:flex}.bar-track{background:#f5f5f5;border-radius:4px;width:100%;height:8px;overflow:hidden}.mastery-overview{flex-direction:column;display:flex}.mastery-subject-selector{scrollbar-width:none;gap:12px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.mastery-subject-selector::-webkit-scrollbar{display:none}.subject-tab{color:#666;cursor:pointer;white-space:nowrap;background:#f8f9fa;border:1px solid #eee;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .3s}.subject-tab.active{background:#fff;border-color:currentColor;box-shadow:0 4px 12px #0000000d}.mastery-body{flex:1;grid-template-columns:160px 1fr;align-items:center;gap:24px;display:grid}.overall-score-circle{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.overall-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{stroke:#f3f4f6;stroke-width:8px}.circle-progress{stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.circle-text{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.score-num{color:#1a1a1a;letter-spacing:-1px;font-size:44px;font-weight:900}.score-label{text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;font-size:11px;font-weight:800}.subject-bars{flex-direction:column;gap:16px;display:flex}.subject-bar-row{flex-direction:column;gap:8px;display:flex}.bar-labels{color:#374151;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.subject-percent{color:#9ca3af}.bar-track{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.metrics-widgets{flex-direction:column;gap:16px;height:100%;display:flex}.widget-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex:1;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 4px 12px #00000005}.widget-info{flex-direction:column;gap:6px;display:flex}.widget-label{color:#b0b0b0;letter-spacing:.5px;font-size:11px;font-weight:700}.widget-value{color:#1a1a1a;font-size:18px;font-weight:800}.widget-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.widget-icon svg{width:24px;height:24px}.streak .widget-icon{color:#ff5722;background:#fff5f0}.exam .widget-icon{color:#2196f3;background:#f0f4ff}.total .widget-icon{color:#673ab7;background:#f3f0ff}.recent-activity-section{flex-direction:column;gap:24px;display:flex}.section-header{align-items:flex-end;gap:12px;display:flex}.section-header h3{font-size:20px;font-weight:800}.view-all-link{color:var(--purple);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:13px;font-weight:700}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.activity-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #00000005}.activity-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000d}.activity-card-top{justify-content:space-between;align-items:center;display:flex}.activity-tag{border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.activity-tag.calculus{color:var(--purple);background:#f3f0ff}.activity-tag.algebra{color:#08c;background:#f0faff}.activity-time{color:#a0a0a0;font-size:12px}.activity-formula{color:#1a1a1a;align-items:center;min-height:60px;font-size:18px;font-weight:500;display:flex}.status-indicator{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.status-indicator.success{color:#00c853}.status-indicator.no-solution{color:#9ca3af}.activity-footer{border-top:1px solid #f9f9f9;margin-top:auto;padding-top:12px}@media (max-width:1024px){.metrics-row{grid-template-columns:1fr}}.landing-page{background:#fff;width:100%;min-height:100vh;font-family:Google Sans,Arial,Helvetica,sans-serif;overflow-x:hidden}.landing-header{z-index:200;-webkit-backdrop-filter:blur(16px);background:#fff9;align-items:center;height:72px;padding:0 40px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing-header.is-scrolled{background:#ffffffeb;box-shadow:0 1px 12px #4204ad0f}.landing-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.landing-logo{color:var(--purple);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:26px}.landing-nav{gap:8px;display:flex}.landing-nav button{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 16px;font-family:Google Sans,sans-serif;font-size:15px;font-weight:500;transition:color .2s,background .2s}.landing-nav button:hover{color:var(--purple);background:#4204ad0d}.history-page-header{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.history-hero-title{color:#1a1a1a;letter-spacing:-1px;margin-bottom:4px;font-size:42px;font-weight:800}.history-hero-subtitle{color:#666;margin-bottom:24px;font-size:16px;font-weight:500}.history-search-row{margin-bottom:16px}.history-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.history-filter-chips .chip{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:700;transition:all .2s}.history-filter-chips .chip.active{background:var(--purple);color:#fff;border-color:var(--purple)}.search-box-premium{max-width:320px;position:relative}.search-box-premium svg{color:#1a1a1a;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box-premium input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:42px;padding:0 12px 0 38px;font-family:inherit;font-size:14px}.landing-cta-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.landing-cta-btn:hover{background:#320287;transform:translateY(-1px);box-shadow:0 6px 20px #4204ad40}.landing-cta-btn:active{transform:scale(.97)}.landing-hero{text-align:center;flex-direction:column;align-items:center;padding:160px 40px 80px;display:flex;position:relative;overflow:hidden}.landing-hero-bg{pointer-events:none;z-index:0;background:linear-gradient(#4204ad0a 0%,#fff0 60%);height:100%;position:absolute;top:0;left:0;right:0}.landing-hero-content{z-index:1;max-width:720px;animation:.7s cubic-bezier(.2,0,0,1) both landingFadeUp;position:relative}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.landing-hero-title{color:#111827;letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.1}.landing-hero-subtitle{color:#4b5563;max-width:560px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:18px;font-weight:400;line-height:1.6}.landing-hero-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:16px 36px;font-family:Google Sans,sans-serif;font-size:17px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.landing-hero-btn:hover{background:#320287;transform:translateY(-2px);box-shadow:0 10px 30px #4204ad4d}.landing-hero-btn:active{transform:scale(.97)}.landing-hero-mockup{z-index:1;width:100%;max-width:900px;margin-top:56px;animation:.7s cubic-bezier(.2,0,0,1) .2s both landingFadeUp;position:relative}.mockup-window{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #4204ad1f,0 0 0 1px #4204ad0f}.mockup-titlebar{background:#f8f7fc;border-bottom:1px solid #4204ad0f;align-items:center;gap:8px;padding:14px 18px;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.mockup-dot.red{background:#ff5f57}.mockup-dot.yellow{background:#febc2e}.mockup-dot.green{background:#28c840}.mockup-titlebar-text{color:#9ca3af;margin-left:12px;font-size:13px;font-weight:500}.mockup-body{min-height:300px;display:flex}.mockup-sidebar{background:#faf8ff;border-right:1px solid #4204ad0d;flex-direction:column;gap:10px;width:60px;padding:16px 12px;display:flex}.mockup-sidebar-item{background:#4204ad0f;border-radius:8px;height:32px}.mockup-sidebar-item.active{background:#4204ad29}.mockup-main{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.mockup-card-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mockup-card{border-radius:14px;align-items:center;gap:14px;padding:20px;display:flex}.mockup-card.purple{background:linear-gradient(135deg,#4204ad1a 0%,#4204ad0a 100%)}.mockup-card.light{background:#f9f8fc;border:1px solid #4204ad0f}.mockup-card-icon{background:var(--purple);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:700;display:flex}.mockup-card-lines{flex-direction:column;flex:1;gap:8px;display:flex}.mockup-line{background:#4204ad14;border-radius:5px;height:10px}.mockup-line.w90{width:90%}.mockup-line.w80{width:80%}.mockup-line.w70{width:70%}.mockup-line.w60{width:60%}.mockup-line.w50{width:50%}.mockup-steps{flex-direction:column;gap:12px;display:flex}.mockup-step{background:#faf8ff;border:1px solid #4204ad0a;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.mockup-step-num{color:var(--purple);opacity:.5;flex-shrink:0;font-family:Dela Gothic One,sans-serif;font-size:14px}.mockup-step-content{flex-direction:column;flex:1;gap:6px;display:flex}.landing-features{max-width:1200px;margin:0 auto;padding:100px 40px}.landing-section-title{color:#111827;text-align:center;letter-spacing:-.5px;margin-bottom:16px;font-size:40px;font-weight:700}.landing-section-subtitle{color:#6b7280;text-align:center;max-width:540px;margin:0 auto 60px;font-size:17px;line-height:1.6}.landing-features-list{flex-direction:column;gap:80px;display:flex}.landing-feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.landing-feature-row.is-reversed{direction:rtl}.landing-feature-row.is-reversed>*{direction:ltr}.landing-feature-text{flex-direction:column;display:flex}.landing-feature-num{opacity:.15;margin-bottom:12px;font-family:Dela Gothic One,sans-serif;font-size:48px;font-weight:400;line-height:1}.landing-feature-title{color:#111827;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.2}.landing-feature-desc{color:#6b7280;margin-bottom:24px;font-size:16px;line-height:1.7}.landing-feature-link{color:var(--purple);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Google Sans,sans-serif;font-size:15px;font-weight:600;transition:gap .2s;display:inline-flex}.landing-feature-link:hover{gap:12px}.landing-feature-visual{justify-content:center;display:flex}.feature-preview-card{aspect-ratio:4/3;background:linear-gradient(145deg,#4204ad0a 0%,#4204ad03 100%);border:1px solid #4204ad14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:440px;padding:32px;transition:transform .4s cubic-bezier(.2,0,0,1),box-shadow .4s;display:flex;box-shadow:0 12px 40px #4204ad0f}.feature-preview-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #4204ad1a}.feature-preview-icon{font-size:52px;line-height:1}.feature-preview-lines{flex-direction:column;gap:10px;width:70%;display:flex}.feature-preview-line{background:#4204ad1a;border-radius:5px;height:10px}.feature-preview-line.w90{width:90%}.feature-preview-line.w80{width:80%}.feature-preview-line.w70{width:70%}.feature-preview-line.w50{width:50%}.landing-faq{max-width:720px;margin:0 auto;padding:80px 40px 100px}.landing-faq-list{flex-direction:column;gap:0;display:flex}.landing-faq-item{border-bottom:1px solid #e5e7eb}.landing-faq-trigger{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:22px 0;font-family:Google Sans,sans-serif;font-size:17px;font-weight:600;transition:color .2s;display:flex}.landing-faq-trigger:hover{color:var(--purple)}.landing-faq-answer{max-height:0;padding:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s;overflow:hidden}.landing-faq-item.is-open .landing-faq-answer{max-height:200px;padding-bottom:20px}.landing-faq-answer p{color:#6b7280;font-size:15px;line-height:1.7}.landing-footer{background:#0f172a;padding:64px 40px 32px}.landing-footer-inner{border-bottom:1px solid #ffffff14;grid-template-columns:1.4fr 1fr;gap:60px;max-width:1200px;margin:0 auto;padding-bottom:48px;display:grid}.landing-footer-logo{color:#fff;margin-bottom:14px;font-family:Dela Gothic One,Arial Black,sans-serif;font-size:24px}.landing-footer-desc{color:#ffffff80;max-width:340px;font-size:14px;line-height:1.7}.landing-footer-links{gap:60px;display:flex}.landing-footer-col h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px;font-size:14px;font-weight:600}.landing-footer-col button{color:#ffffff73;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-family:Google Sans,sans-serif;font-size:14px;transition:color .2s;display:block}.landing-footer-col button:hover{color:#fff}.landing-footer-bottom{text-align:center;color:#ffffff4d;max-width:1200px;margin:0 auto;padding-top:24px;font-size:13px}@media (max-width:900px){.landing-header{padding:0 20px}.landing-nav{display:none}.landing-hero{padding:130px 20px 60px}.landing-hero-title{font-size:36px}.landing-hero-subtitle{font-size:16px}.landing-features{padding:60px 20px}.landing-section-title{font-size:28px}.landing-feature-row,.landing-feature-row.is-reversed{direction:ltr;grid-template-columns:1fr;gap:32px}.landing-feature-num{font-size:36px}.landing-feature-title{font-size:22px}.landing-faq{padding:60px 20px}.landing-footer{padding:40px 20px 24px}.landing-footer-inner{grid-template-columns:1fr;gap:40px}.mockup-sidebar{display:none}.mockup-body{min-height:220px}.mockup-card-row{grid-template-columns:1fr}}