:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro Icons", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#0a0a0f;--bg-secondary:#14141f;--bg-glass:#14141fa6;--bg-glass-hover:#1c1c2acc;--bg-glass-active:#232332e6;--bg-sidebar-expanded:#14141feb;--border-light:#ffffff14;--border-focus:#007aff8c;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff61;--text-link:#0a84ff;--ios-blue:#007aff;--ios-blue-rgb:0, 122, 255;--ios-green:#34c759;--ios-green-rgb:52, 199, 89;--ios-orange:#ff9500;--ios-red:#ff3b30;--ios-red-rgb:255, 59, 48;--ios-indigo:#5856d6;--ios-gold:#ffd60a;--status-planned:#ff9500;--status-trained:#34c759;--glass-blur:blur(20px) saturate(180%);--glass-shadow:0 8px 32px 0 #0006;--card-shadow:0 4px 20px #00000040;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--radius-xs:6px;--transition-spring:all .5s cubic-bezier(.175, .885, .32, 1.1);--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease}@media (prefers-color-scheme:light){:root{--bg-primary:#f2f2f7;--bg-secondary:#fff;--bg-glass:#ffffffbf;--bg-glass-hover:#ffffffe6;--bg-glass-active:#f2f2f7f2;--bg-sidebar-expanded:#ffffffeb;--border-light:#00000014;--border-focus:#007affa6;--text-primary:#000;--text-secondary:#0009;--text-muted:#00000061;--text-link:#007aff;--glass-shadow:0 8px 32px 0 #00000014;--card-shadow:0 4px 20px #0000000d}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;max-width:100vw;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s,color .5s;overflow-x:hidden}body{flex-direction:column;display:flex}svg{max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (prefers-color-scheme:light){::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:#0003}}a,button,select,input{transition:var(--transition-fast);font-family:inherit}a{color:var(--text-link);text-decoration:none}a:hover{opacity:.8}ul,ol{list-style:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-xs,4px);background:linear-gradient(90deg,#ffffff08 25%,#ffffff17 50%,#ffffff08 75%) 0 0/200% 100%;width:100%;min-height:1em;animation:1.6s linear infinite skeletonShimmer;display:inline-block;position:relative;overflow:hidden}.skeletonText{height:14px;margin-bottom:6px}.skeletonText:last-child{margin-bottom:0}.skeletonTitle{border-radius:var(--radius-sm,6px);height:24px;margin-bottom:12px}.skeletonCircle{border-radius:50%;width:40px;height:40px}.skeletonButton{border-radius:var(--radius-sm,8px);height:36px}@media (prefers-color-scheme:light){.skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000017 50%,#0000000a 75%) 0 0/200% 100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animateFadeIn{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}