.speak-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000000f;border:none;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;padding:0;transition:background .15s ease,transform .05s ease}.speak-button:hover{background:#0000001f}.speak-button:active{transform:scale(.92)}.speak-button:focus-visible{outline:2px solid #4a90d9;outline-offset:2px}.speak-button-md{font-size:1.15rem;height:2.4rem;width:2.4rem}.speak-button-lg{font-size:1.5rem;height:2.75rem;margin-top:.5rem;width:2.75rem}.word-card{align-items:center;background-color:#fff;border:3px solid #d3d3d3;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin:auto;overflow:hidden;padding:5px;perspective:1000px;position:relative;width:160px}.word-card.success{border:3px solid green;box-shadow:0 0 10px #0f09}.word-card.failure,.word-card.success{transition:border 50ms ease-in-out,box-shadow 50ms ease-in-out}.word-card.failure{border:3px solid red;box-shadow:0 0 10px #f009}.feedback-indicator{font-size:1.1rem;font-weight:700;left:4px;line-height:1;position:absolute;top:4px;z-index:2}.feedback-indicator.success{color:green}.feedback-indicator.failure{color:red}.word-card-inner{flex-direction:column;height:85px;position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform .6s;width:95%}.word-card-back,.word-card-front,.word-card-inner{align-items:center;display:flex;justify-content:center}.word-card-back,.word-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-sizing:border-box;font-family:monospace;height:100%;padding:2px;position:absolute;width:100%}.word-card-front{background-color:#e0e0e0;color:#333;font-size:4rem}.word-card-back,.word-card-front{align-items:center;display:flex;justify-content:center;text-align:center}.word-card-back{background-color:#f5f5f5;color:#555;font-size:2.5rem}.word-card-back,.word-card-inner.flipped{transform:rotateY(180deg)}.practice-buttons{display:flex;gap:1rem;justify-content:center;margin-top:5px;width:95%;z-index:1}.practice-buttons button{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:2rem;margin:0;max-height:4rem;max-width:4rem;padding:0;transition:background-color .3s}.practice-buttons button:hover{background-color:#2c6cd3}.test-buttons{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:1fr 1fr;margin-top:5px;width:95%;z-index:1}.test-buttons button{align-items:center;aspect-ratio:1;background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:1.5rem;justify-content:center;line-height:1.2;margin:0;max-height:100%;overflow:hidden;overflow-wrap:break-word;padding:0;text-align:center;text-overflow:ellipsis;transition:background-color .3s;white-space:normal;width:100%;word-break:keep-all}.test-buttons button:hover{background-color:#2c6cd3}.metadata{display:flex;justify-content:space-between;margin-top:2px;width:100%}.exclude-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;line-height:1;min-height:36px;min-width:68px;padding:6px 10px;white-space:nowrap}.red{background-color:red}.green{background-color:green}.mastery-indicator{align-items:center;align-self:center;color:#555;font-size:.55rem}.history-tiles,.mastery-indicator{display:flex;justify-content:flex-end;overflow:hidden}.history-tiles{gap:2px}.history-tile{border-radius:3px;color:#fff;flex:0 0 auto;font-size:9px;font-weight:700;height:13px;line-height:13px;text-align:center;width:13px}.history-tile.correct{background-color:#2e7d32}.history-tile.wrong{background-color:#c62828}.history-empty{color:#888;font-size:.55rem;white-space:nowrap}.green-background{background-color:green;color:#fff}.red-background{background-color:red;color:#fff}.hint-image-container{align-items:center;display:flex;height:85px;justify-content:center;margin:5px 0;position:relative;width:100%}.hint-image-wrapper{height:100%;position:relative;width:95%}.hint-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.regenerate-hint-button{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:30px;line-height:1;position:absolute;right:5px;top:5px;width:30px}.loading-hint{color:#888;font-size:1rem}.word-meaning{display:grid;grid-template-rows:minmax(0,20%) minmax(0,1fr) minmax(0,1fr);height:100%;width:100%}.word-meaning-ref{align-items:center;display:flex;font-size:1rem;justify-content:space-between;text-align:left}.word-meaning-ref-text{background-color:#333;border-radius:5px;color:#fff;padding:2px}.word-meaning-def1,.word-meaning-def2{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.word-translation{color:#4285f4;font-family:Times New Roman,Times,serif;font-style:italic}.mini-word-card{word-wrap:break-word;align-items:center;background-color:#fff;border:1px solid #333;border-radius:7px;display:flex;flex-direction:row;justify-content:space-between;line-height:1rem;margin:1px;min-height:70px;overflow-wrap:break-word;text-align:center;width:98px}.mini-word-card-word{line-height:2.2rem;min-width:52px}.mini-word-card-def1{font-weight:700;line-height:1.5rem;width:46px}.mini-word-card>*>span{display:block}.completed{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;text-align:center;width:100%}.completed-time{font-size:2.5rem;margin:20px 0}.completed-stats{font-size:3rem;margin:20px 0}.completed-list{word-wrap:break-word;align-items:center;display:flex;flex-wrap:wrap;font-size:1.5rem;justify-content:center;list-style-position:inside;margin:0 auto;max-width:400px;overflow-wrap:break-word;padding-left:0;text-align:left;width:80%}.completed-list li{display:flex;margin:.2em}.completed-incorrect-indicator{font-feature-settings:"smcp";color:red;font-size:x-small;font-variant:small-caps;font-weight:bolder;vertical-align:super}.completed-review{margin:10px auto;max-width:400px;text-align:left;width:80%}.completed-review-title{font-size:1.3rem;margin:10px 0;text-align:center}.completed-review-list{list-style:none;margin:0;padding-left:0}.completed-review-item{align-items:baseline;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;font-size:1.2rem;gap:.4em;padding:4px 0}.completed-review-word{font-weight:700}.completed-review-def{color:#555;font-size:1rem}.completed-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.completed-share-message{color:#2c6cd3;font-size:1rem;margin-top:12px}.completed-button{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;margin-top:20px;padding:10px 20px;transition:background-color .3s}.completed-actions .completed-button{margin-top:0}.completed-button-share{background-color:#34a853}.completed-button-share:hover{background-color:#2a8544}.completed-button:hover{background-color:#2c6cd3}.onboarding-overlay{align-items:center;background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.onboarding-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000004d;max-width:360px;padding:20px 22px 22px;text-align:left;width:100%}.onboarding-title{font-size:1.5rem;margin:0 0 12px;text-align:center}.onboarding-list{list-style:none;margin:0 0 18px;padding:0}.onboarding-list li{align-items:baseline;display:flex;font-size:1rem;gap:.5em;line-height:1.35;margin:10px 0}.onboarding-icon{flex:0 0 auto;text-align:center;width:1.4em}.onboarding-button{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.25rem;padding:10px 20px;transition:background-color .3s;width:100%}.onboarding-button:hover{background-color:#2c6cd3}.container{align-items:center;background-color:#a9a9a9;border:2px solid #d3d3d3;border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-top:60px;padding:10px;width:100%}.cards-area{display:flex;flex-direction:row;height:calc(100% - 100px);min-height:0;overflow:hidden}.incorrect-cards-container{align-items:center;background-color:#333;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:0;margin:0 auto;max-height:var(--cards-container-height);min-height:0;overflow-y:auto;padding:0;width:115px}.incorrect-cards-container:empty{display:none}.incorrect-cards-container>*{margin:0;position:relative;transition:transform .2s ease}.incorrect-cards-container>:hover{transform:translateY(-10px);z-index:1}.cards-container{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-auto-flow:column;margin:0 auto;padding:0;width:100%}.cards-container.layout1c1r,.cards-container.layout1c2r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr))}.cards-container.layout1c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout1c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout1c3r,.cards-container.layout1c4r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr))}.cards-container.layout1c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout2c1r,.cards-container.layout2c2r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.cards-container.layout2c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout2c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout2c3r,.cards-container.layout2c4r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.cards-container.layout2c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout3c1r,.cards-container.layout3c2r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-container.layout3c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout3c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout3c3r,.cards-container.layout3c4r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-container.layout3c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout4c1r,.cards-container.layout4c2r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.cards-container.layout4c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout4c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout4c3r,.cards-container.layout4c4r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.cards-container.layout4c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout5c1r,.cards-container.layout5c2r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))}.cards-container.layout5c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout5c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout5c3r,.cards-container.layout5c4r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))}.cards-container.layout5c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout6c1r,.cards-container.layout6c2r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))}.cards-container.layout6c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout6c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout6c3r,.cards-container.layout6c4r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))}.cards-container.layout6c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout7c1r,.cards-container.layout7c2r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}.cards-container.layout7c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout7c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout7c3r,.cards-container.layout7c4r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}.cards-container.layout7c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout8c1r,.cards-container.layout8c2r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr))}.cards-container.layout8c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout8c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout8c3r,.cards-container.layout8c4r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr))}.cards-container.layout8c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout9c1r,.cards-container.layout9c2r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr))}.cards-container.layout9c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout9c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout9c3r,.cards-container.layout9c4r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr))}.cards-container.layout9c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout10c1r,.cards-container.layout10c2r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr))}.cards-container.layout10c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout10c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout10c3r,.cards-container.layout10c4r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr))}.cards-container.layout10c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout11c1r,.cards-container.layout11c2r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr))}.cards-container.layout11c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout11c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout11c3r,.cards-container.layout11c4r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr))}.cards-container.layout11c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout12c1r,.cards-container.layout12c2r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr))}.cards-container.layout12c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout12c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout12c3r,.cards-container.layout12c4r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr))}.cards-container.layout12c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout1c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout1c5r,.cards-container.layout1c6r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr))}.cards-container.layout1c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout1c7r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout2c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout2c5r,.cards-container.layout2c6r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.cards-container.layout2c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout2c7r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout3c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout3c5r,.cards-container.layout3c6r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-container.layout3c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout3c7r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout4c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout4c5r,.cards-container.layout4c6r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.cards-container.layout4c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout4c7r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout5c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout5c5r,.cards-container.layout5c6r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))}.cards-container.layout5c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout5c7r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout6c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout6c5r,.cards-container.layout6c6r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))}.cards-container.layout6c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout6c7r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout7c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout7c5r,.cards-container.layout7c6r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}.cards-container.layout7c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout7c7r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout8c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout8c5r,.cards-container.layout8c6r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr))}.cards-container.layout8c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout8c7r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout9c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout9c5r,.cards-container.layout9c6r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr))}.cards-container.layout9c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout9c7r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout10c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout10c5r,.cards-container.layout10c6r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr))}.cards-container.layout10c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout10c7r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout11c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout11c5r,.cards-container.layout11c6r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr))}.cards-container.layout11c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout11c7r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout12c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout12c5r,.cards-container.layout12c6r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr))}.cards-container.layout12c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout12c7r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout13c1r,.cards-container.layout13c2r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr))}.cards-container.layout13c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout13c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout13c3r,.cards-container.layout13c4r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr))}.cards-container.layout13c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout13c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout13c5r,.cards-container.layout13c6r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr))}.cards-container.layout13c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout13c7r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout14c1r,.cards-container.layout14c2r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr))}.cards-container.layout14c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout14c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout14c3r,.cards-container.layout14c4r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr))}.cards-container.layout14c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout14c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout14c5r,.cards-container.layout14c6r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr))}.cards-container.layout14c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout14c7r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout15c1r,.cards-container.layout15c2r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr))}.cards-container.layout15c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout15c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout15c3r,.cards-container.layout15c4r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr))}.cards-container.layout15c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout15c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout15c5r,.cards-container.layout15c6r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr))}.cards-container.layout15c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout15c7r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout16c1r,.cards-container.layout16c2r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr))}.cards-container.layout16c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout16c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout16c3r,.cards-container.layout16c4r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr))}.cards-container.layout16c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout16c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout16c5r,.cards-container.layout16c6r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr))}.cards-container.layout16c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout16c7r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout17c1r,.cards-container.layout17c2r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr))}.cards-container.layout17c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout17c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout17c3r,.cards-container.layout17c4r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr))}.cards-container.layout17c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout17c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout17c5r,.cards-container.layout17c6r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr))}.cards-container.layout17c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout17c7r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout18c1r,.cards-container.layout18c2r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr))}.cards-container.layout18c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout18c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout18c3r,.cards-container.layout18c4r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr))}.cards-container.layout18c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout18c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout18c5r,.cards-container.layout18c6r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr))}.cards-container.layout18c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout18c7r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout19c1r,.cards-container.layout19c2r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr))}.cards-container.layout19c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout19c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout19c3r,.cards-container.layout19c4r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr))}.cards-container.layout19c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout19c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout19c5r,.cards-container.layout19c6r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr))}.cards-container.layout19c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout19c7r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout20c1r,.cards-container.layout20c2r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr))}.cards-container.layout20c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout20c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout20c3r,.cards-container.layout20c4r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr))}.cards-container.layout20c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout20c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout20c5r,.cards-container.layout20c6r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr))}.cards-container.layout20c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout20c7r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.progress-bar-container{margin:5px auto;position:relative;width:100%}.progress-bar{background-color:#e0e0e0;border-radius:12px;height:24px;overflow:hidden;width:100%}.progress{background-color:#4caf50;border-radius:12px 0 0 12px;height:100%;transition:width .3s ease}.progress-info{border-radius:8px;color:#333;font-size:14px;font-weight:700;left:50%;padding:4px 8px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-stats{display:flex;justify-content:space-between;margin:0 0 5px;width:100%}.memorized,.not-memorized,.timer{text-wrap-mode:nowrap;background-color:#fff;border-radius:10px;display:flex;font-size:2rem;padding:0 10px}.not-memorized{color:#f44336}.memorized{color:#4caf50}.game-settings{display:flex;flex-direction:row;justify-content:space-between}.game-settings-button{text-wrap-mode:wrap;background-color:#000;border:none;border-radius:10%;color:#fff;cursor:pointer;font-size:.8rem;height:100%;margin:0 3px;padding:0 4px;width:60px}.game-settings-button:hover{background-color:#e0e0e0}.mark-all-memorized-button{background-color:#4285f4;border:1px;border-color:#fff;border-radius:10px;color:#fff;font-size:1.6rem;margin:2px 0 0;padding:2px;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:20%}@media (max-width:480px){.progress-stats{flex-wrap:wrap;gap:4px}.memorized,.not-memorized,.timer{font-size:1.2rem;padding:0 6px}}.navbar{align-items:center;background-color:#333;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 .5rem 0 .25rem;width:100%}.nav-center,.nav-left,.nav-right{align-items:center;display:flex;gap:1.5rem}.nav-left{margin-right:.5rem}.nav-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.logo-text{font-size:1.1rem;margin-right:.5rem}.navbar a{color:#fff;padding:.5rem;text-decoration:none}.navbar a:hover{color:#007bff}.nav-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.nav-button:hover{background:#0056b3}.nav-list{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-item{margin-right:20px}.nav-link{color:#fff;font-size:18px;text-decoration:none}.user-section{align-items:center;display:flex;height:40px;justify-content:space-between;margin-left:auto}.user-section .nav-user-info{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.5rem;margin:3px 0;text-align:center}.login-button,.logout-button{background-color:#4caf50;border:none;border-radius:2px;color:#fff;cursor:pointer;height:30px;padding:2px 5px}.logout-button{background-color:#f44336;margin-left:20px}.page-content{margin-top:60px;padding:20px}.nav-profile-avatar,.profile-avatar{border-radius:50%;box-shadow:0 4px 10px #0000001a;display:block;height:30px;margin-bottom:5px;width:30px}.profile-avatar{height:100px;width:100px}.nav-center a,.nav-right a{color:#fff;font-size:.9rem;padding:.5rem 1rem;text-decoration:none}.nav-link-active{background-color:#ffffff1a;border-radius:4px}.nav-right{gap:.4rem;margin-left:0}.nav-right a{font-size:.8rem;opacity:.7;padding:.25rem .5rem}.nav-center{margin-right:auto;padding-left:0}.dropdown{height:100%;position:relative}.dropdown-trigger{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;height:100%;padding:0 .5rem}.dropdown-arrow{font-size:.6rem;opacity:.7}.user-dropdown-trigger{max-width:200px}.user-avatar{border-radius:50%;height:24px;width:24px}.user-info-compact{align-items:flex-start;display:flex;flex-direction:column;font-size:.7rem;line-height:1.1;overflow:hidden}.user-info-compact .name{font-weight:500}.user-info-compact .email,.user-info-compact .name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-compact .email{opacity:.7}.dropdown-menu{background:#2a2a2a;border-radius:4px;box-shadow:0 2px 10px #0003;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{color:#fff;cursor:pointer;display:block;padding:.5rem 1rem;text-decoration:none;white-space:nowrap}.dropdown-item:hover{background:#ffffff1a}.nav-right .auth-buttons{align-items:center;display:flex;flex-direction:row;gap:8px}.google-signin-compact{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;gap:6px;height:32px;order:1;padding:4px 12px}.google-signin-compact img{height:18px;width:18px}.try-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:32px;order:2;padding:6px 12px;white-space:nowrap}.try-button:hover{background-color:#357ae8}@media (max-width:480px){.navbar{padding:0 .25rem}.nav-center,.nav-left,.nav-right{gap:.5rem}.logo-text,.nav-left{margin-right:.25rem}.logo-text{font-size:1rem}.user-info-compact{display:none}.user-dropdown-trigger{max-width:none;padding:0 .25rem}.dropdown-trigger{padding:0 .35rem}.nav-right a{padding:.25rem .35rem}}.private-login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 48px);padding:20px}.login-card{align-items:center;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;padding:40px 20px}.login-card h2{font-size:2.5rem}.login-card p{font-size:1.2rem;margin-bottom:1rem}.features-list{margin:2rem 0;padding:0 1rem}.feature-item{align-items:center;display:flex;font-size:1.2rem;position:relative}.feature-item:before{display:inline-block;font-size:1.2rem;margin-right:.75rem}.feature-item>:first-child{margin-left:0}.login-button{border-radius:8px;font-size:1.2rem;height:auto;line-height:1.5;margin:2rem auto 1rem;min-width:250px;padding:16px 32px;white-space:nowrap;width:auto}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:300px;width:100%}.google-signin-button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;width:100%}.google-signin-button img{height:18px;width:18px}.try-without-signin{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5em;font-weight:500;padding:12px 24px;transition:background-color .2s;width:100%}.try-without-signin:hover{background-color:#1557b0}.streak-badge{align-items:center;background:#ff8a001f;border-radius:999px;color:#d9660b;display:inline-flex;font-size:.9rem;font-weight:600;gap:.25rem;line-height:1;padding:.2rem .55rem;white-space:nowrap}.streak-badge.goal-met{background:#2ea04326;color:#1f7a34}.streak-flame{font-size:1rem}.streak-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.streak-goal{font-size:.75rem;font-weight:500;opacity:.85}.wordsets-container{align-items:start;display:flex;justify-content:center;padding:0 20px;width:100%}.wordsets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0 auto;width:100%}.wordset-tile{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px}.wordset-button-group{grid-gap:5px;align-items:center;background-color:#a9a9a9;border:1px dotted gray;border-radius:10px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat (3,1fr);padding:5px}.wordset-button{border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;height:100%;margin:5px;width:auto}.wordset-header{grid-column:1/3;grid-row:1;justify-items:center}.wordset-header-text{background:#fff;border:1px solid gray;border-radius:10px;font-size:2rem;margin:-1.2rem 0 3px;padding:3px;text-align:center}.wordset-button-practice{background-color:blue;grid-column:1;grid-row:2}.wordset-button-due{background-color:#8e24aa;grid-column:1;grid-row:3}.wordset-button-excluded{background-color:#000;font-size:.5rem;grid-column:1;grid-row:4}.wordset-button-test{background-color:green;grid-column:2;grid-row:2/5}.wordsets-login-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:2rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:480px;padding:2.5rem;text-align:center;width:100%}.login-card h2{color:#1a73e8;font-size:1.8rem;margin-bottom:1rem}.login-card p{color:#5f6368;line-height:1.6;margin-bottom:2rem}.features-list{margin:1rem 0;text-align:left}.feature-item{color:#3c4043;font-size:1.1rem;margin:1rem 0}.feature-item:before{color:#34a853;content:"✓";font-weight:700;margin-right:.5rem}.login-button{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:background .2s}.login-button:hover{background:#1557b0}.wordsets-status{color:#555;font-size:1rem;padding:32px 16px;text-align:center;width:100%}.wordsets-error{align-items:center;display:flex;flex-direction:column;gap:12px}.wordsets-retry{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:10px 20px}.wordsets-retry:hover{background-color:#2c6cd3}.policy-wrapper{background:#fff;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:60px}.policy-container{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:800px;padding:2rem}.policy-container h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.policy-container h2{color:#2a2a2a;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.policy-container p{line-height:1.6;margin-bottom:1rem}.policy-container .last-updated{color:#666;font-style:italic;margin-bottom:2rem}.policy-container ul{margin:1rem 0 1rem 2rem}.policy-container ul li{line-height:1.6;margin-bottom:.5rem}.policy-container ul ul{margin-top:.5rem}.policy-container section{margin-bottom:2rem}@media (max-width:768px){.policy-container{padding:1rem}}.cta-button-container{background-color:#f5f7fa;border-radius:8px;margin:2rem 0;padding:1rem;text-align:center}.cta-button{background-color:#24292e;border-radius:6px;padding:12px 24px;transition:background-color .2s ease}.cta-button:hover{background-color:#2f363d;color:#fff;text-decoration:none}body,html{align-items:center;background-color:#f0f0f0;box-sizing:border-box;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;padding:0}#root,body,html{height:100%;width:100%}.app{display:flex;flex-direction:column;height:100vh}.navbar{height:48px;left:0;position:fixed;right:0;top:0;z-index:1000}.content{height:calc(100vh - 48px);margin-top:48px}.centered-content{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.text-content{line-height:1.6;text-align:left}.content-container{height:100%}.incorrect-cards-container{flex-shrink:0}.cards-container{flex:1 1;min-height:0}.page-wrapper{bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:48px}.home-container{margin:0 auto;max-width:800px;padding:40px 20px}.home-content{align-items:center;display:flex;flex-direction:column;text-align:center}.hero-section{margin-bottom:2rem;text-align:center}.hero-section h1,.hero-section h2{margin-bottom:1rem}.hero-section p{margin-bottom:2rem}.features-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin:10px 0;padding:10px;text-align:left;width:100%}.start-button{background:#1a73e8;border-radius:8px;color:#fff;display:inline-block;font-weight:500;margin:30px 0;padding:15px 30px;text-decoration:none}.start-button:hover{background:#1557b0}.intro-section{display:none}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:10px 0}.feature-card{background:#f5f5f5;border-radius:8px;padding:2rem;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.cta-section{margin:3rem 0}.cta-button{background:#007bff;border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:background .2s}.cta-button:hover{background:#0056b3}.game-preview{background:#f8f9fa;border-radius:12px;margin:3rem auto;max-width:1000px;padding:2rem}.cards-demo{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0;position:relative}.game-stats{display:flex;font-size:1.2rem;gap:1rem;position:absolute;right:20px;top:-30px}.timer{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:.5rem 1rem}.score .wrong{color:#dc3545;margin-right:1rem}.score .right{color:#28a745}.flashcard{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:250px;justify-content:space-between;padding:1rem;perspective:1000px;width:200px}.flashcard.flipped{background:#f8f9fa}.card-content{text-align:center}.chinese-word{font-size:2.5rem;margin-bottom:1rem}.pinyin{color:#666;font-size:1.2rem;margin-bottom:.5rem}.english{color:#444;font-size:1.1rem;margin-bottom:1.5rem}.card-controls{display:flex;gap:1rem;justify-content:center;margin-top:auto}.right-btn,.wrong-btn{border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;width:40px}.wrong-btn{background:#ffebee;color:#dc3545}.right-btn{background:#e8f5e9;color:#28a745}.game-controls-demo{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.control-btn{background:#e9ecef;border:none;border-radius:4px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.control-btn:hover{background:#dee2e6}@media (max-width:768px){.cards-demo{flex-direction:column}.game-stats{margin-bottom:1rem;position:static}.game-controls-demo{flex-wrap:wrap}}.page-container{align-items:center;display:flex;flex-direction:column}.wordsets-container{margin:0 auto;max-width:800px}
/*# sourceMappingURL=main.601ebc3a.css.map*/