:root{--green:#58cc02;--green-dark:#3b9b00;--green-deep:#247000;--green-soft:#e9fbdc;--green-pale:#f5ffed;--ink:#23352b;--muted:#7b8981;--muted-dark:#617168;--canvas:#f7faf6;--surface:#fff;--line:#e5ede5;--line-strong:#d4e1d4;--yellow:#ffc800;--orange:#ff9600;--red:#ff5263;--blue:#37b7ff;--purple:#ae82ff;--shadow:0 3px 0 #e4ebe2;--shadow-soft:0 10px 28px rgba(39,75,44,.07);--radius:22px;--radius-sm:14px;font-family:'Tahoma','Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'Tahoma','Segoe UI',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(88,204,2,.35);outline-offset:2px}button:disabled{opacity:.46;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);max-width:1920px;margin:0 auto}.sidebar{position:sticky;top:0;height:100vh;padding:27px 17px 18px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;margin-bottom:31px}.brand-mark{width:43px;height:43px;border-radius:15px;background:var(--green);display:grid;place-items:center;position:relative;box-shadow:0 4px 0 var(--green-dark);color:white;font-size:27px;font-weight:900}.brand-leaf{transform:translateY(-1px)}.brand-dot{position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;top:8px;left:8px;border:2px solid var(--green)}.brand-copy strong{display:block;font-size:21px;font-weight:900;letter-spacing:-.5px;line-height:1.2}.brand-copy small{display:block;margin-top:4px;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;direction:ltr;text-align:right;color:#90a097;font-size:10px;font-weight:800;letter-spacing:.4px}.course-chip{display:flex;align-items:center;gap:10px;background:#f7faf5;border:1px solid var(--line);border-radius:14px;padding:11px 12px;margin-bottom:23px}.course-flag{display:grid;place-items:center;width:37px;height:37px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:20px}.course-chip b,.course-chip small{display:block}.course-chip b{font-size:12px}.course-chip small{font-size:10px;color:var(--muted);margin-top:3px}.chevron{margin-right:auto;color:#8d9a91;font-size:19px}.main-nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#68796e;text-align:right;padding:12px 13px;border-radius:13px;font-weight:700;font-size:12px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-item:hover{background:#f8fbf6;transform:translateX(-2px)}.nav-item.active{background:var(--green-pale);border-color:#d5f0c6;color:var(--green-deep);box-shadow:inset -3px 0 0 var(--green)}.nav-icon{width:25px;height:25px;display:grid;place-items:center;font-size:20px;font-weight:700}.nav-count{margin-right:auto;background:#edf5e9;color:#568545;border-radius:7px;padding:3px 6px;font-size:10px}.nav-pill{margin-right:auto;color:#64a34d;background:#f0f9e9;font-size:9px;border-radius:100px;padding:4px 7px}.sidebar-progress{margin-top:auto;background:linear-gradient(140deg,#f4ffec,#fff);border:1px solid #e3f3d9;border-radius:16px;padding:15px 13px}.side-progress-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#6c7c70}.side-progress-top b{color:var(--green-deep);font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;direction:ltr}.progress-track{height:8px;background:#eaf0e8;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:99px;background:var(--green);transition:width .35s ease}.sidebar-progress .progress-track{margin:10px 0 7px}.sidebar-progress p{margin:0;color:#819084;font-size:10px}.sidebar-bottom{display:flex;align-items:center;gap:7px;color:#98a39b;font-size:10px;padding:19px 5px 0}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.tiny-help{margin-right:auto;width:21px;height:21px;border:1px solid #e5ebe4;border-radius:50%;background:white;color:#7b8b7f;font-size:12px}.main-content{min-width:0;padding:0 36px 20px 38px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e9eee7}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa49d;font-size:12px}.breadcrumb b{color:#47594d;font-weight:700}.crumb-slash{color:#ccd4cd}.top-stats{display:flex;align-items:center;gap:10px}.stat-chip{height:40px;min-width:68px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 0 #e9eee8;color:#42544a;font-weight:900;transition:transform .15s ease}.stat-chip:hover{transform:translateY(-2px)}.stat-icon{font-size:19px}.flame-chip .stat-icon{color:#ff8b24}.xp-chip .stat-icon{color:#efb900}.heart-chip .stat-icon{color:#ff5263}.stat-chip span:last-child{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:12px;direction:ltr}.avatar-button{width:42px;height:42px;border-radius:14px;border:0;border-bottom:3px solid #338c00;background:var(--green);color:white;font-size:20px;font-weight:900;transition:transform .15s ease}.avatar-button:hover{transform:translateY(-2px)}.mobile-menu{display:none}.page{display:none;padding-top:27px;animation:page-in .28s ease}.page.active{display:block}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.welcome-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:25px;min-height:251px;padding:29px 35px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.welcome-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:7px;color:#64a346;font-weight:800;font-size:11px;margin-bottom:12px}.eyebrow-star{display:grid;place-items:center;width:21px;height:21px;background:#eef9e8;border-radius:7px}.welcome-copy h1,.page-heading h1{font-size:27px;letter-spacing:-.7px;font-weight:900;margin:0 0 9px;line-height:1.5}.wave{font-size:25px;display:inline-block;transform-origin:bottom right;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,100%{transform:rotate(0)}20%,50%{transform:rotate(14deg)}35%{transform:rotate(-8deg)}}.welcome-copy p{font-size:12px;color:#78887d;line-height:2;margin:0;max-width:440px}.welcome-copy p strong{color:#4a7d32}.welcome-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:20px}.primary-button,.secondary-button{border:0;border-radius:13px;min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:900;font-size:12px;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;white-space:nowrap}.primary-button{color:white;background:var(--green);box-shadow:0 4px 0 var(--green-dark)}.primary-button:hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 6px 0 var(--green-dark)}.primary-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--green-dark)}.button-arrow{font-size:19px;line-height:1}.secondary-button{background:white;color:#607065;border:1px solid var(--line-strong);box-shadow:0 3px 0 #e5ece3}.secondary-button:hover{background:#f8fcf5}.micro-note{color:#8b988e;font-size:10px;display:inline-flex;align-items:center;gap:6px}.micro-check{width:18px;height:18px;border-radius:50%;background:#eef8e7;color:#55a62a;display:grid;place-items:center;font-size:10px}.hero-art{height:195px;position:relative;direction:ltr;isolation:isolate}.hero-sun{position:absolute;width:183px;height:183px;border-radius:50%;background:#f1fadf;top:5px;left:50%;transform:translateX(-50%)}.hero-orbit{position:absolute;border:1px dashed #c4e7ad;border-radius:50%;top:15px;left:50%;transform:translateX(-50%)}.orbit-one{width:225px;height:170px;rotate:-19deg}.orbit-two{width:267px;height:125px;rotate:29deg;border-color:#d9edc9}.hero-book{position:absolute;width:123px;height:145px;left:50%;top:27px;transform:translateX(-50%) rotate(-6deg);background:#fffefb;border:2px solid #4da51a;border-radius:10px 15px 13px 8px;box-shadow:9px 10px 0 #c3eaa9,11px 11px 0 #4da51a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#387c16}.book-spine{position:absolute;left:13px;top:0;bottom:0;border-left:2px solid #deedce}.book-label{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:17px;font-weight:900;line-height:1.15;letter-spacing:1px;text-align:center}.book-leaf{font-size:26px;color:#ffc800;margin-top:8px}.floating-word{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 4px 0 #e7ede5;border-radius:10px;padding:9px 11px;color:#3d6040;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-weight:900;font-size:11px;white-space:nowrap;direction:ltr}.floating-word span{font-size:9px;color:#9aa99b;font-weight:600}.word-one{right:1%;top:27px;rotate:4deg}.word-two{left:0;bottom:21px;direction:rtl;font-family:'Vazirmatn',sans-serif;color:#66964b}.word-two b{color:var(--green);font-size:14px}.sparkle{position:absolute;color:#ffc800;font-size:24px}.sparkle-one{right:18%;bottom:11px}.sparkle-two{left:13%;top:17px;color:#a4d87c;font-size:30px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:19px;margin-top:20px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.journey-panel{padding:22px 22px 15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-kicker{display:block;font-size:10px;color:#88a090;font-weight:800;margin-bottom:5px}.panel-heading h2,.reminder-card h2,.stats-card h2{margin:0;font-size:16px;font-weight:900;letter-spacing:-.3px}.subtle-badge{border-radius:9px;background:#f2f8ef;color:#72a35b;border:1px solid #e1efd7;padding:6px 9px;font-size:10px;font-weight:800}.journey-overview{margin:20px 0 18px}.journey-track{height:7px;background:#edf3eb;position:relative;border-radius:50px}.journey-track span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#9dde67,var(--green));border-radius:50px;transition:width .4s}.journey-milestones{display:flex;justify-content:space-between;color:#9da99f;font-size:9px;margin-top:6px}.level-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 8px;padding:4px 2px 19px}.level-node{position:relative;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:5px;padding:0;min-width:0;color:#93a194}.node-coin{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;background:#f0f3ef;border:1px solid #dce5da;border-bottom:4px solid #d1dbce;font-size:17px;color:#a5afa5;transition:transform .16s ease,filter .16s ease}.level-node.available .node-coin{background:#e0f9ce;border:1px solid #a8e181;border-bottom:4px solid #8dcd5b;color:#448e1e}.level-node.current .node-coin{background:var(--green);border-color:#79db3f;border-bottom-color:#389400;color:#fff;box-shadow:0 0 0 5px #effbe6;transform:translateY(-3px)}.level-node.complete .node-coin{background:#ffca36;border-color:#f2b61b;border-bottom-color:#dca000;color:#835900}.level-node:hover:not(.locked) .node-coin{transform:translateY(-3px)}.node-label{font-size:9px;font-weight:800}.node-sub{font-size:8px;color:#aab4aa}.level-node.current .node-label{color:#438e1b}.level-node.locked .node-coin{opacity:.78}.map-footer{border-top:1px solid #eef2ed;padding-top:13px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8c9a8e}.map-lock{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#f2f5f0;color:#8b9a8a}.text-button{border:0;background:transparent;color:#58a034;font-weight:800;font-size:10px;padding:6px;white-space:nowrap}.text-button:hover{text-decoration:underline}.map-footer .text-button{margin-right:auto}.right-column{display:grid;gap:17px}.daily-panel,.skill-panel{padding:20px 19px}.calendar-icon,.skill-icon{width:37px;height:37px;border-radius:12px;background:#f1f9ec;border:1px solid #e3f0da;display:grid;place-items:center;color:#6ab245;font-size:18px}.streak-display{display:flex;align-items:center;gap:12px;margin:16px 0 17px}.streak-emoji{font-size:33px;filter:drop-shadow(0 3px 0 #fce0bd)}.streak-display strong{display:block;font-size:17px;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;direction:rtl}.streak-display small{display:block;color:#94a096;font-size:10px;margin-top:3px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:15px}.week-day{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:9px;color:#a4afa5}.day-dot{width:29px;height:29px;border-radius:10px;background:#f2f5f1;border:1px solid #e5ece2;display:grid;place-items:center;color:#c0c9bf;font-size:12px;font-weight:900}.week-day.done .day-dot{background:#def7cb;color:#4da51a;border-color:#c7ecb0}.week-day.today .day-dot{border:2px solid var(--green);background:#fbfff7;color:#4da51a}.streak-hint{display:flex;align-items:center;gap:9px;background:#fff9e1;border:1px solid #f8edb6;border-radius:10px;padding:10px;font-size:9px;color:#8c7d44}.streak-hint>span:first-child{font-size:16px}.streak-hint b{color:#b08c00}.skill-list{display:grid;gap:3px;margin-top:10px}.skill-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f4ef}.skill-row:last-child{border-bottom:0}.skill-emoji{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:900}.skill-speak{background:#e4f8f9;color:#0099a4}.skill-listen{background:#f2eaff;color:#9d6ced}.skill-write{background:#fff1d9;color:#e8a028}.skill-meaning{background:#ffedf0;color:#f0647b}.skill-row b,.skill-row small{display:block}.skill-row b{font-size:11px}.skill-row small{color:#98a49a;font-size:9px;margin-top:3px}.skill-time{margin-right:auto;color:#a2ada3;font-size:9px;white-space:nowrap}.mini-banner{background:linear-gradient(120deg,#eafadd,#f6ffef);border:1px solid #deefcf;border-radius:17px;display:flex;align-items:center;gap:10px;padding:14px 15px;min-height:83px;position:relative;overflow:hidden}.banner-spark{display:grid;place-items:center;flex:none;width:31px;height:31px;background:white;border:1px solid #d7edc7;border-radius:10px;color:#78b64b}.mini-banner b{font-size:10px;color:#4f8137}.mini-banner p{font-size:9px;color:#809679;line-height:1.8;margin:4px 0 0}.banner-plant{font-size:30px;margin-right:auto;align-self:flex-end;filter:saturate(.8)}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px;color:#849187;line-height:1.9;margin:4px 0 0;max-width:660px}.heading-emoji{font-size:23px}.word-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:83px;height:78px;border:1px solid #dff0d5;border-radius:17px;background:#f4ffec;color:#4d9630}.word-total b{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:25px}.word-total span{font-size:9px;color:#86a978}.word-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:19px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 12px;height:43px;min-width:280px;flex:1;max-width:440px}.search-box>span{font-size:23px;color:#91a097}.search-box input{border:0;outline:0;box-shadow:none!important;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:11px}.search-box kbd{font-size:9px;padding:4px 5px;background:#f5f7f4;color:#a0aaa1;border:1px solid #e7ece6;border-radius:5px;direction:ltr}.filter-pills{display:flex;gap:5px;background:#edf2eb;padding:4px;border-radius:12px}.filter-pill{border:0;background:transparent;border-radius:9px;padding:8px 13px;font-size:10px;font-weight:800;color:#7d8d80}.filter-pill.active{background:white;color:#3f8a1e;box-shadow:0 2px 4px rgba(45,73,42,.08)}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vocab-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:16px;box-shadow:0 3px 0 #e9eee8;transition:transform .15s ease,box-shadow .15s ease;min-width:0}.vocab-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 #e5ece3}.vocab-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.vocab-word{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:21px;font-weight:900;color:#30493a;direction:ltr;text-align:left;overflow-wrap:anywhere}.vocab-pos{display:inline-block;background:#f1f8ec;color:#78a85c;border-radius:6px;padding:3px 6px;font-size:8px;margin-top:5px}.vocab-actions{display:flex;align-items:center;gap:5px}.sound-button,.bookmark-button{width:31px;height:31px;border-radius:10px;border:1px solid #e6eee2;background:#f8fcf5;color:#72af4e;display:grid;place-items:center;font-size:15px;transition:background .15s}.sound-button:hover,.bookmark-button:hover{background:#e7f9dc}.bookmark-button{color:#a0afa0}.bookmark-button.saved{color:#e5ac00;background:#fff9df;border-color:#f4e6aa}.vocab-meaning{font-size:12px;font-weight:800;margin:11px 0 8px}.vocab-example{direction:ltr;text-align:left;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:12px;line-height:1.8;color:#607164;margin:0 0 7px}.vocab-example strong{color:#3d9620}.vocab-translation{font-size:10px;color:#98a49a;line-height:1.8;margin:0;border-top:1px dashed #e8eee6;padding-top:9px}.vocab-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.word-level{font-size:9px;color:#9aa79a}.learned-tag{border-radius:7px;background:#eaf9df;color:#65a246;font-size:8px;padding:4px 7px}.new-tag{border-radius:7px;background:#f6f6f3;color:#a2aaa1;font-size:8px;padding:4px 7px}.empty-state{padding:45px;text-align:center;color:#96a397}.empty-state span{font-size:27px;display:block}.empty-state b{display:block;color:#5a6d5f;margin-top:10px}.empty-state p{font-size:11px}.hidden{display:none!important}.review-hero{padding:27px;display:flex;align-items:center;gap:20px;margin-bottom:18px;position:relative;overflow:hidden}.review-brain{display:grid;place-items:center;flex:none;width:83px;height:83px;border-radius:24px;background:#f3eaff;font-size:42px}.review-hero h2{font-size:19px;margin:0 0 8px}.review-hero p{font-size:11px;color:#87958a;margin:0 0 16px;line-height:1.9}.review-count{margin-right:auto;align-self:center;min-width:100px;text-align:center;background:#f5fbee;border:1px solid #e0efcf;border-radius:16px;padding:15px 13px}.review-count b,.review-count span{display:block}.review-count b{font-size:27px;color:#61a441;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif}.review-count span{font-size:9px;color:#84a277;margin-top:3px}.review-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.review-methods .panel{padding:22px}.method-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f1f9ec;font-size:20px}.review-methods h3{font-size:13px;margin:14px 0 6px}.review-methods p{font-size:10px;line-height:2;color:#8e9a90;margin:0}.league-panel{padding:22px}.league-banner{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(120deg,#f1fce9,#f9fff5);border:1px solid #e1f2d7;border-radius:17px}.league-cup{font-size:39px}.league-banner h2{font-size:17px;margin:0 0 4px}.league-banner p{font-size:10px;color:#8b9c8a;margin:0}.league-week{margin-right:auto;padding:8px 12px;border:1px solid #daedcc;border-radius:11px;color:#5a9b37;font-weight:800;font-size:11px;text-align:center;background:#fff}.league-week small{display:block;color:#9eaf97;font-size:8px;margin-top:3px}.league-table{margin-top:17px}.league-row{display:flex;align-items:center;gap:12px;padding:14px 10px;border-bottom:1px solid #edf1eb}.league-row:last-child{border-bottom:0}.league-rank{width:27px;text-align:center;color:#9fac9e;font-weight:900;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif}.league-row:nth-child(1) .league-rank{color:#e8b100}.league-row:nth-child(2) .league-rank{color:#879b9f}.league-row:nth-child(3) .league-rank{color:#be8b59}.league-person{width:38px;height:38px;border-radius:13px;background:#e9f9df;border:1px solid #d7efc9;display:grid;place-items:center;font-size:18px}.league-person.self{background:var(--green);border-color:#86d65a;color:#fff}.league-name{font-weight:800;font-size:11px}.league-name small{display:block;font-size:9px;color:#a0aaa1;font-weight:500;margin-top:3px}.league-points{margin-right:auto;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-weight:900;color:#6a9d4a;direction:ltr}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.profile-card,.reminder-card,.stats-card{padding:23px}.profile-avatar{width:65px;height:65px;border-radius:21px;background:var(--green);border:2px solid #93e56a;box-shadow:0 4px 0 #3d9b03;color:white;display:grid;place-items:center;font-size:31px;font-weight:900;margin-bottom:19px}.field-label{display:block;margin:15px 0 7px;font-size:10px;color:#687b6d;font-weight:800}.text-input{height:43px;width:100%;border:1px solid #dfe8dd;background:#fbfdf9;border-radius:11px;padding:0 12px;color:#425447;font-size:11px;outline:0;transition:border .18s}.text-input:focus{border-color:#9bdc7b}.full-width{width:100%;margin-top:17px}.profile-card .form-note,.reminder-card .form-note{font-size:9px;color:#a1aca1;line-height:1.8;margin:12px 0 0}.reminder-illustration{float:left;font-size:36px;margin:0 0 10px 4px}.reminder-card h2{font-size:17px;margin:7px 0}.reminder-card>p{font-size:10px;color:#89968b;line-height:1.9;margin:0 0 8px;max-width:400px}.time-input{direction:ltr;max-width:160px;text-align:center;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-weight:800}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;position:relative;cursor:pointer}.switch-row b,.switch-row small{display:block}.switch-row b{font-size:11px}.switch-row small{font-size:9px;color:#9aa69b;margin-top:4px}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch-visual{width:42px;height:25px;background:#dce5d9;border-radius:99px;position:relative;transition:background .18s}.switch-visual:after{content:"";position:absolute;right:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #a9b6a7;transition:transform .18s}.switch-row input:checked+.switch-visual{background:var(--green)}.switch-row input:checked+.switch-visual:after{transform:translateX(-17px)}.switch-row input:focus-visible+.switch-visual{outline:3px solid rgba(88,204,2,.3)}.stats-card{grid-column:1/-1}.big-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.big-stat-row>div{background:#f8fbf6;border:1px solid #ebf1e7;border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:5px}.big-stat-row b{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:22px;color:#579839}.big-stat-row span{font-size:9px;color:#8b998d}.profile-level{display:flex;align-items:center;gap:12px;background:#f7fcf3;border:1px solid #e7f3dd;border-radius:14px;padding:13px}.level-medal{width:39px;height:39px;background:#e0f5d2;color:#5eaa3d;border-radius:13px;display:grid;place-items:center;font-size:20px}.profile-level>div:nth-child(2){min-width:115px}.profile-level>div:nth-child(2) b,.profile-level>div:nth-child(2) span{display:block}.profile-level>div:nth-child(2) b{font-size:10px}.profile-level>div:nth-child(2) span{font-size:8px;color:#95a295;margin-top:3px}.profile-level-progress{flex:1;min-width:50px;margin-right:auto}.profile-level-progress small{display:block;text-align:left;direction:ltr;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:9px;color:#8d9d8c;margin-top:5px}.site-footer{display:flex;align-items:center;gap:16px;padding:25px 2px 9px;font-size:9px;color:#9aa69c}.site-footer span:first-child{font-weight:900;color:#78906e}.site-footer .text-button{margin-right:auto}
/* Lesson experience */
.overlay{position:fixed;inset:0;background:rgba(26,43,29,.58);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px);animation:fade-in .2s ease}@keyframes fade-in{from{opacity:0}to{opacity:1}}.lesson-modal{width:min(700px,100%);height:min(780px,calc(100vh - 40px));min-height:450px;background:#fff;border:1px solid #dce9d7;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 80px rgba(21,50,20,.23);animation:modal-up .25s ease}@keyframes modal-up{from{transform:translateY(14px);opacity:.7}to{transform:translateY(0);opacity:1}}.lesson-topbar{height:74px;flex:none;display:flex;align-items:center;gap:19px;padding:0 24px;border-bottom:1px solid #eff3ed}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e4ece1;border-radius:10px;background:#fff;color:#7f9183;font-size:21px}.icon-button:hover{background:#f6fbf3;color:#508f31}.close-lesson{font-size:25px;font-weight:400}.lesson-progress-wrap{flex:1;max-width:470px;margin:0 auto}.lesson-progress-track{height:12px;background:#eef3ec;border-radius:99px;overflow:hidden}.lesson-progress-track span{display:block;width:0;height:100%;background:var(--green);border-radius:99px;transition:width .3s ease}.lesson-progress-wrap small{display:block;color:#94a195;font-size:9px;text-align:center;margin-top:5px}.lesson-energy{display:flex;align-items:center;gap:6px;color:#f65f70;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-weight:900;font-size:15px}.lesson-energy span{font-size:20px}.lesson-body{flex:1;overflow:auto;padding:27px 36px 20px;scrollbar-width:thin;scrollbar-color:#d9e6d4 transparent}.question-topline{display:flex;align-items:center;gap:7px;color:#7eaa66;font-weight:800;font-size:10px;margin-bottom:12px}.question-mark{width:25px;height:25px;border-radius:8px;background:#f0f9e9;display:grid;place-items:center;font-size:14px}.lesson-body h2{font-size:22px;line-height:1.7;font-weight:900;letter-spacing:-.3px;margin:0 0 7px}.question-subtitle{font-size:11px;color:#849388;line-height:1.9;margin:0 0 20px}.speech-character{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;background:#f7faf5;border:1px solid #e8eee5;border-radius:10px;font-size:9px;color:#7c8b7d;margin-bottom:10px}.speech-character .character-dot{width:8px;height:8px;border-radius:50%;background:#bb8cff}.read-along{direction:ltr;text-align:left;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:19px;font-weight:800;line-height:1.9;color:#43594a;display:flex;flex-wrap:wrap;gap:0 5px;margin:0}.read-along .read-word{border-radius:0;transition:font-weight .08s linear;white-space:pre;font-weight:500}.read-along.reading-active .read-word{color:inherit;opacity:1;background:transparent;box-shadow:none;font-weight:500}.read-along.reading-active .read-word.active{color:inherit;opacity:1;background:transparent;box-shadow:none;font-weight:800}.listen-sentence-card{display:flex;align-items:flex-start;gap:15px;border:1px solid #dcefd2;background:#f7fff1;border-radius:16px;padding:20px;margin:14px 0 17px}.big-audio-button{flex:none;width:48px;height:48px;border:0;border-bottom:4px solid #4eab21;border-radius:15px;background:var(--green);color:#fff;font-size:23px;display:grid;place-items:center;box-shadow:0 3px 0 #d2edc1;transition:transform .15s}.big-audio-button:hover{transform:translateY(-2px)}.listen-copy{flex:1;min-width:0}.listen-copy small{display:block;color:#8a9b84;font-size:9px;margin-bottom:7px}.sentence-translation{font-size:10px;color:#8d9c8e;line-height:1.9;margin-top:10px}.sentence-translation b{color:#6f9f59}.answer-options{display:grid;gap:9px;margin-top:14px}.answer-option{display:flex;align-items:center;gap:12px;min-height:56px;padding:11px 13px;text-align:right;border:1.5px solid #e2eae0;border-bottom-width:3px;border-radius:13px;background:#fff;color:#55695b;font-size:11px;font-weight:700;transition:background .14s,border-color .14s,transform .14s}.answer-option:hover{background:#f9fcf6;border-color:#b3d99e;transform:translateY(-1px)}.answer-option.selected{background:#f1fbe9;border-color:#8fd66a;color:#477e2f}.option-letter{width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid #e5ece2;border-radius:8px;background:#f8faf7;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;color:#93a092;font-size:10px;font-weight:900;direction:ltr}.answer-option.selected .option-letter{border-color:#aadf91;background:#dbf6cc;color:#4b9630}.option-check{margin-right:auto;color:#54ad2d;font-size:17px}.text-answer{width:100%;min-height:100px;resize:vertical;border:1.5px solid #dce8d8;border-radius:14px;background:#fbfef9;padding:14px;outline:0;direction:ltr;text-align:left;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.7;color:#425548}.text-answer:focus{border-color:#8bd562;box-shadow:0 0 0 3px #eefbe6}.write-support{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#95a294;font-size:9px;margin-top:7px}.word-counter{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;direction:ltr}.word-counter.good{color:#53a52e;font-weight:900}.story-quote{display:flex;gap:11px;align-items:flex-start;background:#fbfcfa;border:1px solid #ebefea;border-radius:14px;padding:15px;margin:14px 0}.story-quote-mark{font-size:24px;color:#9cce7f}.story-quote .read-along{font-size:15px;line-height:1.9}.story-context{border-right:3px solid #b3e393;padding-right:10px;color:#879589;font-size:10px;line-height:2;margin-top:13px}.record-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e5eee1;border-radius:15px;background:#fbfef9;margin-top:17px}.record-pulse{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:14px;background:#ffedf0;color:#ef6a7b;font-size:20px}.record-card.recording .record-pulse{animation:pulse-record 1s infinite}.record-card.recording{border-color:#ffc7ce;background:#fff8f9}@keyframes pulse-record{0%,100%{box-shadow:0 0 0 0 rgba(255,82,99,.3)}50%{box-shadow:0 0 0 8px rgba(255,82,99,0)}}.record-copy{flex:1;min-width:0}.record-copy b,.record-copy small{display:block}.record-copy b{font-size:11px}.record-copy small{font-size:9px;color:#94a095;line-height:1.8;margin-top:4px}.record-button{flex:none;border:1px solid #dbe8d7;border-radius:10px;background:white;color:#5ca43a;font-size:10px;font-weight:900;padding:9px 11px}.record-button.stop{background:#fff0f2;border-color:#ffd1d6;color:#e85f70}.lesson-footer{flex:none;min-height:83px;border-top:1px solid #edf2eb;padding:14px 27px;display:flex;align-items:center;gap:18px}.lesson-feedback{font-size:10px;line-height:1.8;color:#879589;flex:1;min-width:0}.lesson-feedback.good{color:#398e26;font-weight:800}.lesson-feedback.bad{color:#dc5566;font-weight:800}.lesson-action{min-width:152px}.lesson-action.ready{background:#58cc02}.lesson-action .button-arrow{font-size:18px}.lesson-success-box{border-radius:15px;background:#f2fbe9;border:1px solid #dcedd0;padding:14px;margin-top:15px;color:#65934e;font-size:11px;line-height:1.9}.lesson-word-pill{display:inline-block;direction:ltr;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;padding:5px 8px;background:#e9f9df;border-radius:8px;color:#489625;margin:0 3px}.reward-modal{width:min(430px,100%);position:relative;background:white;border-radius:25px;border:1px solid #dcebd4;box-shadow:0 20px 80px rgba(21,50,20,.23);padding:27px;text-align:center;overflow:hidden}.reward-close{position:absolute;left:17px;top:17px;border:0;background:#f5f8f3;font-size:22px}.reward-confetti{font-size:24px;color:#f4c12c;letter-spacing:10px}.reward-trophy{font-size:67px;margin:8px 0 7px;filter:drop-shadow(0 7px 0 #f9efc7)}.reward-modal>.eyebrow{justify-content:center}.reward-modal h2{font-size:27px;margin:0;font-weight:900}.reward-modal>p{font-size:11px;line-height:1.9;color:#8a968c}.reward-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.reward-stats>div{background:#f5fbf0;border:1px solid #e5f1dc;border-radius:13px;padding:12px 5px}.reward-stats b,.reward-stats span{display:block}.reward-stats b{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:19px;color:#5fa13b}.reward-stats span{font-size:9px;color:#93a48d;margin-top:5px}.toast-stack{position:fixed;z-index:150;left:20px;bottom:20px;display:grid;gap:8px;max-width:min(340px,calc(100vw - 40px))}.toast{padding:12px 15px;border-radius:13px;background:#263b2b;color:#fff;box-shadow:0 8px 25px rgba(20,40,20,.19);font-size:11px;line-height:1.8;animation:toast-in .25s ease}.toast.success{background:#307e23}.toast.warning{background:#936500}.toast.error{background:#b93e4e}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-popover{position:fixed;z-index:160;bottom:24px;right:24px;width:min(325px,calc(100vw - 40px));background:#fff;border:1px solid #dce9d8;border-radius:19px;padding:23px;box-shadow:0 12px 40px rgba(31,57,32,.17)}.popover-close{position:absolute;left:12px;top:10px;background:transparent;border:0;color:#879688;font-size:22px}.brand-mini{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:var(--green);box-shadow:0 3px 0 #379600;color:white;font-size:21px;font-weight:900}.about-popover h3{font-size:17px;margin:12px 0 6px}.about-popover p{font-size:11px;line-height:2;color:#718073;margin:0 0 11px}.about-popover small{font-size:9px;color:#9aa69a;line-height:1.8;display:block}
@media(min-width:1450px){.main-content{padding-right:48px;padding-left:48px}.welcome-row{padding:32px 42px}.dashboard-grid{gap:22px}.level-map{gap:15px 10px}.node-coin{width:50px;height:50px}}
@media(max-width:1150px){.app-shell{grid-template-columns:224px minmax(0,1fr)}.main-content{padding:0 23px 18px}.welcome-row{padding:24px;grid-template-columns:1.1fr .8fr}.hero-art{transform:scale(.9)}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr);gap:13px}.journey-panel{padding:19px 16px 14px}.level-map{grid-template-columns:repeat(5,minmax(0,1fr))}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;right:0;top:0;width:270px;max-width:85vw;transform:translateX(105%);transition:transform .25s ease;box-shadow:-10px 0 28px rgba(30,55,30,.1)}.sidebar.mobile-open{transform:translateX(0)}.main-content{padding:0 22px 17px}.topbar{height:72px}.mobile-menu{display:grid;margin-left:0}.breadcrumb{margin-left:auto}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(245px,.9fr)}.welcome-row{grid-template-columns:1fr .65fr}.hero-art{transform:scale(.78);transform-origin:center}.top-stats{gap:6px}.stat-chip{min-width:51px;padding:0 8px;height:37px}.stat-chip span:last-child{font-size:11px}.avatar-button{width:37px;height:37px}.profile-grid{grid-template-columns:1fr 1fr}.stats-card{grid-column:1/-1}}
@media(max-width:650px){.main-content{padding:0 14px 12px}.topbar{height:65px;gap:8px}.breadcrumb{font-size:10px;gap:6px}.top-stats{gap:5px}.stat-chip{border:0;box-shadow:none;background:transparent;min-width:31px;padding:0 3px;gap:3px;height:34px}.stat-icon{font-size:16px}.stat-chip span:last-child{font-size:10px}.avatar-button{width:33px;height:33px;border-radius:11px;font-size:16px}.page{padding-top:17px}.welcome-row{display:block;padding:22px 19px 7px;min-height:unset}.welcome-copy h1{font-size:22px}.welcome-copy p{font-size:11px}.welcome-actions{margin-top:15px;gap:11px}.primary-button,.secondary-button{min-height:43px;padding:0 14px;font-size:11px}.micro-note{font-size:9px}.hero-art{height:152px;max-width:310px;margin:8px auto 0;transform:scale(.78);transform-origin:top center;margin-bottom:-28px}.dashboard-grid{grid-template-columns:1fr;gap:13px;margin-top:14px}.right-column{grid-template-columns:1fr;gap:13px}.journey-panel{padding:18px 14px 13px}.panel-heading h2{font-size:14px}.level-map{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 4px}.node-coin{width:38px;height:38px;border-radius:14px;font-size:14px}.node-label{font-size:8px}.node-sub{font-size:7px}.map-footer{flex-wrap:wrap;line-height:1.8}.map-footer .text-button{margin-right:0}.daily-panel,.skill-panel{padding:17px}.week-day .day-dot{width:30px;height:30px}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.word-total{min-width:64px;height:64px}.word-total b{font-size:20px}.word-total span{font-size:8px}.word-toolbar{gap:8px}.search-box{min-width:100%;height:41px;max-width:none}.filter-pills{width:100%;justify-content:space-between}.filter-pill{flex:1;padding:8px 7px;font-size:9px}.vocab-grid{grid-template-columns:1fr;gap:10px}.vocab-card{padding:14px}.vocab-word{font-size:19px}.review-hero{padding:17px;gap:12px;flex-wrap:wrap}.review-brain{width:57px;height:57px;font-size:30px;border-radius:17px}.review-hero>div:nth-child(2){flex:1;min-width:160px}.review-hero h2{font-size:14px}.review-hero p{font-size:10px}.review-count{margin:0 0 0 0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px}.review-count b{font-size:19px}.review-count span{margin:0}.review-methods{grid-template-columns:1fr;gap:10px}.review-methods .panel{padding:16px;display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center}.method-icon{grid-row:span 2}.review-methods h3{margin:0 0 4px}.review-methods p{grid-column:2}.league-panel{padding:13px}.league-banner{padding:15px;gap:10px}.league-cup{font-size:28px}.league-banner h2{font-size:13px}.league-banner p{font-size:9px}.league-week{padding:7px;font-size:9px}.league-row{padding:12px 4px;gap:8px}.league-person{width:34px;height:34px}.profile-grid{grid-template-columns:1fr}.profile-card,.reminder-card,.stats-card{padding:18px}.stats-card{grid-column:auto}.big-stat-row{gap:6px}.big-stat-row>div{padding:11px 4px}.big-stat-row b{font-size:18px}.big-stat-row span{font-size:8px}.profile-level{gap:8px;padding:10px}.profile-level>div:nth-child(2){min-width:90px}.site-footer{flex-wrap:wrap;gap:7px 12px}.site-footer .text-button{margin-right:0}.lesson-modal{height:min(820px,calc(100vh - 20px));min-height:420px;border-radius:19px}.overlay{padding:10px}.lesson-topbar{height:61px;padding:0 13px;gap:11px}.lesson-body{padding:21px 17px 17px}.lesson-body h2{font-size:19px}.question-subtitle{font-size:10px;margin-bottom:14px}.read-along{font-size:16px}.listen-sentence-card{padding:13px;gap:10px}.big-audio-button{width:41px;height:41px}.answer-option{min-height:51px;font-size:10px;padding:9px}.lesson-footer{padding:11px 13px;gap:9px;min-height:74px}.lesson-feedback{font-size:9px}.lesson-action{min-width:130px;padding:0 11px}.record-card{padding:10px;gap:9px}.record-copy b{font-size:10px}.record-button{padding:8px;font-size:9px}.sentence-translation{font-size:9px}.reward-modal{padding:23px 19px}.reward-stats{gap:5px}.reward-stats>div{padding:10px 3px}.reward-stats b{font-size:16px}.reward-stats span{font-size:8px}}
@media(max-width:390px){.breadcrumb span:first-child{display:none}.welcome-copy h1{font-size:20px}.level-map{grid-template-columns:repeat(5,minmax(0,1fr))}.node-coin{width:39px;height:39px}.top-stats{gap:1px}.stat-chip{padding:0 2px}.stat-icon{font-size:15px}.stat-chip span:last-child{font-size:9px}.lesson-action{min-width:110px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Typeface refinement: Vazirmatn for Persian UI, Inter for English learning content. */
:root { font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif; }
body, button, input, select, textarea { font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif; }
.read-along, .text-answer, .word-counter, .stat-chip span:last-child, .floating-word,
.book-label, .vocab-word, .vocab-pos, .lesson-word-pill { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
.read-along { font-size: clamp(17px, 1.35vw, 21px); line-height: 2; font-weight: 600; letter-spacing: 0; color: #344c3a; }
.read-along .read-word { border-radius: 0; padding: 0 1px; transition: font-weight 0.08s linear; white-space: pre; font-weight: 500; }
.read-along.reading-active .read-word { color: inherit; opacity: 1; background: transparent; box-shadow: none; font-weight: 500; }
.read-along .read-word.read,
.read-along.reading-active .read-word.read { color: inherit; opacity: 1; background: transparent; box-shadow: none; font-weight: 800; text-shadow: none; }
.read-along.reading-active .read-word.active { color: inherit; opacity: 1; background: transparent; box-shadow: none; font-weight: 800; border-bottom: 0; text-shadow: none; }
.level-node .node-label { font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif; font-weight: 800; letter-spacing: 0; }
.level-node[title] { position: relative; }

/* Read-along behavior: preserve text color; only increase weight as each word is spoken. */
.read-along .read-word,
.read-along.reading-active .read-word {
  color: inherit !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  text-shadow: none !important;
  font-weight: 500;
  transition: font-weight 0.08s linear;
}
.read-along .read-word.read,
.read-along .read-word.active,
.read-along.reading-active .read-word.read,
.read-along.reading-active .read-word.active {
  color: inherit !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}



/* Persian typography refinement: stronger, more polished welcome heading. */
:root { font-family: 'Estedad', 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif; }
body, button, input, select, textarea { font-family: 'Estedad', 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif; }
.welcome-copy h1, .page-heading h1, .lesson-body h2, .reward-modal h2 {
  font-family: 'Estedad', 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  font-feature-settings: 'kern' 1, 'ss01' 1;
  text-rendering: optimizeLegibility;
}
.welcome-copy h1 {
  font-size: clamp(27px, 2.1vw, 32px);
  line-height: 1.75;
  font-weight: 900;
  margin-bottom: 8px;
  color: #203d29;
}
.welcome-copy h1 .wave { margin-right: 3px; vertical-align: -1px; }


/* Global typography system: Estedad is used consistently across the entire experience. */
html, body, body *, body *::before, body *::after {
  font-family: 'Estedad', 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif !important;
  font-feature-settings: 'kern' 1, 'ss01' 1;
  text-rendering: optimizeLegibility;
}

/* Guest access key */
.guest-key-box{margin:16px 0;padding:13px;border:1px dashed #cfe4c4;border-radius:14px;background:#f7fcf3}.guest-key-row{display:flex;align-items:center;gap:8px}.guest-key-row code{direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere;flex:1;font-size:11px;font-weight:800;color:#347e1a}.guest-key-row .secondary-button{width:auto;white-space:nowrap;padding:8px 12px;font-size:12px}.guest-key-box .form-note{margin-bottom:0}

/* 504word.ir staged learner feedback */
.feedback-modal{width:min(510px,100%);max-height:calc(100vh - 30px);overflow:auto;position:relative;background:#fff;border:1px solid #dcebd4;border-radius:23px;box-shadow:0 20px 80px rgba(21,50,20,.23);padding:28px 30px}.feedback-modal>.icon-button{position:absolute;left:17px;top:17px}.feedback-symbol{width:43px;height:43px;border-radius:14px;background:#edf8e7;color:#48a824;display:grid;place-items:center;font-weight:900;font-size:22px;margin-bottom:13px}.feedback-modal h2{font-size:22px;line-height:1.7;font-weight:900;margin:0 0 5px}.feedback-intro{font-size:10px;color:#819082;line-height:2;margin:0 0 17px}.rating-field{padding:0;border:0;margin:0 0 18px;min-width:0}.rating-field legend,.feedback-fields>label{display:block;font-size:10px;font-weight:900;color:#4c604f;margin-bottom:9px}.rating-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.rating-options label{position:relative;display:grid;justify-items:center;gap:4px;border:1px solid #e2ebde;background:#fbfdf9;border-radius:11px;padding:9px 3px;cursor:pointer}.rating-options input{position:absolute;opacity:0;inset:0;cursor:pointer}.rating-options label span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#6a7e6c;background:#eef4ea;font-size:12px;font-weight:900}.rating-options small{font-size:8px;color:#91a091}.rating-options label:has(input:checked){border-color:#78cf51;background:#f1fbe9;box-shadow:0 0 0 2px #dff4d4}.rating-options label:has(input:checked) span{background:#58cc02;color:#fff}.rating-options label:focus-within{outline:2px solid #92d874;outline-offset:2px}.feedback-fields{display:grid;gap:7px}.feedback-fields>label{margin-top:4px;margin-bottom:0}.feedback-fields label small{font-size:9px;color:#9ba89d;font-weight:500}.feedback-fields select,.feedback-fields textarea{width:100%;min-width:0;border:1px solid #e0eade;background:#fcfefb;color:#415543;border-radius:10px;padding:10px 12px;font-size:10px;outline:none}.feedback-fields select:focus,.feedback-fields textarea:focus{border-color:#8ad76a;box-shadow:0 0 0 3px #effbe8}.feedback-fields textarea{resize:vertical;line-height:1.9}.feedback-status{font-size:10px;color:#c44d59;min-height:14px;margin:8px 0 2px}.feedback-actions{display:flex;gap:9px;margin-top:10px}.feedback-actions button{flex:1}.feedback-privacy{display:block;margin-top:13px;font-size:8px;color:#9aa69a;line-height:1.9}.feedback-close{position:absolute;left:17px;top:17px}
@media(max-width:650px){.feedback-modal{padding:23px 17px;border-radius:18px;max-height:calc(100vh - 18px)}.feedback-modal h2{font-size:19px}.rating-options{gap:4px}.rating-options label{padding:7px 1px}.rating-options small{font-size:7px}.feedback-modal .feedback-symbol{width:38px;height:38px}}