:root{font-family:'DM Sans',sans-serif;color:#172b3f;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:480px;margin:auto;min-height:100svh;padding:0 26px calc(22px + env(safe-area-inset-bottom));overflow:hidden}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded5}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#173c63;font:800 25px Manrope,sans-serif;letter-spacing:-1.8px}.brand-icon{font-size:28px;color:#e27f5c;line-height:1}.brand-dot{color:#e27f5c}.top-label,.section-kicker,.eyebrow,.card-label,.card-tag,.card-number,.swipe-hint,footer{font-size:9px;font-weight:800;letter-spacing:1.35px}.top-label{color:#82909a;letter-spacing:1px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#df987c;margin:0 6px 2px 0}.intro{padding:37px 0 33px}.eyebrow{color:#c87559;display:flex;align-items:center;gap:8px}.greek-flag{font-size:17px}.intro h1{font:700 35px/1.16 Manrope,sans-serif;letter-spacing:-1.8px;margin:14px 0 12px;color:#183d62}.intro h1 em{font-style:normal;color:#e18464}.intro p{font-size:13px;color:#7d898b;margin:0;line-height:1.5}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-kicker{color:#a2aaa8;font-size:9px}.section-heading h2{font:700 20px Manrope,sans-serif;letter-spacing:-.7px;color:#203a50;margin:7px 0 0}.section-heading h2 span{color:#dd9579;font-size:17px;margin-left:4px}.count{font:500 12px Manrope,sans-serif;color:#adb6b4;letter-spacing:1px;padding-bottom:2px}.count strong{font-size:17px;color:#204a70}.progress{height:3px;background:#e1e5df;border-radius:4px;margin-top:15px;overflow:hidden}.progress div{height:100%;background:#df977a;border-radius:4px;transition:width .25s ease}.deck{height:328px;position:relative;margin-top:25px;touch-action:pan-y}.card-under,.flashcard{position:absolute;inset:0;border-radius:18px}.card-under-back{background:#d8e3df;transform:rotate(-3deg) translate(-3px,5px)}.card-under-front{background:#d3e0df;transform:rotate(2.5deg) translate(3px,3px)}.flashcard{width:100%;border:0;background:#194c76;color:white;text-align:left;padding:26px 25px 21px;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 14px 25px #2447621a;touch-action:pan-y;transition:transform .2s ease,background .25s ease;overflow:hidden}.flashcard:before,.flashcard:after{content:'';position:absolute;border:1px solid #ffffff0d;border-radius:50%;pointer-events:none}.flashcard:before{width:260px;height:260px;right:-145px;top:48px}.flashcard:after{width:330px;height:330px;right:-180px;top:13px}.flashcard.answer{background:#e6b497;color:#263f51}.flashcard.answer .card-label,.flashcard.answer .translation,.flashcard.answer .card-number,.flashcard.answer .card-bottom{color:#5e6260}.flashcard.answer .card-tag{color:#754b3a;border-color:#98664f59}.flashcard.answer .card-bottom{border-color:#6e594b32}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:1}.card-tag{border:1px solid #85a8bd88;border-radius:20px;padding:8px 10px;font-size:8px;letter-spacing:1.25px;color:#d6e3e8}.card-tag span{color:#e9a384;margin-left:5px}.card-number{color:#a1bdcc;font-weight:600}.card-content{display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;z-index:1;padding:13px 0}.card-label{color:#e9ae92;font-size:9px;margin-bottom:13px}.greek-text{font:600 25px/1.3 Manrope,sans-serif;letter-spacing:-.8px}.translation{font-size:13px;line-height:1.5;color:#b7cdd9;margin-top:13px;max-width:290px}.card-bottom{border-top:1px solid #ffffff2c;padding-top:16px;justify-content:flex-start;gap:8px;color:#c3d4df;font-size:11px}.tap-icon{font-size:19px;line-height:12px}.card-sparkle{margin-left:auto;color:#e8a689;font-size:16px}.controls{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.arrow-button{width:47px;height:47px;border:1px solid #d7dfdc;background:#fafaf6;border-radius:50%;font-size:21px;color:#315877;cursor:pointer;transition:background .2s,transform .2s}.arrow-button:active{transform:scale(.94)}.arrow-button:disabled{opacity:.35;cursor:default}.swipe-hint{color:#9ca9a8;font-size:8px;letter-spacing:1.05px}.swipe-hint span{font-size:13px;color:#ca947d;margin:0 7px}.practice-note{text-align:center;font-size:11px;color:#a5afab;margin:20px 0 0}.practice-note span{color:#df9d7e;margin-right:4px}footer{border-top:1px solid #deded5;margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;align-items:center;color:#adb4af;font-size:8px;letter-spacing:1px}footer span:last-child{text-transform:none;letter-spacing:0;font-size:12px;color:#9ca9a3}footer b{color:#db9273;margin-left:4px;font-size:14px}button:focus-visible{outline:3px solid #e7a688;outline-offset:4px}@media(max-width:360px){.app{padding-left:20px;padding-right:20px}.intro{padding:28px 0}.intro h1{font-size:31px}.deck{height:310px}.greek-text{font-size:22px}.top-label{font-size:8px}.flashcard{padding:23px}}@media(min-width:700px){.app{padding-top:10px}.deck{height:350px}}
.flashcard.answer .greek-text{font-size:20px;line-height:1.35;letter-spacing:-.5px}.flashcard.answer .translation{font-size:12px;margin-top:10px}