@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090c18;--panel:#111728;--panel2:#151c30;--text:#f3f5ff;--muted:#9aa5bf;--line:#ffffff18;--purple:#b6a0ff;--green:#71e6c5;--blue:#83caff;--orange:#ffc28c;--shadow:0 20px 60px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}body.light{--bg:#f4f6fc;--panel:#fff;--panel2:#edf0fa;--text:#18213a;--muted:#65718a;--line:#1c2a501c;--shadow:0 20px 60px #29365a12}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.topbar{height:76px;position:sticky;top:0;z-index:10;padding:0 max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font:700 11px 'Space Grotesk';letter-spacing:1px}.brand b{color:var(--purple)}.brand small{display:block;color:var(--muted);font:8px 'DM Sans';letter-spacing:1.6px;margin-top:4px}.brandmark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #b6a0ff55;border-radius:12px;background:#b6a0ff12;font-size:19px}.brandmark span{color:var(--green)}nav{display:flex;gap:25px}nav a{font-size:11px;color:var(--muted);transition:color .2s}nav a:hover{color:var(--text)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.outline-btn{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);padding:10px 13px;font-size:10px}.icon-btn{font-size:16px;padding:7px 10px}.primary-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;background:linear-gradient(110deg,#b6a0ff,#8acfff);color:#111426;padding:12px 15px;font-size:10px;font-weight:700;transition:transform .2s,filter .2s}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.07)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{min-height:520px;padding-top:72px;padding-bottom:64px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--purple)}.pulse,.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #71e6c580}.hero h1{font:600 clamp(45px,5.5vw,69px)/1.04 'Space Grotesk';letter-spacing:-3px;margin:22px 0}.hero h1 em,.section h2 em,.ai-copy h2 em,.final-cta h2 em{font-style:normal;background:linear-gradient(100deg,#b6a0ff,#83caff,#71e6c5);background-clip:text;color:transparent}.hero-copy>p,.section-heading p,.ai-copy>p,.final-cta p{font-size:12px;line-height:1.9;color:var(--muted);max-width:510px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.hero-meta{display:flex;gap:17px;flex-wrap:wrap;color:var(--muted);font-size:9px;margin-top:29px}.hero-visual{height:340px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #b6a0ff22;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:290px;height:290px}.orbit-two{width:380px;height:210px;border-color:#83caff20;transform:rotate(35deg)}.hero-center{width:180px;height:180px;z-index:1;border:1px solid #b6a0ff55;border-radius:50%;background:radial-gradient(circle at 35% 25%,#292649,#101729 75%);box-shadow:0 0 70px #9b83ff20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.hero-logo{font:700 45px 'Space Grotesk';color:var(--text)}.hero-logo span{color:var(--green)}.hero-center b{font:600 12px 'Space Grotesk'}.hero-center small{color:var(--muted);font-size:9px}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.fc-one{top:15px;left:0}.fc-two{right:-5px;top:130px}.fc-three{bottom:15px;left:35px}.fc-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:13px}.fc-icon.purple{background:#b6a0ff20;color:var(--purple)}.fc-icon.green{background:#71e6c520;color:var(--green)}.fc-icon.blue{background:#83caff20;color:var(--blue)}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{font-size:8px;color:var(--muted);margin-top:4px}.quickstats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:20px 0;margin-bottom:25px}.quickstats>div{display:flex;flex-direction:column;gap:5px;padding-left:25px;border-left:1px solid var(--line)}.quickstats>div:first-child{border:0;padding-left:0}.quickstats b{font:600 23px 'Space Grotesk'}.quickstats span{font-size:9px;color:var(--muted)}.section{padding-top:66px;padding-bottom:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section h2,.ai-copy h2,.final-cta h2{font:600 clamp(28px,3.5vw,39px)/1.2 'Space Grotesk';letter-spacing:-1.3px;margin:11px 0}.section-heading p{margin-bottom:0}.search-wrap{width:min(340px,100%);display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.search-wrap span{font-size:21px;color:var(--muted)}.search-wrap input{width:100%;padding:13px 0;background:transparent;border:0;outline:0;color:var(--text);font-size:10px}.library-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills button,.timer-presets button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:9px 12px;font-size:9px}.pills button.active,.timer-presets button.active{background:#b6a0ff1a;color:var(--text);border-color:#b6a0ff65}.library-controls select{max-width:190px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:10px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.subject-card{display:flex;align-items:center;gap:10px;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--text)}.subject-card.selected{border-color:#b6a0ff8c;background:#b6a0ff0b}.subject-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.subject-card b,.subject-card small{display:block}.subject-card b{font-size:10px}.subject-card small{font-size:8px;color:var(--muted);margin-top:4px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.note-card{display:flex;flex-direction:column;min-height:190px;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:13px;transition:border-color .2s,transform .2s}.note-card:hover{border-color:#b6a0ff66;transform:translateY(-2px)}.note-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:var(--muted)}.subject-tag{color:var(--purple);letter-spacing:.5px;font-weight:700}.note-card h3{font:600 16px 'Space Grotesk';margin:15px 0 8px}.note-card p{font-size:10px;color:var(--muted);line-height:1.8;margin:0 0 15px}.note-card button{align-self:flex-start;margin-top:auto;padding:0;border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700}.content-note{font-size:9px;line-height:1.8;color:var(--muted);margin-top:24px}.results-label{font-size:10px;color:var(--muted);margin:12px 0}.empty-state{text-align:center;padding:35px;border:1px dashed var(--line);border-radius:14px}.empty-state>div{font-size:32px;color:var(--purple)}.empty-state h3{font-family:'Space Grotesk'}.empty-state p{font-size:11px;color:var(--muted)}.shaded{background:linear-gradient(180deg,#ffffff01,#8f78ff0b,#ffffff01);border-block:1px solid var(--line)}.quiz-badge{padding:10px 13px;border:1px solid #b6a0ff45;border-radius:9px;color:var(--purple);font-size:9px}.quiz-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px}.quiz-side,.quiz-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:25px}.quiz-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#b6a0ff1d;color:var(--purple);font:600 22px 'Space Grotesk'}.quiz-side h3,.quiz-card h3{font:600 20px 'Space Grotesk';margin:18px 0 8px}.quiz-side p{font-size:11px;line-height:1.8;color:var(--muted)}.quiz-meta{display:flex;gap:13px;color:var(--muted);font-size:9px;margin:20px 0}.quiz-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.quiz-progress{height:4px;background:var(--panel2);border-radius:8px;margin-top:12px;overflow:hidden}.quiz-progress i{display:block;height:100%;width:20%;background:linear-gradient(90deg,#b6a0ff,#71e6c5);transition:width .2s}.quiz-card h3{font-size:17px;margin:20px 0}.quiz-options{display:grid;gap:8px}.quiz-option{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);font-size:10px}.quiz-option .letter{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:7px;color:var(--muted);flex-shrink:0}.quiz-option.correct{border-color:#71e6c5a0;background:#71e6c510}.quiz-option.wrong{border-color:#ff89895c;background:#ff89890c}.quiz-feedback{min-height:38px;color:var(--muted);font-size:10px;line-height:1.7;padding:10px 0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:20px;min-width:0}.tool-title{display:flex;gap:11px;align-items:center}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:16px}.tool-icon.purple{background:#b6a0ff20;color:var(--purple)}.tool-icon.green{background:#71e6c520;color:var(--green)}.tool-icon.blue{background:#83caff20;color:var(--blue)}.tool-title small{font-size:8px;letter-spacing:1px;color:var(--muted)}.tool-title h3{font:600 15px 'Space Grotesk';margin:5px 0 0}.timer-display{text-align:center;font:500 43px 'Space Grotesk';letter-spacing:1px;padding:22px 0}.timer-presets{display:flex;justify-content:center;gap:6px}.tool-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tool-footnote{font-size:8px;color:var(--muted);line-height:1.7;margin:13px 0 0}.streak-number{display:flex;align-items:baseline;justify-content:center;gap:9px;padding:17px 0 7px}.streak-number b{font:600 51px 'Space Grotesk'}.streak-number span{color:var(--orange);font-size:12px}.streak-card>p:not(.tool-footnote){min-height:35px;text-align:center;color:var(--muted);font-size:10px;line-height:1.7}.streak-card>.primary-btn{width:100%;margin-top:4px}#quickNote{width:100%;height:112px;resize:vertical;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font-size:10px;line-height:1.7;outline-color:#b6a0ff}.ai-section{background:linear-gradient(100deg,#b6a0ff07,#83caff06);border-block:1px solid var(--line)}.ai-layout{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:70px}.ai-copy>p{max-width:440px}.ai-copy ul{list-style:none;padding:0;margin-top:23px;display:grid;gap:12px}.ai-copy li{font-size:10px;color:var(--muted)}.ai-copy li span{color:var(--purple);margin-right:9px}.ai-disclaimer{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:8px;letter-spacing:.6px;color:var(--muted);margin-top:18px}.chat-panel{overflow:hidden;border:1px solid #b6a0ff40;border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.chat-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.bot-avatar{width:34px;height:34px;display:grid;place-items:center;background:#b6a0ff20;color:var(--purple);border-radius:10px}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:10px}.chat-head small{font-size:8px;color:var(--muted);margin-top:4px}.chat-head .status-dot{width:5px;height:5px}.chat-head>button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:17px}.chat-messages{height:190px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px}.message{max-width:90%;padding:11px;border:1px solid var(--line);border-radius:10px;font-size:10px;line-height:1.8;white-space:pre-wrap}.bot-message{align-self:flex-start;color:var(--muted);background:#ffffff04}.user-message{align-self:flex-end;background:#b6a0ff13;color:var(--text)}.prompt-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.prompt-chips button{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:8px}.chat-form{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:10px;outline-color:#b6a0ff}.chat-form button{width:38px;border:0;border-radius:8px;background:linear-gradient(110deg,#b6a0ff,#8acfff);color:#101426;font-size:18px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;margin-top:65px;margin-bottom:55px;border:1px solid #b6a0ff40;border-radius:16px;background:#b6a0ff08}.final-cta h2{margin:8px 0}.final-cta p{margin:0}.footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.footer>div{text-align:right}.footer>div span,.footer>div small{display:block}.footer>div small{margin-top:6px}.note-dialog,.auth-dialog{width:min(680px,calc(100% - 26px));max-height:85vh;overflow:auto;padding:28px;background:var(--panel);color:var(--text);border:1px solid #b6a0ff60;border-radius:16px;box-shadow:var(--shadow)}.auth-dialog{width:min(420px,calc(100% - 26px))}.note-dialog::backdrop,.auth-dialog::backdrop{background:#03050bd9;backdrop-filter:blur(5px)}.dialog-close{float:right;border:0;background:transparent;color:var(--muted);font-size:25px}.note-dialog h2,.auth-dialog h2{font:600 26px 'Space Grotesk';margin:10px 0}.dialog-meta{font-size:9px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.note-body{font-size:12px;line-height:1.85;color:var(--text)}.note-body h3{font:600 16px 'Space Grotesk';margin:23px 0 8px;color:var(--purple)}.note-body h4{font-size:12px;margin:17px 0 6px}.note-body p{margin:8px 0}.note-body ul,.note-body ol{padding-left:21px}.note-body li{margin:5px 0}.note-body .definition{padding:12px 14px;border-left:3px solid var(--purple);background:#b6a0ff0b;border-radius:0 8px 8px 0}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}.auth-dialog p{font-size:11px;color:var(--muted);line-height:1.8}#toast{position:fixed;z-index:20;left:50%;bottom:20px;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#e6dfff;color:#151329;padding:11px 15px;border-radius:9px;font-size:10px;box-shadow:var(--shadow);max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:900px){nav{gap:13px}.topbar{gap:12px}.hero{gap:15px}.hero-visual{transform:scale(.9)}.subject-grid{grid-template-columns:repeat(2,1fr)}.ai-layout{gap:25px}.notes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{height:65px;padding:0 12px}.topbar nav{display:none}.brand{font-size:9px}.brandmark{width:34px;height:34px}.top-actions .outline-btn{padding:9px}.wrap{width:calc(100% - 30px)}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:38px;gap:0}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-visual{height:300px;transform:scale(.88);margin-top:12px}.hero-meta{gap:10px}.quickstats{grid-template-columns:repeat(2,1fr);row-gap:20px}.quickstats>div:nth-child(3){border:0;padding-left:0}.quickstats>div{padding-left:14px}.section{padding-top:50px;padding-bottom:55px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.search-wrap{width:100%}.library-controls{align-items:stretch;flex-direction:column}.library-controls select{max-width:none;width:100%}.subject-grid{gap:8px}.subject-card{padding:10px;gap:8px}.subject-symbol{width:31px;height:31px}.subject-card b{font-size:9px}.notes-grid{grid-template-columns:1fr}.note-card{min-height:155px}.quiz-layout,.tool-grid,.ai-layout{grid-template-columns:1fr}.quiz-side,.quiz-card{padding:19px}.quiz-side .primary-btn{width:100%}.ai-layout{gap:25px}.final-cta,.footer{align-items:flex-start;flex-direction:column}.final-cta{padding:21px;margin-top:40px}.footer>div{text-align:left}.dialog-actions>*{flex:1}.note-dialog{padding:20px}.hero-actions .outline-btn,.hero-actions .primary-btn{font-size:9px}.float-card{padding:10px}.fc-one{left:-5px}.fc-two{right:-12px}.fc-three{left:4px}}

