body.home #homeCustomMix{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;min-height:39px;background:var(--skin-dff1e7,#dff1e7);border:1px solid var(--skin-91bfa7,#91bfa7);border-radius:9px;color:var(--skin-275f44,#275f44);font-size:15px;font-weight:800;box-shadow:0 3px 12px var(--skin-82b59b15,#82b59b15)}
body.home #homeCustomMix:hover{background:var(--skin-cfe9db,#cfe9db);transform:translateY(-2px);box-shadow:0 7px 18px var(--skin-75a98f25,#75a98f25)}
.mixDialog{width:min(820px,calc(100% - 24px));max-height:90vh;padding:0;border:1px solid var(--skin-d5e6dc,#d5e6dc);border-radius:20px;background:var(--skin-f8fcfa,#f8fcfa);overflow:hidden;box-shadow:0 24px 70px var(--skin-264e3935,#264e3935)}
.mixDialogHead{padding:21px 24px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid var(--skin-e0ece5,#e0ece5)}
.mixDialogHead h2{font-size:24px;margin:0 0 6px;color:var(--skin-2f644a,#2f644a)}.mixDialogHead p{font-size:14px;line-height:1.6;color:var(--skin-6b8674,#6b8674);margin:0}.mixDialogHead button{font-size:24px;width:38px;height:38px;padding:0;border-radius:10px;background:var(--skin-f2f8f4,#f2f8f4);border:1px solid var(--skin-e0ece5,#e0ece5);color:var(--skin-658372,#658372)}
.mixChoices{padding:14px 24px 18px;max-height:52vh;overflow:auto;scrollbar-width:thin}
.mixChapter{margin-bottom:17px}.mixChapter:last-child{margin-bottom:0}.mixChapterHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px}.mixChapterHead h3{font-size:16px;margin:0;color:var(--skin-406b53,#406b53)}.mixChapterHead button{font-size:13px;padding:5px 9px;border:1px solid var(--skin-d5e5db,#d5e5db);background:white;border-radius:7px;color:var(--skin-5e816c,#5e816c);min-height:32px}
.mixSections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mixChoice{display:flex;align-items:center;gap:10px;padding:11px 13px;min-height:62px;border:1px solid var(--skin-dce9e1,#dce9e1);background:#fff;border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.mixChoice.selected{background:var(--skin-e5f4eb,#e5f4eb);border-color:var(--skin-91c2a6,#91c2a6);box-shadow:inset 0 0 0 1px var(--skin-b5d9c3,#b5d9c3)}.mixChoice:hover{transform:translateY(-2px);border-color:var(--skin-9fc7b0,#9fc7b0)}.mixChoice input{width:18px;height:18px;accent-color:var(--skin-76ac8e,#76ac8e);margin:0;flex:none}.mixChoice span{display:grid;gap:3px;min-width:0}.mixChoice strong{font-size:15px;color:var(--skin-3a6950,#3a6950);overflow-wrap:anywhere}.mixChoice small{font-size:12px;color:var(--skin-7a9281,#7a9281)}
.mixDialogFoot{padding:16px 24px 20px;background:#fff;border-top:1px solid var(--skin-dce9e1,#dce9e1);display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center}.mixShuffle{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650;color:var(--skin-3f6d52,#3f6d52)}.mixShuffle input{width:19px;height:19px;accent-color:var(--skin-76ac8e,#76ac8e)}.mixShuffle small{display:block;font-size:12px;color:var(--skin-83988a,#83988a);font-weight:400;margin-top:3px}.mixClear{font-size:13px;padding:5px 8px;min-height:32px;background:#fff;border:1px solid var(--skin-d9e7de,#d9e7de);border-radius:7px;color:var(--skin-738d7b,#738d7b)}.mixSummary{font-size:15px;color:var(--skin-406f54,#406f54);font-weight:650}.mixStart{font-size:16px;font-weight:750;min-height:44px;padding:10px 23px;border:1px solid var(--skin-87b99d,#87b99d);border-radius:10px;background:var(--skin-91c6a8,#91c6a8);color:var(--skin-194d34,#194d34)}.mixStart:disabled{opacity:.45}.mixStart:hover:not(:disabled){background:var(--skin-82ba9b,#82ba9b)}
body.customMix .studyRange{display:none}#shuffleNote{font-size:13px;line-height:1.6;margin:7px 0 16px;color:var(--skin-6c8575,#6c8575)}
body:not(.home):not(.immersive) .stickybar{top:76px;scroll-margin-top:90px}
@media(max-width:640px){body:not(.home):not(.immersive) .stickybar{top:0;scroll-margin-top:12px}}
@media(max-width:640px){body.home .homeQuickLinks{gap:5px;flex-wrap:wrap;justify-content:flex-end}body.home #homeCustomMix{font-size:13px;padding:7px 10px;min-height:36px}.mixDialogHead{padding:17px}.mixDialogHead h2{font-size:21px}.mixChoices{padding:14px 16px;max-height:48vh}.mixSections{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mixChapterHead h3{font-size:14px}.mixChoice{padding:10px;min-height:59px}.mixDialogFoot{padding:14px 17px;gap:12px}.mixShuffle{font-size:14px}.mixStart{font-size:14px;padding:10px 16px}.mixSummary{font-size:14px}}
