: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}.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}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}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}