@import url('../shared/common.css');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

body{color:#101828;background:#f7f8fa;font-family:'Be Vietnam Pro',Manrope,system-ui,sans-serif}.study-shell{width:min(1040px,calc(100% - 32px));margin:30px auto 70px}.hidden{display:none!important}.study-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:17px 22px}.study-top strong{font-size:14px}.progress{width:100%;height:7px;margin-top:9px;overflow:hidden;background:#e8edf3;border-radius:99px}.progress span{display:block;width:0;height:100%;background:#16a866;border-radius:99px;transition:width .3s}.modes{display:flex;padding:4px;background:#eef2f6;border-radius:12px}.modes button{padding:8px 11px;border:0;border-radius:9px;color:#667085;background:transparent;cursor:pointer;font-size:11px;font-weight:700}.modes button.active{color:#087a4b;background:white;box-shadow:0 3px 10px rgba(30,42,65,.08)}.exit{padding:8px;border:0;color:#667085;background:transparent;cursor:pointer;font-size:13px;font-weight:700}
.due-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:52px 0 22px}.due-heading h1{font-size:38px}.due-heading p:not(.eyebrow){margin:8px 0 0;color:var(--muted)}.due-list{overflow:hidden}.due-list article{display:grid;grid-template-columns:45px minmax(180px,1fr) 1fr auto;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #edf0f4}.due-list article:last-child{border:0}.due-number{color:#9aa7b9;font-size:11px;font-weight:800}.due-list strong{display:block}.due-list small{color:#8d99aa}.due-list p{margin:0;color:#566176;font-size:13px}.due-badge{padding:6px 9px;color:#a6630e;background:#fff3df;border-radius:999px;font-size:10px;font-weight:800}.due-hero{max-width:720px;margin:65px auto;padding:58px;text-align:center}.due-hero h1{font-size:36px}.due-hero>p:not(.eyebrow){max-width:560px;margin:10px auto 28px;color:var(--muted);line-height:1.7}.due-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;color:white;background:var(--green);border-radius:20px;font-size:28px;box-shadow:0 12px 25px rgba(24,169,87,.22)}
.all-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:36px;margin-top:34px;padding:38px;background:linear-gradient(125deg,#f3fbff 0%,#fff 55%,#fff9e8 100%);border-color:#cfeaf7}.all-copy h1{margin:8px 0 12px;font-size:38px}.all-copy>p:not(.eyebrow){max-width:600px;margin:0 0 24px;color:var(--muted);line-height:1.65}.learning-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.learning-stats div{display:flex;flex-direction:column;justify-content:center;min-height:82px;padding:16px 20px;background:#eef2f5;border-radius:18px}.learning-stats strong{font-size:24px}.learning-stats span{margin-top:3px;color:#657188;font-size:10px;font-weight:800;text-transform:uppercase}.learning-stats .due-stat{color:#a65c0a;background:#fff1d7}.learning-stats .new-stat{color:#0876ac;background:#ddf4ff}.learning-stats .upcoming-stat{color:#087a4e;background:#dcf7e9}.all-heading{align-items:center;margin-top:38px}.all-heading h2{margin:4px 0 0;font-size:25px}.list-filters{display:flex;gap:7px;padding:5px;background:#edf2f5;border-radius:12px}.list-filters button{padding:8px 11px;border:0;border-radius:9px;color:#68758a;background:transparent;cursor:pointer;font-size:11px;font-weight:800}.list-filters button.active{color:#087c48;background:white;box-shadow:0 3px 10px rgba(28,43,67,.09)}.schedule-badge{min-width:88px;padding:7px 10px;border-radius:999px;text-align:center;font-size:10px;font-weight:800}.schedule-badge.due{color:#a6630e;background:#fff1da}.schedule-badge.new{color:#0874a8;background:#e2f5ff}.schedule-badge.upcoming{color:#087d4c;background:#e2f8ec}.empty-filter{padding:38px;color:var(--muted);text-align:center}
.session-name{margin:25px 0 -10px;color:#667085;text-align:center;font-size:12px;font-weight:700}.flashcard{min-height:470px;margin:24px auto 15px;padding:55px clamp(25px,7vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;border-color:#dfe5ec;box-shadow:0 12px 36px rgba(16,24,40,.06);transition:transform .2s,border-color .2s,background .2s}.flashcard:hover{transform:translateY(-2px);border-color:#9edabf}.flashcard.is-answer{background:linear-gradient(180deg,#fff,#f9fffc)}.card-label{margin-bottom:20px;color:#98a2b3;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.question{margin:0;color:#0b1220;font-size:clamp(34px,6vw,58px);line-height:1.2;letter-spacing:-2px}.pos{display:inline-flex;margin-top:15px;padding:6px 10px;border-radius:999px;color:#475467;background:#f2f4f7;font-size:11px;font-weight:700}.ipa{margin-top:14px;color:#667085;font-size:18px}.hint{margin-top:40px;color:#98a2b3;font-size:13px}.answer{width:100%;animation:rise .25s ease}.answer-word{margin:0 0 10px;color:#0b1220;font-size:clamp(35px,6vw,55px);letter-spacing:-1.8px}.meaning{margin:16px 0;color:#07864f;font-size:25px;font-weight:800}.example{max-width:650px;margin:30px auto 0;padding-top:24px;border-top:1px solid #e7ebf0;color:#344054;font-size:17px;line-height:1.75}.example span{display:block;color:#667085;font-size:14px}.reveal{width:100%;padding:16px}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.rating{min-height:96px;padding:17px 10px;border:1px solid #dfe5ec;border-radius:17px;background:white;cursor:pointer;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.rating span,.rating strong{display:block}.rating span{font-size:15px}.rating strong{margin-top:9px;font-size:18px;font-weight:600}.rating[data-rating="FORGOT"]{color:#e5484d;background:#fff5f5;border-color:#ffc9cc}.rating[data-rating="HARD"]{color:#e86f16;background:#fff9f2;border-color:#ffd2a8}.rating[data-rating="REMEMBERED"]{color:#0c9b59;background:#f1fff7;border-color:#a6eac6}.rating[data-rating="TOO_EASY"]{color:#3578e5;background:#f3f7ff;border-color:#b8d2ff}.rating:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.09)}.keyboard{text-align:center;color:#98a2b3;font-size:12px;margin-top:20px}.summary{padding:55px;text-align:center;margin-top:25px}.summary-icon{font-size:52px}.summary h2{font-size:32px;margin:15px 0 8px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.summary-grid div{padding:17px;background:#f6f8fa;border-radius:14px}.summary-grid strong{display:block;font-size:24px}.summary-grid span{font-size:11px;color:#667085}@keyframes rise{from{opacity:0;transform:translateY(8px)}}
@media(max-width:800px){.all-hero{grid-template-columns:1fr;padding:26px}.all-copy h1{font-size:31px}.learning-stats{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.study-top{grid-template-columns:1fr auto}.modes{grid-column:1/-1;grid-row:2}.due-heading{align-items:stretch;flex-direction:column}.list-filters{overflow:auto}.due-list article{grid-template-columns:32px 1fr auto}.due-list article p{grid-column:2/-1}.flashcard{min-height:410px;padding:35px 22px}.ratings{grid-template-columns:1fr 1fr}.summary{padding:35px 18px}.summary-grid{grid-template-columns:1fr 1fr}.due-hero{padding:38px 22px}}