@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#1c293c;background:#f5f7fa;font-family:DM Sans,Arial;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.shell{min-height:100vh;display:flex}.sidebar{z-index:5;background:#fbfcfe;border-right:1px solid #edf0f4;width:230px;padding:30px 16px;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;padding:0 13px 36px;font-family:Manrope;font-size:17px;font-weight:800}.brand span{color:#33445c;margin-right:8px}nav{gap:7px;display:grid}nav button{text-align:left;color:#7b8694;border-radius:10px;align-items:center;gap:13px;padding:11px 13px;font-weight:600;display:flex}nav button.active,nav button:hover{color:#334155;background:#eaf0f6}.side-note{color:#a7b0bb;border-top:1px solid #e4e8ec;width:120px;padding-top:16px;font-size:11px;line-height:1.5;position:absolute;bottom:30px;left:30px}main{width:calc(100% - 230px);margin-left:230px;padding:0 45px 50px}.topbar{justify-content:flex-end;align-items:center;gap:16px;height:76px;display:flex}.search,.library-search{color:#9da7b4;background:#fff;border:1px solid #e7ebf0;border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.search{width:270px}.search input,.library-search input{background:0 0;border:0;outline:0;width:100%}.avatar{color:#fff;background:linear-gradient(135deg,#583a38,#e1bba6);border-radius:50%;width:33px;height:33px;font-weight:700}.mobile-menu{display:none}.page{max-width:1260px;margin:auto}.hero{background:linear-gradient(105deg,#f5ecdf,#dfe8ef 53%,#c4bcba);border-radius:17px;min-height:160px;padding:33px 37px;position:relative;overflow:hidden}.hero:after{content:"";opacity:.45;background:radial-gradient(at 60% 100%,#7d7779 0 12%,#0000 13%),radial-gradient(at 80% 100%,#776c68 0 18%,#0000 19%);width:80%;height:180px;position:absolute;bottom:-100px;right:-35px}.hero p{letter-spacing:-1px;z-index:1;margin:0;font:800 27px Manrope;position:relative}.hero h1{z-index:1;margin:4px 0 14px;font-size:17px;font-weight:500;position:relative}.hero button{z-index:1;color:#fff;background:#1d2d42;border-radius:9px;align-items:center;gap:5px;padding:9px 12px;font-size:12px;display:flex;position:relative}.central-grid{grid-template-columns:1.35fr 1fr .78fr;gap:15px;margin-top:15px;display:grid}.card{background:#fff;border:1px solid #ebeff4;border-radius:16px;padding:18px;box-shadow:0 8px 30px #24374c06}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card h2{color:#263547;letter-spacing:-.4px;margin:0;font:700 14px Manrope}.text-btn{color:#8995a3;align-items:center;gap:2px;font-size:11px;display:flex}.timeline .item{border-bottom:1px solid #eef1f4}.item{align-items:flex-start;gap:10px;padding:10px 0;display:flex}.item i{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.item strong,.item small{display:block}.item strong{font-size:12px;font-weight:600}.item small,.subject-copy small,.continue small,.plan small{color:#929dab;margin-top:3px;font-size:10px}.exam-small{text-align:left;color:#ed776f;background:#fff0ef;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:14px 12px;display:flex}.exam-small span{color:#4b596b;flex:1;font-size:12px}.exam-small small{color:#929dab;margin-top:3px;display:block}.exam-small.lavender{color:#9d70ed;background:#f5f1ff}.calendar .week,.calendar .dates{text-align:center;color:#9aa4af;grid-template-columns:repeat(7,1fr);gap:8px;font-size:10px;display:grid}.calendar .dates{margin-top:13px}.calendar .dates span{height:19px}.today{background:#243549;border-radius:50%;padding-top:3px;color:#fff!important}.continue{grid-column:span 2;align-items:center;gap:13px;display:flex}.continue .card-head{position:absolute}.continue>div:not(.card-head){align-items:center;gap:13px;width:100%;padding-top:28px;display:flex}.lesson-thumb{background:linear-gradient(135deg,#1b2c39,#f3e5d2);border-radius:9px;width:74px;height:57px}.continue strong{font-size:12px;display:block}.continue em{color:#8995a3;font-size:11px;font-style:normal}.progress{background:#e6ebf2;border-radius:99px;height:4px;margin-top:10px;overflow:hidden}.progress span{border-radius:99px;height:100%;display:block}.pending p{color:#a8b1bc;margin:12px 0;font-size:12px}.pending p span{color:#536174;margin-left:7px}.subject-grid{grid-column:span 2;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.subject-grid .card-head{grid-column:span 3}.subject-card{text-align:left;background:#fafbfc;border:1px solid #edf0f5;border-radius:12px;align-items:flex-start;gap:9px;padding:10px;display:flex}.subject-art{border-radius:8px;flex:none;width:42px;height:42px}.subject-copy{flex:1;min-width:0}.subject-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.subject-copy .progress{margin-top:7px}.subject-card>svg{color:#a9b2bd;flex:none;margin-top:13px}.narrow{max-width:1060px}.page-title{justify-content:space-between;align-items:end;margin:25px 0;display:flex}.page-title p,.eyebrow{color:#8f9aa8;margin:0 0 4px;font-size:11px}.page-title h1,.exam-head h1{letter-spacing:-1.5px;color:#1e2d40;margin:0;font:800 30px Manrope}.primary{color:#fff;background:#25364c;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.tabs,.filter-tabs{gap:7px;margin-bottom:18px;display:flex}.tabs button,.filter-tabs button{color:#758191;border-radius:9px;padding:7px 12px;font-size:11px}.tabs .selected,.filter-tabs .selected{color:#fff;background:#24364b}.study-layout,.exam-layout,.performance-grid,.profile-grid{grid-template-columns:1.1fr .9fr;gap:17px;display:grid}.study-layout>.subject-card{margin-bottom:8px}.study-layout>div>.subject-card{width:100%;margin-bottom:8px}.add-subject{color:#788596;border:1px dashed #cfd7e1;border-radius:10px;justify-content:center;gap:5px;width:100%;padding:13px;display:flex}.check-card label,.review-check{border-bottom:1px solid #edf0f4;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.check-card label span{color:#9ea8b3;margin-left:auto;font-size:10px}.check-card .danger{color:#d76271}.check-card input,.review-check input{accent-color:#617fe6}.plan{border-bottom:1px solid #edf0f4;align-items:center;gap:11px;padding:10px 0;display:flex}.plan>span{color:#9ea8b3;width:35px;font-size:10px}.plan div{flex:1}.plan strong{font-size:12px;display:block}.plan button{color:#43a978;border:1px solid #cce9dc;border-radius:50%;width:21px;height:21px}.diary{max-width:860px}.diary-line{color:#8a96a3;grid-template-columns:65px 18px 1fr;gap:12px;font-size:11px;display:grid}.line-dot{background:#8c73ed;border-radius:50%;width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 5px #f0edff}.diary-line section{border-left:1px solid #e6eaf0;padding-left:25px}.diary-line h2{color:#263548;margin:0;font:700 18px Manrope}.diary-block{background:#f8fafc;border-radius:11px;margin:18px 0;padding:14px}.diary-block h3{color:#3a495b;margin:0 0 8px;font-size:12px}.diary-block p{margin:0;font-size:12px;line-height:1.5}.diary-block textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:60px;font-size:12px}.diary-block.danger{background:#fff7f7}.upload{border:1px dashed #ccd5df;border-radius:11px;align-items:center;gap:10px;margin:17px 0;padding:14px;display:flex}.upload div{flex:1}.upload strong,.upload p{margin:0;font-size:12px}.upload p{color:#8d98a5;margin-top:4px;font-size:10px}.upload button,.secondary{border:1px solid #d9e0e8;border-radius:8px;padding:8px 11px;font-size:11px}.toast{color:#238053;background:#e9f8ef;border-radius:9px;margin:-8px 0 12px;padding:10px}.back{color:#8895a2;margin-top:17px;font-size:12px}.exam-head{margin:25px 0}.exam-head p{color:#9669e4;font-size:11px;font-weight:700}.exam-head span,.muted{color:#909ba8;font-size:11px}.warning{background:snow;border-color:#ffebe7}.warning p{color:#a05f67;font-size:11px}.warning strong{color:#5a3d43;margin:7px 0 14px;font-size:13px;display:block}.warning button{color:#ce6b64;align-items:center;font-size:11px;display:flex}.material-row{text-align:left;border-bottom:1px solid #edf0f4;align-items:center;gap:8px;width:100%;padding:12px 0;font-size:12px;display:flex}.material-row svg:last-child{width:15px;margin-left:auto}.review-check{font-size:12px}.library-search{margin-bottom:14px}.materials{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.material{text-align:left;background:#fff;border:1px solid #edf0f4;border-radius:13px;min-height:135px;padding:17px;position:relative}.material>span{color:#9271e8;text-align:center;background:#f1edff;border-radius:8px;width:30px;height:30px;margin-bottom:13px;padding-top:6px;display:block}.material strong,.material small{display:block}.material strong{font-size:12px}.material small{color:#909ba8;margin-top:5px;font-size:10px}.material em{color:#a1aab4;font-size:9px;font-style:normal;position:absolute;bottom:10px;right:10px}.performance-top{grid-template-columns:1fr 1.5fr;gap:17px;display:grid}.score{float:left;border:10px solid #e3ebff;border-color:#e3ebff #e3ebff #4d7df4 #4d7df4;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:115px;height:115px;margin-right:24px;display:flex}.score b{font:800 22px Manrope}.score span{color:#84909e;font-size:9px}.metrics{color:#718093;padding-top:5px;font-size:11px}.chart svg{width:100%;height:120px}.chart small{color:#a5aeb7;font-size:10px}.performance-grid{grid-template-columns:1.5fr 1fr;margin-top:17px}.score-row{align-items:center;gap:10px;margin:13px 0;font-size:11px;display:flex}.score-row>span{width:145px}.score-row .progress{flex:1;margin:0}.score-row b{font-size:10px}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid #edf0f4;padding:11px 0;font-size:12px}td:last-child{text-align:right;font-weight:700}.profile-grid{grid-template-columns:1.1fr 1fr .9fr}.profile-person{align-items:center;gap:12px;display:flex}.large{text-align:center;width:56px;height:56px;padding-top:18px}.profile-person h2{margin:0;font:700 17px Manrope}.profile-person p{color:#8e99a7;margin:4px 0 9px;font-size:10px}.card hr{border:0;border-top:1px solid #edf0f4;margin:20px 0}.card dl{font-size:11px}.card dt{color:#949eaa;float:left;clear:left;margin:6px 0}.card dd{text-align:right;margin:6px 0}.profile-sub{font-size:11px}.profile-sub i{border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.setting{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.setting input{accent-color:#537ff5}.setting span{color:#8f9aa6}.signout{color:#d66d74;margin-top:16px;font-size:12px}.reminder{z-index:8;background:#fff;border:1px solid #e7ecf1;border-radius:14px;gap:10px;width:310px;padding:16px;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 15px 40px #26364b20}.reminder>svg{color:#8c70ef;flex:none}.reminder>button{color:#99a5b1;position:absolute;top:7px;right:8px}.reminder strong{font-size:12px}.reminder p{color:#83909e;margin:4px 0;font-size:11px;line-height:1.4}.reminder a{color:#557fec;cursor:pointer;font-size:11px;font-weight:700}.modal-back{z-index:20;background:#19283955;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(440px,92vw);padding:20px;box-shadow:0 20px 50px #19283955}.modal header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal h2{margin:0;font:700 18px Manrope}.form{gap:12px;display:grid}.form label{color:#617080;gap:5px;font-size:11px;display:grid}.form input,.form select{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:9px}.form-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.ai-lab{color:#edf4ff;background:linear-gradient(122deg,#1d2d42,#445e86 58%,#8d70e6);border-radius:17px;justify-content:space-between;align-items:center;gap:22px;margin-top:18px;padding:25px 28px;display:flex;box-shadow:0 16px 38px #52627725}.ai-lab h2,.question-set h2{letter-spacing:-.8px;margin:6px 0;font:800 21px Manrope}.ai-lab p{color:#d5e0ef;max-width:600px;margin:0;font-size:12px;line-height:1.5}.ai-kicker{letter-spacing:1.2px;color:#abcbff;font-size:10px;font-weight:800}.ai-button{color:#263b56;white-space:nowrap;background:#fff}.ai-button:disabled{opacity:.65;cursor:wait}.ai-error,.ai-notice{color:#ab525d;background:#fff8f8;border:1px solid #ffd9d7;border-radius:10px;margin-top:12px;padding:12px 14px;font-size:12px}.ai-notice{color:#53708e;background:#f5f9ff;border-color:#d7e7ff}.question-set{background:#fff;border:1px solid #e7ebf2;border-radius:17px;margin-top:18px;overflow:hidden}.question-set-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.question-set-head>span{color:#8f9cab;font-size:11px}.question{border-bottom:1px solid #edf0f4;grid-template-columns:38px 1fr;gap:14px;padding:22px 24px;display:grid}.question:last-child{border:0}.question-number{color:#8d6ade;padding-top:3px;font:800 12px Manrope}.question h3{color:#2b3b50;margin:7px 0 15px;font:700 15px/1.45 Manrope}.difficulty{color:#697a90;text-transform:uppercase;letter-spacing:.7px;font-size:10px}.options{gap:8px;display:grid}.options button{text-align:left;color:#526274;border:1px solid #e2e8ef;border-radius:9px;align-items:center;gap:10px;padding:10px 11px;font-size:12px;transition:all .15s;display:flex}.options button:hover,.options button.selected{background:#f7f4ff;border-color:#9d8ae8}.options button.right{color:#25734c;background:#f1fbf5;border-color:#71cda0}.options button.wrong{color:#a24b56;background:#fff5f5;border-color:#f29b9b}.options b{text-align:center;background:#eff2f6;border-radius:6px;width:21px;height:21px;padding:4px 0;font:700 10px Manrope}.explanation{color:#667487;background:#f8f7ff;border-left:3px solid #8e72e9;border-radius:0 8px 8px 0;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.spotify-card>div{align-items:center;gap:8px;margin:14px 0;display:flex}.spotify-card strong{font:700 14px Manrope}.spotify-card small{color:#8996a6;font-size:10px}.spotify-mark{color:#183627;background:#1ed760;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}.spotify-card .secondary{color:#486176;align-items:center;gap:3px;display:flex}@media (width<=940px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #26364b1e}.mobile-menu{display:block}.topbar{justify-content:space-between}main{width:100%;margin:0;padding:0 24px}.central-grid{grid-template-columns:1fr 1fr}.calendar{display:none}.subject-grid{grid-column:span 2}.reminder{display:none}.profile-grid{grid-template-columns:1fr 1fr}.profile-grid .card:last-child{grid-column:span 2}.ai-lab{flex-direction:column;align-items:flex-start}}@media (width<=620px){:root{font-size:13px}main{padding:0 14px 35px}.topbar{height:62px}.search{width:180px}.hero{min-height:145px;padding:25px}.hero p{font-size:23px}.central-grid,.study-layout,.exam-layout,.performance-top,.performance-grid,.profile-grid{grid-template-columns:1fr}.central-grid>.card,.subject-grid,.continue{grid-column:span 1}.subject-grid{grid-template-columns:1fr 1fr}.subject-grid .card-head{grid-column:span 2}.continue>div:not(.card-head){padding-top:32px}.page-title{margin:17px 0}.page-title h1,.exam-head h1{font-size:25px}.page-title p{max-width:190px}.materials{grid-template-columns:1fr 1fr}.profile-grid .card:last-child{grid-column:auto}.diary-line{grid-template-columns:45px 12px 1fr;gap:7px}.diary-line section{padding-left:14px}.diary .page-title .primary{padding:11px;font-size:0}.diary .page-title .primary:after{content:"Salvar";font-size:12px}.score-row>span{width:115px}.exam-head{margin:19px 0}.tabs{overflow:auto}.subject-card{padding:9px}.subject-art{width:38px;height:38px}.upload button{display:none}}:root{--ink:#171a3a;--paper:#f6f5f2;--violet:#7278ef;--apricot:#ff956b;--line:#e7e7eb;color:#25263b;background:var(--paper)}body{background:radial-gradient(circle at 75% -10%,#ebeaff 0,transparent 30%),var(--paper);min-width:320px}.brand{text-align:left;background:0 0;align-items:center;width:100%;display:flex}.brand img{border-radius:8px;width:26px;height:26px;margin-right:9px}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f7e6;border-color:#e5e3e0}nav button.active{color:var(--ink);background:#ecebfd}.primary{background:var(--ink);transition:transform .18s,box-shadow .18s;box-shadow:0 7px 18px #171a3a18}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #171a3a25}.hero{background:radial-gradient(circle at 82% 26%,#ffbc982e 0 10%,#0000 11%),radial-gradient(circle at 74% 41%,#7d83f525 0 23%,#0000 24%),linear-gradient(118deg,#f1efe9,#e7e6fb 68%,#f7e2d8);border:1px solid #e2e0dc;min-height:195px;padding:39px 42px}.hero:after{opacity:1;background:linear-gradient(145deg,#6168df24,#ff956b25);border:1px solid #ffffff80;border-radius:50%;width:72%;height:270%;bottom:-130%;right:-15%;transform:rotate(-18deg)}.hero-kicker,.auth-kicker{letter-spacing:1.6px;color:#6c6fa5;margin-bottom:10px;font-size:9px;font-weight:800;display:block}.hero p{color:var(--ink);font-size:31px}.hero h1{color:#5c5d74;margin-bottom:18px;font-size:17px}.card{border-color:#e8e6e3;box-shadow:0 12px 45px #24243908}.recommendation{gap:6px;display:grid}.recommendation>span{color:#6669cc;background:#f0efff;border-radius:99px;width:max-content;padding:4px 8px;font-size:9px;font-weight:700}.recommendation strong{font-size:12px;line-height:1.45}.recommendation p,.empty p{color:#8a8b9c;margin:0;font-size:11px;line-height:1.45}.empty{background:#fbfaf8;border:1px dashed #dcd9d5;border-radius:11px;padding:16px}.empty strong{margin-bottom:6px;font-size:12px;display:block}.empty .secondary{margin-top:12px}.bottom-nav{display:none}.diary-meta{grid-template-columns:1fr 180px;gap:10px;margin-bottom:22px;display:grid}.diary-meta label{color:#75768a;gap:5px;font-size:10px;display:grid}.diary-meta input,.diary-meta select{color:#35364a;background:#fff;border:1px solid #dfe0e6;border-radius:9px;padding:9px}.diary-block,.diary-block textarea{display:block}.secondary:disabled,.primary:disabled{opacity:.6;cursor:wait}.library-empty{margin-top:12px}.material-detail{text-align:center;padding:6px 5px 5px}.material-detail h3{font:700 16px Manrope}.material-detail>p:not(.eyebrow){color:#78798c;line-height:1.55}.material-icon{color:#6e72dc;background:#eeedff;border-radius:16px;place-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:23px;display:grid}.spotify-card{grid-column:span 3}.spotify-card iframe{border:0;border-radius:14px;margin-top:8px}.spotify-form{grid-template-columns:1fr auto;gap:8px;display:grid!important}.spotify-form input{border:1px solid #dfe1e7;border-radius:9px;min-width:0;padding:10px 12px}.card dd{overflow-wrap:anywhere;min-height:16px;padding-left:88px}.install-card{z-index:12;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171a3af2;border:1px solid #ffffff1c;border-radius:15px;align-items:flex-start;gap:11px;width:340px;padding:14px;display:flex;position:fixed;bottom:24px;left:250px;box-shadow:0 18px 50px #171a3a35}.install-card>button{color:#bfc0d7;position:absolute;top:7px;right:7px}.install-card img{border-radius:10px;width:36px;height:36px}.install-card strong{font-size:12px}.install-card p{color:#c9cad9;margin:3px 18px 7px 0;font-size:10px;line-height:1.45}.install-action{color:#ffd1bd;font-size:10px;font-weight:700}.auth-page{background:#fbfaf8;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);width:100%;min-height:100dvh;margin:0;padding:0;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 70% 18%,#ff956b44 0 8%,#0000 9%),radial-gradient(circle at 72% 22%,#8187ff35 0 26%,#0000 27%),linear-gradient(145deg,#171a3a,#282d62);flex-direction:column;justify-content:space-between;padding:42px clamp(34px,6vw,88px);display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";aspect-ratio:1;background:linear-gradient(130deg,#7e85f633,#ff956b33);border:1px solid #ffffff20;border-radius:46% 54% 69% 31%/42% 35% 65% 58%;width:70%;position:absolute;bottom:-25%;right:-18%;transform:rotate(25deg)}.auth-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.auth-brand img{border-radius:12px;width:38px;height:38px}.auth-brand span{letter-spacing:-1px;font:800 19px Manrope}.auth-story>div{z-index:1;position:relative}.auth-story h1{letter-spacing:-4px;margin:0 0 25px;font:800 clamp(46px,6vw,82px)/.97 Manrope}.auth-story p{color:#d8d9e7;max-width:570px;font-size:14px;line-height:1.7}.auth-story .auth-kicker{color:#aeb2ff}.auth-points{border-top:1px solid #ffffff23;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px;padding-top:18px;display:grid}.auth-points span{color:#8589ad;gap:8px;font-size:9px;display:grid}.auth-points b{color:#f3f3f8;font-size:10px}.auth-story>small{z-index:1;color:#aaacc2;font-size:10px;position:relative}.auth-panel{place-items:center;padding:38px;display:grid}.auth-box{width:min(420px,100%)}.auth-box h2{letter-spacing:-1.7px;color:var(--ink);margin:7px 0;font:800 34px Manrope}.auth-box>p{color:#7f8091;margin:0 0 24px;font-size:12px;line-height:1.55}.auth-form{gap:14px}.auth-form label{font-size:10px;font-weight:600}.auth-form input{border-radius:10px;height:44px}.auth-submit{justify-content:center;height:45px;margin-top:5px}.auth-switch{color:#6d6e82;width:100%;margin-top:17px;font-size:11px}.auth-switch:hover{color:var(--ink)}@media (width<=940px){.install-card{left:24px}.spotify-card{grid-column:span 2}.auth-page{grid-template-columns:.85fr 1.15fr}.auth-story{padding:32px}.auth-story h1{font-size:48px}.auth-points{grid-template-columns:1fr;gap:9px}.auth-points span{gap:10px;display:flex}.auth-points b{font-size:9px}}@media (width<=620px){body{padding-bottom:env(safe-area-inset-bottom)}main{padding-bottom:92px}.topbar{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f5f2e8;margin:0 -14px;padding:0 14px;position:sticky;top:0}.mobile-menu{display:none}.search{width:calc(100% - 48px)}.bottom-nav{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171a3af4;border:1px solid #ffffff16;border-radius:17px;grid-template-columns:repeat(5,1fr);height:64px;padding:5px 4px;display:grid;position:fixed;box-shadow:0 12px 32px #171a3a35}.bottom-nav button{color:#9fa1bd;border-radius:12px;align-content:center;place-items:center;gap:3px;display:grid}.bottom-nav button span{font-size:8px}.bottom-nav button.active{color:#fff;background:#ffffff13}.hero{min-height:172px;padding:27px 24px}.hero p{font-size:25px}.hero h1{max-width:230px;font-size:14px}.subject-grid{grid-template-columns:1fr}.subject-grid .card-head{grid-column:auto}.materials,.diary-meta{grid-template-columns:1fr}.diary-line{grid-template-columns:33px 10px 1fr}.diary-line>span{font-size:9px}.spotify-card{grid-column:auto}.spotify-card iframe{height:300px}.spotify-form{grid-template-columns:1fr}.profile-grid .card:nth-child(3){order:4}.install-card{width:auto;bottom:82px;left:12px;right:12px}.reminder{display:none}.auth-page{padding:0;display:block}.auth-story{min-height:255px;padding:25px 22px}.auth-story>div:nth-child(2){margin-top:46px}.auth-story h1{letter-spacing:-2.8px;margin-bottom:14px;font-size:43px}.auth-story p{max-width:90%;font-size:11px}.auth-points,.auth-story>small{display:none}.auth-panel{padding:29px 20px 40px}.auth-box h2{font-size:28px}.auth-box>p{margin-bottom:18px}}