/* Monochrome learning surfaces fit the rest of HomeHub's dark theme. */
.study-controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:0 0 10px;margin-bottom:9px;border-bottom:1px solid #ffffff12}
.study-mode-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#aaa;margin-right:5px}.study-mode-label .ico{width:15px;height:15px}
.composer-menu{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 24px);padding:6px;border:1px solid #444;border-radius:14px;background:#202020;color:#eee;box-shadow:0 14px 40px #0007}.composer-menu::backdrop{background:transparent}
.composer-menu-actions{display:grid;gap:3px}.composer-menu-actions button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:12px;border:0;border-radius:9px;background:transparent;color:#ddd;font-size:13px;text-align:left}.composer-menu-actions button:hover{background:#303030}.composer-menu-actions .ico{width:19px;height:19px;flex-shrink:0}.composer-menu-actions button[aria-pressed="true"]{background:#303030;color:#fff}.study-toggle-state{font-size:11px;color:#aaa;margin-left:auto;padding-left:10px}
.agent-mobile-dialog .composer-menu-actions{padding:10px 14px 18px}.agent-mobile-dialog .composer-menu-actions button{min-height:56px;font-size:15px}
.study-actions{display:flex;gap:3px;flex-wrap:wrap}.study-actions[hidden]{display:none}
.study-actions button{border:0;background:transparent;color:#bcbcbc;font-size:11px;min-height:34px;padding:6px 8px;border-radius:7px}.study-actions button:hover{background:#3c3c3c;color:#fff}
.study-welcome{gap:14px}.study-welcome-icon{display:grid;place-items:center;width:62px;height:62px;background:linear-gradient(145deg,#303030,#151515);border:1px solid #414141;border-radius:18px;box-shadow:0 12px 28px #0004;color:#e4e4e4}.study-welcome-icon .ico{width:29px;height:29px}
.study-eyebrow{color:#8e8e8e;font-size:12px;letter-spacing:.06em;margin-top:8px}.study-welcome h2{margin:0;font-size:25px;letter-spacing:-.04em;font-weight:600}
.study-journey{display:flex;align-items:center;gap:12px;color:#aaa;font-size:12px}.study-journey i{font-style:normal;color:#555}
.markdown .study-card{margin:20px 0;padding:19px 21px;border:1px solid #373737;border-radius:13px;background:linear-gradient(130deg,#222,#191919);overflow:hidden}
.study-card-label{display:flex;align-items:center;gap:9px;font-weight:650;font-size:12px;color:#e4e4e4;margin-bottom:11px;letter-spacing:.01em}.study-card-label:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:2px;background:#a7a7a7}
.study-card-body{font-size:15px;color:#d5d5d5}.study-card-body>:last-child{margin-bottom:0}.markdown .study-question{border-color:#666;background:#252525}.study-question .study-card-label:before{background:#eee;box-shadow:0 0 0 3px #ffffff10}.markdown .study-tip{background:#191919}.markdown .study-summary{border-left:3px solid #888}
.study-mode .message.agent .markdown h2{font-size:21px;letter-spacing:-.025em;margin-top:30px;margin-bottom:14px}.study-mode .message.agent .markdown h3{font-size:17px;margin-top:24px}.study-mode .message.agent .markdown>h2:first-child{margin-top:0}
.markdown .diagram-block,.diagram-dialog .diagram-block{border:1px solid #3a3a3a;border-radius:13px;background:#141414;overflow:hidden;margin:20px 0}
.diagram-toolbar{display:flex;align-items:center;justify-content:space-between;padding:7px 15px;border-bottom:1px solid #303030;font-size:12px;color:#bdbdbd}.diagram-toolbar button{border:0;background:transparent;color:#ccc;font-size:12px;padding:6px 10px;min-height:34px}
.diagram-preview{min-height:70px;color:#999;font-size:12px;overflow:auto}.diagram-preview>p{padding:20px;margin:0}.diagram-preview iframe{display:block;border:0;width:100%;height:150px;background:#141414;color-scheme:dark}
.markdown .diagram-source,.agent-pane .message .diagram-source,.diagram-dialog .diagram-source{border:0;border-top:1px solid #303030;border-radius:0;padding:10px 15px;background:transparent;margin:0;font-size:11px}.diagram-source summary{cursor:pointer;color:#929292}.diagram-source .code-block{margin:10px 0 0}
.diagram-dialog{width:min(1200px,calc(100vw - 32px));max-width:none;max-height:90dvh;overflow:auto;padding:16px;background:#171717;border:1px solid #555;border-radius:16px;color:#eee}.diagram-dialog::backdrop{background:#000b}.diagram-dialog .diagram-block{margin:12px 0 0}.diagram-close{display:block;margin-left:auto;background:#303030;color:#eee;border:1px solid #555;min-width:64px;min-height:44px;border-radius:8px}
@media(max-width:760px){
  .study-controls{gap:4px;padding-bottom:6px;margin-bottom:7px}.study-actions{width:100%;justify-content:space-between;gap:0}.study-mode-label{width:100%;margin:3px 8px}.study-actions button{min-height:44px;padding:8px;font-size:11px}
  .study-welcome h2{font-size:22px}.study-journey{gap:8px;font-size:11px}.markdown .study-card{padding:16px;border-radius:11px}.study-card-body{font-size:15px}.diagram-toolbar button{min-height:44px}.diagram-dialog{padding:10px;width:calc(100vw - 16px)}
}