@import"https://fonts.googleapis.com/css2?family=Capriola&display=swap";/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#fef9f3,#fff5e8,#fef8ef,#fff9f0,#fdf6ec);min-height:100vh;font-family:Capriola,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.info-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:10000}.info-modal-container{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px}.info-modal-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:40px;position:relative}.info-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#999;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.info-modal-close:hover{background:#0000000d;color:#666}.info-modal-badge{width:64px;height:64px;border-radius:50%;border:3px solid;background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.info-modal-badge-number{font-family:Capriola,sans-serif;font-size:32px;font-weight:700}.info-modal-title{font-family:Capriola,sans-serif;font-size:28px;font-weight:600;color:#333;margin:0 0 16px;line-height:1.3}.info-modal-description{font-family:Capriola,sans-serif;font-size:16px;color:#666;line-height:1.6;margin:0}.all-difficulties-modal{max-width:600px}.difficulties-list{display:flex;flex-direction:column;gap:20px}.difficulty-item{display:flex;gap:16px;align-items:flex-start}.difficulty-item-badge{width:48px;height:48px;border-radius:50%;border:3px solid;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.difficulty-item-number{font-family:Capriola,sans-serif;font-size:24px;font-weight:700}.difficulty-item-content{flex:1}.difficulty-item-name{font-family:Capriola,sans-serif;font-size:18px;font-weight:600;margin:0 0 8px;line-height:1.3}.difficulty-item-description{font-family:Capriola,sans-serif;font-size:15px;color:#666;line-height:1.5;margin:0}@media (orientation: landscape) and (max-height: 600px){.info-modal-content{padding:24px 32px}.info-modal-title{font-size:22px;margin-bottom:16px}.difficulties-list{gap:12px}.difficulty-item-badge{width:40px;height:40px}.difficulty-item-number{font-size:20px}.difficulty-item-name{font-size:16px;margin-bottom:4px}.difficulty-item-description{font-size:13px;line-height:1.4}}.kofi-support-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5;text-align:center}.kofi-support-text{font-family:Capriola,sans-serif;font-size:15px;color:#666;margin:0 0 16px;line-height:1.5}.kofi-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ff5e5b;color:#fff;font-family:Capriola,sans-serif;font-size:15px;font-weight:600;text-decoration:none;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff5e5b33}.kofi-button:hover{background:#ff4542;box-shadow:0 4px 12px #ff5e5b4d;transform:translateY(-1px)}.kofi-button:active{transform:translateY(0);box-shadow:0 2px 6px #ff5e5b33}.kofi-button:focus{outline:2px solid #FF5E5B;outline-offset:2px}.kofi-icon{width:20px;height:20px}@media (max-width: 640px){.info-modal-content{padding:32px 24px}.info-modal-badge{width:56px;height:56px}.info-modal-badge-number{font-size:28px}.info-modal-title{font-size:24px}.info-modal-description{font-size:15px}.all-difficulties-modal{max-width:100%}.difficulty-item-badge{width:42px;height:42px}.difficulty-item-number{font-size:20px}.difficulty-item-name{font-size:16px}.difficulty-item-description,.kofi-support-text{font-size:14px}.kofi-button{font-size:14px;padding:10px 20px}.kofi-icon{width:18px;height:18px}}.kofi-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:20000}.kofi-modal-container{position:fixed;inset:0;z-index:20001;display:flex;align-items:center;justify-content:center;padding:16px}.kofi-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;height:600px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;position:relative;display:flex;flex-direction:column}.kofi-modal-close{position:absolute;top:12px;right:12px;background:#fff;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #00000026}.kofi-modal-close:hover{background:#f5f5f5;color:#333}.kofi-iframe{width:100%;height:100%;border:none;border-radius:16px}@media (orientation: landscape) and (max-height: 600px){.kofi-support-section{margin-top:20px;padding-top:16px}.kofi-support-text{font-size:13px;margin-bottom:12px}.kofi-button{font-size:13px;padding:8px 16px}.kofi-icon{width:16px;height:16px}.kofi-modal-content{max-width:90vw;height:90vh}}@media (max-width: 640px){.kofi-modal-content{max-width:100%;height:90vh}}.circular-button{width:60px;height:60px;border-radius:50%;background:#0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#333}.circular-button:hover:not(:disabled){background:#00000026;transform:scale(1.05)}.circular-button:active:not(:disabled){transform:scale(.95)}.circular-button:disabled{opacity:.3;cursor:not-allowed}.circular-button svg{width:28px;height:28px}@media (max-width: 1024px){.circular-button{width:50px;height:50px}.circular-button svg{width:24px;height:24px}}@media (max-width: 768px){.circular-button{width:45px;height:45px}.circular-button svg{width:22px;height:22px}}.difficulty-selection-container{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:linear-gradient(135deg,#fef9f3,#fff5e8,#fef8ef,#fff9f0,#fdf6ec);padding:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.difficulty-content{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.controls-container{display:flex;gap:.75rem;align-items:center;align-self:flex-end}.info-button{width:48px;height:48px;border-radius:50%;border:none;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.info-button:hover:not(:disabled){background:#f5f5f5;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.info-button:disabled{opacity:.5;cursor:not-allowed}.difficulty-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;margin-top:28px}.difficulty-header{text-align:center;display:flex;flex-direction:column;gap:16px}.difficulty-title{font-family:Capriola,sans-serif;font-size:var(--title-size, 48px);font-weight:400;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;width:-moz-max-content;width:max-content;gap:12px;justify-content:center}.syllable-column{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}.title-sla{color:#4a90e2}.title-bi{color:#ff9800}.title-kuj{color:#9c27b0}.title-curve{width:auto;height:var(--title-curve-height, 32px);margin-top:-6px}.difficulty-subtitle-container{min-height:28px;display:flex;align-items:center;justify-content:center}.difficulty-subtitle{font-family:Capriola,sans-serif;font-size:20px;color:#666;margin:0}.difficulty-cluster-container{position:relative;width:100%;max-width:600px;height:400px;display:flex;align-items:center;justify-content:center}.difficulty-card-physics{position:absolute;display:inline-flex;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.difficulty-card-physics:active{cursor:grabbing}.difficulty-badge{width:var(--button-size, 90px);height:var(--button-size, 90px);border-radius:50%;border:3px solid;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden}.difficulty-badge img{width:75%;height:75%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.difficulty-card-physics:hover .difficulty-badge{box-shadow:0 4px 12px #0000001f}.difficulty-number{font-size:var(--button-font-size, 40px);font-weight:700;font-family:Capriola,sans-serif}@media (orientation: portrait){.difficulty-cluster-container{max-width:min(90vw,90vh);height:min(90vw,90vh);aspect-ratio:1 / 1}}@media (orientation: landscape){.difficulty-main{flex-direction:row;gap:48px;max-width:100%}.difficulty-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.difficulty-cluster-container{flex:1;width:100%;max-width:none;height:min(350px,60vh)}}@media (orientation: landscape) and (max-width: 900px){.difficulty-main{gap:32px}.difficulty-cluster-container{height:min(300px,55vh)}.difficulty-subtitle{font-size:16px}}@media (max-width: 600px){.difficulty-selection-container{padding:12px}.difficulty-content{gap:12px}.difficulty-main{gap:24px}.difficulty-subtitle{font-size:16px}.difficulty-cluster-container{height:320px}}@media (max-width: 400px){.difficulty-selection-container{padding:8px}.difficulty-content{gap:8px}.difficulty-main{gap:16px}.difficulty-subtitle{font-size:14px}.difficulty-cluster-container{height:280px}}.landscape-prompt{position:fixed;inset:0;background:#fdfbf7fa;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.landscape-prompt-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;text-align:center}.rotate-icon-container{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#4a90e21a;border-radius:50%}.rotate-icon{color:#4a90e2;animation:rotatePulse 2s ease-in-out infinite}.landscape-prompt-title{font-family:Capriola,sans-serif;font-size:32px;font-weight:400;color:#333;margin:0}.landscape-prompt-subtitle{font-family:Capriola,sans-serif;font-size:18px;color:#666;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotatePulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-90deg) scale(1.1)}50%{transform:rotate(-90deg) scale(1)}75%{transform:rotate(0) scale(1.1)}}@media (orientation: landscape){.landscape-prompt{display:none}}.word-display-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.word-display-grid{display:grid;width:-moz-max-content;width:max-content;grid-auto-flow:column;grid-auto-columns:max-content;gap:12px;justify-content:center;align-items:start}.syllable-column{display:flex;flex-direction:column;align-items:center;gap:8px}.syllable-group{position:relative;display:flex;gap:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.syllable-curve{display:flex;justify-content:center;align-items:center;cursor:pointer}.curve-svg{display:block}.curve-hitarea{pointer-events:stroke;cursor:pointer}.curve-visible{pointer-events:none;transition:opacity .2s ease}.syllable-curve:hover .curve-visible{opacity:1!important}.syllable-curve:active .curve-visible{opacity:.7!important}.letter{font-size:120px;font-family:Capriola,sans-serif;font-weight:400;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:2;touch-action:none;-webkit-tap-highlight-color:transparent}@media (max-width: 1024px){.letter{font-size:90px}}@media (max-width: 768px){.letter{font-size:70px}.word-display-grid{gap:8px}.curve-svg{height:40px!important}}@media (orientation: portrait){.letter{font-size:90px}}.image-choice{width:110px;height:110px;border-radius:50%;border:4px solid #ccc;background:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.image-choice:hover:not(:disabled){border-color:#999;transform:scale(1.05)}.image-choice:disabled{cursor:not-allowed;opacity:.6}.image-choice.correct{border-color:#4caf50;border-width:6px;box-shadow:0 0 20px #4caf5080}.image-choice.incorrect{border-color:#f44336;border-width:6px;box-shadow:0 0 20px #f4433680}.image-choice.disabled{border-color:#ddd}.image-choice-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.image-choice-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .3s ease,filter .3s ease}.image-choice-img.loaded{opacity:1}.image-choice-img.grayscale{filter:grayscale(100%) brightness(.7)}.image-choice-loading{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #999;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-choice-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#ccc;font-weight:700}@media (max-height: 450px) and (orientation: landscape){.image-choice{width:60px;height:60px;padding:4px;border-width:2px}.image-choice.correct,.image-choice.incorrect{border-width:3px}.image-choice-error{font-size:28px}.spinner{width:16px;height:16px;border-width:2px}}@media (min-height: 451px) and (max-height: 550px) and (orientation: landscape){.image-choice{width:70px;height:70px;padding:5px;border-width:3px}.image-choice.correct,.image-choice.incorrect{border-width:4px}.image-choice-error{font-size:32px}.spinner{width:18px;height:18px;border-width:2px}}@media (min-height: 551px) and (max-height: 700px) and (orientation: landscape){.image-choice{width:85px;height:85px;padding:6px;border-width:3px}.image-choice.correct,.image-choice.incorrect{border-width:4px}}@media (max-width: 768px) and (max-height: 800px) and (orientation: portrait){.image-choice{width:80px;height:80px;padding:6px;border-width:3px}.image-choice.correct,.image-choice.incorrect{border-width:4px}}@media (max-width: 480px) and (max-height: 700px) and (orientation: portrait){.image-choice{width:70px;height:70px;padding:5px;border-width:3px}.image-choice.correct,.image-choice.incorrect{border-width:4px}.image-choice-error{font-size:36px}.spinner{width:18px;height:18px;border-width:2px}}@media (min-width: 768px) and (min-height: 700px){.image-choice{width:130px;height:130px}}@media (min-width: 1024px) and (min-height: 800px){.image-choice{width:150px;height:150px}}.image-choice-buttons{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:auto;max-width:400px;z-index:10}@media (max-height: 450px) and (orientation: landscape){.image-choice-buttons{right:8px;gap:6px}}@media (min-height: 451px) and (max-height: 550px) and (orientation: landscape){.image-choice-buttons{right:10px;gap:8px}}@media (min-height: 551px) and (max-height: 700px) and (orientation: landscape){.image-choice-buttons{right:12px;gap:10px}}@media (max-width: 768px){.image-choice-buttons{right:20px;gap:16px}}@media (max-width: 480px){.image-choice-buttons{right:12px;gap:12px}}@media (max-width: 768px) and (max-height: 800px) and (orientation: portrait){.image-choice-buttons{gap:10px}}@media (max-width: 480px) and (max-height: 700px) and (orientation: portrait){.image-choice-buttons{gap:8px;right:10px}}.recap-page{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:linear-gradient(135deg,#fef9f3,#fff5e8,#fef8ef,#fff9f0,#fdf6ec);padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.recap-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.recap-landscape-columns{display:flex;width:100%;height:100%;gap:24px;align-items:center}.recap-word-column{flex:1;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:center;align-items:flex-start}.recap-continue-column{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 20px}.recap-grid{display:none}.recap-item{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%}.recap-image-container{flex-shrink:0;width:100px;height:100px;cursor:pointer;border-radius:50%;overflow:hidden;transition:transform .2s ease,border-color .2s ease;box-shadow:0 2px 8px #0000001a;border:4px solid #ccc;background:#fff;padding:4px}.recap-image-container:hover{transform:scale(1.05);border-color:#999}.recap-image-container:active{transform:scale(.95)}.recap-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.recap-word{flex:1;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.recap-word-display{display:flex;gap:6px;align-items:flex-start}.recap-item .letter{font-size:48px!important}.recap-item .curve-svg{height:30px!important;width:auto!important;max-width:30px!important}.recap-item .syllable-column{gap:4px}.recap-continue-button{width:72px;height:72px}.recap-continue-button svg{width:36px;height:36px}@media (orientation: portrait){.recap-page{padding:16px}.recap-landscape-columns{display:none}.recap-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:16px;width:100%;max-width:600px}.recap-item{flex-direction:column;gap:8px}.recap-image-container{width:80px;height:80px;border-width:3px;padding:3px}.recap-word{justify-content:center}.recap-word-display{transform:scale(.7);transform-origin:center center}.recap-item .letter{font-size:40px!important}.recap-item .curve-svg{height:25px!important;max-width:25px!important}}@media (max-width: 600px){.recap-page{padding:12px}.recap-image-container{width:60px;height:60px;border-width:3px;padding:3px}.recap-grid{gap:12px}.recap-word-display{transform:scale(.6)}.recap-item .letter{font-size:36px!important}.recap-item .curve-svg{height:22px!important;max-width:22px!important}}@media (max-width: 400px){.recap-grid{gap:10px}.recap-image-container{width:50px;height:50px;border-width:2px;padding:2px}.recap-word-display{transform:scale(.5)}.recap-item .letter{font-size:32px!important}.recap-item .curve-svg{height:20px!important;max-width:20px!important}}@media (orientation: landscape) and (max-height: 700px){.recap-image-container{width:70px;height:70px;border-width:3px;padding:3px}.recap-word-column{gap:12px}.recap-item .letter{font-size:40px!important}.recap-item .curve-svg{height:25px!important;max-width:25px!important}.recap-continue-button{width:60px;height:60px}.recap-continue-button svg{width:30px;height:30px}}@media (orientation: landscape) and (max-height: 500px){.recap-image-container{width:60px;height:60px;border-width:2px;padding:2px}.recap-word-column{gap:8px}.recap-item .letter{font-size:32px!important}.recap-item .curve-svg{height:20px!important;max-width:20px!important}.recap-continue-button{width:52px;height:52px}.recap-continue-button svg{width:26px;height:26px}}.app-container{width:100%;height:100vh;display:grid;grid-template-columns:1fr auto;align-items:center;position:relative;padding:40px;touch-action:none}.word-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible;padding-top:80px;padding-right:40px}.button-column{display:flex;align-items:center;justify-content:center;padding-left:20px;height:100%}.controls-container{display:flex;gap:1rem;align-items:center;position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:100}@media (max-width: 768px){.app-container{padding:20px}.controls-container{top:1rem;gap:.75rem}.word-container{padding-top:60px}}.slova-container{min-height:100vh;height:100vh;overflow-y:auto;background:linear-gradient(135deg,#fdfbf7,#f0f4f8);padding:40px 20px}.slova-header{text-align:center;margin-bottom:32px}.slova-back-button-container{display:flex;justify-content:flex-end;margin-bottom:24px}.slova-title{font-family:Capriola,sans-serif;font-size:48px;font-weight:400;margin:0 0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slova-title-sla{color:#4a90e2}.slova-title-bi{color:#ff9800}.slova-title-kuj{color:#9c27b0}.slova-subtitle{font-family:Capriola,sans-serif;font-size:20px;color:#666;margin:0}.slova-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}.slova-category-card{background:#fff;border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;box-shadow:0 4px 12px #00000014;border:none;text-align:center;min-height:200px;transition:box-shadow .3s ease}.slova-category-card:hover{box-shadow:0 8px 24px #0000001f}.slova-category-badge{width:80px;height:80px;border-radius:50%;border:3px solid;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.slova-category-badge img{width:75%;height:75%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.slova-category-number{font-size:36px;font-weight:700;font-family:Capriola,sans-serif}.slova-category-name{font-family:Capriola,sans-serif;font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.3}.slova-category-short-name{font-family:Capriola,sans-serif;font-size:14px;color:#666;margin:0}.slova-words-container{max-width:1200px;margin:0 auto}.slova-words-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.slova-words-title{font-family:Capriola,sans-serif;font-size:28px;font-weight:600;color:#333;margin:0;flex-grow:1;text-align:center}.slova-words-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.slova-word-card{background:#fff;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .3s ease;font-family:Capriola,sans-serif;font-size:28px;font-weight:600;color:#333;letter-spacing:.05em}.slova-word-card:hover{transform:scale(1.05);box-shadow:0 4px 16px #0000001f;background:#f0f8ff}.slova-word-card.completed{background:#e8e8e8;color:#999;text-decoration:line-through}.slova-word-card.completed:hover{background:#dedede}@media (min-width: 1024px) and (orientation: landscape){.slova-categories-grid{grid-template-columns:repeat(4,1fr);max-width:1200px}.slova-category-card{min-height:220px}.slova-words-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.slova-categories-grid,.slova-words-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.slova-container{padding:24px 16px}.slova-title{font-size:36px}.slova-subtitle{font-size:18px}.slova-categories-grid{gap:16px}.slova-category-card{padding:24px 16px;min-height:180px}.slova-category-badge{width:64px;height:64px}.slova-category-number{font-size:28px}.slova-category-name{font-size:16px}.slova-category-short-name{font-size:12px}.slova-words-title{font-size:22px}.slova-word-card{font-size:24px;padding:20px 12px}}@media (max-width: 480px){.slova-categories-grid{grid-template-columns:1fr}.slova-category-card{min-height:160px}.slova-words-grid{grid-template-columns:repeat(2,1fr)}.slova-word-card{font-size:20px}}