:root{--purple:#D5A0A8;--ink:#40373A;--muted:#D5A0A8;--line:#F3E4E6;--bg:#F7F5F2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .18s,transform .18s}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.55}a{text-decoration:none;color:inherit}input,select,textarea{border:1px solid #e7ddd7;background:#FFFDFA;border-radius:11px;padding:12px 14px;outline:none;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #44323714}a:focus-visible,button:focus-visible{outline:3px solid #E7DDD7;outline-offset:4px}button:hover{filter:brightness(.97)}p{line-height:1.95}h1,h2,h3,p{margin-top:0}.shell{display:flex;min-height:100vh}aside{width:250px;position:fixed;inset:0 0 0 auto;background:#FFFDFA;border-left:1px solid var(--line);padding:35px 23px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin:0 12px 57px;font-size:26px;font-weight:900;line-height:1.35}.brand small{display:block;font-size:9px;letter-spacing:4px;font-family:Arial;color:#77676A;font-weight:500;margin-top:6px}.brand-icon{display:grid;place-items:center;color:white;border-radius:15px;width:45px;height:48px;background:var(--purple);transform:rotate(-5deg)}.brand-icon svg{width:27px;height:27px}.workspace-label{font-size:11px;color:#77676A;padding:0 15px;margin-bottom:17px}nav{display:flex;flex-direction:column;gap:9px}nav button{display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:12px;color:#77676A;text-align:right;font-size:13px;position:relative}nav button.active{background:#F7F5F2;color:#5A4148;font-weight:700}nav i{width:6px;height:6px;background:var(--purple);border-radius:100%;margin-right:auto}.sidebar-note{background:#F7F5F2;border:1px solid #e7ddd7;border-radius:15px;padding:21px 17px;margin-top:auto;margin-bottom:29px;color:#77676A}.sidebar-note>b{display:block;font-size:12px;margin-top:13px;color:#5A4148}.sidebar-note p{font-size:11px;margin:8px 0 16px;color:#77676A}.note-lines{font-family:Georgia,serif;font-size:27px;letter-spacing:13px;color:#77676A}.note-lines span{font-size:19px}.account{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;background:#F7E7DE;color:#8B573F;font-weight:700;border-radius:13px}.account b{font-size:12px}.account small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.account button{margin-right:auto;color:#77676A}main{width:calc(100% - 250px);margin-right:250px}header{height:85px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;background:#FFFDFA90}.breadcrumb,.header-date{display:flex;align-items:center;gap:12px;font-size:11px;color:#77676A}.header-date{gap:8px;color:#77676A}.content{max-width:1290px;margin:auto;padding:35px 45px 0}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.eyebrow{color:#77676A;font-size:10px;display:block;margin-bottom:9px}.page-title h1{font-size:24px;letter-spacing:-.8px;font-weight:800;margin:0 0 9px}.page-title h1 span{color:#8B573F;font-size:23px;margin-right:4px}.page-title p{font-size:12px;color:#77676A;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);color:white;padding:12px 20px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.hero{background:#F7F5F2;border:1px solid #e7ddd7;border-radius:21px;min-height:278px;display:flex;justify-content:space-between;padding:30px 35px;overflow:hidden;position:relative;margin-bottom:23px}.hero-tag{font-size:10px;color:#77676A;display:flex;align-items:center;gap:7px}.hero-tag>span{width:6px;height:6px;background:#D5A0A8;border-radius:100%}.hero h2{font-size:29px;line-height:1.65;letter-spacing:-1px;margin:14px 0 8px;color:#5A4148;font-weight:800}.hero p{font-size:11px;color:#77676A;line-height:1.9;margin-bottom:17px}.hero button{display:flex;align-items:center;gap:17px;color:#5A4148;font-size:11px;font-weight:600}.hero-art{width:42%;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:245px;height:245px;border:1px solid #e7ddd7;border-radius:50%;box-shadow:0 0 0 24px #B58C8C80,0 0 0 48px #B58C8C40}.big-book{color:#77676A;background:#D5A0A8;box-shadow:15px 18px 30px #B58C8C33;transform:rotate(-12deg);width:160px;height:183px;border-radius:9px 18px 18px 9px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-right:7px solid #d5a0a8;border-bottom:8px solid #e7ddd7}.big-book span{font-size:11px;color:#5A4148;margin-top:3px}.float{position:absolute;z-index:1;background:#FFFDFA99;border:1px solid #e7ddd7;box-shadow:0 9px 20px #B58C8C1a;border-radius:12px;padding:13px 23px;font:22px Georgia;color:#5A4148;transform:rotate(9deg)}.float small{font:10px Vazirmatn;display:block;text-align:center;color:#77676A;margin-top:5px}.one{right:0;top:12px}.two{bottom:0;left:-10px;font:14px/1.5 Georgia;transform:rotate(6deg);color:#5A4148}.star{position:absolute;color:#77676A;font-size:45px;left:24px;top:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.stats>div{padding:21px 18px;border:1px solid var(--line);border-radius:14px;background:#FFFDFA;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.stat-icon svg{width:21px}.lilac{background:#F7F5F2;color:#77676A}.green{background:#E9EEF2;color:#4E6574}.peach{background:#F7F5F2;color:#8B573F}.stats small{font-size:10px;color:#77676A}.stats strong{display:block;font-size:24px;font-weight:700;line-height:1.7}.stats em{font-style:normal;font-size:10px;font-weight:400;color:#77676A;margin-right:4px}.stat-caption{display:block;width:100%;font-size:9px;color:#77676A;padding-top:7px}.stats .text-link{font-size:10px;padding-top:6px}.panel{background:#FFFDFA;border:1px solid var(--line);border-radius:16px;padding:23px 26px;margin-bottom:27px}.section-head{justify-content:space-between;margin-bottom:20px;gap:15px}.section-head,h2{display:flex;align-items:center}h2{font-size:15px;font-weight:700;margin-bottom:8px;gap:10px}h2 svg{color:#77676A}.section-head p{margin:0}.section-head p,.text-link{font-size:10px;color:#77676A}.text-link{display:flex;gap:7px;align-items:center;white-space:nowrap}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#77676A}.progress-label b{color:#77676A;font-weight:500}.progress{height:5px;background:#F7F5F2;border-radius:10px;margin:10px 0 20px;overflow:hidden}.progress i{display:block;background:#D5A0A8;height:100%;border-radius:10px;transition:width .3s}.task-add{display:flex;align-items:center;gap:9px;background:#F7F5F2;border:1px dashed #e7ddd7;border-radius:9px;padding:3px 12px;color:#77676A;margin-bottom:9px}.task-add input{flex:1;background:none;border:0;box-shadow:none;padding:12px 0;font-size:11px}.task-add input::placeholder{color:#77676A}.task-add button{font-size:10px;color:#77676A}.task{display:flex;align-items:center;gap:12px;padding:14px 3px;border-bottom:1px solid #e7ddd7;font-size:11px;color:#5A4148}.task:last-child{border-bottom:0}.tick{border:1.5px solid #e7ddd7;border-radius:6px;width:23px;height:23px;display:grid;place-items:center;padding:0;color:transparent}.task.done .tick{background:#E9EEF2;border-color:#E7DDD7;color:#4E6574}.task.done>span{text-decoration:line-through;color:#77676A}.task.missed>span{text-decoration:line-through;color:#92515C}.cross{margin-right:auto;color:#77676A}.task.missed .cross{color:#92515C;background:#F7F5F2;border-radius:6px}.delete{color:#77676A}.vocab-section{margin:32px 0}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.word-card{background:#FFFDFA;border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.word-card>img{width:100%;height:130px;object-fit:cover;border-radius:9px;margin-bottom:14px}.word-top{display:flex;align-items:center;justify-content:space-between;color:#77676A}.word-top button{padding:3px;color:#77676A}.word-tag{font-size:8px;background:#F7F5F2;padding:4px 8px;border-radius:5px;color:#77676A}.word-card h3{font-family:Georgia,serif;letter-spacing:.3px;font-size:24px;font-weight:500;text-align:left;margin:20px 0 8px;overflow-wrap:anywhere}.word-card>p{font-size:11px;color:#77676A;margin:0 0 15px}.word-card blockquote{margin:0;background:#F7F5F2;border-radius:7px;font:italic 11px/1.9 Georgia;color:#77676A;padding:11px;text-align:left;overflow-wrap:anywhere}.word-relations{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#77676A;margin-top:15px}.word-relations span{display:flex;justify-content:space-between;gap:8px}.word-relations b{font:10px Georgia;color:#77676A}.add-word-card{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #e7ddd7;border-radius:15px;background:#F7F5F2;color:#77676A;gap:13px}.add-word-card>span{background:#F7F5F2;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.add-word-card b{font-size:11px;font-weight:500}.add-word-card small{font-size:9px;color:#77676A}.search{display:flex;align-items:center;background:#FFFDFA;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:#77676A}.search input{border:0;background:none;box-shadow:none;font-size:11px;width:210px}footer{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);color:#77676A;font-size:9px}.footer-star{color:#77676A;margin-right:8px}.message{position:relative;background:#F7F5F2;border:1px solid #e7ddd7;color:#5A4148;padding:12px 16px;border-radius:10px;margin-bottom:18px;justify-content:space-between;align-items:center}.message,.message button{display:flex}.welcome{position:relative;max-width:960px;min-height:620px;padding:65px 30px}.welcome h1{font-size:40px;line-height:1.8;letter-spacing:-1.7px;margin:20px 0;color:#5A4148}.welcome p{font-size:13px;color:#77676A;max-width:430px}.role-switch{display:flex;gap:12px;margin:30px 0 20px}.role-switch button{display:flex;align-items:center;gap:10px;border:1px solid #e7ddd7;border-radius:12px;padding:16px 22px;background:#FFFDFA;color:#77676A;font-size:12px}.role-switch .selected{background:#F3E4E6;border-color:#D5A0A8;color:#5A4148}.role-switch svg{width:20px}.welcome form{max-width:380px;display:flex;flex-direction:column;gap:12px}.welcome .primary{padding:15px 26px}.demo-link{display:flex;gap:8px;align-items:center;margin-top:22px;color:#77676A;font-size:11px}.welcome-art{position:absolute;left:0;top:140px;width:240px;height:310px;background:#F3E4E6;border-radius:120px 120px 20px 20px;display:grid;place-items:center;color:#77676A;transform:rotate(-6deg);z-index:-1}.welcome-art span{position:absolute;background:#FFFDFA;border:1px solid #e7ddd7;border-radius:12px;padding:15px 24px;font:26px Georgia;color:#77676A;box-shadow:0 7px 20px #B58C8C1a}.welcome-art span:first-child{top:0;right:-15px;transform:rotate(13deg)}.welcome-art span:nth-child(2){left:-20px;top:85px;font-family:Vazirmatn;transform:rotate(8deg)}.welcome-art span:nth-child(3){bottom:15px;right:-25px;transform:rotate(12deg)}.demo-banner{justify-content:space-between;gap:10px;background:#F7E7DE;color:#8B573F;padding:10px 15px;border-radius:9px;margin-bottom:24px}.demo-banner,.demo-banner button{display:flex;align-items:center;font-size:10px}.demo-banner button{gap:8px}.empty{font-size:12px;text-align:center;color:#77676A;padding:30px}.invite{display:grid;grid-template-columns:1fr 1fr;gap:30px}.invite p{font-size:11px;color:#77676A}.invite strong{display:block;letter-spacing:6px;font-size:28px;color:#77676A;text-align:right;margin-top:20px}.invite form{display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line);padding-right:30px}.invite label{font-size:12px;color:#77676A}.connection{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.connection small{color:#77676A}.connection .badge{margin-right:auto;background:#F7F5F2;color:#4E6574;padding:6px 14px;border-radius:8px;font-size:10px}.connection>button{margin-right:auto}.connection>span:last-child{font-size:11px;color:#77676A}.upload-row{display:flex;gap:15px}.upload-row select{flex:1;font-size:12px}.disabled{opacity:.5;cursor:default}.file-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);color:#77676A}.file-row b{display:block;font-size:12px;overflow-wrap:anywhere}.file-row small{display:block;font-size:10px;color:#77676A;margin-top:5px}.file-row a{margin-right:auto;font-size:12px}.file-row button{color:#77676A}.modal-backdrop{position:fixed;inset:0;background:#40373A60;backdrop-filter:blur(5px);z-index:30;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#FFFDFA;border-radius:21px;padding:30px;width:550px;max-height:92vh;overflow:auto;box-shadow:0 20px 80px #44323730}.modal .section-head button{color:#77676A}.modal .eyebrow{font-size:10px}.modal h2{font-size:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#77676A}.form-grid input,.form-grid textarea{font-size:12px;width:100%}.form-grid textarea{resize:vertical;min-height:85px}.wide{grid-column:1/-1}.picture-upload{display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #e7ddd7;border-radius:10px;padding:20px;font-size:11px;color:#77676A;margin:20px 0;cursor:pointer}.modal form>.primary{width:100%}.image-preview{display:flex;align-items:center;gap:15px;margin-bottom:20px}.image-preview img{width:65px;height:65px;object-fit:cover;border-radius:8px}.image-preview button{color:#77676A;font-size:11px}@media(min-width:1450px){.content{padding-top:45px}.hero{min-height:310px}.hero h2{font-size:34px}.hero-art{width:45%}}@media(max-width:1100px){aside{width:210px;padding-inline:16px}main{width:calc(100% - 210px);margin-right:210px}.content{padding:27px 26px 0}header{padding:0 26px}.page-title h1{font-size:20px}.hero{padding:27px}.hero h2{font-size:26px}.float.one{right:-20px}.float.two{left:-20px}.stats{gap:10px}.stats>div{padding:17px 13px;gap:9px}.stat-icon{width:35px;height:35px}.stats strong{font-size:22px}.stats em{font-size:9px}.word-grid{gap:12px}.word-card{padding:15px}.word-card h3{font-size:21px}.welcome-art{opacity:.5;width:180px;left:-10px}.welcome h1{font-size:34px}}@media(max-width:800px){aside{width:78px;padding:25px 10px}.brand{margin:0 auto 40px}.account>button,.account>div,.brand>div,.sidebar-note,.workspace-label,nav button i{display:none}.brand-icon{width:40px;height:43px}nav{gap:16px}nav button{font-size:0;padding:15px;gap:0;justify-content:center}nav button svg{width:22px;height:22px}.account{margin-top:auto;justify-content:center}main{margin-right:78px;width:calc(100% - 78px)}header{height:65px;padding:0 20px}.content{padding:25px 20px 0}.page-title{align-items:flex-start}.page-title h1{font-size:19px}.page-title .primary{font-size:10px;padding:10px;gap:5px}.hero{min-height:260px}.hero h2{font-size:24px}.hero-art{width:38%;transform:scale(.8);transform-origin:left center}.stats{grid-template-columns:1fr 1fr 1fr}.stats>div{gap:8px;align-items:flex-start}.stats .stat-icon{display:none}.stats strong{font-size:22px}.stats em{display:block;margin:0;font-size:9px}.stats .stat-caption{font-size:8px}.word-grid{grid-template-columns:1fr 1fr}.add-word-card{min-height:220px}.invite{grid-template-columns:1fr}.invite form{padding:20px 0 0;border-right:0;border-top:1px solid var(--line)}.welcome{padding:25px 5px;min-height:550px}.welcome-art{display:none}.welcome h1{font-size:33px}.role-switch button{padding:14px}.section-head{flex-wrap:wrap}.panel{padding:20px}.search,.search input{width:100%}.demo-banner{align-items:flex-start}.breadcrumb,.demo-banner,.header-date{font-size:9px}}@media(max-width:520px){aside{inset:auto 0 0 0;height:68px;width:100%;padding:7px 12px;border-top:1px solid var(--line);border-left:0}.account,.brand{display:none}nav{flex-direction:row;gap:5px;justify-content:space-around}nav button{flex-direction:column;font-size:8px;gap:5px;padding:6px 10px;border-radius:8px}nav button svg{width:19px;height:19px}main{width:100%;margin:0;padding-bottom:70px}.content{padding:23px 18px 0}header{padding:0 18px;height:57px}.page-title{gap:8px}.page-title h1{font-size:17px;letter-spacing:-.5px;line-height:1.8}.page-title h1 span{display:none}.page-title p{font-size:10px;line-height:1.8}.eyebrow{font-size:9px}.page-title .primary{font-size:9px;gap:4px;padding:10px 8px;flex-shrink:0;margin-top:17px}.page-title .primary svg{width:14px}.hero{padding:22px;min-height:270px}.hero h2{font-size:25px}.hero p{font-size:10px}.hero-art{position:absolute;left:-55px;bottom:-20px;opacity:.65;transform:scale(.58);width:190px;height:250px;transform-origin:center;pointer-events:none}.hero-art .one{top:15px;right:35px}.hero-art .two{display:none}.hero>div:first-child{position:relative;z-index:2}.hero-tag{font-size:9px}.stats{gap:8px;margin-bottom:22px}.stats>div{padding:14px 10px;border-radius:11px}.stats small{font-size:8px}.stats strong{font-size:22px}.stats em{font-size:8px}.stat-caption{display:none!important}.stats .text-link{font-size:8px}.panel{padding:18px 16px}.section-head h2{font-size:13px}.section-head .text-link,.section-head p{font-size:9px}.word-grid{grid-template-columns:1fr}.word-card{padding:20px}.word-card h3{font-size:26px}.add-word-card{min-height:160px}.task{gap:8px}.task,.task-add input{font-size:10px}.welcome h1{font-size:30px}.welcome p{font-size:12px}.role-switch{gap:8px}.role-switch button{font-size:11px;padding:13px}.welcome .primary{font-size:11px}.modal-backdrop{padding:12px}.modal{padding:23px 19px}.modal h2{font-size:17px}.form-grid{gap:13px}.demo-banner,.upload-row{flex-direction:column}.demo-banner{gap:8px}.connection{flex-wrap:wrap;font-size:12px}footer{font-size:8px}.picture-upload{font-size:10px}}.auth-tabs{display:flex;border-bottom:1px solid var(--line);max-width:380px;margin-top:28px;margin-bottom:20px;gap:25px}.auth-tabs button{font-size:12px;color:#77676A;padding:12px 0;border-bottom:2px solid transparent}.auth-tabs button.chosen{color:var(--purple);border-color:var(--purple);font-weight:700}.welcome .auth-form{gap:15px}.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#77676A}.auth-form input{width:100%;font-size:12px}.auth-form .role-switch{margin:0 0 3px;gap:10px}.auth-form .role-switch button{flex:1;justify-content:center;padding:13px 12px;font-size:11px}.auth-input{display:flex;align-items:center;gap:10px;background:#FFFDFA;border:1px solid #e7ddd7;border-radius:11px;padding:0 12px;color:#77676A}.auth-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #44323714}.auth-input input{border:0;box-shadow:none;padding:12px 0;flex:1;min-width:0;background:none}.auth-input button{display:flex;color:#77676A;padding:4px}.welcome .auth-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;margin:0;color:#77676A}.auth-note svg{flex-shrink:0;margin-top:4px}.header-logout{font-size:10px;color:#77676A;display:flex;align-items:center;gap:7px;margin-right:20px}.header-date{margin-right:auto}.welcome-art{z-index:0;pointer-events:none}.welcome>.auth-tabs,.welcome>.demo-link,.welcome>.eyebrow,.welcome>form,.welcome>h1,.welcome>p{position:relative;z-index:1}.welcome{padding-top:35px;padding-bottom:45px}.welcome h1{font-size:34px}.welcome-art{top:240px}@media(max-width:520px){.welcome{padding:10px 2px 30px}.welcome h1{font-size:28px}.auth-form .role-switch button{padding:12px 8px;font-size:10px}.header-logout{margin-right:12px;font-size:9px}.header-date{font-size:8px}.auth-tabs{margin-top:22px}.welcome .primary{padding:14px 15px}}.planner{--planner-ink:#40373A;--planner-muted:#D5A0A8;margin-bottom:30px}.planner-intro{justify-content:space-between;min-height:235px;background:#F3E4E6;border:1px solid #e7ddd7;border-radius:22px;padding:28px 35px;position:relative;overflow:hidden;margin-bottom:22px}.planner-intro,.planner-kicker{display:flex;align-items:center}.planner-kicker{gap:7px;font-size:10px;color:#77676A}.planner-intro h2{display:block;font-size:29px;line-height:1.8;letter-spacing:-1px;font-weight:800;margin:12px 0 8px;color:#5A4148}.planner-intro h2 span{color:#77676A}.planner-intro p{font-size:11px;line-height:2;margin:0}.planner-art{position:relative;width:260px;height:190px;margin-left:20px}.planner-paper{position:absolute;inset:5px 35px 0 20px;transform:rotate(-9deg);border:1px solid #e7ddd7bd;border-radius:15px;background:#FFFDFAbd;box-shadow:10px 14px 0 #B58C8C,15px 22px 36px #B58C8C2b;padding:19px 21px;color:#77676A}.paper-eyebrow{font-size:8px;letter-spacing:2px;font-family:Arial;display:block;text-align:left;color:#77676A}.planner-paper>b{display:block;font-size:14px;margin:16px 0}.planner-paper>div{display:flex;gap:10px;align-items:center;margin-bottom:11px}.planner-paper i{width:17px;height:17px;display:grid;place-items:center;border:1px solid #e7ddd7;border-radius:5px;background:#F3E4E6;color:#77676A}.planner-paper>div>span{width:95px;height:5px;background:#F3E4E6;border-radius:9px}.planner-paper>div:nth-of-type(2)>span{width:68px}.planner-paper>small{font:italic 9px Georgia;color:#77676A;display:block;margin-top:13px}.planner-art-star{position:absolute;left:-6px;top:4px;font-size:34px;color:#77676A;transform:rotate(12deg)}.planner-art-badge{position:absolute;bottom:1px;left:-10px;background:#F7F5F2;box-shadow:0 7px 25px #B58C8C24;border:1px solid #e7ddd7;border-radius:11px;color:#77676A;display:flex;gap:8px;align-items:center;padding:11px 15px;font-size:10px;transform:rotate(6deg)}.planner-calendar{background:#FFFDFA;border:1px solid #e7ddd7;border-radius:17px;padding:20px 23px;margin-bottom:24px}.planner-calendar-top,.planner-calendar-top>div{display:flex;align-items:center;gap:9px}.planner-calendar-top{justify-content:space-between;margin-bottom:18px;color:#77676A}.planner-calendar-top b{font-size:12px;font-weight:600;color:#5A4148}.planner-calendar-actions{gap:8px!important}.planner-calendar-actions>button{display:grid;place-items:center;border:1px solid #e7ddd7;border-radius:8px;width:29px;height:29px;color:#77676A}.planner-calendar-actions>.planner-today{width:auto;padding:0 10px;border:0;background:#F7F5F2;font-size:9px;color:#77676A}.planner-date-picker{position:relative;width:29px;height:29px;display:grid;place-items:center;cursor:pointer;color:#77676A}.planner-date-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}.planner-date-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.planner-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.planner-week button{display:flex;align-items:center;flex-direction:column;gap:9px;padding:12px 7px 8px;border:1px solid transparent;border-radius:12px;color:#77676A}.planner-week button>span{font-size:10px}.planner-week button>b{font-size:18px;font-weight:600;color:#5A4148}.planner-week button>i{width:4px;height:4px;border-radius:50%;background:transparent}.planner-week .is-today>i{background:#D5A0A8}.planner-week .selected{background:#E37E7E;color:#77676A;box-shadow:0 5px 12px #B58C8C30}.planner-week .selected>b{color:white}.planner-week .selected>i{background:#D5A0A8}.planner-week button:not(.selected):hover{background:#F7F5F2;border-color:#E7DDD7}.planner-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.planner-workspace{background:#FFFDFA;border:1px solid #e7ddd7;border-radius:18px;overflow:hidden;padding:24px;min-width:0}.planner-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.planner-overline{font-size:9px;display:block;margin-bottom:8px}.planner-list-heading h2{font-size:17px;color:#5A4148;margin:0;gap:11px}.planner-list-heading h2>span{font-size:9px;font-weight:400;background:#F7F5F2;border-radius:6px;color:#77676A;padding:4px 8px}.planner-heading-icon{background:#F7F5F2;width:41px;height:41px;border-radius:12px;color:#77676A;display:grid;place-items:center}.planner-compose{display:flex;align-items:center;gap:11px;background:#F7F5F2;border:1px dashed #e7ddd7;border-radius:12px;padding:8px;margin-bottom:24px}.planner-compose-icon{width:31px;height:31px;background:#F7F5F2;display:grid;place-items:center;border-radius:9px;color:#77676A;flex-shrink:0}.planner-compose input{background:none;flex:1;padding:9px 0;font-size:11px;border:0;box-shadow:none;color:#5A4148}.planner-compose>button{display:flex;align-items:center;justify-content:center;gap:9px;background:#E37E7E;color:white;border-radius:8px;padding:10px 13px;font-size:10px;white-space:nowrap}.planner-filters{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e7ddd7;padding-bottom:17px;margin-bottom:4px;overflow:auto;scrollbar-width:none}.planner-filters>button{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;border-radius:7px;padding:7px 9px}.planner-filters button>span{font-size:8px;border-radius:4px;background:#F7F5F2;color:#77676A;padding:1px 5px;min-width:17px}.planner-filters .selected{color:#77676A;background:#F7F5F2;font-weight:600}.planner-filters .selected>span{color:#77676A;background:#F3E4E6}.planner-task{display:flex;align-items:center;gap:13px;min-height:93px;border-bottom:1px solid #e7ddd7;padding:16px 0;transition:background .2s}.planner-task:last-child{border-bottom:0}.planner-task-number{font-size:10px;color:#77676A;min-width:23px}.planner-task-copy{flex:1;min-width:0}.planner-task h3{font-size:12px;font-weight:500;line-height:1.9;margin:0 0 7px;overflow-wrap:anywhere}.planner-task-state{display:flex;align-items:center;gap:5px;font-size:8px}.planner-task-state>i{width:4px;height:4px;background:#D5A0A8;border-radius:50%}.planner-task.done h3{color:#4E6574;text-decoration:line-through;text-decoration-color:#D5A0A8}.planner-task.done .planner-task-state{color:#4E6574}.planner-task.done .planner-task-state>i{background:#D2DDE7}.planner-task.missed .planner-task-state,.planner-task.missed h3{color:#92515C}.planner-task.missed .planner-task-state>i{background:#D5A0A8}.planner-task-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.planner-task-actions button{width:29px;height:29px;border:1px solid #e7ddd7;border-radius:8px;display:grid;place-items:center;padding:0;color:#77676A;transition:all .15s}.planner-task-actions .planner-done:hover,.planner-task.done .planner-done{color:#4E6574;background:#F7F5F2;border-color:#E7DDD7}.planner-task-actions .planner-missed:hover,.planner-task.missed .planner-missed{color:#92515C;background:#F7F5F2;border-color:#E7DDD7}.planner-task-actions .planner-delete{border-color:transparent;color:#77676A;width:24px}.planner-task-actions .planner-delete:hover{color:#92515C}.planner-list-foot{display:flex;align-items:center;gap:12px;border-top:1px dashed #e7ddd7;margin-top:13px;padding-top:16px;color:#77676A;font-size:8px}.planner-list-foot>span{display:flex;align-items:center;gap:4px}.planner-list-foot>span:first-child svg{color:#4E6574}.planner-list-foot>span:nth-child(2) svg{color:#92515C}.planner-list-foot>small{font-size:8px;margin-right:auto;color:#77676A}.planner .planner-summary{position:static;inset:auto;width:auto;height:auto;display:block;padding:0;border:0;background:none;z-index:auto;margin:0}.planner-progress-card{border:1px solid #e7ddd7;background:#FFFDFA;border-radius:18px;text-align:center;padding:25px 20px 20px}.planner-progress-card h2{display:block;font-size:14px;color:#5A4148;font-weight:600;margin:0 0 24px}.planner-ring{margin:0 auto 20px;width:145px;height:145px;border-radius:50%;padding:9px;transform:rotate(-45deg)}.planner-ring>div{background:#FFFDFA;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(45deg)}.planner-ring b{font-size:35px;font-weight:700;color:#77676A;line-height:1.7}.planner-ring em{font-style:normal;font-size:15px;font-weight:400;margin-right:3px;color:#77676A}.planner-ring>div>span{font-size:8px;color:#77676A}.planner-progress-card>p{font-size:9px;min-height:35px;margin-bottom:18px}.planner-summary-counts{border-top:1px solid #e7ddd7;padding-top:15px;display:flex;flex-direction:column;gap:13px}.planner-summary-counts>div{display:flex;align-items:center;gap:7px;font-size:9px;color:#77676A}.planner-summary-counts b{margin-right:auto;color:#77676A;font-size:11px;font-weight:500}.summary-dot{width:6px;height:6px;border-radius:50%}.summary-dot.green{background:#D2DDE7}.summary-dot.purple,.summary-dot.rose{background:#D5A0A8}.planner-gentle-note{position:relative;text-align:center;background:#F7F5F2;border:1px solid #e7ddd7;border-radius:15px;margin-top:16px;padding:18px 10px 14px;color:#77676A}.planner-gentle-note>span{font:40px/1 Georgia;display:block;color:#77676A;height:23px}.planner-gentle-note p{font-size:9px;line-height:2.2;margin:9px 0 8px;color:#77676A}.planner-gentle-note b{font-weight:500;color:#77676A}.planner-gentle-note svg{width:15px;height:15px;color:#77676A}.planner-empty{text-align:center;padding:35px 15px 30px}.planner-empty>span{display:grid;place-items:center;color:#77676A;background:#F7F5F2;border:1px solid #e7ddd7;border-radius:17px;width:66px;height:66px;margin:0 auto 18px}.planner-empty h3{font-size:12px;font-weight:500;color:#77676A;margin-bottom:9px}.planner-empty p{font-size:10px;color:#77676A;max-width:310px;margin:0 auto;line-height:2}.planner-empty>button{display:flex;align-items:center;gap:7px;font-size:10px;color:#77676A;margin:17px auto 0}@media(max-width:1100px){.planner-layout{grid-template-columns:minmax(0,1fr) 205px;gap:16px}.planner-workspace{padding:20px}.planner-intro{padding:25px 28px}.planner-art{width:230px;transform:scale(.9);transform-origin:left center;margin-left:0}.planner-intro h2{font-size:27px}.planner-task{gap:7px}.planner-task-number{min-width:17px}.planner-task h3{font-size:11px}.planner-task-actions{gap:4px}.planner-task-actions button{width:26px;height:27px}.planner-list-foot>small{display:none}.planner-filters{gap:2px}.planner-filters>button{padding:6px;font-size:8px}.planner-filters button>span{padding:1px 4px}.planner-compose-icon{display:none}}@media(max-width:900px){.planner-layout{grid-template-columns:minmax(0,1fr)}.planner .planner-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.planner-progress-card{padding:20px}.planner-progress-card h2{margin-bottom:18px}.planner-ring{width:125px;height:125px}.planner-gentle-note{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.planner-summary-counts{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.planner-summary-counts>div{gap:5px;font-size:8px}.planner-summary-counts b{margin-right:0}.planner-task h3{font-size:12px}.planner-task-actions button{width:32px;height:32px}.planner-compose-icon{display:grid}.planner-filters>button{font-size:9px;padding:7px 11px}.planner-list-foot>small{display:block}}@media(max-width:600px){.planner-intro{min-height:220px;padding:23px;border-radius:17px}.planner-intro h2{font-size:25px}.planner-intro p{font-size:10px}.planner-kicker{font-size:9px}.planner-art{width:140px;height:170px;transform:scale(.72);margin-left:-20px;margin-right:-25px;flex-shrink:0;transform-origin:center}.planner-paper{inset:0 0 0 -15px;padding:17px 15px}.planner-paper>b{font-size:12px}.planner-art-badge{left:-38px;bottom:0;font-size:9px;white-space:nowrap;padding:9px}.planner-art-star{top:-18px;left:-18px}.planner-desktop-break{display:none}.planner-intro>div:first-child{position:relative;z-index:1;max-width:220px}.planner-calendar{padding:17px 15px;border-radius:14px;margin-bottom:18px}.planner-week{gap:5px}.planner-week button{padding:11px 3px 7px;gap:8px;border-radius:10px}.planner-week button>span{font-size:8px}.planner-week button>b{font-size:16px}.planner-calendar-top b{font-size:11px}.planner-calendar-actions{gap:4px!important}.planner-calendar-actions>button{width:26px;height:26px}.planner-calendar-actions>.planner-today{padding:0 8px;font-size:8px}.planner-calendar-top{margin-bottom:13px}.planner-workspace{padding:19px 16px;border-radius:15px}.planner-list-heading h2{font-size:15px}.planner-list-heading{margin-bottom:20px}.planner-list-heading h2>span{font-size:8px}.planner-heading-icon{width:35px;height:35px}.planner-compose{padding:7px;gap:7px;border-radius:10px;margin-bottom:18px}.planner-compose-icon{display:none}.planner-compose input{font-size:10px}.planner-compose>button{font-size:9px;gap:5px;padding:10px}.planner-compose>button svg{width:13px}.planner-filters{gap:4px;justify-content:space-between;padding-bottom:14px}.planner-filters>button{padding:6px 5px;font-size:8px;gap:4px}.planner-filters button>span{font-size:7px;min-width:14px;padding:1px 3px}.planner-task{min-height:101px;padding:17px 0;gap:9px}.planner-task-number{font-size:9px;min-width:18px}.planner-task h3{font-size:11px;line-height:1.9}.planner-task-actions{display:grid;grid-template-columns:28px 28px;gap:5px}.planner-task-actions button{width:28px;height:28px}.planner-task-actions .planner-delete{grid-column:1/-1;justify-self:center;height:20px;width:26px}.planner-task-actions .planner-delete svg{width:13px}.planner-task-state{font-size:7px}.planner-list-foot{font-size:7px;gap:9px;padding-top:14px}.planner-list-foot>small{font-size:7px}.planner .planner-summary{grid-template-columns:1fr}.planner-progress-card{display:grid;grid-template-columns:1fr 125px;align-items:center;text-align:right;padding:20px;column-gap:15px}.planner-progress-card>.planner-overline{grid-column:1;margin:0}.planner-progress-card>h2{grid-column:1;margin:5px 0 8px;font-size:13px}.planner-ring{grid-column:2;grid-row:1/5;width:113px;height:113px;padding:7px;margin:0}.planner-ring b{font-size:27px}.planner-ring>div>span{font-size:7px}.planner-progress-card>p{grid-column:1;font-size:8px;min-height:0;margin:0;line-height:1.9}.planner-summary-counts{grid-column:1/-1;justify-content:space-between;margin-top:18px;padding-top:15px}.planner-gentle-note{padding:18px;flex-direction:row;gap:14px}.planner-gentle-note>span{font-size:34px;height:24px}.planner-gentle-note p{margin:0;text-align:right;font-size:9px}.planner-gentle-note p br{display:none}.planner-gentle-note svg{margin-right:auto}.planner-empty{padding:30px 5px}.planner-empty h3{font-size:11px}.planner-empty p{font-size:9px}}@media(max-width:360px){.planner-art{opacity:.6;width:110px;margin-left:-38px;transform:scale(.65)}.planner-intro h2{font-size:23px}.planner-intro p{font-size:9px}.planner-intro{padding:21px;min-height:210px}.planner-filters>button{gap:3px;font-size:7px;padding:6px 3px}.planner-list-foot>small{display:none}.planner-progress-card{padding:17px;grid-template-columns:1fr 105px;gap:6px}.planner-ring{width:100px;height:100px}.planner-gentle-note p{font-size:8px}.planner-task{gap:7px}.planner-task-number{min-width:14px}.planner-compose>button{padding:10px 8px;font-size:8px}}.planner-intro p{color:#77676A}.planner-task h3{color:#5A4148}.planner-task-state,.planner-week .selected>span,.planner-week button>span{color:#77676A}.planner-compose input::placeholder{color:#77676A}.planner-filters>button,.planner-overline,.planner-progress-card>p{color:#77676A}@media(max-width:600px){.planner-filters>button{font-size:9px}.planner-task-actions{grid-template-columns:33px 33px}.planner-task-actions button{width:33px;height:33px}.planner-task h3{font-size:12px}.planner-task-state{font-size:8px}}@media(max-width:360px){.planner-filters>button{font-size:8px}.planner-intro p{max-width:185px}.planner-task h3{font-size:11px}}.lexicon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px;align-items:start}.lexicon-card{--lexicon-tint:#F3E4E6;--lexicon-accent:#D5A0A8;--lexicon-light:#F3E4E6;border:1px solid #e7ddd7;background:#FFFDFA;border-radius:15px;padding:17px 16px 12px;min-width:0;transition:box-shadow .2s,border-color .2s}.lexicon-card:hover{border-color:#E7DDD7;box-shadow:0 5px 20px #B58C8C10}.lexicon-card.tone-1,.lexicon-card.tone-2,.lexicon-card.tone-3{--lexicon-tint:#F3E4E6;--lexicon-accent:#D5A0A8;--lexicon-light:#F3E4E6}.lexicon-card-top{display:flex;align-items:center;gap:12px;direction:ltr}.lexicon-visual{width:48px;height:48px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--lexicon-tint)}.lexicon-visual>img{width:100%;height:100%;object-fit:cover;display:block}.lexicon-monogram{width:100%;height:100%;display:grid;place-items:center;position:relative;isolation:isolate;background:var(--lexicon-tint)}.lexicon-monogram>span{font:italic 24px/1.2 Georgia,Times New Roman,serif;color:var(--lexicon-accent);z-index:1;text-transform:capitalize}.lexicon-monogram:before{content:"";position:absolute;inset:-18px 15px 15px -18px;border:1px solid #e7ddd7b3;border-radius:50%;width:45px;height:45px;transform:rotate(-20deg)}.lexicon-monogram>i{position:absolute;bottom:-16px;right:-15px;width:42px;height:42px;border-radius:50%;border:1px solid #e7ddd7c9;box-shadow:0 0 0 6px #B58C8C24}.lexicon-name{flex:1;min-width:0}.lexicon-name h3{font-size:20px;font-family:Georgia,Vazirmatn,serif;font-weight:500;line-height:1.4;color:#5A4148;letter-spacing:.1px;margin:0 0 5px}.lexicon-name h3,.lexicon-name p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:start}.lexicon-name p{font-size:10px;line-height:1.7;color:#77676A;margin:0}.lexicon-actions{display:flex;flex-direction:column;gap:2px;flex-shrink:0;align-self:flex-start}.lexicon-actions button{display:grid;place-items:center;width:24px;height:23px;border-radius:6px;color:#77676A;padding:0}.lexicon-actions button:hover{color:#77676A;background:#F7F5F2}.lexicon-actions button:last-child:hover{color:#92515C;background:#F7F5F2}.lexicon-sentence{display:flex;align-items:flex-start;gap:7px;direction:ltr;background:var(--lexicon-light);border-radius:7px;padding:9px 10px;margin-top:14px;min-height:44px}.lexicon-sentence>svg{margin-top:1px;flex-shrink:0;color:var(--lexicon-accent);opacity:.65}.lexicon-sentence>p{font:italic 10px/1.7 Georgia,Vazirmatn,serif;color:#77676A;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-align:start}.lexicon-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:10px}.lexicon-foot-mark{gap:4px}.lexicon-card-foot>button,.lexicon-foot-mark{display:flex;align-items:center;font-size:8px;color:#77676A}.lexicon-card-foot>button{gap:5px;padding:2px 0}.lexicon-card-foot>button svg{transition:transform .2s}.lexicon-card.is-expanded .lexicon-card-foot>button svg{transform:rotate(180deg)}.lexicon-detail{margin-top:12px;padding-top:12px;border-top:1px dashed #e7ddd7;display:grid;grid-template-columns:1fr 1fr;gap:12px}.lexicon-detail>div:first-child,.lexicon-detail>div:nth-child(2){grid-column:1/-1}.lexicon-detail>div>span{display:block;color:#77676A;font-size:8px;margin-bottom:5px}.lexicon-detail p{font-size:11px;line-height:1.85;margin:0;color:#77676A;overflow-wrap:anywhere}.lexicon-add{min-height:173px;border:1px dashed #e7ddd7;border-radius:15px;background:#F7F5F2;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#77676A;text-align:right}.lexicon-add>span{width:38px;height:38px;border-radius:12px;background:#F7F5F2;display:grid;place-items:center;flex-shrink:0}.lexicon-add b{display:block;font-size:11px;font-weight:500;color:#77676A;margin-bottom:6px}.lexicon-add small{display:block;font-size:8px;color:#77676A}.lexicon-add>svg{align-self:flex-start;margin-right:auto;width:14px}.lexicon-no-results{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:45px 20px;background:#FFFDFA;border:1px dashed #e7ddd7;border-radius:15px;color:#77676A}.lexicon-no-results b{font-size:12px;font-weight:500;color:#77676A}.lexicon-no-results span{font-size:10px;color:#77676A}@media(min-width:1450px){.lexicon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.lexicon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.lexicon-card{padding:15px 14px 11px}.lexicon-visual{width:43px;height:43px}.lexicon-card-top{gap:10px}.lexicon-name h3{font-size:18px}.lexicon-name p{font-size:9px}.lexicon-add{min-height:163px;padding:15px}}@media(max-width:650px){.lexicon-grid{grid-template-columns:1fr;gap:12px}.lexicon-card{padding:15px 16px 11px}.lexicon-visual{width:46px;height:46px}.lexicon-card-top{gap:12px}.lexicon-name h3{font-size:21px}.lexicon-name p{font-size:10px}.lexicon-actions{flex-direction:row;align-self:flex-start;gap:0}.lexicon-actions button{width:25px;height:27px}.lexicon-add{min-height:83px;padding:17px 18px;justify-content:flex-start}.lexicon-add>svg{align-self:center}.lexicon-add b{font-size:11px;margin-bottom:5px}.lexicon-add small{font-size:9px}.lexicon-sentence{margin-top:12px;min-height:40px;padding:8px 10px}.lexicon-sentence>p{font-size:11px}.lexicon-card-foot{margin-top:10px}.lexicon-card-foot>button{font-size:9px}.lexicon-foot-mark{font-size:8px}}@media(max-width:360px){.lexicon-actions{flex-direction:column}.lexicon-name h3{font-size:19px}.lexicon-name p{font-size:9px}.lexicon-visual{width:43px;height:43px}.lexicon-card-top{gap:10px}.lexicon-card{padding:14px 14px 10px}.lexicon-sentence>p{font-size:10px}}.lexicon-detail>div:nth-child(3){grid-column:1/-1}.teacher-workspace{margin-bottom:32px}.teacher-eyebrow{gap:7px;font-size:10px;color:#77676A;margin-bottom:12px}.teacher-eyebrow,.teacher-hero{display:flex;align-items:center}.teacher-hero{justify-content:space-between;gap:22px;background:#E37E7E;border:1px solid #d5a0a8;border-radius:20px;padding:30px 35px;margin-bottom:22px;overflow:hidden}.teacher-hero .teacher-eyebrow{color:#77676A}.teacher-hero h2{display:block;color:#FFFDFA;font-size:28px;line-height:1.8;font-weight:700;letter-spacing:-.7px;margin-bottom:12px}.teacher-hero p{font-size:11px;color:#77676A;margin-bottom:22px}.teacher-hero button{display:inline-flex;align-items:center;gap:15px;background:#F7F5F2;color:#5A4148;padding:11px 16px;border-radius:9px;font-size:11px;font-weight:600}.teacher-hero-mark{width:200px;height:180px;border:1px solid #d5a0a84d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#77676A;transform:rotate(-8deg);box-shadow:0 0 0 18px #B58C8C0a,0 0 0 36px #B58C8C05;flex-shrink:0}.teacher-hero-mark span{font:8px Arial;letter-spacing:2px;margin-top:18px;color:#77676A}.teacher-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:26px}.teacher-stats>button{display:flex;align-items:center;gap:13px;background:#FFFDFA;border:1px solid #e7ddd7;border-radius:14px;padding:22px 18px;text-align:right}.teacher-stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#F7F5F2;color:#77676A;flex-shrink:0}.teacher-stat-icon.peach{background:#F7F5F2;color:#8B573F}.teacher-stat-icon.green{background:#E9EEF2;color:#4E6574}.teacher-stats small{font-size:9px;color:#77676A;display:block}.teacher-stats b{display:block;font-size:25px;color:#77676A;font-weight:600;margin-top:5px}.teacher-stats>button>svg{margin-right:auto;color:#77676A;flex-shrink:0}.teacher-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 20px}.teacher-section-heading h2{font-size:16px;color:#5A4148;margin-bottom:8px}.teacher-section-heading p{font-size:10px;color:#77676A;margin:0}.teacher-student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:24px}.teacher-student-card{display:flex;flex-wrap:wrap;align-items:center;gap:13px;border:1px solid #e7ddd7;border-radius:14px;background:#FFFDFA;padding:21px;text-align:right}.teacher-student-card .avatar,.teacher-student-selector .avatar{background:#F3E4E6;color:#77676A}.teacher-student-card b{font-size:13px;font-weight:500;color:#5A4148}.teacher-student-card small{display:block;font-size:9px;color:#77676A;margin-top:8px}.teacher-student-card>svg{margin-right:auto;color:#77676A}.teacher-mini-progress{width:100%;height:4px;background:#F7F5F2;border-radius:10px;margin-top:7px;overflow:hidden}.teacher-mini-progress i{height:100%;display:block;background:#D2DDE7;border-radius:10px}.teacher-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:36px 20px;background:#F7F5F2;border:1px dashed #e7ddd7;border-radius:15px;color:#77676A;text-align:center;gap:12px}.teacher-empty h3{font-size:13px;font-weight:500;margin:3px 0 0;color:#77676A}.teacher-empty p{font-size:10px;color:#77676A;margin:0}.teacher-empty .primary{margin-top:6px;font-size:10px}.teacher-empty .text-link{margin-top:6px}.teacher-panel{background:#FFFDFA;border:1px solid #e7ddd7;border-radius:16px;padding:23px;margin-bottom:23px}.teacher-panel h2{font-size:14px;color:#5A4148;margin-bottom:16px}.teacher-count{font-size:9px;color:#77676A;background:#F7F5F2;border-radius:6px;padding:3px 8px;font-weight:400}.teacher-request{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e7ddd7}.teacher-request b{font-size:12px;font-weight:500;color:#77676A}.teacher-request small{display:block;font-size:9px;color:#77676A;margin-top:6px}.teacher-request .primary{margin-right:auto;font-size:10px;padding:9px 13px}.teacher-muted-action{font-size:9px;color:#77676A;margin-right:auto}.teacher-request .primary+.teacher-muted-action{margin-right:0}.teacher-invite{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:27px;background:#F7F5F2;border:1px solid #e7ddd7;border-radius:17px;margin-bottom:23px}.teacher-invite h2{font-size:16px;color:#5A4148}.teacher-invite p{font-size:10px;color:#77676A;max-width:340px}.teacher-code{display:flex;align-items:center;gap:10px;background:#FFFDFA9c;border:1px dashed #e7ddd7;border-radius:10px;padding:12px 14px;margin-top:16px;color:#77676A}.teacher-code b{font-size:21px;letter-spacing:3px;color:#77676A;font-weight:600}.teacher-code small{font-size:8px}.teacher-invite form{display:flex;flex-direction:column;justify-content:center;gap:13px;border-right:1px solid #e7ddd7;padding-right:30px}.teacher-compose-modal label,.teacher-invite label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#77676A}.teacher-invite input{font-size:12px}.teacher-invite .primary{align-self:flex-start;font-size:10px}.teacher-student-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.teacher-student-selector>button{display:flex;align-items:center;gap:10px;text-align:right;background:#FFFDFA;border:1px solid #e7ddd7;border-radius:13px;padding:15px;color:#77676A}.teacher-student-selector b{display:block;font-size:11px;font-weight:500;color:#77676A}.teacher-student-selector small{display:block;font-size:8px;color:#77676A;margin-top:5px}.teacher-student-selector>button>svg{margin-right:auto;flex-shrink:0}.teacher-student-selector>button.selected{border-color:#D5A0A8;background:#F7F5F2;box-shadow:0 0 0 2px #B58C8C}.teacher-student-header{display:flex;gap:12px;align-items:center;background:#FFFDFA;border:1px solid #e7ddd7;border-radius:14px;padding:20px;margin-bottom:18px}.teacher-student-header h2{font-size:15px;color:#77676A;margin:0 0 5px}.teacher-student-header p{font-size:10px;color:#77676A;margin:0}.teacher-student-header .primary{margin-right:auto;font-size:10px;padding:10px 13px}.teacher-assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:23px}.teacher-assignment{background:#FFFDFA;border:1px solid #e7ddd7;border-radius:15px;padding:20px;min-width:0}.teacher-assignment-top{display:flex;gap:9px;align-items:center;margin-bottom:15px}.teacher-state{font-size:8px;padding:5px 9px;border-radius:5px;color:#77676A;background:#F7F5F2}.teacher-state.done{color:#4E6574;background:#F7F5F2}.teacher-state.missed{color:#92515C;background:#F7F5F2}.teacher-review-state{font-size:8px;color:#77676A}.teacher-assignment-top>button{margin-right:auto;color:#77676A}.teacher-assignment h3{font-size:13px;line-height:1.9;font-weight:500;color:#5A4148;margin-bottom:13px;overflow-wrap:anywhere}.teacher-assignment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-size:9px;color:#77676A;margin-bottom:18px}.teacher-assignment-meta>span{display:flex;gap:5px;align-items:center}.teacher-assignment-meta>b{font-size:8px;font-weight:500;color:#92515C}.teacher-feedback{border-top:1px dashed #e7ddd7;padding-top:14px;display:flex;flex-direction:column;gap:10px}.teacher-feedback label{display:flex;align-items:center;gap:6px;color:#77676A;font-size:9px}.teacher-feedback textarea{font-size:10px;min-height:65px;resize:vertical;background:#F7F5F2;border-color:#E7DDD7;line-height:1.9;padding:10px;color:#77676A}.teacher-feedback textarea::placeholder{color:#77676A}.teacher-feedback button{display:flex;align-items:center;align-self:flex-end;gap:7px;background:#F7F5F2;color:#77676A;border-radius:7px;font-size:9px;padding:8px 11px}.teacher-files>p{font-size:10px;color:#77676A}.teacher-files>.primary{font-size:10px;margin:3px 0 8px}.teacher-followup{display:flex;align-items:center;gap:10px;border:1px solid #e7ddd7;background:#F7F5F2;border-radius:11px;padding:13px 16px;color:#8B573F;margin-bottom:24px}.teacher-followup p{font-size:10px;margin:0;flex:1}.teacher-followup button{display:flex;gap:7px;align-items:center;font-size:9px}.teacher-assignment-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:22px}.teacher-assignment-toolbar select{font-size:10px;padding:11px 12px;max-width:210px}.teacher-filters{display:flex;gap:5px;align-items:center;overflow:auto;scrollbar-width:none}.teacher-filters button{font-size:9px;color:#77676A;white-space:nowrap;padding:8px 10px;border-radius:7px}.teacher-filters button.selected{background:#F3E4E6;color:#77676A}.teacher-compose-modal form{display:flex;flex-direction:column;gap:18px}.teacher-compose-modal h2{font-size:18px;color:#77676A}.teacher-compose-modal input,.teacher-compose-modal select,.teacher-compose-modal textarea{font-size:12px}.teacher-compose-modal textarea{min-height:110px;resize:vertical;line-height:1.9}.teacher-compose-modal form>p{font-size:10px;color:#77676A;margin:0}.planner-teacher-tag{display:flex;align-items:center;gap:5px;font-size:8px;color:#77676A;margin:-2px 0 8px}.planner-teacher-feedback{background:#F7F5F2;border:1px solid #e7ddd7;border-radius:8px;padding:8px 10px;margin-top:10px;color:#77676A;font-size:9px}.planner-teacher-feedback summary{cursor:pointer}.planner-teacher-feedback p{font-size:10px;line-height:2;margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.task-teacher-label{display:block;color:#77676A;font-size:8px;margin-top:4px}@media(max-width:1100px){.teacher-stats{gap:10px}.teacher-stats>button{padding:18px 13px;gap:10px}.teacher-stats small{font-size:8px}.teacher-stat-icon{width:34px;height:34px}.teacher-hero-mark{width:155px;height:155px}.teacher-hero{padding:28px}.teacher-student-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-assignment-toolbar{align-items:flex-start;flex-direction:column}.teacher-assignment-toolbar select{max-width:none;width:100%}.teacher-filters{width:100%}}@media(max-width:750px){.teacher-hero h2{font-size:24px}.teacher-hero-mark{width:120px;height:120px}.teacher-hero-mark>svg{width:65px;height:65px}.teacher-hero-mark span{font-size:6px;letter-spacing:1px;margin-top:10px}.teacher-hero p{font-size:10px}.teacher-stats>button>svg{display:none}.teacher-stats>button{align-items:flex-start;gap:9px;flex-direction:column}.teacher-stats b{font-size:23px}.teacher-invite,.teacher-student-grid{grid-template-columns:1fr}.teacher-invite{gap:22px}.teacher-invite form{border-right:0;border-top:1px solid #e7ddd7;padding:20px 0 0}.teacher-invite h2{font-size:15px}.teacher-assignment-list{grid-template-columns:1fr}.teacher-section-heading{flex-wrap:wrap}.teacher-section-heading .search{width:100%}.teacher-student-header{flex-wrap:wrap}.teacher-student-header .primary{margin-top:5px}.teacher-request{gap:8px}.teacher-request .primary{padding:8px 10px}.teacher-request small{font-size:8px}}@media(max-width:520px){.teacher-hero{padding:23px;border-radius:16px;gap:10px}.teacher-hero h2{font-size:22px}.teacher-eyebrow{font-size:9px}.teacher-hero p{font-size:9px;max-width:200px}.teacher-hero button{font-size:9px;padding:10px 12px;gap:10px}.teacher-hero-mark{width:75px;height:100px;border-radius:20px;margin-left:-15px;box-shadow:0 0 0 12px #B58C8C08}.teacher-hero-mark span{display:none}.teacher-hero-mark>svg{width:52px;height:52px}.teacher-stats{gap:8px}.teacher-stats>button{padding:14px 11px;border-radius:12px}.teacher-stats small{font-size:8px;line-height:1.8}.teacher-stat-icon{width:31px;height:31px}.teacher-stat-icon svg{width:18px}.teacher-section-heading h2{font-size:14px}.teacher-section-heading p{font-size:9px}.teacher-student-card{padding:18px}.teacher-student-card b{font-size:12px}.teacher-student-card small{font-size:8px}.teacher-panel{padding:18px}.teacher-request{flex-wrap:wrap}.teacher-muted-action{font-size:8px}.teacher-request b{font-size:11px}.teacher-invite{padding:22px 20px}.teacher-invite h2{font-size:14px}.teacher-invite p{font-size:9px}.teacher-code b{font-size:20px}.teacher-student-selector{gap:9px}.teacher-student-selector>button{padding:13px 10px;gap:8px;flex-wrap:wrap}.teacher-student-selector .avatar{width:31px;height:31px;border-radius:9px}.teacher-student-selector b{font-size:10px}.teacher-student-selector small{font-size:7px}.teacher-student-selector>button>svg{display:none}.teacher-student-header{padding:17px;gap:10px}.teacher-student-header p{font-size:8px}.teacher-student-header .primary{font-size:9px;margin-right:0;width:100%}.teacher-student-header h2{font-size:14px}.teacher-assignment{padding:18px}.teacher-assignment h3{font-size:12px}.teacher-filters{gap:3px}.teacher-filters button{font-size:8px;padding:8px 6px}.teacher-compose-modal h2{font-size:16px}.teacher-followup{align-items:flex-start;gap:8px}.teacher-followup p{font-size:9px}.teacher-followup button{font-size:8px;flex-shrink:0}.teacher-empty h3{font-size:12px}.teacher-empty p{font-size:9px}}.student-assignment-preview>button{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:right;width:100%;border-top:1px solid #e7ddd7;padding:16px 0;color:#77676A}.student-assignment-preview b{display:block;font-size:11px;font-weight:500;color:#77676A}.student-assignment-preview small{display:block;font-size:9px;color:#77676A;margin-top:7px}.teacher-refresh-bar{justify-content:space-between;gap:12px;margin:0 0 18px}.teacher-refresh-bar,.teacher-refresh-bar>button{display:flex;align-items:center;color:#77676A;font-size:9px}.teacher-refresh-bar>button{gap:6px;background:#F7F5F2;padding:8px 11px;border-radius:8px}@media(max-width:520px){.teacher-refresh-bar{font-size:8px;align-items:flex-start}.teacher-refresh-bar>button{font-size:8px;flex-shrink:0}}.teacher-sample-box{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#F7F5F2;border:1px dashed #e7ddd7;border-radius:13px;padding:17px 20px;margin-bottom:20px}.teacher-sample-box b{font-size:11px;font-weight:500;color:#77676A}.teacher-sample-box p{font-size:9px;color:#77676A;margin:6px 0 0}.teacher-sample-box>button{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;background:#F3E4E6;border-radius:8px;padding:10px 13px;color:#77676A}@media(max-width:650px){.teacher-sample-box{align-items:flex-start;flex-direction:column;padding:17px;gap:13px}.teacher-sample-box p,.teacher-sample-box>button{font-size:9px}}.attachment-picker{flex-basis:100%;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 0 2px;border-top:1px dashed #e7ddd7;margin-top:3px}.attachment-picker>label,.task-attachment-upload{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#77676A;cursor:pointer;padding:5px 0}.attachment-picker>small{font-size:8px;color:#77676A;margin-right:auto}.attachment-queue{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.attachment-queue>div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#F7F5F2;border:1px solid #e7ddd7;border-radius:8px;color:#77676A;min-width:0}.attachment-queue>div>span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;direction:ltr;text-align:left}.attachment-queue small{font-size:8px;direction:ltr;white-space:nowrap;color:#77676A}.attachment-queue button{display:grid;place-items:center;padding:2px;color:#77676A}.attachment-error{font-size:10px;color:#92515C;width:100%;line-height:1.9}.attachment-error p{margin:3px 0}.attachment-error button{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#F7F5F2;border-radius:7px;font-size:9px;color:#92515C}.task-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:9px;margin:12px 0;width:100%;min-width:0}.task-attachment{border:1px solid #e7ddd7;border-radius:10px;overflow:hidden;background:#F7F5F2;min-width:0}.task-attachment-preview{display:block;background:#F7F5F2;border-bottom:1px solid #e7ddd7;height:135px;overflow:hidden}.task-attachment-preview img{width:100%;height:100%;object-fit:contain;display:block;padding:5px}.task-attachment-info{display:flex;align-items:center;gap:8px;padding:11px 10px;color:#77676A}.task-attachment-info>div{flex:1;min-width:0}.task-attachment-info b{display:block;font-size:10px;font-weight:500;color:#77676A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.task-attachment-info small{display:block;font-size:8px;color:#77676A;margin-top:5px;line-height:1.8}.task-attachment-info>svg{flex-shrink:0}.attachment-download{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#F7F5F2;color:#77676A;flex-shrink:0}.task-attachment-info>button{display:grid;place-items:center;color:#77676A;padding:3px}.task-attachment-editor{margin:3px 0 12px;min-width:0}.task-attachment-upload{font-size:9px;padding:6px 8px;border:1px dashed #e7ddd7;border-radius:7px;background:#F7F5F2}.task-attachment-editor .task-attachments{margin:10px 0 8px}.planner-compose{flex-wrap:wrap}.planner-compose>.attachment-picker{margin:2px 3px 0;padding-top:8px;gap:7px}.planner-compose .attachment-picker>label{font-size:9px}.planner-compose .attachment-picker>small{font-size:8px}.planner-task{align-items:flex-start}.planner-task-actions,.planner-task-number{margin-top:7px}.planner-task-copy{width:0}.task-add{flex-wrap:wrap}.task-add>.attachment-picker{margin-top:0}.task{flex-wrap:wrap}.task>span{flex:1}.task>.task-attachments{flex-basis:100%;margin:4px 0 8px}.teacher-compose-modal .attachment-picker{flex-basis:auto;padding:12px;border:1px dashed #e7ddd7;border-radius:10px;background:#F7F5F2;gap:8px}.teacher-compose-modal .attachment-picker>label{display:flex;flex-direction:row;font-size:11px;gap:7px;align-items:center}.teacher-assignment .task-attachment-editor{margin-bottom:16px}.teacher-assignment .task-attachments{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}.teacher-assignment .task-attachment-preview{height:145px}@media(max-width:600px){.attachment-picker>small{font-size:7px;margin-right:0}.attachment-picker>label{font-size:9px}.planner-compose .attachment-picker>small{font-size:7px}.task-attachments{grid-template-columns:1fr;gap:8px}.task-attachment-preview{height:125px}.task-attachment-info{padding:9px;gap:6px}.task-attachment-info b{font-size:9px}.task-attachment-info small{font-size:7px}.task-attachment-info>svg{width:15px}.attachment-download{width:25px;height:25px}.task-attachment-upload{font-size:8px}.planner-task-actions{grid-template-columns:29px 29px;gap:4px}.planner-task-actions button{width:29px;height:29px}.planner-task{gap:7px}.planner-task-number{min-width:14px}.teacher-assignment .task-attachment-preview{height:150px}.attachment-queue small{font-size:7px}.attachment-queue>div>span{font-size:9px}}.task-attachments{align-items:start}.teacher-assignment-edit-actions{margin-right:auto;display:flex;align-items:center;gap:8px;color:#77676A}.teacher-assignment-edit-actions>button{display:grid;place-items:center;color:#77676A;padding:4px;border-radius:6px}.teacher-assignment-edit-actions>button:hover{background:#F7F5F2;color:#77676A}.teacher-edit-deadline{display:flex;align-items:center;gap:5px;font-size:8px;margin:-3px 0 13px;color:#77676A}.teacher-edit-deadline.locked,.teacher-edit-deadline.open{color:#77676A}.teacher-edit-window-note{padding:11px 13px;border:1px dashed #e7ddd7;border-radius:9px;background:#F7F5F2;font-size:10px;color:#77676A;line-height:1.9}.student-assignment-intro{display:flex;align-items:center;gap:20px;background:#F7F5F2;border:1px solid #e7ddd7;border-radius:19px;padding:28px;margin-bottom:24px}.student-assignment-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;background:#FFFDFA88;color:#77676A;flex-shrink:0}.student-assignment-intro h2{font-size:23px;color:#5A4148;margin:8px 0}.student-assignment-intro p{font-size:11px;color:#77676A;margin:0}.student-assignment-total{margin-right:auto;text-align:center;flex-shrink:0;padding-right:20px;border-right:1px solid #e7ddd7}.student-assignment-total b{font-size:31px;color:#5A4148;display:block}.student-assignment-total small{font-size:16px;font-weight:400;color:#77676A}.student-assignment-total>span{font-size:10px;color:#77676A}.student-assignment-workspace .planner-filters{margin-bottom:20px}.student-assignment-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 10px}.student-assignment-meta>span{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#77676A}.student-assignment-meta .planner-teacher-tag{margin:0}.student-assignment-workspace .planner-task-copy h3{line-height:1.9;white-space:pre-wrap}.student-assignment-workspace .planner-task{margin-bottom:12px}.student-assignment-workspace .planner-task-actions{grid-template-columns:repeat(2,32px)}@media(max-width:650px){.student-assignment-intro{padding:20px;gap:12px;flex-wrap:wrap}.student-assignment-intro h2{font-size:18px}.student-assignment-symbol{width:45px;height:45px;border-radius:13px}.student-assignment-intro>div:not(.student-assignment-total){flex:1;min-width:190px}.student-assignment-intro p{font-size:10px}.student-assignment-total{border-right:0;padding-right:0;text-align:right;margin-right:57px}.student-assignment-total b{font-size:23px}.student-assignment-workspace .section-head{align-items:flex-start}.student-assignment-meta{gap:8px}.student-assignment-meta>span{font-size:9px}.student-assignment-workspace .planner-task-actions{grid-template-columns:repeat(2,29px)}}.vocabulary-view-switch{display:flex;align-items:center;gap:7px;margin:0 0 22px;flex-wrap:wrap}.vocabulary-view-switch>button{display:flex;align-items:center;gap:7px;padding:11px 16px;border:1px solid #e7ddd7;border-radius:10px;color:#77676A;font-size:11px;background:#FFFDFA}.vocabulary-view-switch>button.active{background:#F3E4E6;border-color:#E7DDD7;color:#5A4148}.vocabulary-view-switch>small{margin-right:auto;color:#77676A;font-size:9px}.flashcard-deck{max-width:680px;margin:0 auto 30px}.flashcard-topline{display:flex;align-items:center;justify-content:space-between;margin:0 5px 17px;color:#77676A;font-size:11px}.flashcard-topline>span{display:flex;align-items:center;gap:7px}.flashcard-topline>b{font-size:20px;font-weight:500;color:#77676A}.flashcard-topline small{font-size:11px;color:#77676A}.flashcard-stage{perspective:1300px}.flashcard-flip{height:440px;padding:0;background:none;touch-action:pan-y;border-radius:24px}.flashcard-flip,.flashcard-inner{width:100%;display:block;position:relative}.flashcard-inner{height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.flashcard-flip.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #e7ddd7;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:35px;overflow:auto;background:#F7F5F2;box-shadow:0 12px 35px #44323709}.flashcard-front{overflow:hidden}.flashcard-eyebrow{color:#77676A;font-size:11px;margin-bottom:24px;position:relative;z-index:1}.flashcard-word{font-family:inherit;font-size:clamp(25px,4vw,44px);font-weight:700;color:#5A4148;overflow-wrap:anywhere;line-height:1.5;position:relative;z-index:1}.flashcard-tap{display:flex;align-items:center;gap:7px;color:#77676A;font-size:10px;margin-top:34px;position:relative;z-index:1}.flashcard-decoration{position:absolute;bottom:-75px;left:15px;transform:rotate(-12deg);color:#77676A;font-family:Georgia,serif;font-size:220px;pointer-events:none}.flashcard-back{transform:rotateY(180deg);background:#FFFDFA;justify-content:flex-start;padding:28px 35px}.flashcard-back .flashcard-eyebrow{margin-bottom:12px}.flashcard-meaning{font-size:24px;color:#5A4148;line-height:1.7;font-weight:600;overflow-wrap:anywhere;flex-shrink:0}.flashcard-image{max-width:100%;width:150px;height:100px;object-fit:contain;margin:14px 0 0;border-radius:10px;flex-shrink:0}.flashcard-example{display:block;width:100%;font-size:13px;color:#77676A;line-height:2;background:#F7F5F2;padding:13px 17px;border-radius:12px;margin-top:18px;overflow-wrap:anywhere;white-space:pre-wrap;flex-shrink:0}.flashcard-relations{display:flex;flex-wrap:wrap;gap:16px;margin-top:15px;justify-content:center}.flashcard-relations>span{font-size:12px;color:#77676A;overflow-wrap:anywhere}.flashcard-relations small{color:#77676A}.flashcard-back .flashcard-tap{margin-top:20px}.flashcard-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.flashcard-navigation>button{display:flex;align-items:center;gap:10px;background:#F3E4E6;color:#5A4148;border:1px solid #e7ddd7;border-radius:11px;padding:12px 20px;font-size:12px}.flashcard-navigation>button:disabled{opacity:.35;cursor:default}.flashcard-navigation>span{font-size:10px;color:#77676A}.flashcard-help{text-align:center;font-size:9px;color:#77676A;margin:21px 0 0}.flashcard-restart{display:flex;align-items:center;gap:7px;margin:16px auto 0;color:#77676A;font-size:10px;padding:8px}.flashcard-flip:focus-visible{outline:3px solid #E7DDD7;outline-offset:5px}@media(max-width:600px){.vocabulary-view-switch>small{flex-basis:100%;margin:5px 0 0;font-size:8px}.vocabulary-view-switch>button{font-size:10px;padding:10px 13px}.flashcard-flip{height:400px}.flashcard-face{padding:24px;border-radius:19px}.flashcard-back{padding:25px 20px}.flashcard-meaning{font-size:21px}.flashcard-example{font-size:12px}.flashcard-topline{font-size:9px}.flashcard-navigation>button{padding:11px 14px;font-size:10px}.flashcard-navigation>span{font-size:8px}.flashcard-help{font-size:8px;line-height:2}.flashcard-decoration{font-size:180px;bottom:-60px}.flashcard-tap{font-size:9px}}@media(prefers-reduced-motion:reduce){.flashcard-inner{transition:none}}.flashcard-stage{position:relative;isolation:isolate;margin-bottom:12px;perspective:1600px}.flashcard-stack{position:absolute;inset:0;border:1px solid #e7ddd7;border-radius:24px;background:#F3E4E6;pointer-events:none;transition:transform .5s cubic-bezier(.22,.8,.24,1),background .4s}.flashcard-stack.stack-far{transform:translateY(14px) scale(.94) rotate(2.5deg);background:#F7F5F2;z-index:-2}.flashcard-stack.stack-near{transform:translateY(8px) scale(.975) rotate(-1.4deg);z-index:-1}.flashcard-stage.motion-leaving .stack-near{transform:translateY(3px) scale(.99) rotate(.7deg);background:#F3E4E6}.flashcard-stage.motion-entering .stack-far{transform:translateY(16px) scale(.94) rotate(-2deg)}.flashcard-flip{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity;outline-offset:6px}.flashcard-inner{transition:transform .75s cubic-bezier(.22,.85,.25,1);transform-origin:50% 52%}.flashcard-face{box-shadow:0 15px 40px #44323712,inset 0 1px 0 #B58C8Cc0}.flashcard-front{background:radial-gradient(ellipse at 90% 5%,#FFFDFA90,transparent 60%),linear-gradient(145deg,#F3E4E6,#F7F5F2 60%,#F3E4E6)}.flashcard-back{background:radial-gradient(ellipse at 0 0,#F7F5F2,transparent 65%),#FFFDFA}.flashcard-face:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#FFFDFA55 45%,transparent 65%);opacity:0;transition:opacity .5s}.flashcard-flip.is-flipped .flashcard-back:after{animation:flashcard-sheen .9s ease-out both}.flashcard-stage.motion-leaving .flashcard-flip{pointer-events:none;animation:flashcard-exit .2s cubic-bezier(.4,0,.8,.5) both}.flashcard-stage.motion-entering .flashcard-flip{pointer-events:none;animation:flashcard-arrive .48s cubic-bezier(.18,.85,.25,1) both}.flashcard-stage.direction-next{--exit-x:-17%;--entry-x:18%;--exit-tilt:-6deg;--entry-tilt:5deg;--yaw:14deg}.flashcard-stage.direction-previous{--exit-x:17%;--entry-x:-18%;--exit-tilt:6deg;--entry-tilt:-5deg;--yaw:-14deg}@keyframes flashcard-exit{0%{opacity:1;transform:translateZ(0) rotate(0) scale(1)}to{opacity:0;transform:translate3d(var(--exit-x),12px,-80px) rotateY(calc(var(--yaw) * -1)) rotate(var(--exit-tilt)) scale(.93)}}@keyframes flashcard-arrive{0%{opacity:0;transform:translate3d(var(--entry-x),18px,-90px) rotateY(var(--yaw)) rotate(var(--entry-tilt)) scale(.92)}65%{opacity:1;transform:translate3d(-.5%,-3px,0) rotateY(0) rotate(-.4deg) scale(1.01)}to{opacity:1;transform:translateZ(0) rotateY(0) rotate(0) scale(1)}}@keyframes flashcard-sheen{0%{opacity:0;transform:translateX(-65%)}35%{opacity:.7}to{opacity:0;transform:translateX(65%)}}@media(hover:hover) and (prefers-reduced-motion:no-preference){.flashcard-stage.motion-idle .flashcard-flip:hover{transform:translateY(-4px) rotateX(1deg)}.flashcard-navigation>button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 15px #44323712}}@media(max-width:600px){.flashcard-stack{border-radius:19px}.flashcard-stage.direction-next{--exit-x:-12%;--entry-x:13%}.flashcard-stage.direction-previous{--exit-x:12%;--entry-x:-13%}}@media(prefers-reduced-motion:reduce){.flashcard-stage .flashcard-flip{animation-duration:1ms!important;transition:none}.flashcard-face:after,.flashcard-inner,.flashcard-stack{transition:none}.flashcard-flip.is-flipped .flashcard-back:after{animation:none}}.flashcard-stage.motion-idle .flashcard-flip{transform:translateX(var(--drag-x,0)) rotate(var(--drag-angle,0deg))}.flashcard-stage.is-dragging .flashcard-flip{transition:none;cursor:grabbing}.flashcard-flip{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}.flashcard-flip img{-webkit-user-drag:none;pointer-events:none}.flashcard-fullscreen-toggle{display:inline-flex;align-items:center;gap:6px;color:#5A4148;background:#F3E4E6;border:1px solid #e7ddd7;border-radius:9px;padding:9px 11px;font-size:10px}.flashcard-topline{gap:12px}.flashcard-topline>b{margin-right:auto;white-space:nowrap}.flashcard-order-hint{font-size:10px}.flashcard-fullscreen-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#F7F5F2;color:var(--ink);overflow:hidden;overscroll-behavior:none}.flashcard-fullscreen-dialog::backdrop{background:#F7F5F2}.flashcard-deck.is-fullscreen{width:100%;max-width:760px;height:100%;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;overflow:hidden}.is-fullscreen .flashcard-stage{flex:1;min-height:0;margin:4px 8px 18px}.is-fullscreen .flashcard-flip{height:100%;min-height:0}.is-fullscreen .flashcard-topline{flex-shrink:0;margin-bottom:15px}.is-fullscreen .flashcard-navigation{flex-shrink:0;margin-top:10px}.is-fullscreen .flashcard-help{flex-shrink:0;margin-top:14px}.is-fullscreen .flashcard-restart{flex-shrink:0;margin-top:7px}.is-fullscreen .flashcard-face{padding:25px}.is-fullscreen .flashcard-back{justify-content:flex-start}.is-fullscreen .flashcard-order-hint{display:none}.is-fullscreen .flashcard-front .flashcard-word{font-size:clamp(28px,5vw,52px)}@media(max-width:600px){.flashcard-order-hint{display:none}.flashcard-deck.is-fullscreen{padding:calc(13px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(13px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.is-fullscreen .flashcard-stage{margin-left:4px;margin-right:4px}.flashcard-topline>b{font-size:18px}}@media(max-height:500px){.is-fullscreen .flashcard-help{display:none}.is-fullscreen .flashcard-topline{margin-bottom:5px}.is-fullscreen .flashcard-stage{margin-bottom:8px}.is-fullscreen .flashcard-face{padding:14px}.is-fullscreen .flashcard-front .flashcard-eyebrow{margin-bottom:9px}.is-fullscreen .flashcard-front .flashcard-tap{margin-top:12px}.is-fullscreen .flashcard-navigation{margin-top:4px}.is-fullscreen .flashcard-navigation>button{padding:8px 15px}}.flashcard-inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flashcard-front{transform:translateZ(1px)}.flashcard-back{transform:rotateY(180deg) translateZ(1px);overflow:hidden;padding:24px;gap:0;text-align:center;min-width:0}.flashcard-back-content{display:flex;flex-direction:column;gap:18px;flex:1 1 auto;min-height:0;min-width:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:2px 5px 8px}.flashcard-back-content>*{flex:0 0 auto;min-width:0;width:100%}.flashcard-answer-heading{display:flex;flex-direction:column;align-items:stretch;gap:7px}.flashcard-back .flashcard-eyebrow{display:block;font-size:13px;line-height:1.6;margin:0 0 6px;overflow-wrap:anywhere;color:#77676A}.flashcard-answer-label{display:block;color:#77676A;font-size:9px;font-weight:400;line-height:1.8}.flashcard-back .flashcard-meaning{display:block;font-size:clamp(19px,3vw,25px);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;color:#5A4148}.flashcard-example-block{display:flex;flex-direction:column;gap:7px;text-align:start}.flashcard-back .flashcard-example{display:block;width:100%;margin:0;padding:14px 16px;border:1px solid #e7ddd7;border-radius:12px;font-size:13px;line-height:1.95;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere;background:#F7F5F2;color:#77676A}.flashcard-image-frame{display:flex;justify-content:center}.flashcard-back .flashcard-image{display:block;width:auto;max-width:100%;max-height:120px;height:auto;object-fit:contain;margin:0;border-radius:10px}.flashcard-back .flashcard-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;justify-content:normal;margin:0;text-align:start}.flashcard-relations>span{display:flex;flex-direction:column;gap:5px;min-width:0;padding:10px 12px;border:1px solid #e7ddd7;border-radius:10px;background:#F7F5F2;line-height:1.9}.flashcard-relations>span>span{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.8;text-align:start}.flashcard-relations small{font-size:9px;line-height:1.8}.flashcard-back>.flashcard-tap{flex:0 0 auto;width:100%;justify-content:center;margin:13px 0 0;padding:12px 0 0;border-top:1px solid #e7ddd7;line-height:1.8;font-size:9px}.is-fullscreen .flashcard-back{padding:25px}.is-fullscreen .flashcard-back-content{justify-content:flex-start}.flashcard-face:after{z-index:0}.flashcard-back-content,.flashcard-back>.flashcard-tap{position:relative;z-index:1}@media(max-width:600px){.flashcard-back,.is-fullscreen .flashcard-back{padding:19px 15px}.flashcard-back-content{gap:15px;padding-right:3px;padding-left:3px}.flashcard-back .flashcard-example{font-size:12px;padding:12px}.flashcard-relations>span{padding:9px 10px}.flashcard-back .flashcard-eyebrow{font-size:12px}.flashcard-back>.flashcard-tap{font-size:8px}.flashcard-back .flashcard-meaning{font-size:21px}}@media(max-height:500px){.is-fullscreen .flashcard-back{padding:12px 16px}.is-fullscreen .flashcard-back-content{gap:10px}.is-fullscreen .flashcard-back>.flashcard-tap{margin-top:6px;padding-top:6px}}.flashcard-stage.motion-leaving .flashcard-flip{animation-name:flashcard-exit-continuous;animation-duration:.11s;animation-timing-function:ease-in}.flashcard-stage.motion-entering .flashcard-flip{animation-name:flashcard-arrive-quick;animation-duration:.2s;animation-timing-function:cubic-bezier(.2,.75,.3,1)}.flashcard-inner{transition-duration:.42s}.flashcard-stack{transition-duration:.24s}.flashcard-face:after{transition-duration:.2s}@keyframes flashcard-arrive-quick{0%{opacity:.25;transform:translate3d(var(--entry-x),4px,0) rotate(var(--entry-tilt)) scale(.97)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@media(pointer:coarse){.flashcard-face{box-shadow:0 7px 18px #44323710}.flashcard-flip.is-flipped .flashcard-back:after{animation:none}}@media(prefers-reduced-motion:reduce){.flashcard-stage .flashcard-flip{animation-duration:1ms!important;transition:none!important}.flashcard-inner,.flashcard-stack{transition:none}}.flashcard-stage.direction-next{--motion-continue:-90px}.flashcard-stage.direction-previous{--motion-continue:90px}.flashcard-stage.motion-entering .flashcard-flip,.flashcard-stage.motion-leaving .flashcard-flip{pointer-events:auto}@keyframes flashcard-exit-continuous{0%{opacity:1;transform:translate3d(var(--release-x,0),0,0) rotate(var(--release-angle,0deg))}to{opacity:0;transform:translate3d(calc(var(--release-x,0px) + var(--motion-continue)),4px,0) rotate(var(--exit-tilt)) scale(.97)}}.mastery-filters{padding:22px;border:1px solid #e7ddd7;border-radius:17px;background:#FFFDFA;margin-bottom:21px}.mastery-filter-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.mastery-filter-heading b{font-size:14px;color:#5A4148}.mastery-filter-heading p{font-size:10px;line-height:1.9;color:#77676A;margin:7px 0 0}.mastery-filter-heading>label{display:flex;align-items:center;gap:9px;font-size:9px;color:#77676A;flex-shrink:0}.mastery-filter-heading select{padding:9px 11px;font-size:10px;color:#77676A;background:#F7F5F2}.mastery-filter-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.mastery-filter-options>button{border:1px solid #e7ddd7;background:#F7F5F2;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;color:#77676A;font-size:10px}.mastery-filter-options b{font-size:17px;font-weight:500}.mastery-filter-options>button.selected{border-color:#E7DDD7;background:#F7F5F2;box-shadow:0 0 0 2px #B58C8C50}.mastery-choice.mastered,.mastery-filter-options>.mastered{color:#4E6574}.mastery-choice.learning,.mastery-filter-options>.learning{color:#8B573F}.mastery-choice.practice,.mastery-filter-options>.practice{color:#92515C}.mastery-filter-options>.learning.selected,.mastery-filter-options>.mastered.selected{background:#F7F5F2;border-color:#D5A0A8}.mastery-filter-options>.practice.selected{background:#F7F5F2;border-color:#E7DDD7}.mastery-select{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;margin-top:9px;border-top:1px dashed #e7ddd7;font-size:8px;color:#77676A}.mastery-select select{padding:7px 9px;border-radius:8px;font-size:9px;max-width:155px;color:#77676A;background:#F7F5F2}.mastery-select.mastered select{color:#4E6574;background:#F7F5F2;border-color:#E7DDD7}.mastery-select.learning select{color:#8B573F;background:#F7F5F2;border-color:#E7DDD7}.mastery-select.practice select{color:#92515C;background:#F7F5F2;border-color:#E7DDD7}.mastery-review{flex-shrink:0;margin:18px 0 0;text-align:center}.mastery-review>span{display:block;font-size:9px;color:#77676A;margin-bottom:9px}.mastery-review>div{display:flex;justify-content:center;gap:8px}.mastery-choice{flex:1;max-width:190px;border:1px solid #e7ddd7;background:#FFFDFA;border-radius:10px;padding:11px 8px;font-size:10px}.mastery-choice.selected{box-shadow:inset 0 0 0 1px currentColor;background:#F7F5F2}.mastery-choice.learning.selected,.mastery-choice.mastered.selected,.mastery-choice.practice.selected{background:#F7F5F2}.mastery-choice:disabled{cursor:wait}.is-fullscreen .mastery-review{margin:5px 0 0}.is-fullscreen .mastery-review+.flashcard-navigation{margin-top:13px}.flashcard-empty{text-align:center;padding:60px 20px;color:#77676A}.flashcard-empty>svg{color:#77676A;margin-bottom:16px}.flashcard-empty h3{font-size:17px;font-weight:500;color:#77676A}.flashcard-empty p{font-size:11px}.flashcard-fullscreen-dialog>.flashcard-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.word-mastery-form{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#77676A;margin-top:17px}.word-mastery-form select{font-size:12px}.mastery-choice:focus-visible,.mastery-filter-options>button:focus-visible{outline:3px solid #E7DDD7;outline-offset:3px}@media(max-width:750px){.mastery-filter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mastery-filter-heading{align-items:flex-start;flex-direction:column;gap:12px}.mastery-filter-options>button:first-child{grid-column:span 2}.mastery-filter-options>button{font-size:9px;padding:11px 10px}.mastery-filter-heading>label{align-self:stretch;justify-content:space-between}.mastery-filter-heading select{min-width:150px}}@media(max-width:520px){.mastery-filters{padding:16px}.mastery-filter-heading b{font-size:12px}.mastery-filter-heading p{font-size:9px}.mastery-filter-options{gap:7px}.mastery-filter-options>button{font-size:8px;padding:10px 8px}.mastery-filter-options b{font-size:15px}.mastery-review>div{gap:6px}.mastery-choice{font-size:9px;padding:10px 6px}.mastery-review>span{font-size:8px}.mastery-select select{max-width:145px}.mastery-select{font-size:8px}}@media(max-height:500px){.is-fullscreen .mastery-review>span{display:none}.is-fullscreen .mastery-choice{padding:7px;font-size:9px}.is-fullscreen .mastery-review+.flashcard-navigation{margin-top:5px}}.notes-intro{display:flex;align-items:center;gap:19px;background:linear-gradient(120deg,#F7F5F2,#F3E4E6);border:1px solid #e7ddd7;padding:27px;border-radius:19px;margin-bottom:23px}.notes-intro-icon{width:61px;height:65px;display:grid;place-items:center;flex-shrink:0;background:#FFFDFA99;border-radius:17px;color:#77676A;transform:rotate(-5deg)}.notes-intro h2{font-size:23px;color:#5A4148;margin:7px 0}.notes-intro p{font-size:11px;color:#77676A;margin:0}.notes-intro>.primary{margin-right:auto;flex-shrink:0}.notes-tools{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:0 0 21px}.notes-tools>.search{background:#FFFDFA;flex:1;min-width:220px}.notes-category-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.notes-category-filters>button{font-size:10px;color:#77676A;padding:9px 11px;border:1px solid #e7ddd7;border-radius:9px;background:#FFFDFA}.notes-category-filters>button.selected{background:#F3E4E6;color:#77676A;border-color:#E7DDD7}.notes-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.6fr);gap:21px;align-items:start}.notes-index{min-width:0;display:flex;flex-direction:column;gap:11px}.notes-index-heading{display:flex;align-items:center;justify-content:space-between;padding:0 5px 4px;color:#77676A;font-size:10px}.notes-index-heading>b{font-weight:400}.notes-index-heading>span{font-size:12px}.notes-index-card{text-align:right;display:block;width:100%;padding:18px;border:1px solid #e7ddd7;border-radius:13px;background:#FFFDFA;min-width:0}.notes-index-card.selected{border-color:#E7DDD7;background:#F7F5F2;box-shadow:0 4px 18px #44323709}.notes-index-card>b{display:block;line-height:1.9;font-size:12px;color:#77676A;margin:10px 0 6px;overflow-wrap:anywhere}.notes-index-card>p{font-size:10px;color:#77676A;line-height:1.9;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.notes-index-card>small{display:flex;gap:5px}.notes-category,.notes-index-card>small{align-items:center;font-size:8px;color:#77676A}.notes-category{display:inline-flex;padding:4px 9px;background:#F7F5F2;border-radius:6px;line-height:1.8}.notes-category.grammar{background:#F7F5F2;color:#77676A}.notes-category.class{background:#F7F5F2;color:#8B573F}.notes-category.speaking{background:#F7F5F2;color:#4E6574}.notes-category.listening{background:#F7F5F2;color:#77676A}.notes-reader{min-width:0;padding:27px;min-height:430px;position:relative;background:linear-gradient(#FFFDFA,#F7F5F2)}.notes-reader-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:15px}.notes-reader-toolbar>div{display:flex;align-items:center;gap:13px}.notes-reader-toolbar button{display:flex;align-items:center;gap:6px;color:#77676A;font-size:9px;padding:4px}.notes-reader h2{font-size:22px;line-height:1.8;color:#5A4148;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;margin:0 0 8px}.notes-reader-date{display:flex;align-items:center;gap:6px;color:#77676A;font-size:9px;padding-bottom:21px;border-bottom:1px solid #e7ddd7;margin-bottom:22px}.notes-reader-body{font-size:13px;color:#77676A;line-height:2.2;overflow-wrap:anywhere}.notes-reader-body>p{margin:0 0 10px;line-height:2.2;text-align:start;white-space:pre-wrap}.notes-paragraph-gap{height:12px}.notes-empty{text-align:center;padding:55px 20px;color:#77676A}.notes-empty>svg{margin-bottom:18px;color:#77676A}.notes-empty h3{font-size:18px;color:#77676A;font-weight:500}.notes-empty p{font-size:11px;margin-bottom:22px}.notes-editor{padding:28px}.notes-editor .section-head{margin-bottom:23px}.notes-editor h2{gap:8px;font-size:18px}.notes-close,.notes-editor h2{display:flex;align-items:center;color:#77676A}.notes-close{gap:6px;font-size:10px}.notes-editor form>label,.notes-editor-meta>label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#77676A}.notes-editor input,.notes-editor select{font-size:12px;color:#77676A}.notes-editor-meta{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:19px 0}.notes-writing{width:100%;min-height:370px;resize:vertical;padding:20px;font-size:14px;line-height:2.1;background:linear-gradient(#F7F5F2,#F7F5F2);color:#77676A;unicode-bidi:plaintext;text-align:start;tab-size:4}.notes-writing::placeholder{color:#77676A;font-size:12px}.notes-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.notes-editor-foot>small{font-size:9px;color:#77676A;line-height:1.9}.notes-message{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#F7F5F2;border:1px solid #e7ddd7;border-radius:10px;color:#4E6574;font-size:10px;margin-bottom:19px}.notes-message>button{display:grid;place-items:center;margin-right:auto;color:#4E6574}.notes-delete-confirm{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:10px;color:#92515C;background:#F7F5F2;border:1px solid #e7ddd7;padding:12px;border-radius:9px;margin-bottom:20px}.notes-delete-confirm>button{font-size:9px;color:#92515C;background:#F3E4E6;padding:7px 9px;border-radius:6px}.notes-delete-confirm>button:last-child{background:#FFFDFA;color:#77676A}@media(max-width:1050px){.notes-intro{flex-wrap:wrap}.notes-intro>.primary{margin-right:80px}.notes-layout{grid-template-columns:minmax(190px,.8fr) minmax(0,1.4fr)}}@media(max-width:750px){.notes-layout{grid-template-columns:1fr}.notes-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notes-index-heading{grid-column:1/-1}.notes-reader{min-height:350px}.notes-intro h2{font-size:21px}.notes-category-filters{width:100%}.notes-tools>.search{min-width:0;flex-basis:100%}.notes-intro p{font-size:10px}.notes-intro-icon{width:49px;height:53px}.notes-intro>.primary{margin-right:68px}.notes-reader h2{font-size:20px}.notes-editor{padding:21px}.notes-writing{min-height:340px}.notes-editor-foot{align-items:flex-start;flex-direction:column}.notes-editor-foot>.primary{align-self:stretch}}@media(max-width:520px){.notes-intro{padding:20px;gap:12px}.notes-intro>div{flex:1;min-width:190px}.notes-intro h2{font-size:19px}.notes-intro .planner-overline{font-size:8px}.notes-intro p{font-size:9px}.notes-intro>.primary{margin-right:61px;padding:10px 14px;font-size:10px}.notes-index{gap:9px}.notes-index-card{padding:13px}.notes-index-card>b{font-size:11px}.notes-index-card>p{font-size:9px}.notes-index-card>small{font-size:7px}.notes-reader{padding:20px}.notes-reader-body{font-size:12px}.notes-reader h2{font-size:18px}.notes-category-filters{gap:4px}.notes-category-filters>button{font-size:8px;padding:8px 9px}.notes-editor h2{font-size:15px}.notes-close{font-size:8px}.notes-editor-meta{gap:10px}.notes-editor-meta>label{font-size:10px}.notes-editor input,.notes-editor select{padding:10px;font-size:11px}.notes-writing{padding:14px;font-size:13px;min-height:360px}.notes-editor-foot>small{font-size:8px}.notes-empty h3{font-size:15px}.notes-empty p{font-size:10px}.student-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:100%}.student-nav>button{font-size:7px;padding:7px 2px;min-width:0;gap:5px;white-space:nowrap}.student-nav>button svg{width:19px;height:19px}}.notes-photo-section{margin-top:24px;border-top:1px solid #e7ddd7;padding-top:20px}.notes-photo-section>h3{font-size:12px;color:#77676A;margin:0 0 13px;font-weight:500}.note-photo-picker{padding:17px;border:1px dashed #e7ddd7;border-radius:12px;background:#F7F5F2}.note-photo-picker>label{display:flex;align-items:center;gap:9px;color:#77676A;font-size:12px;cursor:pointer}.note-photo-picker>label.disabled{opacity:.5;cursor:default}.note-photo-picker>small{display:block;font-size:9px;color:#77676A;line-height:1.9;margin-top:8px}.note-photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin:22px 0 0}.notes-photo-section>.note-photo-gallery{margin:0 0 17px}.note-photo{margin:0;min-width:0;border:1px solid #e7ddd7;border-radius:12px;overflow:hidden;background:#F7F5F2}.note-photo img,.note-photo>a{display:block;background:#F7F5F2}.note-photo img{width:100%;max-height:340px;object-fit:contain}.note-photo>div,.note-photo>figcaption{display:flex;align-items:center;gap:10px;padding:12px;color:#77676A}.note-photo>div>span,.note-photo>figcaption>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.note-photo button,.note-photo>figcaption>a{display:grid;place-items:center;flex-shrink:0;padding:3px;color:#77676A}.pending-gallery .note-photo img{height:150px;object-fit:contain}.note-photo-pending-hint,.note-photo-progress{font-size:10px;color:#77676A;line-height:1.9;margin:13px 0 0}.note-photo-error{font-size:11px;line-height:2;color:#92515C;margin:14px 0 0}.notes-photo-section>small{display:block;color:#77676A;font-size:10px;line-height:1.9;margin-top:9px}.notes-reader>.note-photo-gallery{padding-top:22px;border-top:1px solid #e7ddd7;margin-top:24px}@media(max-width:520px){.note-photo-picker{padding:14px}.note-photo-picker>label{font-size:11px}.note-photo-picker>small{font-size:8px}.note-photo-gallery{gap:11px;grid-template-columns:1fr}.note-photo img{max-height:300px}.note-photo>div,.note-photo>figcaption{padding:10px}.note-photo-error{font-size:10px}.note-photo-pending-hint,.note-photo-progress{font-size:9px}}