:root{color-scheme:light dark}

html[data-theme="light"],html[data-theme="light"] body,html[data-theme="light"] #root{background:#f7f6f2!important;color:#17171d!important}
html[data-theme="light"] .page-shell,html[data-theme="light"] .login-shell,html[data-theme="light"] .light-page{background:#f7f6f2!important;color:#17171d!important}
html[data-theme="light"] .login-card,html[data-theme="light"] .quick-strip,html[data-theme="light"] .quick-strip button,html[data-theme="light"] .agenda-card,html[data-theme="light"] .road-copy,html[data-theme="light"] .return-card,html[data-theme="light"] .quiz-card,html[data-theme="light"] .quiz-options button,html[data-theme="light"] .link-box,html[data-theme="light"] .login-form input,html[data-theme="light"] .platform-form input,html[data-theme="light"] .link-box input,html[data-theme="light"] .topbar button{background:#fff!important;color:#17171d!important;border-color:#e6e3dc!important}
html[data-theme="light"] .home-header h1,html[data-theme="light"] .home-header span,html[data-theme="light"] .topbar h1,html[data-theme="light"] .section-title h2,html[data-theme="light"] .page-content>h1{color:#17171d!important}
html[data-theme="light"] .profile-ring{background:#fff!important;color:#17171d!important}
html[data-theme="light"] .dark-card,html[data-theme="light"] .phase-card{background:#111!important;color:#fff!important}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.96)!important;border-color:#e6e3dc!important}
html[data-theme="light"] .bottom-nav button{color:#929197!important}
html[data-theme="light"] .bottom-nav button.active{background:#fff1e8!important;color:#17171d!important}
html[data-theme="light"] .trail-road:before{background:repeating-linear-gradient(to bottom,#d9d6d0 0 5px,transparent 5px 11px)!important}

html[data-theme="dark"],html[data-theme="dark"] body,html[data-theme="dark"] #root{background:#0b0b0c!important;color:#f7f5f1!important}
html[data-theme="dark"] .page-shell,html[data-theme="dark"] .login-shell,html[data-theme="dark"] .light-page{background:#0b0b0c!important;color:#f7f5f1!important}
html[data-theme="dark"] .login-card,html[data-theme="dark"] .quick-strip,html[data-theme="dark"] .agenda-card,html[data-theme="dark"] .road-copy,html[data-theme="dark"] .return-card,html[data-theme="dark"] .quiz-card,html[data-theme="dark"] .link-box{background:#171719!important;color:#f7f5f1!important;border-color:#2d2d31!important;box-shadow:none!important}
html[data-theme="dark"] .quick-strip button,html[data-theme="dark"] .quiz-options button,html[data-theme="dark"] .login-form input,html[data-theme="dark"] .platform-form input,html[data-theme="dark"] .link-box input,html[data-theme="dark"] .topbar button{background:#171719!important;color:#f7f5f1!important;border-color:#2d2d31!important}
html[data-theme="dark"] .home-header h1,html[data-theme="dark"] .home-header span,html[data-theme="dark"] .topbar h1,html[data-theme="dark"] .section-title h2,html[data-theme="dark"] .page-content>h1{color:#f7f5f1!important}
html[data-theme="dark"] .profile-ring{background:#171719!important;color:#fff!important}
html[data-theme="dark"] .dark-card,html[data-theme="dark"] .phase-card{background:#131315!important;color:#fff!important;border:1px solid #262629!important}
html[data-theme="dark"] .bottom-nav{background:rgba(20,20,22,.96)!important;border-color:#2d2d31!important}
html[data-theme="dark"] .bottom-nav button{color:#888891!important}
html[data-theme="dark"] .bottom-nav button.active{background:#242426!important;color:#fff!important}
html[data-theme="dark"] .road-copy{background:#171719!important}
html[data-theme="dark"] .road-step{color:#f7f5f1!important}
html[data-theme="dark"] .road-orb{border-color:#171719!important;box-shadow:0 0 0 5px #333338!important}
html[data-theme="dark"] .road-step.active .road-orb{background:#ff6a1a!important;color:#111!important;box-shadow:0 0 0 5px rgba(255,106,26,.28)!important}
html[data-theme="dark"] .road-step.done .road-orb{background:#fff!important;color:#111!important;box-shadow:0 0 0 5px #ff6a1a!important}
html[data-theme="dark"] .trail-road:before{background:repeating-linear-gradient(to bottom,#3b3b40 0 5px,transparent 5px 11px)!important}
html[data-theme="dark"] .progress-track{background:#343438!important}
html[data-theme="dark"] .eyebrow{color:#9b9ba2!important}
html[data-theme="dark"] .agenda-time,html[data-theme="dark"] .agenda-card small,html[data-theme="dark"] .quick-strip small,html[data-theme="dark"] .return-card small{color:#92929a!important}
html[data-theme="dark"] .google{background:#fff!important;color:#111!important}

#triil-theme-toggle{position:fixed;right:16px;top:18px;z-index:9999;width:44px;height:44px;border-radius:50%;border:1px solid rgba(128,128,128,.25);background:#fff;color:#111;box-shadow:0 8px 24px rgba(0,0,0,.14);font:700 18px/1 system-ui;display:grid;place-items:center}
html[data-theme="dark"] #triil-theme-toggle{background:#1b1b1e;color:#fff;border-color:#343438}
@media(max-width:620px){#triil-theme-toggle{right:14px;top:16px;width:42px;height:42px}}