.kanji-path-tabs{display:flex;gap:8px;margin:20px 0 18px;padding:5px;background:#eee9de;border:1px solid #e3dbc9;border-radius:13px;width:max-content;max-width:100%}
.kanji-path-tabs button{border:0;border-radius:9px;padding:10px 16px;background:transparent;color:#625d50;font-size:12px}
.kanji-path-tabs button.selected{background:#49634a;color:#fff;font-weight:700}
.kanji-route-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.kanji-route-summary>div{display:grid;gap:6px;padding:16px;border:1px solid #e6dfd1;border-radius:13px;background:#fffdf8}
.kanji-route-summary small,.kanji-route-summary span{color:#827b6c;font-size:11px}
.kanji-route-summary strong{color:#49634a;font-size:23px}
.kanji-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}
.kanji-level-card{display:grid;gap:5px;min-width:0;padding:13px 12px;border:1px solid #e6dfd1;border-radius:12px;background:#fffdf8;color:#302f29;text-align:left}
.kanji-level-card strong{font-size:16px;color:#49634a}
.kanji-level-card span,.kanji-level-card small{font-size:10px;color:#827b6c}
.kanji-level-card.selected{border-color:#789064;background:#edf0e4;box-shadow:0 0 0 2px #78906420}
.kanji-plan-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-top:18px}
.kanji-plan-form label,#kanji-personal-form label{display:grid;gap:7px;color:#665f52;font-size:11px}
.kanji-plan-form select,.kanji-plan-form input,#kanji-personal-form input,#kanji-personal-form textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #e2dbce;border-radius:9px;background:#fffdf8;color:#302f29;font:inherit}
.kanji-plan-form button{min-height:40px}
.kanji-paused-note{padding:10px 12px;border-radius:9px;background:#f4eee3;color:#7b694f;font-size:12px}
.kanji-path-search{display:grid;grid-template-columns:minmax(0,1fr) 170px auto auto;align-items:end;gap:10px;margin:20px 0}
.kanji-search-scope{display:grid;gap:7px;color:#665f52;font-size:11px}
.kanji-search-scope select{padding:12px 10px;border:1px solid #e2dbce;border-radius:8px;background:#fffdf8;color:#302f29;font:inherit}
.kanji-day-navigator{display:grid;grid-template-columns:1fr minmax(150px,2fr) 1fr;align-items:center;gap:12px;padding:12px 14px;margin:15px 0 10px;border:1px solid #e6dfd1;border-radius:13px;background:#fffdf8}
.kanji-day-navigator>div{display:grid;gap:4px;text-align:center}
.kanji-day-navigator strong{font-size:15px;color:#302f29}
.kanji-day-navigator span{font-size:11px;color:#827b6c}
.kanji-day-navigator button:last-child{text-align:right}
.kanji-day-progress{padding:16px 18px;margin:10px 0 20px}
.kanji-day-progress>div:first-child,.kanji-progress-caption{display:flex;justify-content:space-between;gap:8px;color:#827b6c;font-size:10px}
.kanji-day-progress progress,.kanji-session-panel>progress{width:100%;height:9px;margin:12px 0;accent-color:#758755}
.kanji-progress-caption{color:#6e6b5f}
.kanji-day-section .section-title{align-items:center}
.kanji-day-section .section-title p{margin:5px 0 0;color:#827b6c;font-size:11px}
.kanji-route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.kanji-route-card{display:grid;gap:7px;min-width:0;min-height:112px;padding:14px 10px;border:1px solid #dfe4d4;border-radius:12px;background:#edf0e4;color:#302f29;text-align:center}
.kanji-route-card strong{font-size:31px;line-height:1.1;color:#49634a}
.kanji-route-card span{overflow:hidden;color:#625d50;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.kanji-route-card small{color:#827b6c;font-size:10px}
.kanji-route-card.learned{background:#e4ebd9;border-color:#91a67a}
.kanji-route-card:hover{border-color:#81956b;transform:translateY(-1px)}
.kanji-writing-panel{margin-top:22px}
.kanji-writing-panel h2{margin-bottom:7px}
.kanji-source-note{margin:20px 0;padding:13px 15px;border:1px solid #e6dfd1;border-radius:11px;background:#fffdf8;color:#777267;font-size:11px;line-height:1.7}
.kanji-source-note summary{cursor:pointer;color:#53684d;font-weight:700}
.kanji-source-note p{margin:10px 0 6px}
.kanji-source-note a{color:#49634a}
.kanji-detail-head{display:flex;align-items:center;gap:22px;margin-bottom:12px}
.kanji-detail-head>strong{font-size:76px;line-height:1;color:#49634a}
.kanji-detail-head h2{margin:10px 0 5px}
.kanji-detail-head p{margin:0;color:#777267;font-size:12px}
.kanji-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.kanji-detail-facts>div{display:grid;gap:5px;padding:12px;border-radius:10px;background:#f2eee4}
.kanji-detail-facts small{color:#827b6c;font-size:10px}
.kanji-detail-facts strong{color:#49634a}
.kanji-word-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}
#kanji-personal-form{display:grid;gap:12px;padding:16px;border:1px solid #e6dfd1;border-radius:12px;background:#f9f6ee}
#kanji-personal-form textarea{resize:vertical}
.kanji-personal-example{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #e6dfd1}
.kanji-personal-example small,.kanji-personal-example p{color:#827b6c;font-size:11px;margin:0}
.kanji-personal-example strong{color:#49634a}
.kanji-detail-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:18px}
.kanji-study-flash{gap:12px;min-height:320px;margin:14px 0;padding:30px;border:1px solid #dfe4d4;background:#edf0e4;color:#302f29}
.kanji-study-flash>strong{font-size:74px;color:#49634a}
.kanji-study-flash>span{font-size:20px;font-weight:700}
.kanji-study-flash small{font-size:12px;line-height:1.7}
.kanji-session-panel .srs-ratings{margin:18px 0}
@media(max-width:900px){.kanji-plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.kanji-route-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kanji-path-search{grid-template-columns:minmax(0,1fr) 160px auto}}
@media(max-width:700px){.kanji-route-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kanji-route-summary>div{padding:12px}.kanji-route-summary strong{font-size:20px}.kanji-level-grid{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto;padding-bottom:5px}.kanji-level-card{padding:10px 8px}.kanji-level-card span,.kanji-level-card small{font-size:9px}.kanji-plan-form{grid-template-columns:1fr 1fr}.kanji-path-search{grid-template-columns:1fr 1fr}.kanji-path-search .search-box{grid-column:1/-1}.kanji-path-search>button{width:100%;padding:11px 8px}.kanji-day-navigator{grid-template-columns:1fr 1.3fr 1fr;gap:5px;padding:10px 7px}.kanji-day-navigator button{padding:9px 7px;font-size:10px}.kanji-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.kanji-route-card{min-height:100px;padding:11px 5px}.kanji-route-card strong{font-size:27px}.kanji-route-card span,.kanji-route-card small{font-size:9px}.kanji-day-section .section-title{align-items:flex-start;flex-direction:column}.kanji-day-section .section-title>.primary{width:100%}.kanji-detail-head{align-items:flex-start;gap:14px}.kanji-detail-head>strong{font-size:58px}.kanji-detail-head h2{font-size:17px}.kanji-detail-facts{gap:6px}.kanji-detail-facts>div{padding:9px}.kanji-study-flash{min-height:275px;padding:20px}.kanji-study-flash>strong{font-size:64px}}
@media(max-width:390px){.kanji-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanji-plan-form{grid-template-columns:1fr}.kanji-path-tabs{width:100%}.kanji-path-tabs button{flex:1;padding:9px 7px;font-size:10px}}