.learner-mate-card{margin:10px 0 8px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-softer);padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.learner-mate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.learner-mate-title{min-width:0}.learner-mate-badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid var(--theme-border);border-radius:999px;background:var(--theme-soft);font-size:9px;font-weight:950;color:var(--settings-text)}
.learner-mate-title h3{margin:6px 0 4px;font-size:13px;line-height:1.4;color:var(--settings-text);overflow-wrap:anywhere}
.learner-mate-title p{margin:0;font-size:10px;line-height:1.55;color:var(--settings-text);overflow-wrap:anywhere}
.learner-mate-head>button{flex:0 0 auto;min-height:36px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-soft);color:var(--settings-text);font-size:9px;font-weight:900;padding:0 10px}
.learner-mate-context{margin-top:7px;font-size:9px;line-height:1.45;color:var(--settings-text);opacity:.78}
.learner-mate-availability{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
.learner-mate-availability button{min-width:0;min-height:36px;border:1px solid var(--theme-border);border-radius:11px;background:transparent;color:var(--settings-text);font-size:9px;font-weight:850;padding:4px}
.learner-mate-availability button.selected{background:var(--theme-soft);box-shadow:inset 0 0 0 1px var(--theme-border)}
.learner-mate-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.learner-mate-actions button{min-height:40px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-soft);color:var(--settings-text);font-weight:950}
.learner-mate-actions button:first-child{background:var(--theme-main);color:#fff;border-color:transparent}
.learner-mate-status{display:block;margin-top:6px;min-height:14px;font-size:8.5px;color:var(--settings-text);opacity:.7}
.learner-mate-settings{margin-top:9px;border-top:1px solid var(--theme-border);padding-top:9px}
.learner-mate-settings[hidden]{display:none}
.learner-mate-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.learner-mate-settings label{display:grid;gap:4px;font-size:9px;font-weight:850;color:var(--settings-text)}
.learner-mate-settings select{width:100%;min-height:38px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-softer);color:var(--settings-text);padding:0 8px}
.learner-mate-settings-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}
.learner-mate-settings-actions button{min-height:38px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-soft);color:var(--settings-text);font-weight:900;padding:0 12px}
.learner-mate-privacy{margin:8px 0 0;font-size:8.5px;line-height:1.5;color:var(--settings-text);opacity:.72}
@media(max-width:390px){.learner-mate-settings-grid{grid-template-columns:1fr}.learner-mate-actions{grid-template-columns:1fr 1fr}}


.learner-mate-wrapup{margin:8px 0;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-softer);padding:11px}
.learner-mate-wrapup[hidden]{display:none}
.learner-mate-wrapup-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.learner-mate-wrapup-head>span{font-size:9px;font-weight:950;color:var(--settings-text)}
.learner-mate-wrapup-head button{min-height:36px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-soft);color:var(--settings-text);font-size:9px;font-weight:900;padding:0 10px}
.learner-mate-wrapup h3{margin:8px 0 4px;font-size:12px;line-height:1.4;color:var(--settings-text)}
.learner-mate-wrapup>p,.learner-mate-tomorrow p{margin:0;font-size:10px;line-height:1.55;color:var(--settings-text)}
.learner-mate-tomorrow{margin-top:8px;border-top:1px solid var(--theme-border);padding-top:8px}
.learner-mate-tomorrow b{display:block;margin-bottom:3px;font-size:9px;color:var(--settings-text)}
.learner-mate-wrapup small{display:block;margin-top:7px;font-size:8.5px;line-height:1.45;color:var(--settings-text);opacity:.72}
@media(max-width:390px){.learner-mate-wrapup-head{align-items:stretch}.learner-mate-wrapup-head button{min-width:112px}}



