@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}}.camera{z-index:20}.cameraGuide{position:absolute;left:8%;right:8%;top:13%;height:54%;border:3px solid #ffffffd9;border-radius:14px;box-shadow:0 0 0 200vmax #0005;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.cameraGuide span{background:#11251fdd;color:#fff;padding:7px 13px;border-radius:0 0 10px 10px;font-size:13px;font-weight:700}.coverGuide{left:19%;right:19%;top:12%;height:57%}.cameraHud{z-index:2}.captureFlash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:3;transition:opacity .18s ease-out}.captureFlash.visible{opacity:.65}.translation{font:500 27px Playfair Display,serif;color:#9b6f42;margin:0 0 14px}.flashcard h1{margin-bottom:7px}.study .reveal{margin-top:auto;justify-content:center}.studyProgress{margin:-16px 0 18px}.studyProgress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:13px;color:#50685d}.studyProgress b{font-weight:700}.studyProgress span{font-size:12px}.studyTrack,.preparationTrack{height:8px;background:#dfe8df;border-radius:100px;overflow:hidden;margin-top:9px}.studyTrack>span,.preparationTrack>span{display:block;height:100%;background:#327863;border-radius:inherit;transition:width .35s ease}.preparationTrack{height:4px;margin-top:5px;background:#ece9de}.preparationTrack>span{background:#b58d4e}.swipeCard{background:#fff;border:1px solid #e5e9df;border-radius:22px;padding:24px 18px;box-shadow:0 15px 35px #183b3414;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .16s ease;min-height:300px}.swipeCard.canSwipe{cursor:grab}.swipeCard.canSwipe:active{cursor:grabbing;transition:none}.translation{color:#18302d;line-height:1.35;margin-top:2px;margin-bottom:16px}.translation span{position:relative;display:inline-block;padding-bottom:8px}.translation span:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:8px;border-radius:4px;background:#ef4242;transform:scaleX(0);transform-origin:left center;animation:drawUnderline .55s cubic-bezier(.2,.7,.2,1) forwards}@keyframes drawUnderline{to{transform:scaleX(1)}}.swipeHints{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:18px}.swipeHints button{border:0;border-radius:12px;min-height:52px;padding:10px 12px;font:700 13px DM Sans,sans-serif;cursor:pointer}.swipeHints>span{text-align:center;color:#718178;font-size:11px}.swipeLeft{background:#ffe2df;color:#a93232}.swipeRight{background:#dceee4;color:#28694c}@media(max-width:390px){.swipeHints>span{display:none}}.camera{background:#172621}.camera video{object-fit:contain;background:transparent}.cameraTop{position:absolute;z-index:2;top:max(82px,calc(env(safe-area-inset-top) + 16px));left:24px;right:24px;color:#fff;text-shadow:0 2px 6px #0009}.cameraTop>div{display:flex;justify-content:space-between;gap:10px;font-size:15px}.cameraTop p{color:#fff;font-size:14px;margin:7px 0 0;line-height:1.3}.cameraGuide{top:20%;height:49%}.cameraGuide span{font-size:12px;padding:6px 10px}.cameraHud{background:transparent;padding:0 24px max(25px,env(safe-area-inset-bottom));text-shadow:0 2px 8px #000b}.cameraHud .shutter{margin:0 auto 8px;display:block;box-shadow:0 2px 12px #0008}.cameraActions button{text-shadow:0 2px 8px #000c}.coverCamera .coverGuide{top:19%;height:49%;left:18%;right:18%}.coverCamera .cameraActions{justify-content:center}.swipeCard:not(.canSwipe){cursor:pointer}.exampleSentence{font-size:15px!important;line-height:1.5;color:#718179!important;max-width:330px;margin:6px 0 0}.quotaNotice{background:#fff0e9;color:#904333;border-radius:12px;padding:14px 16px}.quotaRetry{border:0;border-radius:10px;background:#fff0e9;color:#8f3d2d;padding:11px 14px;margin:0 0 16px;text-align:left;font:700 13px DM Sans,sans-serif;cursor:pointer}.recoverPanel{background:#fff;border:1px solid #e6e8df;border-radius:16px;padding:20px;margin-top:32px}.recoverPanel b{font:600 20px Playfair Display,serif}.recoverPanel p{font-size:14px;margin:9px 0}.recoverPanel .secondary{margin-top:12px}.linkCode{background:#fff;border:2px solid #dce5d9;border-radius:15px;padding:24px 12px;text-align:center;font:700 clamp(23px,7vw,36px) "DM Sans",sans-serif;letter-spacing:3px;color:#183b34;margin:25px 0}.coverCamera .cameraGuide{box-shadow:none}.camera .cameraBackdrop{object-fit:cover;filter:blur(20px) brightness(.75);transform:scale(1.08);z-index:0}.camera .cameraPreview{object-fit:contain;z-index:1}.cameraGuide{z-index:2}.cameraTop,.cameraHud{z-index:3}.captureFlash{z-index:4}