body{margin:0;padding:0}:root{--light-orange:#f0cca8;--orange:#eb9947;--dark-orange:#d98026;--font-color:#610505;--shadow:#630;--white:#fff;--light-grey:#f2f2f2;--dark-grey:#292929;--lighter:hsla(0,0%,100%,.15);--background:var(--white);--color-01:#ad0000;--color-02:#adad00;--color-03:#00ad00;--color-04:#00adad;--color-05:#0000ad;--color-06:#ad00ad;--menu-size:10vw;--menu-font-size:6vw;--menu-gap:1vh;--menu-tile-size:15vh;--menu-line-height:var(--menu-tile-size)}@media (orientation:portrait){:root{--menu-size:10vh;--menu-font-size:4.5vw;--menu-gap:1vW;--menu-tile-size:15vw;--menu-line-height:calc(var(--menu-size) - var(--menu-gap)*2)}}#app{width:auto;height:100vh;display:grid;grid-template-columns:var(--menu-size) auto;grid-template-rows:0 auto;grid-template-areas:"menu header" "menu content"}@media (orientation:portrait){#app{grid-template-columns:auto;grid-template-rows:0 auto var(--menu-size);grid-template-areas:"header" "content" "menu"}}#app:not(.unlocked) .confidential{display:none}#activationOverlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(51,51,51,.8);display:flex;justify-content:center;align-items:center;font-size:4vw;color:#aaa}menu{margin:0;padding:var(--menu-gap);grid-area:menu;display:flex;flex-direction:column;gap:var(--menu-gap);background:var(--dark-grey);font-variant:small-caps;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;box-sizing:border-box}@media (orientation:portrait){menu{height:auto;flex-direction:row;justify-content:center}menu .settings-link{order:1}}menu a{height:var(--menu-tile-size);white-space:nowrap;line-height:var(--menu-line-height);text-align:center;font-size:var(--menu-font-size);color:var(--light-grey);text-decoration:none;background:var(--lighter);overflow-x:clip}menu .settings-link{margin-top:auto}header{grid-area:header;background:var(--light-grey)}.container{grid-area:content;padding:0 0;background-color:var(--background)}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}#debug{display:none;position:absolute;bottom:3vh;left:12vw;width:30vw;height:20vh;background:var(--white);font-size:6px;border:1px dashed red}.button{text-align:center;color:var(--font-color);box-shadow:0 2px 1vh var(--shadow);border-radius:1vh;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes unpress{0%{box-shadow:0 2px 1vh rgba(102,51,0,0);background-position:50% 0}to{box-shadow:0 2px 1vh #630;background-position:50% 100%}}.unpress{background:linear-gradient(0deg,var(--orange) 0,var(--orange) 50%,var(--dark-orange) 50%,var(--dark-orange) 100%);background-size:201% 201%;background-position:50% 100%;animation-name:unpress;animation-duration:1s;animation-timing-function:linear;animation-timing-function:ease-in}.center[data-v-a6f3f212]{height:100%;display:flex;justify-content:center;align-items:center}.numberButton[data-v-a6f3f212]{width:60vw;height:40vh;font-size:28vh;line-height:38vh}.alphabet{height:98vh;flex-wrap:wrap;align-items:center;align-items:stretch;align-content:stretch}.alphabet,.card{display:flex;justify-content:space-around}.card{margin:1vh 1vw;flex-basis:content;min-width:10vw;flex-grow:1;align-items:center;font-size:18vh;line-height:18vh}.random-background{color:var(--light-grey)}.booklist[data-v-584755f7]{width:80vw;display:grid;grid-template-columns:repeat(4,18.5vw);grid-auto-rows:18.5vw;gap:2vw}.titleImg[data-v-584755f7]{height:100%;width:100%}.book[data-v-2d7ef7ac]{height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.button[data-v-2d7ef7ac]{padding:1vw 2vw;position:absolute;bottom:5vh;right:5vw;font-size:56px;line-height:1.8}.quiz-container[data-v-2190eb1e]{height:calc(100vh - 2rem);padding:2rem}.api-key-message[data-v-2190eb1e]{text-align:center;max-width:600px;margin:0 auto;padding:2rem}.api-key-message h2[data-v-2190eb1e]{color:var(--orange);margin-bottom:1rem}.api-key-message p[data-v-2190eb1e]{margin-bottom:2rem;line-height:1.5}.settings-button[data-v-2190eb1e]{font-size:1.5em;padding:1rem 2rem}.center[data-v-2190eb1e]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.progress-section[data-v-2190eb1e]{text-align:center;margin-bottom:2rem}.progress-bar[data-v-2190eb1e]{width:100%;height:20px;background:#eee;border-radius:10px;overflow:hidden;margin:1rem 0}.progress-fill[data-v-2190eb1e]{height:100%;background:var(--orange);transition:width .3s ease}.level-info[data-v-2190eb1e]{margin-top:1rem;color:var(--orange)}.question[data-v-2190eb1e]{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;max-width:1200px;margin:0 auto;width:100%}.question-content[data-v-2190eb1e]{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn-2190eb1e .3s ease-in}.questionButton[data-v-2190eb1e]{font-size:16rem;padding:2rem 4rem;justify-self:center;min-width:300px;text-align:center}.options-grid[data-v-2190eb1e]{display:flex;justify-content:center;gap:4rem;padding:2rem;width:100%}.answerButton[data-v-2190eb1e]{font-size:4em;padding:3rem;flex:1;max-width:300px}.option-content[data-v-2190eb1e]{display:flex;align-items:center;gap:1rem}.option-letter[data-v-2190eb1e]{font-size:1.2em;font-weight:700;color:var(--orange);min-width:1.5em}.option-text[data-v-2190eb1e]{flex:1;font-size:.9em}.restartButton[data-v-2190eb1e],.startButton[data-v-2190eb1e]{font-size:2em;padding:2rem}.finish-message[data-v-2190eb1e]{text-align:center;color:var(--orange)}.explore-link[data-v-2190eb1e]{text-decoration:none}.button-group[data-v-2190eb1e]{display:flex;flex-direction:column;gap:1rem;align-items:center}.practiceButton[data-v-2190eb1e]{font-size:1.5em;padding:1.5rem;background:var(--light-orange)}.feedback-animation[data-v-2190eb1e]{font-size:2em;text-align:center;padding:2rem;margin:2rem 0;border-radius:1rem;animation:fadeInOut-2190eb1e 1s ease-in-out}.feedback-animation.correct[data-v-2190eb1e]{background-color:rgba(76,175,80,.2);color:#2e7d32}.feedback-animation.incorrect[data-v-2190eb1e]{background-color:rgba(244,67,54,.2);color:#c62828}.feedback-animation .xp-gain[data-v-2190eb1e]{font-size:.8em;margin-top:.5rem;color:#ffc107;text-shadow:0 0 5px rgba(255,193,7,.5);animation:sparkle-2190eb1e .5s ease-in-out}@keyframes fadeInOut-2190eb1e{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes fadeIn-2190eb1e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle-2190eb1e{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.stories-link[data-v-2190eb1e]{margin-top:2rem;color:var(--orange);text-decoration:none;font-size:1.2em;transition:color .2s}.stories-link[data-v-2190eb1e]:hover{color:var(--dark-orange)}.hidden[data-v-2190eb1e]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.amadeus[data-v-11cc3199]{padding:2rem;text-align:center;max-width:28rem;margin:0 auto}.title[data-v-11cc3199]{margin:0;font-size:1.75rem;color:var(--font-color,#421)}.subtitle[data-v-11cc3199]{margin:.25rem 0 1rem;opacity:.75;font-size:.95rem}.err[data-v-11cc3199]{color:#b00;font-size:.9rem}.button-wrap[data-v-11cc3199]{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:1rem 0;width:min(78vw,260px);height:min(78vw,260px);vertical-align:middle}.ring-svg[data-v-11cc3199]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s}.button-wrap.ring-on .ring-svg[data-v-11cc3199]{opacity:1}.ring-track[data-v-11cc3199]{stroke:rgba(0,0,0,.08);stroke-width:5}.ring-progress[data-v-11cc3199]{stroke:var(--orange,#e94);stroke-width:5;stroke-linecap:round;transition:stroke .3s}.ring-progress.warn[data-v-11cc3199]{stroke:#c33}.pulse[data-v-11cc3199]{width:min(70vw,220px);height:min(70vw,220px);border-radius:50%;border:none;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--orange,#e94),var(--dark-orange,#c60));box-shadow:0 6px 20px var(--shadow,rgba(80,40,0,.35));cursor:pointer;touch-action:manipulation}.pulse[data-v-11cc3199]:disabled{opacity:.6;cursor:wait}.hint[data-v-11cc3199]{margin-top:.75rem;font-size:.85rem;opacity:.8;line-height:1.35}.settings-page[data-v-773894dc]{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.access-code-section[data-v-773894dc],.settings-form[data-v-773894dc]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-773894dc]{display:flex;flex-direction:column;gap:.5rem}.form-input[data-v-773894dc]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.input-group[data-v-773894dc]{display:flex;gap:1rem}.button-group[data-v-773894dc]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-773894dc]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn.primary[data-v-773894dc]{background-color:#4caf50;color:#fff}.btn.secondary[data-v-773894dc]{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn[data-v-773894dc]:hover{opacity:.9}.story-management[data-v-773894dc]{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.story-management h3[data-v-773894dc]{color:var(--orange);margin-bottom:1rem}.stories-list[data-v-773894dc]{display:flex;flex-direction:column;gap:1rem}.story-item[data-v-773894dc]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f8f8;border-radius:8px;transition:background-color .2s}.story-item[data-v-773894dc]:hover{background:#f0f0f0}.story-info h4[data-v-773894dc]{margin:0;color:#333}.story-date[data-v-773894dc]{color:#666;font-size:.9em;margin:.2rem 0}.story-language[data-v-773894dc]{color:#666;font-size:.9em;margin:0}.story-actions[data-v-773894dc]{display:flex;gap:.5rem}.btn.delete[data-v-773894dc]{background:none;border:none;font-size:1.2em;padding:.5rem;cursor:pointer;transition:transform .2s}.btn.delete[data-v-773894dc]:hover{transform:scale(1.1)}.btn.export[data-v-773894dc]{background:none;border:none;font-size:1.2em;padding:.5rem;cursor:pointer;transition:transform .2s}.btn.export[data-v-773894dc]:hover{transform:scale(1.1)}.btn.revoke[data-v-773894dc]{background:none;border:none;font-size:1.2em;padding:.5rem;cursor:pointer}.btn.revoke[data-v-773894dc]:hover{transform:scale(1.1)}.import-section[data-v-773894dc]{margin-top:2rem;text-align:center}.btn.import[data-v-773894dc]{background-color:var(--orange);color:#fff;display:inline-flex;align-items:center;gap:.5rem;font-size:1.1em;padding:.75rem 1.5rem}.hidden[data-v-773894dc]{display:none}.no-stories[data-v-773894dc]{text-align:center;color:#666;padding:2rem;background:#f8f8f8;border-radius:8px}.message[data-v-773894dc]{color:#666;margin-top:1rem;text-align:center;padding:.5rem;border-radius:4px;background:#f0f0f0}.input-display[data-v-773894dc]{font-size:2em;text-align:center;margin:1rem 0;font-family:monospace;letter-spacing:.5em;color:var(--orange)}.numpad[data-v-773894dc]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:300px;margin:0 auto}.numpad-btn[data-v-773894dc]{padding:1rem;font-size:1.5em;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.numpad-btn[data-v-773894dc]:focus,.numpad-btn[data-v-773894dc]:hover{background:#f0f0f0;border-color:var(--orange);outline:none}.numpad-btn[data-v-773894dc]:active{transform:scale(.95)}.enter-btn[data-v-773894dc]{background:var(--orange);color:#fff;font-size:2em}.enter-btn[data-v-773894dc]:focus,.enter-btn[data-v-773894dc]:hover{background:var(--orange);opacity:.9}.hint[data-v-773894dc]{font-size:.9em;color:#666;margin:.25rem 0 0}.pending-block[data-v-773894dc]{border:1px solid #f0c040;background:#fffbeb;padding:1rem;border-radius:8px}.pending-item[data-v-773894dc]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.pending-item[data-v-773894dc]:last-child{border-bottom:none}.safety-reason[data-v-773894dc]{font-size:.9em;color:#444;margin:.5rem 0 0}.pending-actions[data-v-773894dc]{display:flex;gap:.5rem;flex-shrink:0}.stories-container[data-v-2c7851a0]{padding:2rem}.approval-notice[data-v-2c7851a0]{background:#fff8e6;border:1px solid #e6c200;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.api-key-message[data-v-2c7851a0]{text-align:center;max-width:600px;margin:0 auto;padding:2rem}.api-key-message h2[data-v-2c7851a0]{color:var(--orange);margin-bottom:1rem}.api-key-message p[data-v-2c7851a0]{margin-bottom:2rem;line-height:1.5}.settings-button[data-v-2c7851a0]{font-size:1.5em;padding:1rem 2rem}.greeting-section[data-v-2c7851a0]{text-align:center;margin-bottom:2rem;animation:fadeIn-2c7851a0 .5s ease-out}.greeting-section h2[data-v-2c7851a0]{color:var(--orange);font-size:2em;margin-bottom:1rem}.greeting-section p[data-v-2c7851a0]{color:#666;font-size:1.2em;line-height:1.5;max-width:800px;margin:0 auto}.record-section[data-v-2c7851a0]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.record-button[data-v-2c7851a0]{font-size:2em;padding:1rem 2rem;border-radius:50px;border:none;background:var(--orange);color:#fff;cursor:pointer;transition:transform .2s;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;min-height:80px;will-change:transform}.record-button[data-v-2c7851a0]:active{transform:scale(.95)}.record-visualization[data-v-2c7851a0]{display:flex;gap:5px;align-items:center;height:60px;margin-top:1rem}.bar[data-v-2c7851a0]{width:10px;background:var(--orange);border-radius:5px;transition:height .1s}.stories-grid[data-v-2c7851a0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.story-tile[data-v-2c7851a0]{background:#fff;border-radius:10px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.story-tile[data-v-2c7851a0]:hover{transform:translateY(-5px)}.story-image[data-v-2c7851a0]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.story-content[data-v-2c7851a0]{padding:1rem 2rem}.story-icon[data-v-2c7851a0]{font-size:2em;margin-bottom:1rem}.story-date[data-v-2c7851a0]{color:#666;font-size:.9em;margin-top:.5rem}.generation-progress[data-v-2c7851a0]{max-width:600px;margin:2rem auto;text-align:center}.progress-bar[data-v-2c7851a0]{width:100%;height:20px;background:#eee;border-radius:10px;overflow:hidden}.progress-fill[data-v-2c7851a0]{height:100%;background:var(--orange);transition:width .3s ease}.progress-step[data-v-2c7851a0]{margin-top:1rem;color:var(--orange);font-weight:500}.record-button[data-v-2c7851a0]:disabled{opacity:.7;cursor:not-allowed;transform:none}.record-button.too-short[data-v-2c7851a0]{background-color:#ff6b6b;animation:shake-2c7851a0 .5s}.error-message[data-v-2c7851a0]{color:#ff6b6b;text-align:center;margin-top:.5rem;font-size:.9em}@keyframes shake-2c7851a0{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fadeIn-2c7851a0{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}