.app{background:#f7f7fb;min-height:100vh}.app-main{width:min(100%,520px);margin:0 auto;padding:82px 16px 40px}.phone-page{width:100%;min-height:calc(100vh - 122px)}.page-content{padding:16px 0 30px}.page-header{grid-template-columns:44px 1fr 44px;align-items:center;min-height:48px;margin-bottom:12px;display:grid}.page-header strong{justify-self:center;font-size:17px;font-weight:900}.page-header button{cursor:pointer;background:0 0;border:0;font-size:28px}.temp-page{text-align:center;background:#fff;border-radius:24px;padding:30px 20px;font-weight:800}.back-button{cursor:pointer;background:#fff;border:0;border-radius:999px;margin-bottom:14px;padding:9px 14px;box-shadow:0 8px 18px #0f172a0f}.top-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e5e7eb;grid-template-columns:52px 1fr 52px;align-items:center;width:100%;height:62px;padding:0 14px;display:grid;position:fixed;top:0;left:0}.top-menu-button,.top-logo-button,.top-profile-button{cursor:pointer;border:0}.top-menu-button,.top-logo-button{background:0 0}.top-menu-button{border-radius:14px;width:42px;height:42px;font-size:25px;line-height:1}.top-logo-button{color:#4f46e5;letter-spacing:.08em;justify-self:center;font-size:18px;font-weight:900}.top-profile-button{color:#fff;background:#4f46e5;border-radius:50%;justify-self:end;place-items:center;width:40px;height:40px;padding:0;font-weight:900;display:grid;overflow:hidden}.top-profile-button span{place-items:center;width:100%;height:100%;display:grid}.top-profile-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.menu-layer{z-index:90;background:0 0;position:fixed;inset:62px 0 0}.menu-popover{background:#fff;border-radius:22px;flex-direction:column;gap:8px;width:210px;margin:10px 0 0 12px;padding:10px;display:flex;box-shadow:0 18px 45px #0f172a38}.menu-popover-item{text-align:left;cursor:pointer;background:#f8fafc;border:0;border-radius:17px;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px 10px;font-weight:800;display:flex}.menu-popover-icon{border-radius:15px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.menu-popover-icon.blue{color:#2563eb;background:#dbeafe}.menu-popover-icon.pink{color:#c026d3;background:#fae8ff}.menu-popover-icon.green{color:#15803d;background:#dcfce7}.menu-popover-icon.orange{color:#c2410c;background:#ffedd5}.menu-popover-icon.red{color:#e11d48;background:#fee2e2}.home-card{background:#fff;border:1px solid #edf0f6;border-radius:22px;padding:18px;box-shadow:0 8px 22px #1118270f}.home-card-title strong{font-size:15px;font-weight:900;display:block}.home-card-title span{color:#8a909d;margin-top:4px;font-size:12px;font-weight:700;display:block}.main-progress{justify-items:center;gap:10px;padding:18px 0;display:grid}.donut{background:conic-gradient(#6d56e9 90deg,#dcdde4 0deg);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.donut>div{background:#fff;border-radius:50%;align-content:center;place-items:center;width:108px;height:108px;display:grid}.donut strong{font-size:30px;font-weight:900}.donut span{color:#6b7280;font-size:12px;font-weight:700}.mini-progress-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-progress-grid div{color:#64748b;justify-items:center;gap:4px;font-size:11px;font-weight:800;display:grid}.home-shortcut-grid{gap:12px;margin-top:16px;display:grid}.home-shortcut-grid button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:22px;gap:5px;width:100%;padding:17px 18px;display:grid;box-shadow:0 10px 24px #0f172a12}.home-shortcut-grid strong{font-size:16px;font-weight:900}.home-shortcut-grid span{color:#64748b;font-size:13px;font-weight:700}.mini-progress-grid strong{color:#111827;font-size:18px;font-weight:900}.mini-progress-grid span{color:#64748b;font-size:11px;font-weight:800}.segment-control{background:#eff0f5;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:4px;height:36px;margin:0 40px 16px;padding:3px;display:grid}.segment-control button{cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:12px;font-weight:800}.segment-control button.active{color:#fff;background:#5b43e8}.kana-table{flex-direction:column;gap:8px;display:flex}.kana-row{grid-template-columns:34px repeat(5,1fr);align-items:center;gap:8px;display:grid}.kana-row-label{color:#64748b;text-align:center;font-size:13px;font-weight:900}.kana-header-cell{color:#4f46e5;text-align:center;font-size:13px;font-weight:900}.kana-cell{cursor:pointer;background:#fff;border:1px solid #edf0f6;border-radius:12px;place-items:center;min-height:48px;font-size:22px;font-weight:900;display:grid;box-shadow:0 6px 14px #1118270d}.kana-cell.empty{box-shadow:none;cursor:default;background:0 0;border-color:#0000}.word-list{gap:12px;display:grid}.word-list-item{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:22px;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex;position:relative;box-shadow:0 10px 24px #0f172a12}.word-list-item div{gap:4px;display:grid}.word-list-item strong{font-size:22px;font-weight:900}.word-list-item div span{color:#6b7280;font-size:14px;font-weight:700}.word-list-item p{color:#374151;margin:0;font-weight:800}.kanji-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kanji-list-card{text-align:center;cursor:pointer;background:#fff;border:0;border-radius:22px;place-items:center;gap:5px;min-height:112px;padding:12px 8px;display:grid;position:relative;box-shadow:0 10px 24px #0f172a12}.kanji-list-card strong{font-size:38px;font-weight:900;line-height:1}.kanji-list-card>span:not(.study-status-dot){color:#64748b;font-size:13px;font-weight:800;line-height:1.35}.study-detail-card{text-align:center;background:#fff;border-radius:30px;padding:30px 22px;box-shadow:0 16px 38px #0f172a14}.detail-label{color:#4f46e5;letter-spacing:.16em;font-size:12px;font-weight:900}.study-detail-card h1{margin:10px 0 6px;font-size:64px;line-height:1.05}.detail-reading{color:#64748b;margin:0 0 12px;font-size:20px;font-weight:800}.detail-meaning{margin-bottom:18px;font-size:23px;display:block}.example-box{background:#f8fafc;border-radius:22px;margin-top:10px;padding:17px}.example-box p{margin:0 0 8px;font-weight:900}.example-box span{color:#64748b;font-size:14px}.detail-info-list{text-align:left;gap:12px;margin-top:14px;display:grid}.detail-info-list div{background:#f8fafc;border-radius:20px;padding:16px}.detail-info-list span{color:#64748b;margin-bottom:5px;font-size:13px;font-weight:900;display:block}.detail-info-list strong{display:block}.detail-info-list p{color:#64748b;margin:5px 0 0;font-size:14px}.quiz-top-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.quiz-top-row span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:8px 14px;font-weight:900}.quiz-top-row button{cursor:pointer;background:#fff;border:0;border-radius:999px;padding:8px 13px;font-weight:800;box-shadow:0 8px 18px #0f172a12}.quiz-flip-card{text-align:center;cursor:pointer;background:#fff;border:0;border-radius:30px;place-items:center;width:100%;min-height:300px;padding:28px;display:grid;box-shadow:0 16px 38px #0f172a17}.quiz-flip-card.flipped{background:#eef2ff}.quiz-type{color:#4f46e5;letter-spacing:.16em;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.quiz-flip-card strong{font-size:54px;line-height:1.1;display:block}.quiz-flip-card p{color:#64748b;margin:14px 0 0;font-size:17px;font-weight:800;line-height:1.45}.quiz-status-buttons{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.quiz-status-buttons button{cursor:pointer;border:0;border-radius:18px;padding:14px 8px;font-weight:900}.quiz-status-buttons button:disabled{opacity:.6;cursor:not-allowed}.quiz-status-buttons .known{color:#166534;background:#dcfce7}.quiz-status-buttons .vague{color:#92400e;background:#fef3c7}.quiz-status-buttons .unknown{color:#991b1b;background:#fee2e2}.quiz-complete-card{text-align:center;background:#fff;border-radius:30px;place-items:center;min-height:300px;padding:32px 24px;display:grid;box-shadow:0 16px 38px #0f172a17}.quiz-complete-card span{color:#4f46e5;letter-spacing:.16em;font-size:12px;font-weight:900}.quiz-complete-card h2{margin:8px 0 0;font-size:30px}.quiz-complete-card p{color:#64748b;margin:8px 0 18px;font-weight:800}.quiz-complete-card button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:999px;padding:12px 18px;font-weight:900}.quiz-result-grid{grid-template-columns:repeat(3,1fr);gap:9px;width:100%;margin:4px 0 20px;display:grid}.quiz-result-grid div{border-radius:18px;align-content:center;place-items:center;gap:3px;min-height:72px;display:grid}.quiz-result-grid strong{font-size:23px;font-weight:900}.quiz-result-grid p{margin:0;font-size:12px;font-weight:900}.known-result{color:#166534;background:#dcfce7}.vague-result{color:#92400e;background:#fef3c7}.unknown-result{color:#991b1b;background:#fee2e2}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-form label{color:#334155;flex-direction:column;gap:8px;font-size:14px;font-weight:900;display:flex}.auth-form input{background:#fff;border:0;border-radius:18px;outline:none;padding:15px 16px;font-size:15px;box-shadow:0 8px 20px #0f172a12}.auth-form input:focus{box-shadow:0 0 0 3px #4f46e52e}.auth-form button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:20px;padding:15px;font-size:16px;font-weight:900}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-sub-button{box-shadow:0 8px 20px #0f172a12;color:#475569!important;background:#fff!important}.auth-message{color:#3730a3;background:#eef2ff;border-radius:16px;margin:0;padding:12px 14px;font-size:14px;font-weight:800}.auth-form input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.my-profile-card{background:#fff;border-radius:26px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 14px 30px #0f172a14}.my-profile-icon{color:#fff;background:#4f46e5;border-radius:999px;place-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:grid}.my-profile-card h2{margin:0;font-size:22px}.my-profile-card p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:700}.my-section{background:#fff;border-radius:26px;margin-top:16px;padding:20px;box-shadow:0 14px 30px #0f172a14}.my-section h3{margin:0 0 14px;font-size:18px}.status-guide-list{flex-direction:column;gap:10px;display:flex}.status-guide-list div{align-items:center;gap:10px;display:flex}.status-guide-list p{color:#334155;margin:0;font-weight:800}.my-help-text{color:#64748b;margin:14px 0 0;font-size:13px;line-height:1.5}.my-action-button,.my-logout-button,.my-card button{cursor:pointer;border:0;border-radius:18px;width:100%;padding:14px;font-weight:900}.my-action-button{color:#3730a3;background:#eef2ff}.my-logout-button{color:#991b1b;background:#fee2e2;margin-top:10px}.my-card{text-align:center;background:#fff;border-radius:26px;padding:24px;box-shadow:0 14px 30px #0f172a14}.my-card h2{margin:0 0 8px}.my-card p{color:#64748b;margin:0 0 18px}.my-status-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.my-status-box{border-radius:18px;align-content:center;place-items:center;gap:4px;min-height:84px;display:grid}.my-status-box strong{font-size:22px;font-weight:900}.my-status-box p{margin:0;font-size:12px;font-weight:900}.known-box{color:#166534;background:#dcfce7}.vague-box{color:#92400e;background:#fef3c7}.unknown-box{color:#991b1b;background:#fee2e2}.my-profile-image-box{place-items:center;gap:12px;margin-bottom:18px;display:grid}.my-profile-image{object-fit:cover;border:4px solid #fff;border-radius:999px;width:92px;height:92px;box-shadow:0 10px 24px #0f172a24}.my-profile-placeholder{color:#fff;background:linear-gradient(135deg,#6d56e9,#9b8cff);border:4px solid #fff;border-radius:999px;place-items:center;width:92px;height:92px;font-size:34px;font-weight:900;display:grid;box-shadow:0 10px 24px #0f172a24}.my-profile-image-label{cursor:pointer;border-radius:999px;width:92px;height:92px;display:block;position:relative}.profile-image-overlay{color:#fff;opacity:0;background:#0f172a7a;border-radius:999px;place-items:center;font-size:13px;font-weight:900;transition:opacity .18s;display:grid;position:absolute;inset:0}.my-profile-image-label:hover .profile-image-overlay{opacity:1}.study-status-dot{border-radius:999px;flex-shrink:0;width:11px;height:11px}.study-status-dot.known{background:#22c55e}.study-status-dot.vague{background:#f59e0b}.study-status-dot.unknown{background:#ef4444}.word-list-item .study-status-dot{position:absolute;top:14px;right:14px}.kanji-list-card .study-status-dot{position:absolute;top:10px;right:10px}.word-list-item.studied strong,.kanji-list-card.studied strong{color:#94a3b8}.word-list-item.studied div span,.word-list-item.studied p,.kanji-list-card.studied>span:not(.study-status-dot){color:#cbd5e1}.word-list-item:not(.studied) strong,.kanji-list-card:not(.studied) strong{color:#0f172a}.word-list-item.studied,.kanji-list-card.studied{background:#ffffff4d;box-shadow:0 6px 14px #0f172a09}.admin-app-main{width:100%;max-width:none;padding:62px 0 0}.admin-page{background:#f4f5fb;min-height:calc(100vh - 62px)}.admin-main{width:min(1280px,100% - 64px);margin:0 auto;padding:32px 0 70px}.admin-card,.admin-toolbar-card,.admin-table-card{background:#fff;border-radius:26px;box-shadow:0 14px 32px #0f172a14}.admin-card{margin-top:16px;padding:20px 24px}.admin-card h2{margin:0;font-size:20px;font-weight:900}.admin-card p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700}.admin-card button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:14px;padding:10px 15px;font-size:13px;font-weight:900}.admin-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-toolbar-card{padding:18px 22px}.admin-level-tabs{gap:8px;margin-bottom:14px;display:flex}.admin-level-tabs button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;padding:9px 17px;font-size:13px;font-weight:900}.admin-level-tabs button.active{color:#fff;background:#4f46e5}.admin-control-row{grid-template-columns:auto minmax(420px,1fr);align-items:center;gap:18px;display:grid}.admin-left-controls{align-items:center;gap:10px;min-width:0;display:flex}.admin-type-toggle{background:#f1f5f9;border-radius:999px;padding:4px;display:flex}.admin-type-toggle button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 17px;font-size:13px;font-weight:900}.admin-type-toggle button.active{color:#4f46e5;background:#fff;box-shadow:0 5px 14px #0f172a1a}.admin-check-toggle{color:#334155;cursor:pointer;background:#e2e8f0;border:0;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:900}.admin-check-toggle.active{color:#fff;background:#111827}.admin-delete-selected-button{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:900}.admin-delete-selected-button:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.admin-search-area{grid-template-columns:120px minmax(260px,1fr) 72px;align-items:center;gap:8px;min-width:0;display:grid}.admin-search-area select,.admin-search-area input{background:#fff;border:1px solid #dbe3ef;border-radius:13px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px;font-weight:700}.admin-search-area button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:13px;height:40px;font-size:13px;font-weight:900}.admin-message{color:#64748b;margin:18px 0 0;font-size:14px;font-weight:800}.admin-table-card{margin-top:16px;overflow:hidden}.admin-table-head,.admin-table-row{grid-template-columns:1.1fr 1.5fr 2.4fr;align-items:center;gap:14px;display:grid}.admin-table-card.check-mode .admin-table-head,.admin-table-card.check-mode .admin-table-row{grid-template-columns:56px 1.1fr 1.5fr 2.4fr}.admin-table-head{color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px 22px;font-size:12px;font-weight:900}.admin-table-body{display:grid}.admin-table-row{text-align:left;color:#334155;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf2f7;width:100%;min-height:58px;padding:13px 22px}.admin-table-row:hover{background:#f8fafc}.admin-table-row.selected{background:#eef2ff}.admin-table-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.admin-item-text{color:#111827;font-size:18px!important;font-weight:900!important}.admin-check-cell{align-items:center;display:flex}.admin-checkbox{color:#fff;border:2px solid #cbd5e1;border-radius:8px;place-items:center;width:24px;height:24px;font-size:14px;font-weight:900;display:grid}.admin-checkbox.checked{background:#4f46e5;border-color:#4f46e5}.admin-empty-row{color:#94a3b8;text-align:center;padding:30px;font-size:14px;font-weight:800}.admin-pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.admin-pagination button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:13px;padding:10px 16px;font-size:13px;font-weight:900}.admin-pagination button:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.admin-pagination span{color:#334155;font-size:14px;font-weight:900}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#121826;background:#f4f5fb;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}