.studytrack-page{font-family:var(--font-dm-sans),system-ui,-apple-system,sans-serif;background-color:var(--color-st-bg);color:var(--color-st-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.studytrack-page .breadcrumb .breadcrumb-link,.studytrack-page .breadcrumb .breadcrumb-current{font-size:max(11px,.75rem)}.studytrack-page .breadcrumb .breadcrumb-icon{width:.4rem;height:.9rem}.studytrack-page *,.studytrack-page :before,.studytrack-page :after{box-sizing:border-box}.studytrack-page img{max-width:100%;display:block}.studytrack-page h1,.studytrack-page h2,.studytrack-page h3,.studytrack-page h4,.studytrack-page h5,.studytrack-page h6,.studytrack-page p,.studytrack-page span,.studytrack-page a,.studytrack-page div{font-family:inherit}.studytrack-page h1,.studytrack-page h2,.studytrack-page h3,.studytrack-page h4,.studytrack-page h5,.studytrack-page h6{margin:0}.studytrack-page .st-hero-typed{font-family:var(--font-suisse-mono),monospace;letter-spacing:-.02em;white-space:nowrap;background:#d89a4526;border-radius:4px;padding:.05em .2em;font-size:.85em;font-weight:400}@media (max-width:639px){.studytrack-page .st-hero-typed{font-size:.65em}}@media (min-width:640px) and (max-width:1023px){.studytrack-page .st-hero-typed{font-size:.75em}}.studytrack-page .st-hero-typed:after{content:"|";color:var(--color-st-amber);animation:.7s step-end infinite st-blink}@keyframes st-blink{50%{opacity:0}}.studytrack-page .step-card{background-color:var(--color-st-card);border:1px solid var(--color-st-border);border-radius:12px;padding:24px}.studytrack-page .step-number{background-color:var(--color-st-amber-dim);width:36px;height:36px;color:var(--color-st-amber);border-radius:10px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.studytrack-page .feature-row,.studytrack-page .feature-row-reverse{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.studytrack-page .feature-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-st-amber);font-size:13px;font-weight:600}.studytrack-page .feature-visual{min-width:0}.studytrack-page .student-card{background-color:var(--color-st-card);border:1px solid var(--color-st-border);border-radius:12px;padding:32px}.studytrack-page .card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.studytrack-page .app-window{--m-bg:#050505;--m-surface:#181818;--m-card:#1c1c1c;--m-card-high:#2a2a2a;--m-border:#2e2e2e;--m-text:#fafafa;--m-text-sec:#9e9e9e;--m-text-muted:#6e6e6e;--m-amber:#d89a45;--m-amber-dim:#d89a4514;--m-amber-pill:#d89a4526;--m-sidebar-active:#9e9e9e26;border:1px solid var(--m-border);border-radius:12px;width:100%;max-width:820px;transition:all .3s;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #00000080,0 0 120px #d89a4508}.studytrack-page .app-window.light{--m-bg:#fff;--m-surface:#e0e0e2;--m-card:#f0f0f2;--m-card-high:#efeff1;--m-border:#e5e5e7;--m-text:#1a1a1a;--m-text-sec:#6b6b6b;--m-text-muted:#9e9e9e;--m-amber:#d49640;--m-amber-dim:#d496401a;--m-amber-pill:#d4964026;--m-sidebar-active:#6b6b6b26;box-shadow:0 0 0 1px #00000014,0 20px 60px #00000026}.studytrack-page .mockup-body,.studytrack-page .mockup-sidebar,.studytrack-page .mockup-topbar{background-color:var(--m-surface)}.studytrack-page .mockup-content{background-color:var(--m-bg);border:1px solid var(--m-border)}.studytrack-page .mockup-text-primary{color:var(--m-text)}.studytrack-page .mockup-text-secondary{color:var(--m-text-sec)}.studytrack-page .mockup-text-muted{color:var(--m-text-muted)}.studytrack-page .mockup-amber{color:var(--m-amber)}.studytrack-page .mockup-icon-color{color:var(--m-text-sec)}.studytrack-page .beta-badge{background-color:var(--m-amber-dim)}.studytrack-page .mockup-avatar{background-color:var(--m-card-high);color:var(--m-text-sec)}.studytrack-page .avatar-dot{background-color:var(--m-amber);border-color:var(--m-surface)}.studytrack-page .log-stat-pill{background-color:var(--m-card);border:1px solid var(--m-border)}.studytrack-page .log-stat-value{color:var(--m-text);font-size:13px;font-weight:600}.studytrack-page .log-stat-unit{color:var(--m-text-sec);font-size:11px}.studytrack-page .log-stat-divider{background-color:var(--m-border);width:1px;height:16px}.studytrack-page .day-card{background-color:var(--m-card);border:1px solid var(--m-border)}.studytrack-page .day-card-section{border-top:1px solid var(--m-border)}.studytrack-page .summary-row{background-color:var(--m-amber-dim)}.studytrack-page .summary-accent{background-color:var(--m-amber)}.studytrack-page .summary-time-badge{background-color:var(--m-amber-pill)}.studytrack-page .domains-badge{background-color:var(--m-card-high);color:var(--m-text-muted)}.studytrack-page .log-app-name{color:var(--m-text);text-align:center;font-size:10px;font-weight:500}.studytrack-page .log-app-duration{color:var(--m-text-sec);font-size:9px}.studytrack-page .url-domain{color:var(--m-text-muted);flex-shrink:0;margin-left:auto;font-size:10px}.studytrack-page .sidebar-icon{width:40px;height:40px;color:var(--m-text-sec);border-radius:10px;justify-content:center;align-items:center;margin:1px auto;display:flex}.studytrack-page .sidebar-icon.active{background-color:var(--m-sidebar-active);color:var(--m-text)}.studytrack-page .log-stat-item{align-items:center;gap:4px;padding:4px 10px;display:flex}.studytrack-page .app-tile{flex-direction:column;align-items:center;gap:4px;width:64px;display:flex}.studytrack-page .url-row{border-radius:8px;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;display:flex}.studytrack-page .theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.studytrack-page .tray-scene{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.studytrack-page .desktop-wrapper{filter:drop-shadow(0 12px 40px #0000008c);border:1px solid #ffffff0f;border-radius:10px;width:100%;position:relative;overflow:hidden}.studytrack-page .desktop-area{aspect-ratio:16/9;position:relative}.studytrack-page .mac-wallpaper{background:radial-gradient(at 30% 80%,#1e3c5a99 0%,#0000 60%),radial-gradient(at 70% 30%,#3c1e5080 0%,#0000 55%),linear-gradient(160deg,#0d0d1a 0%,#1a1025 40%,#0f1a2e 100%)}.studytrack-page .win-wallpaper{background:radial-gradient(at 50% 60%,#143c7880 0%,#0000 65%),radial-gradient(at 80% 20%,#005a8c59 0%,#0000 50%),linear-gradient(#001a33 0%,#0a1628 50%,#0d1117 100%)}.studytrack-page .tray-bar-left,.studytrack-page .tray-bar-right{flex-direction:row;flex-shrink:0;align-items:center;display:flex}.studytrack-page .tray-bar-left{gap:14px}.studytrack-page .tray-bar-right{gap:10px}.studytrack-page .tray-bar-label{opacity:.8;white-space:nowrap;font-size:13px;font-weight:400}.studytrack-page .tray-bar-label-bold{opacity:1;font-weight:600}.studytrack-page .tray-bar-time{opacity:.85;white-space:nowrap;font-size:13px;line-height:1.2}.studytrack-page .tray-icon{filter:brightness(0)invert();opacity:.85;display:block}.studytrack-page .tray-icon-wrap{flex-shrink:0;position:relative}.studytrack-page .tray-status-dot{background:#22c55e;border-radius:9999px;width:5px;height:5px;position:absolute;top:-1px;right:-1px;box-shadow:0 0 0 1px #1e1e1ee6}.studytrack-page .menu-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffd9;white-space:nowrap;background:#1e1e1ef2;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;height:25px;padding:0 12px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.studytrack-page .mac-dropdown{z-index:10;background:#3a3a3c;border-radius:10px;width:209px;padding:6px 0;position:absolute;top:6px;right:44px;box-shadow:0 0 0 1px #ffffff14,0 12px 48px #0009,0 4px 12px #00000059}.studytrack-page .mac-menu-item{color:#ffffffe0;cursor:default;border-radius:4px;margin:0 6px;padding:6px 14px;font-size:13px;line-height:1.4}.studytrack-page .mac-menu-item:hover{color:#fff;background:#2860d8}.studytrack-page .mac-sep{background:#ffffff1a;height:1px;margin:5px 12px}.studytrack-page .mac-shortcut{color:#ffffff59;letter-spacing:1px;font-size:13px}.studytrack-page .mac-menu-item:hover .mac-shortcut{color:#ffffffb3}.studytrack-page .win-taskbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffd9;white-space:nowrap;background:#191919f5;border-top:1px solid #ffffff0a;flex-direction:row;justify-content:space-between;align-items:center;height:25px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.studytrack-page .win-search{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;flex-direction:row;align-items:center;gap:6px;min-width:120px;padding:3px 10px;display:flex}.studytrack-page .win-search-text{color:#ffffff59;font-size:12px}.studytrack-page .win-popup{z-index:10;background:#2c2c2c;border:1px solid #ffffff14;border-radius:8px;width:200px;padding:4px 0;position:absolute;bottom:8px;right:24px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.studytrack-page .win-popup-item{color:#ffffffe0;cursor:default;padding:7px 14px;font-size:12px;line-height:1.4}.studytrack-page .win-popup-item:hover{background:#ffffff0f}.studytrack-page .win-sep{background:#ffffff14;height:1px;margin:3px 10px}.studytrack-page .platform-toggle{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex-direction:row;align-self:center;align-items:center;gap:4px;padding:3px;display:flex}.studytrack-page .toggle-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:26px;transition:all .15s;display:flex}.studytrack-page .toggle-btn:hover{color:#fff9}.studytrack-page .toggle-btn.active{color:var(--color-st-amber);background:#ffffff14}.studytrack-page .modal-frame{filter:drop-shadow(0 20px 60px #00000080);width:100%;max-width:700px}.studytrack-page .modal-container{background-color:var(--color-st-bg);border:1px solid var(--color-st-border);border-radius:12px;overflow:hidden}.studytrack-page .section-label{letter-spacing:.5px;color:var(--color-st-text-secondary);font-size:11px;font-weight:600}.studytrack-page .badge-amber{background-color:var(--color-st-amber-pill);color:var(--color-st-amber);white-space:nowrap;border-radius:16px;align-items:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.studytrack-page .photo-card{aspect-ratio:16/10;background-color:var(--color-st-card-high);border-radius:8px;position:relative;overflow:hidden}.studytrack-page .photo-placeholder{background:linear-gradient(135deg,var(--color-st-card)0%,var(--color-st-card-high)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.studytrack-page .photo-label{color:#fff;background:linear-gradient(#0000,#000000b3);padding:4px 6px;font-size:10px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.studytrack-page .duration-badge{color:var(--color-st-text-secondary);background-color:#2e2e2e80;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.studytrack-page .domain-badge{color:var(--color-st-text);white-space:nowrap;background-color:#4db85f33;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.studytrack-page .tool-chip{border:1px solid var(--color-st-border);color:var(--color-st-text-secondary);border-radius:4px;padding:4px 8px;font-size:11px}.studytrack-page .digest-scale-container{width:100%;overflow:hidden}.studytrack-page .milestone-app-tile{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:64px;display:flex}.studytrack-page .milestone-app-name{color:var(--color-st-text);text-align:center;font-size:10px;font-weight:500}.studytrack-page .milestone-app-time{color:var(--color-st-text-secondary);font-size:9px}.studytrack-page .summary-tile{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s;display:flex}.studytrack-page .summary-tile:hover{background-color:var(--color-st-milestone-dim)}.studytrack-page .summary-chevron{width:20px;height:20px;color:var(--color-st-text-secondary);transition:color .15s}.studytrack-page .summary-tile:hover .summary-chevron{color:var(--color-st-milestone)}@media (max-width:768px){.studytrack-page .feature-row,.studytrack-page .feature-row-reverse{grid-template-columns:1fr;gap:32px}.studytrack-page .feature-row-reverse .feature-visual{order:-1}}