:root{color:#202020;background:#ece9e2;font-family:Inter,Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:280px}#root{min-height:100vh;display:grid;place-items:center;padding:clamp(8px,2.5vh,24px) clamp(8px,3vw,20px)}.screen{width:min(100%,30rem)}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#625d55;font-size:.76rem;font-weight:600}.account-actions{display:flex;align-items:center;gap:6px}.sync-button,.view-button{min-width:0;padding:4px 8px;border:1px solid #c9c4ba;border-radius:999px;background:#fffefab8;color:#625d55;font-size:.68rem;cursor:pointer}.sync-button:hover:not(:disabled),.view-button:hover{border-color:#817a70;background:#fffefa}.sync-button.failed{border-color:#c85a54;color:#9f3f3a}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding:3px;border:1px solid #d4d0c7;border-radius:9px;background:#fffefa99}.app-tabs button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#716c63;font-size:.75rem;font-weight:700;cursor:pointer}.app-tabs button.active{background:#35322e;color:#fff}.browse-panel{overflow:hidden;border:1px solid #d4d0c7;border-radius:10px;background:#fffefa}.browse-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 10px}.browse-heading h1{margin:0;color:#302d29;font-size:1.35rem}.browse-heading>span{color:#777168;font-size:.76rem;font-weight:700}.browse-explanation{margin:0;padding:0 20px 14px;color:#716c63;font-size:.76rem}.browse-course-tabs{display:flex;gap:6px;padding:0 20px 12px;overflow-x:auto}.browse-course-tabs button{flex:none;padding:5px 10px;border:1px solid #c9c4ba;border-radius:999px;background:#fff;color:#686259;font-size:.72rem;font-weight:700;cursor:pointer}.browse-course-tabs button.active{border-color:#2458b8;background:#2458b8;color:#fff}.browse-search{display:block;padding:0 20px 14px}.browse-search span{display:block;margin-bottom:5px;color:#716c63;font-size:.72rem;font-weight:700}.browse-search input{width:100%;height:40px;padding:8px 10px;border:1px solid #bdb7ad;border-radius:7px;background:#fff;color:#202020;font:inherit}.browse-layout-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:0 20px 14px;padding:3px;border-radius:7px;background:#eeebe4}.browse-layout-tabs button{padding:5px 8px;border:0;border-radius:5px;background:transparent;color:#716c63;font-size:.72rem;font-weight:700;cursor:pointer}.browse-layout-tabs button.active{background:#fff;color:#302d29}.browse-card-mode{padding:0 20px 18px}.browse-card{box-shadow:none}.browse-card:before{display:none}.browse-status{margin:0;padding:2px 6px;border-radius:4px;background:#eeebe4;color:#777168;font-size:.68rem;font-weight:700;line-height:1.2}.browse-flip-stage{cursor:pointer;outline:none}.browse-flip-stage:focus-visible{border-radius:6px;outline:2px solid #2458b8;outline-offset:2px}.browse-card .flip-inner{height:300px}.browse-back-face{justify-content:center;text-align:center}.browse-flip-hint{margin:9px 0 0;color:#817a70;font-size:.68rem;text-align:center}.browse-pager{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.browse-pager button{min-width:0;height:42px;border:1px solid #c9c4ba;border-radius:7px;background:#fff;color:#625d55;font-size:.8rem;font-weight:700;cursor:pointer}.browse-pager button:nth-child(2){border-color:#2458b8;background:#2458b8;color:#fff}.browse-empty{margin:0;padding:24px 20px;border-top:1px solid #e1ddd4;color:#716c63;font-size:.82rem;text-align:center}.browse-list{max-height:min(62vh,36rem);overflow-y:auto;border-top:1px solid #e1ddd4}.browse-word{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px}.browse-word+.browse-word{border-top:1px solid #efede7}.browse-word div{min-width:0}.browse-word strong,.browse-word span{display:block}.browse-word strong{color:#302d29;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:.95rem}.browse-word span{margin-top:1px;color:#817a70;font-size:.72rem}.browse-word small{flex:none;padding:2px 6px;border-radius:999px;background:#eeebe4;color:#777168;font-size:.62rem;font-weight:700}.settings-panel{overflow:hidden;border:1px solid #d4d0c7;border-radius:10px;background:#fffefa;box-shadow:0 10px 28px #3a30221a}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #e1ddd4}.settings-kicker{margin:0 0 2px;color:#777168;font-size:.7rem;font-weight:700}.settings-heading h1{margin:0;color:#302d29;font-size:1.35rem}.readonly-badge{flex:none;padding:3px 7px;border-radius:999px;background:#eeebe4;color:#777168;font-size:.68rem;font-weight:700}.settings-group{padding:18px 20px}.settings-group+.settings-group{border-top:1px solid #e1ddd4}.settings-group h2{margin:0 0 10px;color:#5f5a52;font-size:.78rem}.settings-list{margin:0}.settings-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:8px 0}.settings-list>div+div{border-top:1px solid #efede7}.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list dd.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:500;text-align:right;word-break:break-all}.display-name-form{margin-top:12px}.display-name-form label{display:block;margin-bottom:5px;color:#716c63;font-size:.82rem}.display-name-row{display:flex;gap:8px}.display-name-row input{flex:1;min-width:0;height:38px;padding:8px 10px;border:1px solid #bdb7ad;border-radius:7px;background:#fff;color:#202020;font:inherit}.display-name-row button{flex:none;height:38px;padding:0 12px;border:0;border-radius:7px;background:#2458b8;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer}.display-name-row button:disabled{opacity:.5;cursor:default}.settings-note,.registration-note{margin:8px 0 0;color:#777168;font-size:.72rem;line-height:1.4}.settings-note a,.audio-credits a{color:#5a534a;text-underline-offset:2px}.audio-credits{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.audio-credits li{display:grid;gap:2px}.audio-credit-word{color:#24211e;font-size:.82rem;font-weight:650}.audio-credit-meta{color:#777168;font-size:.7rem;line-height:1.45}.registration-note{margin-top:6px}.settings-group.danger .reset-button{width:100%;height:42px;margin-top:12px;border:1px solid #c85a54;border-radius:7px;background:#fff;color:#9f3f3a;font-size:.86rem;font-weight:700;cursor:pointer}.reset-button:hover{background:#fdf4f3}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#302d2975}.modal{width:min(100%,22rem);padding:22px 20px 18px;border:1px solid #d4d0c7;border-radius:10px;background:#fffefa}.modal h2{margin:0 0 10px;color:#302d29;font-size:1.15rem}.modal p{margin:0 0 10px;color:#5f5a52;font-size:.86rem;line-height:1.5}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-cancel,.modal-danger{flex:1;height:42px;border-radius:7px;font-size:.86rem;font-weight:700;cursor:pointer}.modal-cancel{border:1px solid #bdb7ad;background:#fff;color:#625d55}.modal-danger{border:0;background:#c85a54;color:#fff}.modal-cancel:disabled,.modal-danger:disabled{opacity:.5;cursor:default}.settings-list dd{margin:0;color:#302d29;font-size:.86rem;font-weight:700;text-align:right}.registration{padding:24px;border:1px solid #d4d0c7;border-radius:10px;background:#fffefa}.registration h1{margin:0;color:#302d29;font-size:1.35rem}.registration p{margin:8px 0 20px;color:#716c63;font-size:.86rem}.registration label{display:block;margin-bottom:5px;color:#625d55;font-size:.78rem;font-weight:700}.registration input{width:100%;height:44px;padding:8px 10px;border:1px solid #bdb7ad;border-radius:7px;background:#fff;color:#202020;font:inherit}.registration button{width:100%;height:44px;margin-top:12px;border:0;border-radius:7px;background:#2458b8;color:#fff;font-weight:700;cursor:pointer}.registration .error,.screen>.error{margin:8px 0;color:#9f3f3a}.study-course-picker{margin-bottom:10px;padding:11px 12px 12px;border:1px solid #d4d0c7;border-radius:8px;background:#fffefad1}.study-course-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.study-course-heading h2{margin:0;color:#5f5a52;font-size:.76rem}.study-course-heading span{color:#817a70;font-size:.62rem}.study-course-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.study-course-options button{min-width:0;padding:8px 9px;border:1px solid #c9c4ba;border-radius:7px;background:#fff;color:#625d55;cursor:pointer;text-align:left}.study-course-options button.active{border-color:#2458b8;background:#eef3fc;color:#1f4d9f}.study-course-options strong,.study-course-options span{display:block}.study-course-options strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.study-course-options span{margin-top:2px;color:#817a70;font-size:.62rem}.deck-tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:10px;overflow:hidden;border:1px solid #d4d0c7;border-radius:8px;background:#d4d0c7}.stat{min-width:0;padding:7px 6px;background:#fffefaf0;text-align:center}.stat strong,.stat span{display:block}.stat strong{color:#302d29;font-size:.9rem;line-height:1.25}.stat span{margin-top:2px;color:#777168;font-size:.64rem;white-space:nowrap}.deck-tabs::-webkit-scrollbar{display:none}.deck-tab{flex:none;padding:6px 11px;border:1px solid #c9c4ba;border-radius:999px;background:#fffefab8;color:#686259;font-size:.78rem;font-weight:600;cursor:pointer}.deck-tab:hover{border-color:#8b857b}.deck-tab.active{border-color:#35322e;background:#35322e;color:#fff}.study-area{isolation:isolate}.word-card{position:relative;z-index:0;background:#fffefa;border:1px solid #d4d0c7;border-radius:10px;box-shadow:0 2px #d8d4ca,0 10px 28px #3a30221f;padding:13px 16px 17px}.word-card:before{content:"";position:absolute;z-index:-1;inset:5px -5px -5px 5px;border:1px solid #d8d4ca;border-radius:10px;background:#f7f4ed}.tag-row{min-height:20px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:4px}.tags{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.remaining{flex:none;margin:0;color:#716c63;font-size:.72rem;font-weight:600;line-height:1.3}.flip-stage{perspective:1400px;touch-action:pan-y;border-radius:7px}.flip-stage:not(.flip-discovered) .flip-inner{animation:flip-invitation 1.15s ease .7s 1}.flip-inner{position:relative;height:380px;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.22,.7,.25,1)}.flip-inner.revealed{transform:rotateY(180deg)}@keyframes flip-invitation{0%,58%,to{transform:translate(0) rotateY(0)}76%{transform:translate(-3px) rotateY(-2.5deg)}}.flip-hint{display:flex;justify-content:center;align-items:center;gap:6px;width:fit-content;min-height:20px;margin:7px auto -9px;padding:0;border:0;background:transparent;color:#756f66;font-size:.72rem;font-weight:600;letter-spacing:.015em;opacity:.72;cursor:pointer;transition:opacity .3s ease}.flip-hint:focus-visible{outline:3px solid rgba(36,88,184,.38);outline-offset:2px}.flip-hint span{font-size:.9rem}.flip-discovered .flip-hint{opacity:.72}.face{position:absolute;inset:0;border-radius:6px;background:linear-gradient(#fffefaf0,#fffefaf0),repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#d9e3ec 38px,transparent 39px);padding:12px 18px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px #74674f17;overflow:hidden}.back-face{transform:rotateY(180deg);justify-content:flex-start;overflow-y:auto;padding-top:20px;scrollbar-color:#c8c1b5 transparent;scrollbar-width:thin}.state-badge{margin:0;padding:2px 6px;border-radius:4px;background:#e9f0ff;color:#2458b8;font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1.2;width:fit-content}.part-tag{margin:0;padding:2px 6px;border-radius:4px;background:#f2e7dc;color:#82443e;font-size:.68rem;font-weight:700;line-height:1.2;width:fit-content}.prompt{margin:0;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:clamp(2.7rem,10vw,3.7rem);font-weight:650;line-height:1.08;letter-spacing:-.025em;color:#171717;text-align:center;word-break:break-word;text-wrap:balance}.prompt.long{font-size:clamp(2.2rem,8vw,3.1rem)}.pronunciation-block{margin:10px 0 0;display:flex;flex-direction:column;align-items:center;gap:8px}.speak-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid #cbc7be;border-radius:999px;background:#fffefa;color:#3f3a34;cursor:pointer}.speak-btn:hover:not(:disabled){border-color:#777168;background:#fff}.speak-btn:disabled{color:#b5b0a6;border-color:#ddd9d0;background:#f3f0ea;cursor:not-allowed;opacity:1}.speak-icon{width:1.15rem;height:1.15rem}.pronunciation{margin:0;text-align:center}.pronunciation-ipa,.pronunciation-kana{margin:0;color:#777168;font-family:Inter,Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.025em}.pronunciation-kana{margin-top:5px}.answer{margin:0;font-size:1.25rem;font-weight:600;color:#242424}.back-content{width:min(100%,24rem);margin:0 auto}.back-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}.back-title{min-width:0}.back-heading .speak-btn{flex:none;width:2rem;height:2rem;margin-top:1px}.back-heading .speak-icon{width:1rem;height:1rem}.back-word{margin:0;color:#24211e;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.back-pronunciation{margin:3px 0 0;color:#777168;font-family:Inter,Avenir Next,sans-serif;font-size:.82rem;font-weight:400}.sense+.sense{margin-top:14px;padding-top:14px;border-top:1px solid #dedbd3}.meaning-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.word-forms{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:12px}.word-form{margin:0;color:#47433e;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:.79rem}.word-form span{margin-right:5px;color:#8a8379;font-family:Inter,Hiragino Kaku Gothic ProN,sans-serif;font-size:.66rem;font-weight:700}.part-of-speech{flex:none;padding:2px 6px;border-radius:4px;background:#8e3b35;color:#fff;font-size:.68rem;font-weight:700}.synonyms,.antonyms,.related-words{margin:12px 0 0;color:#5f5a52;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:.9rem}.antonyms,.related-words{margin-top:5px}.synonyms span,.antonyms span,.related-words>span:first-child{margin-right:6px;color:#817a70;font-family:Inter,Hiragino Kaku Gothic ProN,sans-serif;font-size:.72rem;font-weight:700}.related-word{color:#5f5a52}.example{margin-top:14px;padding-left:11px;border-left:3px solid #d5b25c}.example-en,.example-ja{margin:0}.example-en{color:#302d29;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;line-height:1.35}.example-ja{margin-top:4px;color:#746e65;font-size:.75rem;line-height:1.4}.hint{display:flex;gap:7px;margin:14px 0 0;padding:8px 10px;border-radius:6px;background:#f5f0df;color:#5f584c;font-size:.76rem;line-height:1.4}.hint span{flex:none;color:#8b6b25;font-weight:700}button{font:inherit}.ratings{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rate-btn{min-width:0;padding:9px 7px;border:1px solid #cbc7be;border-top-width:3px;border-radius:8px;background:#fffefa;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:600;white-space:nowrap}.rate-btn:hover{border-color:#777168;background:#fff}.rate-again{border-top-color:#c85a54}.rate-hard{border-top-color:#d59b3c}.rate-good{border-top-color:#4f8a63}.rate-easy{border-top-color:#447bb7}.interval{color:#666;font-size:.85rem;font-weight:500}button:disabled{opacity:.5;cursor:default}.empty .prompt{font-size:1.6rem}@media(max-width:520px){#root{place-items:start center}.screen{width:100%}.flip-inner{height:360px}.prompt{font-size:clamp(2.25rem,12vw,3.2rem)}.prompt.long{font-size:clamp(1.9rem,9.5vw,2.65rem)}.face{padding-inline:14px}}@media(max-width:420px){#root{padding:8px}.word-card{padding-inline:12px}.ratings{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.rate-btn{min-height:52px;padding-inline:3px;font-size:.78rem}.interval{font-size:.7rem}}@media(max-width:340px){.learning-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding-inline:3px}.stat span{font-size:.58rem}.flip-inner{height:340px}.answer{font-size:1.1rem}.ratings{gap:5px}}@media(max-height:760px)and (min-width:521px){#root{place-items:start center}.flip-inner{height:330px}}@media(prefers-reduced-motion:reduce){.flip-inner{transition-duration:.01ms}.flip-stage:not(.flip-discovered) .flip-inner{animation:none}}.status{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;white-space:pre-wrap}