:root{--accent: #f59e0b;--accent-soft: rgba(245, 158, 11, .12);--page: #ffffff;--surface: #ffffff;--divider: rgba(0, 0, 0, .09);--text-primary: rgba(0, 0, 0, .92);--text-secondary: rgba(0, 0, 0, .5);--success: #2f9e44;--danger: #e03131;--stat-classrooms-bg: #feddc7;--stat-classrooms-icon: #f97316;--stat-chats-bg: #d0e1fd;--stat-chats-icon: #3b82f6;--stat-homeworks-bg: #faedc4;--stat-homeworks-icon: #eab308;--stat-bills-bg: #c3edf5;--stat-bills-icon: #06b6d4}:root[data-theme=dark]{--accent: #8932a8;--accent-soft: rgba(137, 50, 168, .18);--page: #101014;--surface: #1f1f23;--divider: rgba(255, 255, 255, .09);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .45);--success: #69db7c;--danger: #ff8787;--stat-classrooms-bg: #ccab95;--stat-classrooms-icon: #c74100;--stat-chats-bg: #9eafcb;--stat-chats-icon: #0950c4;--stat-homeworks-bg: #c8bb92;--stat-homeworks-icon: #b88100;--stat-bills-bg: #91bbc3;--stat-bills-icon: #0084a2}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;background:var(--page);color:var(--text-primary)}#app{min-height:100vh}.page-container{max-width:720px;margin:0 auto;padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title{font-size:1.4rem;font-weight:700;margin:0}.card{border-radius:12px;padding:12px;margin-bottom:12px}.link-accent{color:var(--accent);text-decoration:none}.html-content{line-height:1.5;word-break:break-word}.html-content img{max-width:100%;border-radius:8px}.html-content a{color:var(--accent);text-decoration:underline}html-content-frame iframe,.html-content iframe{max-width:100%;border-radius:8px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell-body{flex:1;max-width:720px;width:100%;margin:0 auto;padding:16px}.app-shell-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.app-shell-bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:10;border-top:1px solid rgba(128,128,128,.2);padding-bottom:env(safe-area-inset-bottom);background:var(--n-color, inherit)}.panel{background:var(--surface);border:1px solid var(--divider);border-radius:16px;padding:16px}.panel__title{margin:0 0 12px;font-size:1.05rem;font-weight:600}.whiteboard-frame{width:100%;height:100%;min-height:60vh;border:0;border-radius:12px;display:block}