/* Ankush Study Hub upgrade */
.welcome-name{font-size:10px;color:var(--green);font-weight:700;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.music-card{display:flex;align-items:center;gap:13px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:13px;transition:transform .2s,border-color .2s}.music-card:hover{transform:translateY(-2px);border-color:#b6a0ff77}.music-art{width:52px;height:52px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:23px}.music-art.lofi{background:linear-gradient(135deg,#6b4fbd,#d19bc9)}.music-art.piano{background:linear-gradient(135deg,#1d6e87,#92d5df)}.music-art.ambient{background:linear-gradient(135deg,#24564c,#8fc7a6)}.music-art.youtube{background:linear-gradient(135deg,#a6323c,#f18c8c)}.music-card b,.music-card small{display:block}.music-card b{font-size:12px}.music-card small{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}.music-play{margin-left:auto;color:var(--purple);font-size:18px}.quiz-count-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.quiz-count-label select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px}.auth-tabs{display:flex;gap:7px;margin:18px 0}.auth-tabs button{flex:1;border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px;border-radius:8px;font-size:10px}.auth-tabs button.active{border-color:#b6a0ff77;background:#b6a0ff18;color:var(--text)}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;font-size:10px;color:var(--muted)}.auth-form input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);outline-color:var(--purple);font-size:11px}.auth-form .primary-btn{width:100%;padding:13px}.auth-warning{font-size:9px!important;border-top:1px solid var(--line);padding-top:12px}.auth-dialog[open]{animation:popIn .18s ease-out}@keyframes popIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.music-grid{grid-template-columns:1fr}.music-card{padding:12px}.welcome-name{max-width:65px;font-size:9px}.top-actions{gap:5px}.top-actions .outline-btn{font-size:8px;padding:8px}}