.teacher-assistant-layout .teacher-assistant.is-empty{background-image:radial-gradient(#a7a4c126 .8px,transparent .8px);background-size:22px 22px}.teacher-assistant .assistant-mascot-scene{position:relative;width:260px;height:148px;margin:0 auto 12px}.teacher-assistant .assistant-mascot-orbit{position:absolute;left:54px;bottom:0;width:152px;height:120px;display:grid;place-items:center;background:#ebe8fa;color:#625b9c;border:1px solid #ddd6f1;border-radius:53% 47% 43% 57%/54% 59% 41% 46%;box-shadow:5px 6px #dad3ed55}.teacher-assistant .assistant-eyebrow{color:#736485;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;font-weight:750}.teacher-assistant .assistant-starters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(820px,100%);padding-top:4px}.teacher-assistant .assistant-starters button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:126px;padding:15px 13px;text-align:left;border:1px solid #ded7ee;border-radius:15px 15px 15px 5px;background:#f3effa;color:#51446d;box-shadow:0 3px #ded7ee66;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.teacher-assistant .assistant-starters button:nth-child(2){background:#edf5ef;border-color:#d4e3d7;color:#3e6350}.teacher-assistant .assistant-starters button:nth-child(3){background:#fff6e4;border-color:#ecdfc6;color:#775b2a}.teacher-assistant .assistant-starters button:nth-child(4){background:#edf2fb;border-color:#d4dff1;color:#455e84}.teacher-assistant .assistant-starters button:nth-child(5){background:#fbefeb;border-color:#ecd7d0;color:#805446}.teacher-assistant .assistant-starters button span{font-size:.75rem;font-weight:700;line-height:1.4}.teacher-assistant .assistant-starters button small{font-size:.65rem;line-height:1.4;margin-top:auto}.teacher-assistant .assistant-starters button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 6px 12px #2820440d}.teacher-assistant .assistant-starters button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.teacher-assistant .assistant-composer:focus-within{border-color:var(--accent);box-shadow:0 5px #ddd4ef}.teacher-assistant .assistant-companion{margin-left:auto;border-radius:18px 18px 18px 4px;padding:6px 13px;background:#f0ecf8;color:#625479}.assistant-frame .app-content{max-width:1400px}@media (min-width: 761px){.assistant-frame .app-content{padding-bottom:1.25rem}}.teacher-assistant-layout .teacher-assistant{--frame-pad: 1.75rem;width:min(1320px,100%);margin-inline:auto;padding:0 var(--frame-pad) .5rem;background-color:var(--card);border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow)}.teacher-assistant .assistant-toolbar{margin-inline:calc(var(--frame-pad) * -1);padding:.7rem var(--frame-pad);background:var(--surface-subtle);border-bottom:1px solid var(--line);border-radius:23px 23px 0 0}.teacher-assistant:not(.is-empty){gap:0}.teacher-assistant:not(.is-empty) .assistant-thread{margin-inline:calc(var(--frame-pad) * -1);padding-inline:var(--frame-pad)}.teacher-assistant:not(.is-empty)>:is(.notice,.assistant-selection){margin:.5rem 0}.teacher-assistant:not(.is-empty) .assistant-composer{margin-top:.5rem}@media (max-height: 820px) and (min-width: 761px){.teacher-assistant .assistant-mascot-scene{height:115px;margin-bottom:6px}.teacher-assistant .assistant-mascot-orbit{height:92px}.teacher-assistant .assistant-starters button{min-height:112px}}@media (max-width: 760px){.teacher-assistant.is-empty{height:auto;min-height:calc(100dvh - 10rem)}.teacher-assistant .assistant-starters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.teacher-assistant .assistant-starters button{min-height:115px}.teacher-assistant .assistant-starters button:first-child{grid-column:1 / -1}.teacher-assistant .assistant-mascot-scene{margin-top:12px}.teacher-assistant-layout .teacher-assistant{--frame-pad: .75rem;border-radius:18px}.teacher-assistant .assistant-toolbar{gap:.25rem;padding-block:.5rem;border-radius:17px 17px 0 0}.teacher-assistant:not(.is-empty) .assistant-toolbar{position:relative;padding-right:calc(var(--frame-pad) + 3rem)}.teacher-assistant .assistant-companion{position:absolute;top:.5rem;right:var(--frame-pad);padding:5px}.teacher-assistant .assistant-companion>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (prefers-reduced-motion: reduce){.teacher-assistant .assistant-starters button{transition:none}.teacher-assistant .assistant-starters button:hover{transform:none}}.teacher-assistant .assistant-composer{position:relative}.assistant-mention-picker{position:absolute;bottom:calc(100% + 12px);left:0;z-index:20;width:min(380px,100%);padding:6px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-raised);animation:dialog-enter .16s var(--ease-out)}.mention-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 10px}.mention-heading>span{color:var(--ink);font-size:.78rem;font-weight:700}.mention-heading small{color:var(--muted);font-size:.74rem}#student-mention-options{max-height:min(280px,36dvh);overflow-y:auto;overscroll-behavior:contain;scroll-padding:4px}.teacher-assistant .assistant-composer .assistant-mention-picker button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:none;width:100%;min-height:52px;height:auto;margin:2px 0;padding:8px 10px;gap:11px;color:var(--ink);text-align:left;border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none}.teacher-assistant .assistant-composer .assistant-mention-picker button[aria-selected=true]{background:var(--accent-soft)}.teacher-assistant .assistant-composer .assistant-mention-picker button:hover{background:var(--surface-subtle)}.teacher-assistant .assistant-composer .assistant-mention-picker button[aria-selected=true]:hover{background:var(--accent-soft)}.assistant-mention-picker .name-avatar{flex:0 0 34px;width:34px;height:34px;font-size:.7rem}.mention-identity{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}.mention-identity strong{font-size:.84rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.mention-identity small{color:var(--ink-soft);font-size:.875rem;line-height:1.3}.mention-return{display:grid;color:var(--accent);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}[aria-selected=true]>.mention-return{opacity:1}.mention-footer{display:flex;justify-content:space-between;gap:8px;margin-top:5px;padding:10px 10px 5px;color:var(--muted);font-size:.72rem;border-top:1px solid var(--line)}.mention-footer kbd{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-right:2px;padding:0 4px;color:var(--ink-soft);font:inherit;font-size:.68rem;font-weight:650;border-radius:5px;background:var(--surface-muted);box-shadow:inset 0 -1px 0 var(--line-strong)}.assistant-mention-picker p{margin:0;padding:15px 10px;color:var(--muted);font-size:.84rem}
