.real-shell{min-height:100dvh;background:#f7f7fa;font-size:17px}.real-nav{position:fixed;inset:0 auto 0 0;width:240px;background:white;border-right:1px solid #e5e5eb;padding:26px 20px;display:flex;flex-direction:column;gap:12px}.real-brand{display:flex;gap:12px;align-items:center;font-weight:800;margin-bottom:28px}.real-brand img{width:40px}.real-nav button{font:inherit;text-align:left;padding:12px;border:0;border-radius:10px;background:transparent;cursor:pointer}.real-nav button.active{background:#fff1e7;color:#b34700}.real-user{margin-top:auto;display:grid;gap:12px;font-size:15px}.real-main{margin-left:240px;padding:30px;max-width:1500px}.real-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.real-header input{font:inherit;padding:12px 18px;width:min(100%,500px);border:1px solid #ddd;border-radius:12px}.real-main h1{font-size:30px;margin:0 0 20px}.real-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.real-card{background:#fff;border:1px solid #e5e5eb;border-radius:18px;padding:24px;margin-bottom:20px}.real-card h2{font-size:22px;margin:0 0 15px}.real-card p{line-height:1.5;color:#62626d}.real-card .button{margin-top:12px}.real-card label{display:grid;gap:8px;margin:12px 0}.real-card input,.real-card select{font:inherit;padding:12px;border:1px solid #ddd;border-radius:8px;width:100%;box-sizing:border-box}.real-student{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}.program-age{padding:7px 10px;border-radius:8px;background:#f0f0f4;font-size:15px}.program-age.yellow{background:#fff3b5}.program-age.orange{background:#ffe0c0}.program-age.red{background:#ffd9d9}.real-error{color:#9a3412;white-space:pre-wrap}.real-player iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}.real-main button:disabled{opacity:.5;cursor:wait}.real-empty{padding:32px;border:1px dashed #ccc;border-radius:18px;color:#666}.real-search-hit{display:block;width:100%;border:1px solid #ddd;background:white;text-align:left;padding:20px;margin:12px 0;border-radius:12px;font:inherit;cursor:pointer}@media(max-width:760px){.real-nav{position:static;width:auto;flex-direction:row;flex-wrap:wrap}.real-brand{width:100%;margin:0}.real-user{margin:0}.real-main{margin:0;padding:20px}.real-student{grid-template-columns:1fr}.real-header{flex-wrap:wrap}}
.real-card textarea{font:inherit;padding:12px;border:1px solid #ddd;border-radius:10px;width:100%;min-height:110px;box-sizing:border-box;resize:vertical}.theme-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.theme-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.theme-heading span{font-size:15px;color:#666}.theme-description{white-space:pre-wrap}.theme-examples{display:flex;gap:12px;flex-wrap:wrap}.real-card label.theme-check{display:flex;align-items:center;gap:12px}.real-card .theme-check input{width:20px;height:20px;flex-shrink:0}.theme-feedback{background:#fff2e8;border-radius:12px;padding:16px}.theme-review{border-top:1px solid #ddd;padding:24px 0;overflow-wrap:anywhere}.real-card fieldset{max-height:260px;overflow-y:auto;border:1px solid #ddd;border-radius:12px;padding:16px}.real-card small{font-size:14px;color:#666}.real-chat-page{overflow:hidden}.real-chat-page .real-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.real-chat-page .real-main{flex:1;min-height:0;display:flex;flex-direction:column;max-width:none;box-sizing:border-box}.real-chat-page #content{flex:1;min-height:0;display:flex;flex-direction:column}.real-chat-page .real-header{flex-shrink:0}.real-chat-heading{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap;flex-shrink:0}.real-chat-heading span{color:#777}.real-chatbox{display:flex;flex-direction:column;min-height:0;flex:1;background:white;border:1px solid #ddd;border-radius:18px;overflow:hidden}.real-messages{flex:1;min-height:0;overflow-y:auto;padding:24px;overscroll-behavior:contain}.chat-bubble{padding:16px 20px;background:#f2f2f6;border-radius:14px;max-width:780px;margin:0 auto 16px 0;overflow-wrap:anywhere}.chat-bubble.mine{margin:0 0 16px auto;background:#fff0e4}.chat-bubble header{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.chat-bubble time{font-size:13px;color:#777}.chat-bubble p{white-space:pre-wrap;margin:10px 0 0;line-height:1.55}.real-chatbox form{display:flex;align-items:flex-end;gap:14px;padding:16px;border-top:1px solid #eee;flex-shrink:0}.real-chatbox textarea{flex:1;min-width:0;max-height:140px;min-height:54px;resize:vertical;font:inherit;border:1px solid #ddd;border-radius:10px;padding:12px;box-sizing:border-box}.real-chatbox [hidden]{display:none}.real-chat-page #workspaceError:empty{display:none}.real-chat-page #workspaceError:not(:empty){max-height:65px;overflow-y:auto;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.real-chat-page .real-nav{flex-shrink:0;padding:12px;gap:4px}.real-chat-page .real-nav button{padding:8px}.real-chat-page .real-main{padding:12px}.real-chat-page .real-header{margin-bottom:12px}.real-chat-heading h1{font-size:24px;margin-bottom:12px}.real-chatbox form{padding:10px;gap:8px}.real-messages{padding:12px}}
.student-monitoring{grid-column:1/-1;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:12px 16px;background:#f8f8fa;border-radius:12px}.student-monitoring .monitoring-feedback{font-size:14px;color:#666}.real-card .student-monitoring label,.real-card .student-monitoring .button{margin:0}