.study-range,.n3-panel{background:#fff;border:1px solid #cbdde9;border-radius:16px;padding:16px;margin:12px 0;color:#17374c}.range-fields{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:10px}.range-fields label{display:grid;gap:6px;font-size:14px;flex:1;min-width:90px}.range-fields input{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #8ca8b9;border-radius:8px;font-size:16px}.range-fields button,.n3-panel button{padding:11px 15px;border:1px solid #93bbd2;border-radius:10px;background:#eef7fd;color:#123d57;cursor:pointer}.study-range p{margin:8px 0 0;font-size:14px}#cardRangeError{color:#a12424}.n3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.n3-grid button{text-align:left;display:grid;gap:8px;min-height:82px}.n3-panel h2{margin-top:0}.n3-panel small{color:#526978}.n3-table-scroll{overflow-x:auto}.n3-table{width:100%;border-collapse:collapse;min-width:550px}.n3-table th,.n3-table td{padding:12px 10px;border-bottom:1px solid #dce6ec;text-align:left;vertical-align:top}.n3-table th{background:#eef5fa}.n3-related td:nth-child(2){padding-left:25px}.n3-hanviet{font-size:17px;color:#496678;margin:8px 0}.n3-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.n3-note{font-size:14px;line-height:1.6}.n3-table td small{display:block}.n3-panel details{margin-top:18px;font-size:13px}@media(max-width:480px){.study-range,.n3-panel{padding:12px}.range-fields button{flex:1}.n3-grid{grid-template-columns:1fr}}

#studyRange{position:fixed;z-index:95;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,92vw);box-sizing:border-box;max-height:calc(100dvh - 140px);overflow-y:auto;box-shadow:0 22px 55px #1238;margin:0}#studyRange[hidden]{display:none!important}#cardRangeClose{border:0;border-radius:10px;background:#eaf5fb;color:#16567d;font-size:24px;min-width:40px;min-height:40px}#studyRange .range-fields button{min-height:44px}

#studyRange{border:1px solid #cfe3ef;border-radius:20px;padding:14px}#studyRange .quickHead{font-size:18px;margin-bottom:14px}#studyRange .quickGrid{grid-template-columns:1fr}#studyRange .quickSetting{box-sizing:border-box;padding:10px}#studyRange .quickSetting label{font-size:13px}#studyRange input,#studyRange select{box-sizing:border-box;font-size:16px;min-height:40px}#studyRange .quickActions{position:sticky;bottom:-14px;background:white;padding:8px 0;margin-bottom:0}#studyRange .quickActions button{font-size:16px;min-height:44px}#listbox .n3-table tr.currentRow td{background:#fff0bb}#listbox .n3-table button{min-height:40px;min-width:40px}#listbox .n3-table small{display:block;font-size:12px;color:#526978}

#courseView.n3-native-course #openGrammar49{display:none!important}.n3-native-list .row{grid-template-columns:42px 1.2fr 1fr 1.2fr 1.5fr 44px}.n3-native-list .row small{display:block;font-size:12px;color:#607c90}.n3-native-list .row>div{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.n3-native-list .row{grid-template-columns:28px 1fr 1fr 38px;gap:6px}.n3-native-list .row>div:nth-child(1){grid-column:1;grid-row:1 / span 2}.n3-native-list .row>div:nth-child(2){grid-column:2;grid-row:1}.n3-native-list .row>div:nth-child(3){grid-column:2;grid-row:2}.n3-native-list .row>div:nth-child(4){grid-column:3;grid-row:1}.n3-native-list .row>div:nth-child(5){grid-column:3;grid-row:2}.n3-native-list .row>div:nth-child(6){grid-column:4;grid-row:1 / span 2}}

/* v7.3.28 — N3 Han Viet visibility toggle */
#studyRange .n3HanVietQuickSetting{display:flex;align-items:center;justify-content:space-between;gap:12px}
#studyRange .n3HanVietQuickSetting input{width:24px;height:24px;min-height:24px;flex:0 0 auto}
.n3-native-list.n3-hanviet-off .row{grid-template-columns:42px 1.35fr 1.2fr 1.6fr 44px}
@media(max-width:600px){.n3-native-list.n3-hanviet-off .row{grid-template-columns:28px 1.15fr 1.15fr 38px}.n3-native-list.n3-hanviet-off .row>div:nth-child(1){grid-column:1;grid-row:1 / span 2}.n3-native-list.n3-hanviet-off .row>div:nth-child(2){grid-column:2;grid-row:1 / span 2}.n3-native-list.n3-hanviet-off .row>div:nth-child(3){grid-column:3;grid-row:1}.n3-native-list.n3-hanviet-off .row>div:nth-child(4){grid-column:3;grid-row:2}.n3-native-list.n3-hanviet-off .row>div:nth-child(5){grid-column:4;grid-row:1 / span 2}}