.learner-mate-minichat-open{width:100%;min-height:40px;margin-top:7px;border:1px solid var(--theme-border);border-radius:12px;background:transparent;color:var(--settings-text);font-weight:950}
.learner-mate-minichat{margin:8px 0;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-softer);padding:11px}
.learner-mate-minichat[hidden]{display:none}
.mate-chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mate-chat-head>div{display:flex;align-items:center;gap:7px}.mate-chat-head span{font-size:10px;font-weight:950;color:var(--settings-text)}.mate-chat-head b{font-size:9px;color:var(--settings-text);opacity:.7}
.mate-chat-head button{min-height:34px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-soft);color:var(--settings-text);font-size:9px;font-weight:900;padding:0 10px}
.mate-chat-log{display:grid;gap:7px;max-height:230px;overflow-y:auto;margin-top:9px;padding:2px}
.mate-chat-bubble{max-width:90%;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-soft);padding:9px}
.mate-chat-bubble.mine{justify-self:end;background:var(--theme-softer)}.mate-chat-bubble.theirs{justify-self:start}
.mate-chat-bubble span,.mate-chat-bubble small,.mate-chat-bubble p{display:block;color:var(--settings-text)}
.mate-chat-bubble span{font-size:8px;font-weight:900;opacity:.65}.mate-chat-bubble strong{display:block;margin-top:3px;font-size:12px;line-height:1.5;color:var(--settings-text);overflow-wrap:anywhere}
.mate-chat-bubble small{margin-top:2px;font-size:9px;line-height:1.45}.mate-chat-bubble p{margin:4px 0 0;font-size:9px;line-height:1.45;opacity:.8}
.mate-chat-empty{font-size:9px;color:var(--settings-text);opacity:.72}
.mate-chat-suggestion{margin:8px 0 0;border:1px dashed var(--theme-border);border-radius:11px;padding:8px;font-size:9px;line-height:1.45;color:var(--settings-text)}
.mate-chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}
.mate-chat-input-row input{min-width:0;min-height:40px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-softer);color:var(--settings-text);padding:0 10px}
.mate-chat-input-row button,.mate-chat-spoke{min-height:40px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-soft);color:var(--settings-text);font-weight:900;padding:0 12px}
.mate-chat-spoke{width:100%;margin-top:6px}.learner-mate-minichat>small{display:block;margin-top:6px;font-size:8.5px;color:var(--settings-text);opacity:.72}
.mate-chat-privacy{margin:6px 0 0;font-size:8px;line-height:1.45;color:var(--settings-text);opacity:.62}
@media(max-width:390px){.mate-chat-log{max-height:200px}.mate-chat-bubble{max-width:94%}}



.learner-mate-recall{margin:8px 0;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-softer);padding:11px}
.learner-mate-recall[hidden]{display:none}
.learner-mate-recall-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.learner-mate-recall-head span{font-size:9px;font-weight:950;color:var(--settings-text)}
.learner-mate-recall-head button{min-height:36px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-soft);color:var(--settings-text);font-size:9px;font-weight:900;padding:0 10px}
.learner-mate-recall h3{margin:8px 0;font-size:12px;line-height:1.4;color:var(--settings-text)}
.learner-mate-recall-list{display:grid;gap:6px}
.learner-mate-recall-list article{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-soft);padding:8px}
.learner-mate-recall-list article>b{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--theme-border);border-radius:50%;font-size:9px;color:var(--settings-text)}
.learner-mate-recall-list strong,.learner-mate-recall-list small,.learner-mate-recall-list p{display:block;color:var(--settings-text)}
.learner-mate-recall-list strong{font-size:11px;line-height:1.45}.learner-mate-recall-list small{margin-top:2px;font-size:8.5px}.learner-mate-recall-list p{margin:3px 0 0;font-size:9px;opacity:.78}
.learner-mate-recall>p{margin:8px 0 0;font-size:8.5px;line-height:1.5;color:var(--settings-text);opacity:.7}
@media(max-width:390px){.learner-mate-recall-head{align-items:stretch}.learner-mate-recall-head button{min-width:112px}}



.learner-mate-daily-mode{margin-top:9px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-soft);padding:9px}
.learner-mate-daily-mode[hidden]{display:none}
.learner-mate-mode-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.learner-mate-mode-head span{font-size:8.5px;font-weight:900;color:var(--settings-text);opacity:.72}
.learner-mate-mode-head b{font-size:10px;color:var(--settings-text)}
.learner-mate-daily-mode p{margin:6px 0 4px;font-size:9px;line-height:1.45;color:var(--settings-text)}
.learner-mate-daily-mode>strong{display:block;font-size:9.5px;line-height:1.5;color:var(--settings-text)}
.learner-mate-mode-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}
.learner-mate-mode-buttons button{min-width:0;min-height:34px;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-softer);color:var(--settings-text);font-size:8px;font-weight:850;padding:3px}
.learner-mate-mode-buttons button.selected{background:var(--theme-main);color:#fff;border-color:transparent}
@media(max-width:390px){.learner-mate-mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}



.learner-mate-mode-feedback{margin-top:8px;border-top:1px solid var(--theme-border);padding-top:8px}
.learner-mate-mode-feedback>span{display:block;font-size:8.5px;font-weight:900;color:var(--settings-text);opacity:.75}
.learner-mate-mode-feedback>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}
.learner-mate-mode-feedback button{min-height:34px;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-softer);color:var(--settings-text);font-size:8px;font-weight:850;padding:3px}
.learner-mate-mode-feedback button.selected{background:var(--theme-main);color:#fff;border-color:transparent}
.learner-mate-mode-feedback small{display:block;margin-top:6px;font-size:8px;line-height:1.45;color:var(--settings-text);opacity:.68}



.learner-mate-timing{margin-top:8px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-softer);padding:9px}
.learner-mate-timing[hidden]{display:none}
.learner-mate-timing-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center}
.learner-mate-timing-head span{font-size:8.5px;font-weight:900;color:var(--settings-text);opacity:.68}
.learner-mate-timing-head b{min-width:0;font-size:9.5px;line-height:1.4;color:var(--settings-text);text-align:right;overflow-wrap:anywhere}
.learner-mate-timing p{margin:6px 0 3px;font-size:9px;line-height:1.5;color:var(--settings-text)}
.learner-mate-timing small{display:block;font-size:8px;line-height:1.4;color:var(--settings-text);opacity:.65}
@media(max-width:390px){.learner-mate-timing-head{grid-template-columns:1fr}.learner-mate-timing-head b{text-align:left}}



