:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;color:#172126;background:#f5f8f6;font-synthesis:none;--ink:#172126;--muted:#6f7a80;--line:#dfe7e2;--mint:#e4f1ec;--deep:#10171b;--paper:#f5f8f6}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button{font:inherit;border:0;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #49b8d1;outline-offset:3px}.mobile-shell{display:none}.desktop-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:31px 18px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;padding:0 12px}.brand-mark{width:34px;height:34px;object-fit:contain}.brand strong{display:block;letter-spacing:.12em;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:.3em;font-weight:700;color:#1398b1;margin-top:3px}.space-label{font-size:10px;letter-spacing:.16em;color:#99a39f;font-weight:700;margin:55px 14px 13px}.sidebar nav{display:grid;gap:4px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;background:transparent;border-radius:12px;padding:12px 14px;text-align:left;color:#728087}.nav-item span{width:20px;text-align:center;font-size:19px}.nav-item b{font-size:14px;font-weight:600}.nav-item.active{background:var(--deep);color:white}.nav-item.disabled{cursor:default;opacity:.58}.nav-item em{display:none;position:absolute;left:47px;top:39px;font-size:9px;font-style:normal;color:#87938d}.nav-item.disabled:hover em{display:block}.sidebar-add{margin:28px 8px 0;background:var(--mint);border-radius:14px;padding:13px 10px;font-size:13px;font-weight:650}.sidebar-add span{font-size:21px;vertical-align:-2px;margin-right:5px}.sidebar-foot{margin-top:auto;padding:0 14px;font-size:9px;letter-spacing:.12em;color:#98a39e;line-height:1.8}.sidebar-foot small{letter-spacing:0}.desktop-main{flex:1;min-width:0}.topbar{height:87px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumbs{display:flex;align-items:center;gap:17px;color:#768187;font-size:13px}.breadcrumbs b{color:var(--ink)}.breadcrumbs i{font-style:normal;color:#adb6b2}.menu-icon{font-size:18px}.top-actions{display:flex;align-items:center;gap:28px}.top-actions>button{background:transparent;font-size:20px;color:#69767b}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:27px}.avatar{width:34px;height:34px;border-radius:50%;background:#ede8db;display:grid;place-items:center;font-size:13px}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:3px}.profile>span:last-child{margin-left:10px}.content{max-width:1120px;margin:0 auto;padding:32px 34px 70px}.active-selector{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.active-selector>span{display:flex;align-items:center;gap:19px}.active-selector small,.eyebrow{font-size:10px;color:#81908b;letter-spacing:.1em}.active-selector b{font-size:13px}.active-selector button{background:transparent;color:#5d6c72;font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:end;padding:34px 0 27px}.page-heading small{font-size:10px;letter-spacing:.18em;color:#899691}.page-heading h1{font-size:38px;letter-spacing:-.05em;margin:13px 0 8px;font-weight:600}.page-heading h1 span{color:#18a4bb}.page-heading p{margin:0;color:var(--muted);font-size:14px}.primary{background:var(--deep);color:#fff;border-radius:999px;font-weight:650}.compact{padding:13px 20px;font-size:12px}.schedule-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px 24px 31px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}.panel-heading h2{font-size:19px;margin:0 0 6px}.panel-heading p{font-size:12px;color:#7f898e;margin:0}.week-pill{background:var(--mint);border-radius:999px;padding:9px 14px;font-size:11px;color:#47685e}.week-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;min-width:720px}.day-column>header{background:#f1f4f1;border-radius:15px;padding:13px 11px;text-align:center;margin-bottom:14px}.day-column:nth-child(5)>header{background:#24596b;color:white}.day-column header b,.day-column header small{display:block}.day-column header b{font-size:12px}.day-column header small{font-size:10px;margin-top:5px;opacity:.75}.class-card{min-height:112px;border:1px solid #d8e4de;border-left:3px solid #78bda9;border-radius:15px;padding:14px 12px;margin-bottom:12px;background:#fbfdfc}.class-card.tone-1{border-left-color:#dbbc68}.class-card.tone-2{border-left-color:#76a9c0}.class-card small,.class-card span{display:block;color:#71807b;font-size:10px}.class-card strong{display:block;font-size:12px;margin:13px 0 7px}.import-dialog{border:0;border-radius:24px;padding:0;background:transparent;max-width:min(420px,calc(100% - 32px));width:100%}.import-dialog::backdrop{background:rgba(12,23,28,.38);backdrop-filter:blur(4px)}.dialog-card{position:relative;background:#fff;border-radius:24px;padding:30px}.dialog-close{position:absolute;right:18px;top:14px;background:transparent;font-size:25px;color:#718087}.dialog-card h2{font-size:24px;margin:9px 0}.dialog-card p{color:var(--muted);line-height:1.5;font-size:14px}.dialog-card label{display:block;font-size:12px;font-weight:700;margin:25px 0 8px}.dialog-card input{width:100%;border:1px solid #cdd9d4;border-radius:12px;padding:13px;font-size:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions button{padding:11px 16px}.secondary{background:#edf2ef;border-radius:999px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#10171b;color:#fff;border-radius:999px;padding:13px 19px;font-size:13px;z-index:5}
@media(max-width:999px){.desktop-shell{display:none}.mobile-shell{display:block;min-height:100vh;padding:0 18px 112px;background:var(--paper)}.mobile-brand{height:174px;background:#fff;margin:0 -18px;display:grid;place-items:center}.mobile-brand .brand{transform:translateY(2px)}.mobile-brand .brand-mark{width:39px;height:39px}.mobile-brand .brand strong{font-size:22px}.mobile-brand .brand small{font-size:9px}.mobile-content{padding-top:133px}.empty-card{background:#fff;border:1px solid #dbe2de;border-radius:29px;text-align:center;padding:82px 21px 38px;overflow:hidden}.empty-card img{display:block;width:210px;height:128px;object-fit:contain;object-position:bottom;margin:-50px auto 15px}.empty-card h1{font-size:30px;letter-spacing:-.05em;margin:0 0 9px}.empty-card p{color:#707b82;font-size:20px;line-height:1.27;margin:0 auto;max-width:330px}.mobile-add{display:block;margin:28px auto 0;padding:17px 30px;font-size:20px}.floating-add{position:fixed;right:29px;bottom:186px;width:92px;height:92px;border-radius:50%;background:#10171b;color:#fff;font-size:48px;line-height:1;box-shadow:0 14px 26px #b4bfba}.mobile-nav{position:fixed;z-index:2;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 54px);max-width:430px;height:84px;border:1px solid #fff;background:rgba(255,255,255,.78);backdrop-filter:blur(17px);border-radius:35px;display:flex;align-items:center;justify-content:space-around;padding:7px}.mobile-nav .nav-item{width:51px;height:64px;padding:0;display:grid;place-items:center;gap:0;border-radius:31px;color:#777f82}.mobile-nav .nav-item span{font-size:24px}.mobile-nav .nav-item b,.mobile-nav .nav-item em{display:none}.mobile-nav .nav-item.active{width:156px;display:flex;justify-content:center;gap:12px}.mobile-nav .nav-item.active b{display:block;font-size:17px}.mobile-nav .nav-item.active span{font-size:24px}.mobile-nav .nav-item.disabled{opacity:1}.mobile-nav .nav-item.disabled span{font-size:23px}.mobile-nav .nav-item.disabled[aria-disabled="true"]{pointer-events:none}}
@media(max-width:390px){.mobile-content{padding-top:90px}.empty-card{padding-left:15px;padding-right:15px}.empty-card h1{font-size:27px}.empty-card p{font-size:18px}.mobile-nav{width:calc(100% - 30px)}.mobile-nav .nav-item.active{width:132px}.floating-add{right:20px;bottom:175px}}

/* Browser dimensions use logical CSS pixels; system chrome is never imitated. */
button:disabled{cursor:default;opacity:.5}.schedule-selector{display:flex;align-items:center;gap:16px;min-width:0}.schedule-selector select{font:inherit;font-weight:650;border:0;background:transparent;color:var(--ink);max-width:100%;min-width:0;padding:8px}.empty-desktop{text-align:center;padding:25px}.empty-desktop .empty-card{max-width:440px;margin:0 auto 24px}.empty-card{background:white;border:1px solid var(--line);border-radius:24px;text-align:center;padding:38px 24px 30px}.kron-peek{height:98px;overflow:hidden;max-width:210px;margin:0 auto 18px}.kron-peek img{width:210px;height:auto;display:block;transform:translateY(-17px)}.empty-card h1{margin:0 0 12px;font-size:27px;letter-spacing:-.035em}.empty-card p{color:var(--muted);font-size:17px;line-height:1.45;max-width:340px;margin:auto}.library-link{background:transparent;text-align:left;padding:14px;border-radius:12px;color:var(--muted);margin-top:8px}.library-link span{float:right}.local-label,.period{color:var(--muted);font-size:13px}.review-table{max-height:min(48vh,430px);overflow:auto;margin:20px -8px;padding:0 8px}.review-table h3{font-size:15px}.review-table p{display:flex;align-items:start;gap:14px;font-size:13px;margin:7px 0}.review-table time{flex-shrink:0;font-variant-numeric:tabular-nums}.review-table span{overflow-wrap:anywhere}.form-error{color:#a52a2a;line-height:1.5;font-size:14px}.copy-notice{background:#e6f0ed;border-radius:12px;padding:14px}.dialog-card input{width:100%}.dialog-card{max-height:90dvh;overflow:auto}.dialog-actions{flex-wrap:wrap}.dialog-actions button{min-height:44px}.library-list{display:grid;gap:12px;margin-top:22px}.library-list button{background:#eff5f2;padding:16px;border-radius:14px;text-align:left}.library-list small{display:block;color:var(--muted);margin-top:6px}.storage-error,.adult-gate{max-width:500px;margin:80px auto;padding:24px;line-height:1.6}.adult-gate section{background:white;padding:28px;border:1px solid var(--line);border-radius:24px;margin-top:32px}.adult-gate label{display:flex;gap:12px;align-items:start;font-size:16px}.adult-gate input{margin-top:7px;accent-color:#0f4d61}.gate-note{font-size:13px;color:var(--muted)}.adult-gate #adult-continue{width:100%;margin-top:10px}.mobile-day{margin-top:24px}.day-tabs{display:flex;gap:7px;justify-content:space-between;margin-top:24px}.day-tabs button{min-width:44px;min-height:44px;border-radius:14px;background:white;border:1px solid var(--line);font-size:13px;font-weight:650;flex:1}.day-tabs button[aria-pressed=true]{background:#0f4d61;color:white}.day-empty{color:var(--muted);font-size:13px}.break-card{background:#f5f7f5;border-left-color:#bec6c1}.week-grid{min-width:0;grid-template-columns:repeat(5,minmax(0,1fr))}.class-card strong{overflow-wrap:anywhere}.class-card small{font-size:11px}.mobile-library{background:transparent;color:#0f4d61;text-align:right;font-size:13px;padding:8px;min-height:44px}.mobile-active h1{font-size:28px;letter-spacing:-.04em;margin:22px 0 8px}.period{line-height:1.5}.schedule-selector small{font-size:10px;letter-spacing:.08em}.schedule-selector select{font-size:14px}
@media(max-width:999px){.mobile-brand{height:100px}.mobile-brand .brand-mark{width:26px;height:26px}.mobile-brand .brand strong{font-size:20px;letter-spacing:.04em}.mobile-brand .brand small{font-size:7px;letter-spacing:.28em;color:#0f4d61}.mobile-content{padding-top:88px}.mobile-content.has-schedule{padding-top:24px}.mobile-shell{padding-bottom:120px}.empty-card{padding:36px 20px 25px;border-radius:23px}.empty-card img{width:210px;height:auto;margin:0;object-fit:contain;transform:translateY(-17px)}.empty-card h1{font-size:26px}.empty-card p{font-size:17px}.mobile-add{padding:14px 22px;font-size:17px;margin-top:20px;min-height:48px}.floating-add{width:62px;height:62px;font-size:34px;right:20px;bottom:calc(103px + env(safe-area-inset-bottom));box-shadow:0 8px 22px #c8d0cc}.mobile-nav{height:60px;width:calc(100% - 58px);bottom:calc(18px + env(safe-area-inset-bottom));max-width:380px;padding:5px;border-radius:32px}.mobile-nav .nav-item{height:48px;width:39px}.mobile-nav .nav-item.active{width:132px;font-size:15px;gap:8px}.mobile-nav .nav-item.active b{font-size:15px}.mobile-nav .nav-item.disabled span{font-size:21px}.mobile-nav .nav-item span{font-size:22px}.mobile-day .class-card{min-height:90px;background:white;border-radius:16px;padding:16px;border-left-width:4px}.mobile-day .class-card strong{font-size:16px;line-height:1.4;margin-top:9px}.mobile-day .class-card small{font-size:13px}.mobile-active .schedule-selector{display:block}.mobile-active .schedule-selector small{display:block}.mobile-active .schedule-selector select{width:100%;padding:12px 0;font-size:17px}.import-dialog{max-width:calc(100% - 24px)}.dialog-card{padding:24px}.adult-gate{margin:30px auto}.mobile-nav .nav-item{flex-shrink:1}.review-table p{gap:8px;font-size:12px}.review-table time{font-size:12px}}
@media(max-width:390px){.mobile-content{padding-top:72px}.mobile-content.has-schedule{padding-top:20px}.mobile-nav{width:calc(100% - 38px)}.mobile-nav .nav-item.active{width:120px}.mobile-nav .nav-item.active b{font-size:14px}.empty-card h1{font-size:24px}.empty-card p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Shared desktop sidebar palette: approved KRONEX petroleum reference. */
@media(min-width:1000px){.desktop-shell .sidebar{background:#1d3b48;border-right-color:#16313c;color:#bfd0d2}.desktop-shell .sidebar .brand{color:white}.desktop-shell .sidebar .brand small{color:#dae6e6}.desktop-shell .sidebar .space-label{color:#9fb8bc}.desktop-shell .sidebar .nav-item{color:#bcd0d2}.desktop-shell .sidebar .nav-item.active{background:#36594b;color:#eff7ed}.desktop-shell .sidebar .nav-item:not(.active):hover{background:#294b56;color:#eff7ed}.desktop-shell .sidebar .nav-item:focus-visible,.desktop-shell .sidebar .library-link:focus-visible{outline:3px solid #49b8d1;outline-offset:3px}.desktop-shell .sidebar .sidebar-add{background:#36594b;color:#eff7ed}.desktop-shell .sidebar .library-link{color:#bfd0d2;background:none}.desktop-shell .sidebar .sidebar-foot{color:#9fb8bc}}

.nav-item svg{display:block}.day-column:nth-child(5)>header{background:#f1f4f1;color:var(--ink)}.day-column.selected>header{background:#24596b;color:white}.desktop-shell .class-card{background:#f3f7f2}.nav-item span{display:grid;place-items:center}.mobile-nav .nav-item.active{opacity:1}
@media(max-width:999px){.mobile-brand{height:116px}.mobile-content{padding-top:88px}.mobile-content.has-schedule{padding-top:24px}.mobile-brand .brand strong{font-size:21px}.mobile-brand .brand small{font-size:8px}.mobile-nav .nav-item.disabled{opacity:.65}}
@media(max-width:390px){.mobile-content{padding-top:88px}.mobile-content.has-schedule{padding-top:20px}}

@media(max-width:999px){.mobile-brand.with-schedule{height:auto;display:block;padding-top:30px;border-bottom:1px solid var(--line)}.mobile-brand.with-schedule>.brand{justify-content:center;margin-bottom:20px}.mobile-controls{display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}.mobile-controls select{max-width:60%;border:0;background:#10171b;color:white;border-radius:999px;padding:9px 14px;font:inherit;font-size:13px;font-weight:650}.mobile-controls .mobile-library{font-size:12px;padding:8px 0;min-height:40px}.mobile-brand .day-tabs{margin:12px 0 0;padding:0 12px 12px;gap:0}.mobile-brand .day-tabs button{border:0;border-radius:12px;background:transparent;min-height:44px}.mobile-brand .day-tabs button[aria-pressed=true]{background:#10171b;color:white}.mobile-active h1{margin:0 0 6px;font-size:29px}.mobile-content.has-schedule{padding-top:25px}.mobile-active .period{margin:0;color:var(--muted);font-size:13px}.mobile-day{margin-top:20px}.mobile-day .class-card{min-height:80px;padding:14px 16px;box-shadow:0 4px 14px #0c1a1510}.mobile-day .class-card strong{margin:0 0 9px;font-size:16px}.mobile-day .class-card small{font-size:12px}.mobile-day .tone-0{border-left-color:#587cff}.mobile-day .tone-1{border-left-color:#d7b852}.mobile-day .tone-2{border-left-color:#3b9c86}}

@media(max-width:999px){.mobile-brand .mobile-controls,.mobile-brand .day-tabs{width:100%;box-sizing:border-box;justify-self:stretch}.mobile-brand .day-tabs button{flex:1;min-width:44px}.native-selector{display:flex;align-items:center;gap:7px;border-radius:999px;background:#10171b;color:white;padding:9px 13px}.native-selector span{display:flex}.native-selector svg{width:14px;height:14px}.mobile-controls .native-selector select{padding:0;border-radius:0;max-width:155px;background:transparent;min-height:20px}}