@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#18302d;background:#f7f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;min-height:100dvh}header{height:78px;padding:25px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e3d8}header strong{font-family:Playfair Display,serif;font-size:25px;cursor:pointer}header strong span{color:#bd9252}header small{color:#7a8982;font-size:12px}section{padding:31px 24px 70px}h1{font:600 clamp(35px,9vw,54px)/1.12 "Playfair Display",serif;letter-spacing:-1.5px;margin:8px 0 20px}h1 em{color:#9b6f42;font-weight:500}h2{font:600 27px Playfair Display,serif;margin-top:48px}p{color:#66746e;line-height:1.55}.hero{padding-top:76px}.hero p:not(.eyebrow){max-width:360px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#a17441;margin:0 0 16px}.primary,.secondary{border:0;border-radius:12px;padding:17px 20px;min-height:54px;font:700 15px DM Sans,sans-serif;cursor:pointer}.primary{background:#183b34;color:#fff;width:100%;margin-top:17px;display:flex;justify-content:space-between;align-items:center}.secondary{background:#e7e9df;color:#183b34;width:100%;margin-top:11px}.back{border:0;background:none;color:#557068;font:600 14px DM Sans,sans-serif;padding:0;margin:0 0 38px;cursor:pointer}input,select{width:100%;border:1px solid #d7d9cf;border-radius:12px;background:#fff;padding:16px;font:500 16px DM Sans,sans-serif;color:#18302d;outline:none;margin:9px 0 12px}input:focus,select:focus{border-color:#6c947e}label{display:block;font-weight:700;font-size:13px;margin-top:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book{width:100%;border:0;border-bottom:1px solid #e2e4da;background:none;display:flex;align-items:center;gap:15px;text-align:left;padding:16px 0;color:#18302d;cursor:pointer}.book img,.cover{width:56px;height:76px;object-fit:cover;border-radius:4px;background:#d9ded3;flex:none}.cover{display:grid;place-items:center;font-size:26px;color:#8a9a8f}.book>span:nth-last-child(2){flex:1}.book b{display:block;font:600 17px Playfair Display,serif}.book small{display:block;color:#748078;line-height:1.4;margin-top:5px}.book>span:last-child{font-size:21px;color:#a17441}.panel{background:#fff;border-radius:16px;padding:15px 20px;margin:27px 0;box-shadow:0 10px 35px #20332a0a}.coverage{display:flex;align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #edf0e9}.coverage:last-child{border:0}.coverage>span{font-size:24px;color:#6c977e}.coverage b,.coverage small{display:block}.coverage small{color:#89938c;margin-top:3px}.error{background:#fff0e9;color:#8f3d2d;padding:14px;border-radius:10px;margin:15px 24px}.error button{float:right;background:none;border:0;color:inherit;font-size:22px}.camera{position:fixed;top:0;right:0;bottom:0;left:0;background:#101715;color:#fff;display:flex;flex-direction:column}.camera video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cameraHud{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0b1513 25%);padding:65px 25px max(30px,env(safe-area-inset-bottom));text-align:center}.cameraHud>div:first-child{display:flex;justify-content:space-between}.cameraHud p{color:#dfe8df}.shutter{width:76px;height:76px;border:4px solid white;background:transparent;border-radius:50%;padding:6px;margin:15px auto;cursor:pointer}.shutter span{display:block;width:100%;height:100%;background:#fff;border-radius:50%}.shutter:disabled{opacity:.4}.cameraActions{display:flex;justify-content:space-between}.cameraActions button{border:0;background:none;color:#fff;font:600 16px DM Sans,sans-serif;padding:15px}.metric{display:inline-flex;flex-direction:column;width:33%;text-align:center}.metric b{font:600 30px Playfair Display,serif}.metric span{font-size:12px;color:#829087}.study{min-height:calc(100dvh - 78px);display:flex;flex-direction:column}.progress{text-align:center;color:#8a9a8f;font-size:13px}.flashcard{flex:1;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.flashcard h1{font-size:45px}.flashcard p{font-size:19px;max-width:420px;color:#3b5149}.flashcard small{color:#9c784d;font-weight:700;letter-spacing:2px}.spoiler{border:0;background:none;color:#a67e4e;font:600 13px DM Sans,sans-serif;cursor:pointer}.study .two{margin-top:auto}.study .two button{margin-top:0}@media(max-width:380px){.study .two{grid-template-columns:1fr}}