.learner-mate-why-actions{display:flex;justify-content:flex-end;margin-top:6px}
.learner-mate-why-actions button{min-height:36px;border:1px solid var(--theme-border);border-radius:10px;background:transparent;color:var(--settings-text);font-size:8.5px;font-weight:900;padding:0 10px}
.learner-mate-why{margin-top:7px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-softer);padding:9px}
.learner-mate-why[hidden]{display:none}
.learner-mate-why-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.learner-mate-why-head span{font-size:9px;font-weight:950;color:var(--settings-text)}
.learner-mate-why-head small{font-size:8px;color:var(--settings-text);opacity:.65}
.learner-mate-why-list{display:grid;gap:6px;margin-top:7px}
.learner-mate-why-list article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;border-top:1px solid var(--theme-border);padding-top:7px}
.learner-mate-why-list article:first-child{border-top:0;padding-top:0}
.learner-mate-why-list article>b{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--theme-border);border-radius:50%;font-size:8.5px;color:var(--settings-text)}
.learner-mate-why-list strong{display:block;font-size:9.5px;line-height:1.4;color:var(--settings-text)}
.learner-mate-why-list p,.learner-mate-why>p{margin:3px 0 0;font-size:8.5px;line-height:1.5;color:var(--settings-text)}
.learner-mate-why>p{margin-top:8px;opacity:.68}
@media(max-width:390px){.learner-mate-why-actions{display:block}.learner-mate-why-actions button{width:100%}.learner-mate-why-head{align-items:flex-start;flex-direction:column}}



.learner-mate-more-row{display:flex;justify-content:flex-end;margin-top:6px}
.learner-mate-more-row button{min-height:34px;border:1px solid var(--theme-border);border-radius:10px;background:transparent;color:var(--settings-text);font-size:8.5px;font-weight:900;padding:0 10px}
#learnerMateCard:not(.is-expanded) .learner-mate-detail{display:none!important}
#learnerMateCard:not(.is-expanded) .learner-mate-head{align-items:center}
#learnerMateCard:not(.is-expanded) .learner-mate-title h3{margin-bottom:2px}
#learnerMateCard:not(.is-expanded) .learner-mate-context{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;min-height:0}
#learnerMateCard:not(.is-expanded) .learner-mate-minichat-open{margin-top:6px}
#learnerMateCard:not(.is-expanded) .learner-mate-actions{margin-top:7px}
@media(max-width:390px){.learner-mate-more-row{display:block}.learner-mate-more-row button{width:100%}}



.learner-mate-focus{margin-top:8px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-soft);padding:10px}
.learner-mate-focus>span{display:block;font-size:8px;font-weight:900;color:var(--settings-text);opacity:.65}
.learner-mate-focus h4{margin:4px 0 3px;font-size:11px;line-height:1.4;color:var(--settings-text)}
.learner-mate-focus p{margin:0;font-size:9px;line-height:1.5;color:var(--settings-text);opacity:.8}
.learner-mate-focus button{width:100%;min-height:42px;margin-top:8px;border:0;border-radius:12px;background:var(--theme-main);color:#fff;font-size:10px;font-weight:950}
.learner-mate-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.learner-mate-secondary-actions button{min-height:38px;border:1px solid var(--theme-border);border-radius:11px;background:transparent;color:var(--settings-text);font-size:8.5px;font-weight:900}
#learnerMateStudyAction[hidden]{display:none!important}
#learnerMateCard:not(.is-expanded) .learner-mate-secondary-actions{grid-template-columns:1fr 1fr}
#learnerMateCard:not(.is-expanded) .learner-mate-focus{margin-top:7px}
@media(max-width:390px){.learner-mate-secondary-actions{grid-template-columns:1fr 1fr}.learner-mate-focus button{min-height:44px}}