.classroom-recording-session{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;width:320px;max-width:calc(100% - 32px);max-height:60dvh;overflow:auto;padding:12px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#27272a;box-shadow:0 4px 16px #0002;font-size:13px;letter-spacing:0}.classroom-recording-session button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.classroom-recording-session button:hover{background:#f4f4f5}.classroom-recording-session button:disabled{opacity:.5;cursor:wait}.classroom-recording-session a:focus-visible,.classroom-recording-session button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.classroom-recording-session a{display:inline-flex;align-items:center;min-height:44px;color:#0f766e;text-decoration:underline}.classroom-recording-session-row{display:flex;gap:8px;align-items:center;color:#b91c1c}.classroom-recording-session-row>span{flex:1}.classroom-recording-session-row span[dir=ltr]{display:inline-block;min-width:60px;font-variant-numeric:tabular-nums}.classroom-recording-session ul{padding:0;margin:4px 0;list-style:none}.classroom-recording-session li{display:flex;align-items:center;gap:4px;padding:8px 0;border-top:1px solid #e4e4e7}.classroom-recording-session li>div{flex:1;min-width:0}.classroom-recording-filename{display:block;overflow-wrap:anywhere;font-size:11px}.classroom-recording-session li>div>span+span{font-size:11px;color:#a16207}.classroom-recording-archive-toggle{width:100%}.classroom-recording-close{margin-inline-start:auto}.classroom-recording-session p{margin:8px 0;color:#b91c1c;overflow-wrap:anywhere}.classroom-recording-archive-root{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.classroom-recording-archive-root{align-items:center;padding:1.25rem}}.classroom-recording-archive-backdrop{position:absolute;inset:0;border:0;cursor:pointer;background:#0b122066;backdrop-filter:blur(6px)}.classroom-recording-archive-panel{position:relative;z-index:1;width:100%;max-width:28rem;max-height:min(80dvh,36rem);overflow:auto;padding:.85rem 1rem 1rem;border-radius:1rem 1rem 0 0;border:1px solid #d4d4d8;background:#fff;color:#27272a;box-shadow:0 12px 40px #0003}@media (min-width:640px){.classroom-recording-archive-panel{border-radius:.85rem}}.classroom-recording-archive-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.classroom-recording-archive-head h2{margin:0;font-size:.95rem;font-weight:700}.classroom-recording-archive-empty{margin:1rem 0;color:#71717a;font-size:.8125rem;text-align:center}.classroom-recording-archive-panel ul{padding:0;margin:4px 0;list-style:none}.classroom-recording-archive-panel li{display:flex;align-items:center;gap:4px;padding:8px 0;border-top:1px solid #e4e4e7}.classroom-recording-archive-panel li>div{flex:1;min-width:0}.classroom-recording-archive-panel li>div>span+span{font-size:11px;color:#a16207}.classroom-recording-archive-panel button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.classroom-recording-archive-panel button:hover{background:#f4f4f5}.classroom-recording-archive-panel button:disabled{opacity:.5;cursor:wait}.classroom-recording-archive-panel a{display:inline-flex;align-items:center;min-height:44px;color:#0f766e;text-decoration:underline}.classroom-recording-archive-panel p[role=alert]{margin:8px 0;color:#b91c1c}.local-recording-bell,.local-recording-bell__btn{position:relative;display:inline-flex}.local-recording-bell__btn{align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.65rem;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}.local-recording-bell__btn:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.local-recording-bell__badge{position:absolute;top:.15rem;inset-inline-start:.15rem;min-width:1.05rem;height:1.05rem;padding:0 .25rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:800;line-height:1.05rem;text-align:center;pointer-events:none}.local-recording-bell__btn.is-open{background:color-mix(in srgb,currentColor 10%,transparent)}.local-notif-panel{position:fixed;z-index:220;overflow:auto;padding:0;border-radius:.95rem;border:1px solid #e2e8f0;background:#fff;color:#0f172a;box-shadow:0 18px 40px #0f172a29;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto;touch-action:manipulation}.local-notif-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem .9rem .65rem;border-bottom:1px solid #e2e8f0}.local-notif-panel__title{margin:0;font-size:.95rem;font-weight:800}.local-notif-panel__sub{margin:.2rem 0 0;font-size:.72rem;color:#64748b}.local-notif-panel__close{width:2rem;height:2rem;border:0;border-radius:.5rem;background:#f1f5f9;color:#334155;font-size:1.25rem;line-height:1;cursor:pointer}.local-notif-panel__body{padding:.55rem .65rem .75rem}.local-notif-panel__empty{display:grid;place-items:center;gap:.45rem;padding:1.5rem .75rem;color:#64748b;font-size:.8125rem;text-align:center}.local-notif-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.local-notif-panel__item{display:flex;gap:.55rem;width:100%;padding:.65rem .6rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;text-align:start;cursor:pointer}.local-notif-panel__item.is-unread{border-color:#fdba74;background:#fff7ed}.local-notif-panel__icon{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.6rem;background:#ffedd5;color:#c2410c}.local-notif-panel__content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.local-notif-panel__badge{font-size:.65rem;font-weight:750;color:#c2410c}.local-notif-panel__item-title{font-size:.8125rem;font-weight:750;color:#0f172a}.local-notif-panel__msg{font-size:.72rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-notif-panel__time{font-size:.65rem;color:#94a3b8}.local-notif-panel__hint{display:flex;align-items:flex-start;gap:.35rem;margin:.75rem .15rem 0;font-size:.68rem;line-height:1.45;color:#64748b}.local-notif-panel__foot{padding:.55rem .65rem .7rem;border-top:1px solid #e2e8f0}.local-notif-panel__foot button{width:100%;min-height:2.5rem;border-radius:.65rem;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:.78rem;font-weight:700;cursor:pointer;touch-action:manipulation}