:root{--cf-navy:#12243a;--cf-gold:#d39a47;--cf-cream:#f7f1e7;--cf-ink:#203247;--cf-green:#4e8065}.cf-app{max-width:680px;margin:24px auto;background:linear-gradient(160deg,#fff 0%,var(--cf-cream) 100%);color:var(--cf-ink);border-radius:28px;box-shadow:0 20px 70px #12243a20;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.cf-app *{box-sizing:border-box}.cf-hero{display:flex;align-items:center;gap:16px;padding:28px 32px;background:var(--cf-navy);color:#fff}.cf-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid #eac88c;border-radius:50%;font-family:serif;font-size:22px;color:#eac88c}.cf-hero p,.cf-kicker{margin:0 0 3px;font-size:11px;letter-spacing:.18em;font-weight:800}.cf-hero h1{margin:0;font:38px/1.05 Georgia,serif}.cf-hero span{color:#eac88c}.cf-card,#cf-dashboard,.cf-session{padding:34px}.cf-card h2,.cf-toolbar h2,.cf-session h2{margin:6px 0 14px;font:32px/1.1 Georgia,serif;color:var(--cf-navy)}.cf-card p{line-height:1.65}.cf-card small{display:block;margin-top:15px;color:#697786}.cf-primary,.cf-secondary,.cf-place,.cf-stage,.cf-close{border:0;cursor:pointer;font:inherit}.cf-primary{width:100%;margin-top:16px;padding:15px 18px;border-radius:14px;background:var(--cf-navy);color:#fff;font-weight:800}.cf-secondary{width:100%;margin-top:10px;padding:13px;background:transparent;color:var(--cf-navy);font-weight:700}.cf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.cf-place{padding:10px 13px;border-radius:99px;background:#fff;color:var(--cf-navy);font-weight:700;box-shadow:0 3px 15px #12243a12}.cf-location{display:block!important;font-size:12px;color:#6c7783;margin-bottom:18px}.cf-stages{display:grid!important;gap:10px}.cf-stage{display:grid!important;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;width:100%;padding:13px;border-radius:16px;background:#fff;color:var(--cf-ink);box-shadow:0 5px 20px #12243a0d}.cf-stage>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cf-cream);font-weight:800}.cf-stage small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#71808e}.cf-stage strong{font:21px Georgia,serif}.cf-stage time{font-weight:800;color:var(--cf-gold)}.cf-stage.done>span{background:var(--cf-green);color:#fff}.cf-session{position:relative;text-align:center;min-height:600px}.cf-close{position:absolute;right:22px;top:18px;background:transparent;font-size:32px;color:var(--cf-ink)}.cf-illustration{max-width:260px;margin:12px auto}.cf-illustration svg{width:100%;height:auto}.cf-illustration circle{fill:#fff8ec;stroke:#e9c98f;stroke-width:2}.cf-illustration .sun{fill:none;stroke:#d39a47;stroke-width:3}.cf-illustration .body circle{fill:var(--cf-navy);stroke:none}.cf-illustration .body path{fill:none;stroke:var(--cf-navy);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.cf-illustration .bend{transform:rotate(45deg);transform-origin:90px 90px}.cf-illustration .deepbend{transform:rotate(75deg);transform-origin:90px 90px}.cf-illustration .rest{transform:rotate(90deg) translate(10px,-5px);transform-origin:90px 90px}.cf-illustration .sit path{d:path('M90 68 L90 112 M90 80 L65 98 M90 80 L115 98 M90 112 L62 112 M62 112 L62 142')}.cf-session #cf-detail{min-height:55px;line-height:1.55}.cf-timer>span{display:block;font:54px Georgia,serif;color:var(--cf-navy)}.cf-timer>div{height:8px;border-radius:9px;background:#e7dfd4;overflow:hidden}.cf-timer i{display:block;width:0;height:100%;background:var(--cf-gold);transition:width .3s linear}@media(max-width:600px){.cf-app{margin:0;border-radius:0;min-height:100vh}.cf-card,#cf-dashboard,.cf-session{padding:26px 20px}.cf-hero{padding:22px 20px}.cf-hero h1{font-size:31px}}