.cito-ai-page{background:radial-gradient(circle at 84% 12%,#60a5fa1a,#0000 24%),radial-gradient(circle at 18% 82%,#0ea5e914,#0000 30%);border-radius:28px;place-items:stretch stretch;min-height:calc(100dvh - 40px);display:grid}.cito-ai-shell{background:radial-gradient(circle at 78% 12%, #52a6ff38, transparent 25%), radial-gradient(circle at 18% 82%, #24bd9a24, transparent 30%), var(--app-panel-bg);border:var(--app-panel-border);min-height:calc(100dvh - 40px);box-shadow:var(--app-panel-shadow);box-sizing:border-box;border-radius:28px;grid-template-rows:auto 1fr auto auto;gap:18px;padding:28px;display:grid}.cito-ai-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cito-ai-title-row{align-items:center;gap:16px;min-width:0;display:flex}.cito-ai-logo-frame{border:1px solid #93c5fd33;border-radius:26px;flex-shrink:0;place-items:center;width:104px;height:104px;display:inline-grid;overflow:hidden;box-shadow:0 0 24px #38bdf83d}.cito-ai-logo{object-fit:cover;width:100%;height:100%;display:block}.cito-ai-logo--light,:root[data-theme=light] .cito-ai-logo--dark{display:none}:root[data-theme=light] .cito-ai-logo--light{display:block}.cito-ai-kicker{color:var(--app-muted);margin:0 0 8px;font-size:14px;font-weight:700}.cito-ai-header h1{color:var(--app-heading);margin:0;font-size:38px;line-height:1.05}.cito-ai-model{color:var(--app-accent-soft);background:#60a5fa21;border:1px solid #93c5fd2e;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:800}.cito-ai-chat{flex-direction:column;gap:12px;min-height:360px;padding:4px;display:flex;overflow-y:auto}.cito-ai-message{border:var(--app-panel-border);max-width:min(760px,86%);box-shadow:var(--app-glow-soft);border-radius:18px;padding:14px 16px}.cito-ai-message--assistant{background:var(--app-card-solid-bg);align-self:flex-start}.cito-ai-message--user{background:linear-gradient(135deg,#2563ebd1,#0ea5e9b8);align-self:flex-end}.cito-ai-message-label{color:var(--app-accent-soft);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.cito-ai-message p{color:var(--app-heading);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.55}.cito-ai-error{color:var(--app-danger-text);background:var(--app-danger-bg);border:1px solid var(--app-danger-border);border-radius:14px;padding:10px 12px;font-size:14px}.cito-ai-form{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.cito-ai-form textarea{resize:vertical;border:1px solid var(--app-input-border);background:var(--app-input-bg);width:100%;min-height:86px;color:var(--app-input-text);font:inherit;box-sizing:border-box;border-radius:18px;outline:none;padding:14px 16px}.cito-ai-form textarea::placeholder{color:var(--app-muted)}.cito-ai-form textarea:focus{border-color:#7dd3fc9e;box-shadow:0 0 0 3px #38bdf821}.cito-ai-form button{color:#fff;min-width:118px;min-height:52px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:0;border-radius:16px;font-weight:800;box-shadow:0 16px 30px #2563eb42}.cito-ai-form button:disabled{cursor:not-allowed;opacity:.56}:root[data-theme=light] .cito-ai-shell{background:radial-gradient(circle at 78% 12%,#60a5fa38,#0000 25%),radial-gradient(circle at 18% 82%,#0ea5e929,#0000 30%),linear-gradient(#f2f7fffa,#e8f1fff5)}:root[data-theme=light] .cito-ai-message--user{background:linear-gradient(135deg,#2563ebf0,#0284c7e6)}:root[data-theme=light] .cito-ai-message--user .cito-ai-message-label,:root[data-theme=light] .cito-ai-message--user p{color:#fff}:root[data-theme=light] .cito-ai-model{color:#075985;background:#0ea5e91f;border-color:#0ea5e938}@media (max-width:720px){.cito-ai-shell{border-radius:22px;min-height:calc(100dvh - 24px);padding:18px}.cito-ai-header{flex-direction:column}.cito-ai-logo-frame{border-radius:22px;width:82px;height:82px}.cito-ai-header h1{font-size:30px}.cito-ai-message{max-width:96%}.cito-ai-form{grid-template-columns:1fr}.cito-ai-form button{width:100%}}:root{color:var(--app-text);background-color:var(--app-body-bg);--app-text:#ffffffeb;--app-body-bg:#08111f;--app-shell-bg:radial-gradient(circle at top left, #5878ff3d, transparent 18%), radial-gradient(circle at top right, #d67aff1f, transparent 20%), radial-gradient(circle at bottom left, #3163ff29, transparent 26%), linear-gradient(180deg, #12153b 0%, #0a112b 24%, #050c19 100%);--app-main-bg:radial-gradient(ellipse at center, #4874ff1a 0%, #4874ff0a 24%, transparent 52%), radial-gradient(circle at top center, #547fff1f, transparent 18%), radial-gradient(circle at right center, #479dff14, transparent 20%), linear-gradient(180deg, #0d1436 0%, #09112b 20%, #06101d 56%, #040b16 100%);--app-sidebar-bg:radial-gradient(circle at top right, #5f90ff14, transparent 24%), linear-gradient(180deg, #08132efb, #050c1ffb);--app-sidebar-border:1px solid #8fc2ff17;--app-sidebar-shadow:inset -1px 0 0 #8fc2ff14, 0 0 26px #4f83ff14;--app-panel-bg:linear-gradient(180deg, #0d1934f5, #070e1ef0);--app-panel-border:1px solid #bfdbfe3d;--app-panel-shadow:0 22px 48px #00000047, 0 0 0 1px #93c5fd24, 0 0 42px #60a5fa33;--app-panel-soft-bg:#ffffff0d;--app-card-solid-bg:#0a142ac7;--app-card-solid-bg-strong:#081228db;--app-card-elevated-bg:linear-gradient(180deg, #0e1c39f5, #081123f0);--app-border-soft:#bfdbfe29;--app-border-strong:#bfdbfe3d;--app-glow-soft:0 0 24px #60a5fa29;--app-glow-strong:0 22px 48px #00000047, 0 0 0 1px #93c5fd24, 0 0 42px #60a5fa33;--app-link-bg:#ffffff0f;--app-link-color:#f8fbff;--app-muted:#8ea9cf;--app-muted-strong:#9ab0d3;--app-subtle-text:#b8c9e6;--app-heading:#f8fbff;--app-accent-soft:#8fd8ff;--app-toggle-bg:#ffffff0a;--app-toggle-color:#f8fbffeb;--app-toggle-border:1px solid #ffffff14;--app-input-bg:#081228db;--app-input-border:#bfdbfe38;--app-input-text:#f8fbff;--app-input-readonly-bg:#ffffff0f;--app-secondary-bg:#ffffff14;--app-secondary-text:#f8fbff;--app-secondary-border:#bfdbfe38;--app-danger-bg:#92252557;--app-danger-border:#f871714d;--app-danger-text:#ffd3d3;--app-success-bg:#22c55e24;--app-success-border:#22c55e3d;--app-success-text:#86efac;--app-overlay-bg:#040a16b8;--app-dialog-bg:radial-gradient(circle at top right, #5878ff29, transparent 28%), linear-gradient(180deg, #0d1934fa, #070e1ef7);--app-sidebar-link-hover-bg:#ffffff1f;--app-table-border:#8fc2ff1a;--app-table-border-soft:#8fc2ff14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{--app-text:#0f172a;--app-body-bg:#eef3fb;--app-shell-bg:radial-gradient(circle at top left, #60a5fa33, transparent 22%), radial-gradient(circle at top right, #818cf824, transparent 24%), linear-gradient(180deg, #f5f8ff 0%, #edf3ff 45%, #e9f0ff 100%);--app-main-bg:radial-gradient(circle at top center, #6366f11c, transparent 24%), linear-gradient(180deg, #fff 0%, #f4f8ff 40%, #edf3ff 100%);--app-sidebar-bg:linear-gradient(180deg, #fffffff5, #f3f7fff5);--app-sidebar-border:1px solid #94a3b83d;--app-sidebar-shadow:inset -1px 0 0 #94a3b82e, 0 8px 22px #3b82f614;--app-panel-bg:linear-gradient(180deg, #fffffff5, #f3f7fff2);--app-panel-border:1px solid #94a3b83d;--app-panel-shadow:0 14px 30px #0f172a0f, 0 0 0 1px #94a3b814;--app-panel-soft-bg:#3b82f614;--app-card-solid-bg:#ffffffd6;--app-card-solid-bg-strong:#fffffff5;--app-card-elevated-bg:linear-gradient(180deg, #fffffffa, #f3f7fff7);--app-border-soft:#94a3b82e;--app-border-strong:#94a3b83d;--app-glow-soft:0 10px 24px #3b82f614;--app-glow-strong:0 14px 30px #0f172a0f, 0 0 0 1px #94a3b814;--app-link-bg:#3b82f614;--app-link-color:#0f172a;--app-muted:#475569;--app-muted-strong:#334155;--app-subtle-text:#475569;--app-heading:#0f172a;--app-accent-soft:#4da8ff;--app-toggle-bg:#6366f114;--app-toggle-color:#1e293b;--app-toggle-border:1px solid #6366f133;--app-input-bg:#fffffff5;--app-input-border:#94a3b847;--app-input-text:#0f172a;--app-input-readonly-bg:#f1f5f9f5;--app-secondary-bg:#ffffffeb;--app-secondary-text:#1e293b;--app-secondary-border:#94a3b842;--app-danger-bg:#fee2e2f5;--app-danger-border:#f8717157;--app-danger-text:#991b1b;--app-success-bg:#dcfce7f5;--app-success-border:#22c55e38;--app-success-text:#166534;--app-overlay-bg:#0f172a47;--app-dialog-bg:radial-gradient(circle at top right, #60a5fa24, transparent 26%), linear-gradient(180deg, #fffffffa, #f3f7fffa);--app-sidebar-link-hover-bg:#3b82f61f;--app-table-border:#94a3b82e;--app-table-border-soft:#94a3b81f}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}body{background:var(--app-body-bg);min-width:320px;min-height:100vh;color:var(--app-text);margin:0}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--app-secondary-bg);color:var(--app-secondary-text);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#60a5fa66}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;min-height:100vh}*{box-sizing:border-box}img,video,canvas{max-width:100%}.app-shell{isolation:isolate;background:var(--app-shell-bg);width:100%;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.app-shell--with-nav{grid-template-columns:272px minmax(0,1fr);grid-template-areas:"sidebar main"}.app-shell--collapsed{grid-template-columns:88px minmax(0,1fr)}.app-shell--single{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}.app-shell--print{height:auto;min-height:100vh;display:block;overflow:visible}.app-main{grid-area:main;min-width:0}.app-sidebar{scrollbar-width:thin;scrollbar-color:#93c5fd6b transparent;grid-area:sidebar}.app-sidebar::-webkit-scrollbar{width:8px}.app-sidebar::-webkit-scrollbar-thumb{background:#93c5fd52;border-radius:999px}.course-detail-page,.course-detail-header,.course-detail-content,.course-detail-player-panel,.course-detail-playlist,.course-detail-playlist-item,.course-detail-playlist-text{min-width:0}.course-detail-playlist-item{overflow:hidden}.course-detail-title,.course-detail-subhead,.course-detail-lesson-title,.course-detail-playlist-title,.course-detail-playlist-video-title{overflow-wrap:anywhere}.app-mobile-topbar,.app-mobile-nav-backdrop{display:none}.course-card-hover,.sidebar-link-pop,button{will-change:transform, box-shadow;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s,filter .22s}.course-card-hover:hover{transform:translateY(-10px)scale(1.015);box-shadow:0 28px 60px #00000057,0 0 0 1px #bfdbfe38,0 0 54px #60a5fa47!important}.course-card-hover:hover:before{opacity:1}.sidebar-link-pop:hover{transform:translate(6px)scale(1.02);background:var(--app-sidebar-link-hover-bg)!important;border-color:#bfdbfe52!important;box-shadow:0 14px 32px #0000003d,0 0 28px #60a5fa38!important}.sidebar-link-ai{isolation:isolate;position:relative;overflow:visible;background:var(--app-link-bg)!important;border-color:#0000!important;box-shadow:0 0 18px #38bdf838,0 0 32px #ec489929,inset 0 0 18px #38bdf81f!important}.sidebar-link-ai>span{z-index:3;position:relative}.sidebar-link-ai:before,.sidebar-link-ai:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.sidebar-link-ai:before{z-index:1;background:conic-gradient(from var(--ai-border-angle), #ff1744, #ff9100, #fe0, #24ff00, #00e5ff, #2979ff, #d500f9, #ff1744);-webkit-mask-composite:xor;padding:3px;animation:1.7s linear infinite ai-border-orbit;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sidebar-link-ai:after{z-index:0;background:conic-gradient(from var(--ai-border-angle), #ff1744c7, #ff9100b8, #ffee00c7, #24ff00b8, #00e5ffd1, #2979ffc7, #d500f9b8, #ff1744c7);filter:blur(12px);opacity:.45;animation:1.7s linear infinite ai-border-orbit;inset:-8px}.sidebar-link-ai:hover{box-shadow:0 16px 34px #0000003d,0 0 22px #38bdf87a,0 0 42px #ec489952,inset 0 0 20px #38bdf829!important}@property --ai-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ai-border-orbit{to{--ai-border-angle:360deg}}button:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-4px)scale(1.02);box-shadow:0 16px 34px #00000042,0 0 26px #60a5fa33!important}button:not(:disabled):active{transform:translateY(-1px)scale(1.005)}.photo-range{appearance:none;background:0 0;width:100%;height:28px;margin:0;display:block}.photo-range:focus{outline:none}.photo-range::-webkit-slider-runnable-track{background:linear-gradient(#ffffff1f,#94a3b82e);border:1px solid #bfdbfe2e;border-radius:999px;height:12px;box-shadow:inset 0 0 0 1px #0f172a2e}.photo-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#62a3ff,#5ab5fff5);border:1px solid #bfdbfe6b;border-radius:50%;width:22px;height:22px;margin-top:-6px;box-shadow:0 0 0 4px #3b82f61f,0 8px 18px #2563eb42}.photo-range::-moz-range-track{background:linear-gradient(#ffffff1f,#94a3b82e);border:1px solid #bfdbfe2e;border-radius:999px;height:12px;box-shadow:inset 0 0 0 1px #0f172a2e}.photo-range::-moz-range-thumb{background:linear-gradient(135deg,#62a3ff,#5ab5fff5);border:1px solid #bfdbfe6b;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 4px #3b82f61f,0 8px 18px #2563eb42}@media (max-width:820px){.app-shell:not(.app-shell--print){grid-template:"mobile-header""main"minmax(0,1fr)/minmax(0,1fr)!important;height:100dvh!important;min-height:100dvh!important;display:grid!important;overflow:hidden!important}.app-mobile-topbar{z-index:30;border:var(--app-sidebar-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#60a5fa33,#0000 32%),#070e1eeb;border-radius:20px;grid-area:mobile-header;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;min-height:54px;margin:10px;padding:8px;display:grid;position:sticky;top:0;box-shadow:0 18px 38px #02081759,0 0 0 1px #bfdbfe14}.app-mobile-menu-button,.app-mobile-avatar{width:40px;height:40px;min-height:40px;color:var(--app-heading);background:#ffffff12;border:1px solid #bfdbfe2e;border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:none!important}.app-mobile-menu-button{justify-self:start}.app-mobile-avatar{justify-self:end;text-decoration:none}.app-mobile-brand{min-width:0;color:var(--app-heading);letter-spacing:.03em;justify-content:center;align-items:center;gap:10px;font-weight:900;display:inline-flex}.app-mobile-brand img{object-fit:contain;width:36px;height:36px}.app-mobile-avatar img,.app-mobile-avatar span{border-radius:50%;width:32px;height:32px}.app-mobile-avatar img{object-fit:cover}.app-mobile-avatar span{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.app-mobile-nav-backdrop{z-index:19;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0208179e;border:0;border-radius:0;width:100%;min-height:100dvh;padding:0;display:block;position:fixed;inset:0;box-shadow:none!important}.app-sidebar{overscroll-behavior:contain;transform:translate(-115%);z-index:25!important;width:min(86vw,320px)!important;height:calc(100dvh - 20px)!important;margin:0!important;padding:18px!important;transition:transform .22s,box-shadow .22s!important;position:fixed!important;inset:10px auto 10px 10px!important;overflow-y:auto!important}.app-shell--mobile-nav-open .app-sidebar{transform:translate(0)}.app-collapsed-rail,.app-collapsed-toggle{display:none!important}.app-main{overscroll-behavior:contain;width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;padding:0 14px 14px!important;overflow:hidden auto!important}.app-main>div[style*=max-width]{width:100%}.sidebar-link-pop:hover,.course-card-hover:hover,button:not(:disabled):hover{transform:none}.dashboard-shell{width:100%;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.dashboard-header-row{align-items:stretch!important;gap:12px!important;margin-bottom:14px!important}.dashboard-header-row>div{min-width:0}.dashboard-action-button{width:100%!important;min-height:44px!important}.dashboard-metric-grid,.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}.dashboard-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;margin-bottom:14px!important}.dashboard-panel{border-radius:16px!important;padding:16px!important;box-shadow:0 12px 26px #00000038,0 0 0 1px #93c5fd14!important}.dashboard-panel--welcome,.dashboard-panel--chart{grid-column:auto!important;min-height:auto!important}.dashboard-line-chart svg{height:190px!important}.dashboard-bar-chart{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important}.dashboard-bar-chart>div{min-width:0}.dashboard-donut{grid-template-columns:minmax(0,1fr)!important}.dashboard-summary-header{align-items:stretch!important}.course-detail-page{overflow-x:hidden;width:100%!important;max-width:none!important;padding:0!important}.course-detail-header{align-items:stretch!important;gap:12px!important;margin-bottom:14px!important}.course-detail-header>div{min-width:0}.course-detail-title{font-size:clamp(1.6rem,9vw,2.1rem)!important;line-height:1.12!important}.course-detail-back-link{justify-content:center;width:100%}.course-detail-stats{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin-bottom:14px!important}.course-detail-info-card{border-radius:16px!important;padding:16px!important}.course-detail-info-value{font-size:clamp(2rem,11vw,2.65rem)!important;line-height:1.08!important}.course-detail-content{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.course-detail-player-panel,.course-detail-playlist{border-radius:16px!important;padding:16px!important}.course-detail-video-frame{border-radius:14px!important}.course-detail-details-panel{border-radius:14px!important;margin-top:14px!important;padding:16px!important}.course-detail-lesson-title,.course-detail-playlist-title{font-size:clamp(1.35rem,7vw,1.8rem)!important;line-height:1.15!important}.course-detail-playlist{position:static!important;top:auto!important}.course-detail-playlist-list{gap:10px!important;margin-top:14px!important}.course-detail-playlist-item{border-radius:14px!important;grid-template-columns:minmax(92px,32vw) minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;padding:10px!important}.course-detail-playlist-thumb{align-self:stretch;height:auto!important;min-height:74px!important}.course-detail-playlist-video-title{word-break:break-word;white-space:normal!important;font-size:14px!important;line-height:1.35!important}}@media (max-width:520px){.app-mobile-topbar{border-radius:18px;min-height:50px;margin:8px}.app-main{padding:10px!important}.app-sidebar{width:min(90vw,300px)!important;height:calc(100dvh - 16px)!important;inset:8px auto 8px 8px!important}h1{font-size:clamp(2rem,12vw,2.8rem)}h2{line-height:1.08}.dashboard-metric-grid,.dashboard-summary-grid{grid-template-columns:minmax(0,1fr)!important}.dashboard-panel{border-radius:14px!important;padding:14px!important}.dashboard-line-chart svg{height:170px!important}.course-detail-player-panel,.course-detail-playlist,.course-detail-details-panel{padding:14px!important}.course-detail-playlist-item{grid-template-columns:minmax(0,1fr)!important}.course-detail-playlist-thumb{min-height:96px!important}}body{background:var(--app-body-bg);color:var(--app-text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:900px;margin:auto;padding:20px}.card{background:var(--app-panel-bg);border:var(--app-panel-border);box-shadow:var(--app-panel-shadow);border-radius:18px;margin-top:16px;padding:16px}