*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:#292524;background:#f5f5f4;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif}#root{flex-direction:column;display:flex}#app{flex-direction:column;flex:1;width:100%;max-width:28rem;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.app-splash{color:#d6d3d1;flex:1;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.topbar{justify-content:flex-end;margin-bottom:.8rem;display:flex}.topbar-profile{font:inherit;color:#292524;cursor:pointer;background:#fff;border:1px solid #e7e5e4;border-radius:2rem;align-items:center;gap:.45rem;padding:.35rem .8rem .35rem .4rem;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000d}.topbar-avatar{color:#000000d9;background:#fee500;border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:800;display:flex}.topbar-caret{color:#a8a29e;font-size:.7rem}.account-type{flex-direction:column;flex:1;justify-content:center;gap:2rem;display:flex}.account-type-cards{flex-direction:column;gap:.8rem;display:flex}.account-type-card{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:1.5px solid #e7e5e4;border-radius:1.2rem;flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem;transition:border-color .12s,transform .1s;display:flex}.account-type-card:active{transform:scale(.99)}.account-type-card:hover{border-color:#f59e0b}.account-type-card:disabled{opacity:.6;cursor:default}.account-type-title{color:#292524;font-size:1rem;font-weight:700}.account-type-desc{color:#78716c;font-size:.78rem;line-height:1.55}.age-confirm{color:#292524;cursor:pointer;border:1.5px solid #e7e5e4;border-radius:1.2rem;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:.9rem;font-weight:600;display:flex}.age-confirm input{accent-color:#f59e0b;width:1.05rem;height:1.05rem}.account-type-confirm{letter-spacing:normal}.deck-list{flex-direction:column;flex:1;display:flex}.deck-list-hdr .eyebrow{letter-spacing:.15em;color:#a8a29e;font-size:.7rem;font-weight:600}.deck-list-hdr h1{color:#292524;margin-top:.15rem;font-size:1.4rem;font-weight:700}.deck-empty{color:#78716c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.deck-empty-detail{color:#a8a29e;font-size:.75rem}.upload-cta{color:#fff;width:100%;font:inherit;cursor:pointer;background:#292524;border:none;border-radius:1.2rem;margin-top:1.2rem;padding:1rem;font-size:.95rem;font-weight:700;transition:transform .1s}.upload-cta:active{transform:scale(.99)}.decks{flex-direction:column;gap:.7rem;margin-top:1rem;list-style:none;display:flex}.deck{cursor:pointer;text-align:left;width:100%;font:inherit;background:#fff;border:1px solid #e7e5e4;border-radius:1.2rem;justify-content:space-between;align-items:center;padding:1.1rem 1.2rem;transition:transform .1s;display:flex;box-shadow:0 1px 3px #0000000d}.deck:active{transform:scale(.99)}.deck-title{color:#292524;font-size:1rem;font-weight:700}.deck-meta{color:#a8a29e;gap:.6rem;margin-top:.25rem;font-size:.75rem;display:flex}.deck-arrow{color:#d6d3d1;font-size:1.4rem}.login{flex-direction:column;flex:1;justify-content:center;gap:2.5rem;display:flex}.login-hero{text-align:center}.login-hero .eyebrow{letter-spacing:.15em;color:#a8a29e;font-size:.7rem;font-weight:600}.login-hero h1{color:#292524;margin-top:.2rem;font-size:2.2rem;font-weight:800}.login-desc{color:#78716c;margin-top:.8rem;font-size:.9rem;line-height:1.5}.login-error{text-align:center;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.8rem;padding:.7rem 1rem;font-size:.8rem}.login-actions{flex-direction:column;gap:.8rem;display:flex}.kakao-btn{color:#000000d9;width:100%;font:inherit;cursor:pointer;background:#fee500;border:none;border-radius:1.2rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.95rem;font-weight:700;transition:transform .1s;display:flex}.kakao-btn:active{transform:scale(.99)}.kakao-btn:disabled{opacity:.6;cursor:default}.kakao-symbol{display:inline-flex}.login-note{color:#a8a29e;text-align:center;font-size:.72rem;line-height:1.5}.dev-login-btn{color:#78716c;font:inherit;cursor:pointer;background:0 0;border:1px dashed #d6d3d1;border-radius:1rem;margin-top:.5rem;padding:.7rem;font-size:.8rem}.login-code-link{color:#78716c;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:.7rem;font-size:.82rem;text-decoration:underline}.login-code-link:disabled{opacity:.6;cursor:default}.claim-code-input{width:100%;font:inherit;letter-spacing:.35em;text-align:center;text-transform:uppercase;color:#292524;border:1.5px solid #d6d3d1;border-radius:1.2rem;padding:.9rem 1rem;font-size:1.5rem;font-weight:700}.claim-code-input:focus{border-color:#f59e0b;outline:none}.claim-btn{letter-spacing:normal}.profiles{flex-direction:column;flex:1;display:flex}.profiles-hdr .eyebrow{letter-spacing:.15em;color:#a8a29e;font-size:.7rem;font-weight:600}.profiles-hdr h1{color:#292524;margin-top:.15rem;font-size:1.4rem;font-weight:700}.profiles-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.8rem;margin-top:1rem;padding:.7rem 1rem;font-size:.8rem}.profiles-empty{color:#78716c;flex-direction:column;align-items:center;gap:.4rem;padding:2.5rem 0;font-size:.9rem;display:flex}.profiles-empty-detail{color:#a8a29e;font-size:.75rem}.profile-list{flex-direction:column;gap:.7rem;margin-top:1.2rem;list-style:none;display:flex}.profile-row{align-items:stretch;gap:.5rem;display:flex}.profile-item{cursor:pointer;text-align:left;font:inherit;background:#fff;border:1px solid #e7e5e4;border-radius:1.2rem;flex:1;align-items:center;gap:.9rem;padding:1rem 1.1rem;transition:transform .1s;display:flex;box-shadow:0 1px 3px #0000000d}.profile-item:active{transform:scale(.99)}.profile-item.selected{border-color:#292524;box-shadow:0 0 0 1px #292524}.profile-avatar{color:#000000d9;background:#fee500;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1rem;font-weight:800;display:flex}.profile-info{flex-direction:column;gap:.15rem;display:flex}.profile-name{color:#292524;font-weight:700}.profile-grade{color:#a8a29e;font-size:.75rem}.profile-edit{color:#a8a29e;cursor:pointer;background:#fff;border:1px solid #e7e5e4;border-radius:1.2rem;width:3rem;font-size:1rem}.profile-add{color:#78716c;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px dashed #d6d3d1;border-radius:1.2rem;margin-top:1rem;padding:1rem;font-size:.9rem;font-weight:600}.profile-logout{color:#a8a29e;font:inherit;cursor:pointer;background:0 0;border:none;margin-top:auto;padding:.8rem;font-size:.8rem;text-decoration:underline}.profile-form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.profile-form label{color:#78716c;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.profile-form input{font:inherit;background:#fff;border:1px solid #e7e5e4;border-radius:1rem;padding:.9rem 1rem;font-size:.95rem}.profile-form input:focus{border-color:#0000;outline:2px solid #292524}.profile-save{color:#fff;font:inherit;cursor:pointer;background:#292524;border:none;border-radius:1.2rem;margin-top:.5rem;padding:1rem;font-size:.95rem;font-weight:700}.profile-save:disabled{opacity:.4;cursor:default}.profile-delete{color:#b91c1c;font:inherit;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:1.2rem;padding:.8rem;font-size:.85rem;font-weight:600}.profile-cancel{color:#a8a29e;font:inherit;cursor:pointer;background:0 0;border:none;padding:.6rem;font-size:.85rem}.device-link{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.device-link-title{color:#292524;font-size:1.1rem;font-weight:700}.device-link-desc{color:#78716c;font-size:.85rem;line-height:1.6}.device-link-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.8rem;padding:.7rem 1rem;font-size:.8rem}.device-link-code{letter-spacing:.35em;text-align:center;color:#292524;-webkit-user-select:all;user-select:all;background:#fff;border:1.5px dashed #d6d3d1;border-radius:1.2rem;padding:1.2rem;font-size:2rem;font-weight:800}.device-link-hint{color:#a8a29e;text-align:center;font-size:.75rem;line-height:1.6}.study,.study-main{flex-direction:column;flex:1;display:flex}.study-fallback{color:#78716c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;display:flex}.study-fallback-detail{color:#a8a29e;font-size:.75rem}.study-fallback button{color:#fff;cursor:pointer;background:#292524;border:none;border-radius:.8rem;padding:.6rem 1.2rem;font-family:inherit}.hdr-top{justify-content:space-between;align-items:flex-end;display:flex}.btn-back{color:#a8a29e;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.72rem}.study h1{color:#292524;margin-top:.15rem;font-size:1.25rem;font-weight:700}.btn-reset{color:#78716c;cursor:pointer;background:0 0;border:1px solid #d6d3d1;border-radius:999px;padding:.4rem .8rem;font-family:inherit;font-size:.72rem}.btn-reset.confirm{color:#fff;background:#dc2626;border-color:#dc2626}.tabs,.modes{gap:.4rem;margin-top:1rem;display:flex}.modes{margin-top:.6rem}.tab,.modebtn{color:#57534e;cursor:pointer;background:#fff;border:1px solid #e7e5e4;border-radius:999px;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;font-weight:500}.tab.on{color:#fff;background:#292524;border-color:#292524}.modebtn{color:#78716c;font-size:.75rem}.modebtn.on{color:#fff;background:#4f46e5;border-color:#4f46e5}.stats{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.stat{text-align:center;border:1px solid;border-radius:1rem;padding:.75rem 0}.stat p:first-child{font-size:1.5rem;font-weight:800;line-height:1}.stat p:last-child{margin-top:.3rem;font-size:.7rem;font-weight:500}.stat.g{background:#ecfdf5;border-color:#a7f3d0}.stat.g p:first-child{color:#059669}.stat.g p:last-child{color:#047857}.stat.r{background:#fff1f2;border-color:#fecdd3}.stat.r p:first-child{color:#f43f5e}.stat.r p:last-child{color:#e11d48}.stat.n{background:#fff;border-color:#e7e5e4}.stat.n p:first-child{color:#57534e}.stat.n p:last-child{color:#78716c}.bar{background:#e7e5e4;border-radius:999px;height:.4rem;margin-top:.6rem;overflow:hidden}.bar>div{background:#10b981;border-radius:999px;height:100%;transition:width .3s}.card{text-align:center;cursor:pointer;width:100%;min-height:19rem;font:inherit;background:#fff;border:1px solid #e7e5e4;border-radius:1.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:1.1rem;padding:1.5rem;transition:transform .1s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.card:active{transform:scale(.99)}.badge{color:#a8a29e;background:#f5f5f4;border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-weight:500;position:absolute;top:1rem;right:1rem}.badge-review{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-weight:600;position:absolute;top:1rem;left:1rem}.card-count{color:#a8a29e;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.card-count b{color:#059669}.kanji{color:#1c1917;font-family:Noto Serif JP,Yu Mincho,Hiragino Mincho ProN,serif;font-size:3.6rem;font-weight:700;line-height:1.5}ruby rt{color:#a8a29e;letter-spacing:.1em;font-size:.28em;font-weight:400}.ko-front{color:#1c1917;word-break:keep-all;padding:0 .5rem;font-size:1.8rem;font-weight:700;line-height:1.4}.hint{color:#a8a29e;margin-top:2rem;font-size:.85rem}.answer{width:100%;margin-top:1.4rem}.reading{color:#78716c;font-size:1.1rem}.reading-tight{margin-top:.3rem}.meaning{color:#047857;margin-top:.25rem;font-size:1.5rem;font-weight:700}.kanji-answer{color:#047857;font-family:Noto Serif JP,Yu Mincho,serif;font-size:2.3rem;font-weight:700;line-height:1.5}.forms{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:1.2rem;display:grid}.form{background:#fafaf9;border:1px solid #f5f5f4;border-radius:.8rem;padding:.6rem .2rem}.form p:first-child{color:#a8a29e;margin-bottom:.15rem;font-size:.68rem}.form p:last-child{color:#44403c;word-break:keep-all;font-size:.85rem;font-weight:600}.note{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:.6rem;margin-top:.8rem;padding:.35rem .75rem;font-size:.75rem;display:inline-block}.answers{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;display:grid}.ansbtn{cursor:pointer;border:none;border-radius:1.1rem;padding:1rem 0;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .1s}.ansbtn:active:not(:disabled){transform:scale(.95)}.ansbtn:disabled{color:#a8a29e;cursor:default;background:#e7e5e4}.ansbtn.no{color:#fff;background:#f43f5e;box-shadow:0 1px 3px #00000014}.ansbtn.yes{color:#fff;background:#10b981;box-shadow:0 1px 3px #00000014}.guide{text-align:center;color:#a8a29e;margin-top:.55rem;font-size:.75rem}.done{text-align:center;background:#fff;border:1px solid #e7e5e4;border-radius:1.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:1.1rem;padding:2rem;display:flex}.done .emoji{margin-bottom:1rem;font-size:3rem}.done h2{font-size:1.25rem;font-weight:700}.done p{color:#78716c;margin-top:.5rem;font-size:.85rem}.done button{color:#fff;cursor:pointer;background:#292524;border:none;border-radius:.8rem;margin-top:1.5rem;padding:.85rem 1.5rem;font-family:inherit;font-size:.85rem;font-weight:600}.upload-page{flex-direction:column;flex:1;display:flex}.upload-hdr{align-items:center;gap:.6rem;display:flex}.upload-hdr h1{color:#292524;font-size:1.1rem;font-weight:700}.back-btn{font:inherit;color:#78716c;cursor:pointer;background:0 0;border:none;padding:.3rem .4rem .3rem 0;font-size:.9rem}.upload-pick,.upload-wait{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.upload-guide{color:#57534e;font-size:.95rem;line-height:1.6}.upload-hint{color:#a8a29e;font-size:.75rem}.upload-error{color:#b91c1c;font-size:.85rem;line-height:1.5}.primary-btn{color:#fff;font:inherit;cursor:pointer;background:#292524;border:none;border-radius:1rem;padding:.9rem 1.6rem;font-size:.95rem;font-weight:700;transition:transform .1s}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.5;cursor:default}.spinner{border:3px solid #e7e5e4;border-top-color:#292524;border-radius:50%;width:2.2rem;height:2.2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.review{flex-direction:column;gap:.8rem;margin-top:1.2rem;padding-bottom:2rem;display:flex}.review-warn{color:#92400e;background:#fef3c7;border-radius:.8rem;padding:.7rem .9rem;font-size:.8rem;line-height:1.5}.review-title-label{color:#78716c;flex-direction:column;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.review-title{font:inherit;background:#fff;border:1px solid #e7e5e4;border-radius:.8rem;padding:.7rem .9rem;font-size:1rem}.review-count{color:#78716c;font-size:.8rem}.word-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.word-row{background:#fff;border:1px solid #e7e5e4;border-radius:.9rem;align-items:stretch;gap:.4rem;padding:.6rem;display:flex}.word-inputs{flex:1;grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.word-inputs input{font:inherit;background:#fafaf9;border:1px solid #eee9e7;border-radius:.5rem;min-width:0;padding:.45rem .6rem;font-size:.85rem}.word-inputs input:focus{background:#fff;outline:2px solid #d6d3d1}.word-inputs input:nth-child(3){grid-column:1/-1}.word-del{color:#d6d3d1;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:0 .4rem;font-size:.9rem}.word-del:active{color:#b91c1c}.word-add{font:inherit;color:#78716c;cursor:pointer;background:0 0;border:1px dashed #d6d3d1;border-radius:.9rem;padding:.7rem;font-size:.85rem}.save-btn{margin-top:.4rem}