@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--blue: #A7D8F0;--orange: #FF5C34;--green: #C6DE41;--night: #2D1B35;--white: #FFF9EC;--grey: #A5B8B6;--line: color-mix(in srgb, var(--grey) 31%, transparent);--surface: color-mix(in srgb, var(--night) 88%, var(--grey));--surface-up: color-mix(in srgb, var(--night) 76%, var(--grey));font-family:DM Sans,system-ui,sans-serif;background:var(--night);color:var(--white);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.app{min-height:100vh}.header,.main{width:min(100%,1120px);margin-inline:auto}.header{padding:34px clamp(20px,4vw,54px) 0;display:flex;align-items:center;justify-content:space-between}.logo{font:700 clamp(30px,4vw,40px)/1 "Space Grotesk",sans-serif;letter-spacing:-.065em}.logo span{color:var(--orange)}.main{padding:clamp(26px,5vw,64px) clamp(18px,4vw,54px) 54px}.study-panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:clamp(22px,4vw,48px);overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:25px}.session-pill{display:inline-flex;align-items:center;gap:12px;max-width:min(100%,560px);padding:12px 18px;border:1px solid var(--line);border-radius:12px;color:var(--white);background:transparent;font-size:13px;font-weight:700;text-align:left;overflow-wrap:anywhere;transition:background .18s,border-color .18s,transform .18s}.session-pill span{color:var(--orange);font-size:17px}.session-pill:hover{background:var(--surface-up);border-color:var(--grey);transform:translateY(-1px)}.card-count{font:600 19px/1 Space Grotesk,sans-serif;color:var(--grey);letter-spacing:.025em;font-variant-numeric:tabular-nums}.card-count span{color:var(--grey)}.prompt-label{font-size:11px;color:var(--orange);letter-spacing:.16em;text-transform:uppercase;font-weight:800}.question{min-height:clamp(260px,37vw,380px);padding:clamp(45px,7vw,95px) 0 45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.expression{width:100%;max-width:850px;margin:0 0 38px;font:700 clamp(36px,6.8vw,78px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere;animation:word-enter .32s ease-out both}.sound-badge{color:var(--grey);font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:none}.check-button{width:100%;min-height:68px;margin:0;border:0;background:var(--blue);border-radius:14px;padding:16px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--night);font:700 20px Space Grotesk,sans-serif;transition:transform .18s,filter .18s,background .18s}.check-button span{font-size:24px}.check-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.check-button:active:not(:disabled){transform:translateY(0) scale(.994)}.reveal{border-left:4px solid var(--green);background:color-mix(in srgb,var(--green) 9%,var(--night));padding:24px 28px;margin:0 0 18px;border-radius:0 13px 13px 0;animation:reveal-in .28s ease-out both}.reveal-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--green)}.reveal-text{margin-top:10px;font:700 clamp(27px,4.8vw,52px)/1.15 "Space Grotesk",sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere}.expression[dir=rtl],.reveal-text[dir=rtl]{direction:rtl;text-align:right;letter-spacing:normal;font-family:system-ui,sans-serif}.expression[lang=ka],.reveal-text[lang=ka]{letter-spacing:normal;font-family:system-ui,sans-serif}.feedback-section{margin-top:26px}.feedback-section p{color:var(--grey);font-size:13px;font-weight:700;margin:0 0 15px}.feedback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.feedback-button{min-height:100px;border:1px solid var(--line);color:var(--white);border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:var(--night);font-size:13px;font-weight:800;transition:transform .16s,background .16s,border-color .16s}.feedback-button:hover:not(:disabled){transform:translateY(-3px);border-color:currentColor;background:var(--surface-up)}.feedback-symbol{font:700 27px Space Grotesk,sans-serif}.feedback-0{color:var(--grey)}.feedback-1{color:var(--orange)}.feedback-2{color:var(--blue)}.feedback-3{color:var(--green)}.feedback-button span:last-child{color:var(--white)}.round-actions{margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.round-actions .secondary-button{min-height:68px}.stop-action{text-align:right;margin-top:20px}.secondary-button{min-height:64px;border:1px solid var(--grey);border-radius:14px;padding:16px 22px;background:transparent;color:var(--white);font:700 18px Space Grotesk,sans-serif;transition:background .18s,transform .18s}.secondary-button:hover:not(:disabled){background:var(--surface-up);transform:translateY(-2px)}.text-button{padding:8px 0;border:0;background:transparent;font-weight:700;font-size:13px;color:var(--grey)}.text-button:hover{color:var(--white)}.deck-navigation{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:40px;font-size:12px;color:var(--grey)}.bottom-note{color:var(--grey);opacity:.85;text-align:center;margin:22px 0;font-size:12px}.deck-heading{font:700 clamp(36px,7vw,68px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:15px 0 35px}.deck-list{display:grid;gap:12px}.deck-option{min-height:110px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--night);color:var(--white);transition:border-color .18s,background .18s,transform .18s}.deck-option:hover{border-color:var(--blue);background:var(--surface-up);transform:translate(4px)}.deck-option strong,.deck-option small{display:block}.deck-option strong{font:700 clamp(18px,3vw,25px) "Space Grotesk",sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere}.deck-option small{margin-top:8px;color:var(--grey);font-size:12px}.deck-arrow{color:var(--orange);font-size:30px;flex:none}.loading-card{padding:100px 20px;text-align:center}.loading-card h1{font:700 26px Space Grotesk,sans-serif}.loader{display:inline-block;width:35px;height:35px;border:4px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.finished{padding:50px 0 20px;text-align:left}.finished h2{font:700 clamp(32px,5vw,54px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.055em}.finished-summary{padding:0}.summary-deck-line{margin-bottom:clamp(25px,5vw,60px)}.summary-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:30px}.finished-summary .summary-heading h2{margin:0;font:700 clamp(36px,6vw,68px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.06em}.summary-exercises{font:500 17px Space Grotesk,sans-serif;color:var(--grey);white-space:nowrap}.summary-table{width:100%;margin:0 0 42px;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums}.summary-table th,.summary-table td{border-bottom:1px solid var(--line);padding:19px 3px}.summary-table thead th{font-size:15px;font-weight:500;color:var(--grey)}.summary-table thead th:first-child{width:53%}.summary-table tbody th{text-align:left;font:700 clamp(18px,2.5vw,25px) "Space Grotesk",sans-serif;letter-spacing:-.025em}.summary-table tbody td{font:700 clamp(20px,3vw,30px) "Space Grotesk",sans-serif}.summary-new th,.summary-new td{color:var(--blue)}.summary-getting-there th,.summary-getting-there td{color:var(--orange)}.summary-mastered th,.summary-mastered td{color:var(--green)}.batch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.batch-actions .check-button,.batch-actions .secondary-button{width:100%;justify-content:center;text-align:center}@keyframes word-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){.header{padding-top:25px}.main{padding-top:30px}.study-panel{border-radius:19px}.question{min-height:280px;padding:48px 0}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-button{min-height:82px}.summary-heading{align-items:flex-start;flex-direction:column;gap:9px}.summary-table thead th{font-size:13px}.summary-table tbody th{font-size:17px}.round-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
