/* MindCoda's lilac/mint identity, quieter surfaces and focused nature photography. */
html #app-shell[data-nature-experience]{--mc-radius:18px;--mc-radius-lg:24px;--mc-shadow:0 8px 32px #1b253208;--nature-border:color-mix(in srgb,var(--mc-ink) 12%,transparent);}
html #app-shell[data-nature-experience] .app-main{max-width:none;background:transparent;}
html #app-shell[data-nature-experience] .app-view{max-width:1080px;}
html #app-shell[data-nature-experience] :is(.page-header h1,.mc-hero h2){font-weight:500;letter-spacing:-.035em;}
html #app-shell[data-nature-experience] .mc-card{border:1px solid var(--nature-border);border-radius:20px;background:var(--mc-surface);box-shadow:0 6px 28px #1b243105;}
html #app-shell[data-nature-experience] .mc-button{border-radius:12px;min-height:44px;box-shadow:none;font-weight:500;}
html #app-shell[data-nature-experience] .mc-button--primary{background:var(--mc-blue,#2c5fa6);border-color:transparent;color:var(--mc-on-primary,#fff);}
html #app-shell[data-nature-experience] .mc-nav__item{border-radius:12px;font-weight:500;text-decoration:none;}
html #app-shell[data-nature-experience] .mc-nav__item[aria-current=page]{background:color-mix(in srgb,var(--mc-blue,#2c5fa6) 12%,var(--mc-surface));text-decoration:none;box-shadow:none;}
html #app-shell[data-nature-experience] .glass-topbar{border:0;border-bottom:1px solid var(--nature-border);background:transparent;box-shadow:none;padding-bottom:16px;}
html #app-shell[data-nature-experience] .simple-tools{border-top:1px solid var(--nature-border);}
html #app-shell[data-nature-experience] .simple-tools>summary{font-weight:500;}
html #app-shell[data-nature-experience] :is(.mc-home-focus-dock,.today-next){border-radius:22px;}
html #app-shell[data-nature-experience] .audit-discovery{gap:12px;}
html #app-shell[data-nature-experience] [data-view=focus]{max-width:1100px;}
html #app-shell[data-nature-experience] [data-view=focus]>.focus-hero{display:none;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage{--nature-image:url('/nature-ocean-v1.jpg');--nature-brightness:.85;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:710px;border-radius:24px;background:#152c3d;color:#fff;padding:42px 28px 0;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage[data-nature-background=forest]{--nature-image:url('/nature-forest-v1.jpg');}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage[data-nature-background=dusk]{--nature-image:url('/nature-forest-v1.jpg');}
.nature-focus-stage::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--nature-image);background-size:cover;background-position:50% 60%;filter:brightness(var(--nature-brightness));}
.nature-focus-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08152570,#08152566 45%,#081525b8);}
.nature-focus-stage[data-nature-background=dusk]::after{background:#080f20b8;}
.nature-focus-intro{text-align:center;}
.nature-eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;}
.nature-focus-intro h2{font-size:clamp(25px,4vw,38px);font-weight:400;letter-spacing:-.035em;margin:12px 0 0;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card{width:100%;max-width:560px;min-height:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;padding:22px 0 30px;color:#fff;gap:12px;overflow:visible;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card::before,html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card::after{display:none;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card__top{justify-content:center;color:#e8f2ff;opacity:1;font-size:11px;gap:8px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-ring{width:100%;height:auto;max-width:none;min-height:145px;border:0!important;border-radius:0;background:none!important;box-shadow:none;padding:14px 0;aspect-ratio:auto;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-ring::before,html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-ring::after{display:none;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-ring__inner{width:100%;height:auto;min-height:0;background:none;border:0;box-shadow:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;gap:10px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-clock{font-family:inherit;font-size:clamp(68px,10vw,106px)!important;line-height:1.05;letter-spacing:-.055em;font-weight:300;white-space:nowrap!important;width:auto;max-width:none;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums;color:#fff;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage :is([data-focus-phase-label],[data-focus-clock-note]){color:#e4e9f0;font-size:12px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage [data-focus-phase-label]{display:none;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-copy{font-family:inherit;color:#e1e7f0;font-size:13px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-actions{gap:10px;justify-content:center;flex-wrap:wrap;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-actions .mc-button--primary{background:#cfe3ff;color:#1c242f;border:1px solid #cfe3ff;border-radius:28px;padding:14px 36px;min-height:50px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage :is(.mc-button--secondary,.mc-button--quiet,[data-focus-countdown-toggle]){color:#f0f6ff;background:#07152555;border:1px solid #ffffff35;border-radius:22px;}
.nature-durations{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;background:#08172866;border:1px solid #ffffff29;border-radius:28px;padding:4px;width:fit-content;max-width:100%;margin:0 auto 12px;backdrop-filter:blur(12px);}
.nature-duration{font:inherit;font-size:12px;color:#eaeff6;background:none;border:0;border-radius:24px;min-height:40px;padding:8px 17px;cursor:pointer;}
.nature-duration[aria-pressed=true]{background:#ffffff24;color:#fff;}
.nature-duration:disabled{opacity:.55;cursor:default;}
.nature-duration-status{font-size:12px;color:#fff;text-align:center;margin:0;}
.nature-duration-status:empty{display:none;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-actions [data-focus-pause]{background:#cfe3ff!important;color:#1c242f!important;border:1px solid #cfe3ff;border-radius:28px;padding:14px 32px;min-height:48px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage [data-focus-countdown-toggle]{background:transparent!important;border-color:transparent!important;font-size:12px;min-height:36px;padding:6px 12px;}
.nature-focus-dock{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;padding:18px 0;margin-top:auto;border-top:1px solid #ffffff35;}
.nature-focus-dock>details{flex:1;min-width:0;}
.nature-focus-dock summary,.nature-quiet-toggle{font:inherit;font-size:12px;color:#fff;padding:12px 0;cursor:pointer;min-height:44px;}
.nature-focus-dock .focus-music-drawer{border:0;margin:0;background:none;padding:0;}
.nature-focus-dock .focus-music-drawer summary{justify-content:flex-start;gap:10px;}
.nature-focus-dock .focus-music-drawer summary>span{display:none;}
.nature-quiet-toggle{background:none;border:0;padding-inline:5px;}
.nature-background-panel{background:#162331;color:#f5f4ff;padding:18px;border-radius:16px;border:1px solid #ffffff25;margin-bottom:8px;}
.nature-scene-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.nature-scene-choice{font:inherit;font-size:11px;color:#f5f4ff;border:1px solid transparent;background:transparent;border-radius:10px;padding:4px;cursor:pointer;text-align:left;}
.nature-scene-choice[aria-pressed=true]{border-color:#bed9ff;}
.nature-scene-choice img{display:block;width:100%;height:62px;object-fit:cover;border-radius:6px;margin-bottom:7px;}
.nature-scene-choice[data-nature-scene=dusk] img{filter:brightness(.45);}
.nature-brightness{font-size:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px;}
.nature-brightness input{min-width:0;width:110px;accent-color:#c1dbff;}
html #app-shell[data-nature-experience] .nature-focus-dock .focus-music-card{background:var(--mc-surface);color:var(--mc-ink);padding:20px;border-radius:16px;margin-top:10px;}
.nature-music-shortcuts{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--nature-border);padding:16px 0;margin:12px 0;}
.nature-music-shortcuts a{color:var(--mc-blue);font-size:13px;min-height:32px;display:flex;align-items:center;}
.nature-observatory>summary{padding:16px 4px;cursor:pointer;font-size:14px;}
.nature-quiet .nature-focus-intro{visibility:hidden;}
html #app-shell[data-nature-experience] .nature-quiet .focus-timer-card__top{visibility:hidden;}
.nature-quiet .nature-focus-dock>details{display:none;}
.nature-quiet .nature-focus-dock{justify-content:flex-end;}
.nature-privacy-card{padding:24px;}
.nature-privacy-card h2{margin:8px 0 12px;font-size:24px;font-weight:500;letter-spacing:-.03em;}
.nature-privacy-card p{max-width:65ch;line-height:1.65;}
.nature-privacy-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;}
html body #app-shell[data-simple-workspace][data-nature-experience] .glass-topbar{position:relative!important;inset:auto!important;transform:none!important;z-index:20;margin-bottom:22px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card.mc-card{background:transparent!important;padding:24px 0 30px!important;border-radius:0!important;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card .focus-actions .mc-button--primary{background:#cfe3ff!important;color:#1c242f!important;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-copy{font-family:inherit!important;font-size:13px!important;}
html body #app-shell[data-simple-workspace][data-nature-experience] .nature-durations{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;max-width:100%;gap:3px!important;}
html body #app-shell[data-simple-workspace][data-nature-experience] .nature-duration{min-width:0!important;padding:10px 12px!important;font-size:12px!important;}
.nature-focus-dock>details[open]{flex-basis:100%;}
html #app-shell[data-nature-experience] .nature-tools .focus-study-tools{display:flex;flex-wrap:wrap;background:#152332;border:1px solid #ffffff2a;border-radius:14px;padding:12px;margin-top:8px;gap:10px;}
html #app-shell[data-nature-experience] .nature-tools .focus-study-tools .mc-button{color:#fff;background:transparent;}
/* A quiet brand welcome beside the unchanged authentication form. */
html #marketing-page .mc-signin-entry:has(.nature-signin-welcome){display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:36px;align-items:center;max-width:1180px;margin:20px auto 40px;padding:40px;position:relative;isolation:isolate;border-radius:28px;overflow:hidden;background:#102335;}
html #marketing-page .mc-signin-entry:has(.nature-signin-welcome)::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c193e55,#0c193e9c),url('/nature-ocean-v1.jpg') center/cover;}
.nature-signin-welcome{position:relative;color:#fff;min-width:0;padding:40px 10px;overflow:hidden;}
html #marketing-page .mc-signin-entry:has(.nature-signin-welcome)>.mc-entry-intro{display:none;}
html #marketing-page .mc-signin-entry:has(.nature-signin-welcome)::before{display:block;content:'';opacity:1;transform:none;animation:none;}
html #marketing-page .mc-signin-entry:has(.nature-signin-welcome)::after{display:none;}
html #marketing-page .mc-signin-entry:has(.nature-signin-welcome) #account-sheet.mc-inline-signin{background:#111b30!important;border:1px solid #ffffff26;padding:0;}
.nature-signin-welcome h1{font-family:inherit;font-weight:400;font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.045em;margin:22px 0;max-width:7.8ch;}
.nature-signin-copy{font-size:15px;line-height:1.7;max-width:25ch;color:#e5e6ee;}
.nature-signin-birds{height:100px;position:relative;margin-top:30px;overflow:hidden;pointer-events:none;}
.nature-signin-birds img{position:absolute;left:-70px;top:calc(10px + var(--bird-index)*20px);filter:brightness(0) invert(1);opacity:.65;animation:mc-nature-birds 26s linear calc(var(--bird-index)*4s - 12s) infinite;}
@keyframes mc-nature-birds{from{transform:translate(-60px,18px) rotate(-8deg);}to{transform:translate(600px,-38px) rotate(2deg);}}
html #marketing-page .mc-signin-entry .mc-signin-explore{grid-column:1/-1;color:#d8e4f5;margin:0 auto;}
html #marketing-page .mc-signin-entry #account-sheet{width:100%;margin:0;background:var(--mc-surface,#fff);border-radius:22px;box-shadow:0 18px 70px #07142922;}
.mc-signin-entry:focus-within .nature-signin-birds img{animation-play-state:paused;}
.nature-focus-stage :focus-visible{outline:3px solid #bbd8ff;outline-offset:4px;}
@media(max-width:850px){html #marketing-page .mc-signin-entry:has(.nature-signin-welcome){gap:24px;padding:25px;}html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage{padding:32px 20px 0;}}
@media(max-width:650px){html #marketing-page .mc-signin-entry:has(.nature-signin-welcome){grid-template-columns:1fr;padding:22px 16px;margin:12px 10px 24px;border-radius:22px;gap:12px;}.nature-signin-welcome{padding:18px 12px 8px;}.nature-signin-welcome h1{max-width:12ch;font-size:38px;margin:12px 0;}.nature-signin-copy{max-width:30ch;font-size:13px;}.nature-signin-birds{height:55px;margin-top:0;}html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage{padding:30px 16px 0;min-height:670px;border-radius:18px;}.nature-focus-dock{gap:8px;}.nature-focus-dock>details{flex-basis:100%;}.nature-quiet-toggle{margin-left:auto;}.nature-duration{padding:8px 12px;font-size:11px;}.nature-background-panel{padding:14px;}.nature-privacy-card{padding:18px;}.nature-focus-dock .focus-music-drawer summary{font-size:12px;}}
@media(prefers-reduced-motion:reduce){.nature-signin-birds img{animation:none;left:calc(30px + var(--bird-index)*65px);}}
:root:is([data-reduced-motion=true],[data-personalize-motion=true],.mc-reduce-motion,.rm) .nature-signin-birds img{animation:none;left:calc(30px + var(--bird-index)*65px);}
@media(forced-colors:active){.nature-focus-stage::before,.nature-focus-stage::after{display:none;}html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage{background:Canvas;color:CanvasText;border:1px solid CanvasText;}.nature-duration,.nature-quiet-toggle{color:ButtonText;background:ButtonFace;border:1px solid ButtonText;}}

/* Keep the time readable against every scene; secondary controls open on demand. */
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage {
 min-height:540px;padding-top:28px;
}
.nature-focus-stage::after {background:linear-gradient(180deg,#081525c9,#081525ad 60%,#081525e0);}
.nature-focus-stage[data-nature-background=dusk]::after {background:#080f20d9;}
.nature-focus-intro h2 {font-size:clamp(20px,3vw,26px);margin-top:8px;}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card {
 padding:24px 0 18px!important;gap:12px;
}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-timer-card__top {
 padding:0;min-height:32px;gap:10px;font-size:12px;
}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-ring {
 margin:0 auto;min-height:148px;padding:18px 0;
}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-clock {
 font-size:clamp(56px,16vw,112px)!important;font-weight:600;line-height:1.12;letter-spacing:-.035em;
 color:#fff!important;opacity:1;text-shadow:none;font-variant-numeric:tabular-nums;
}
html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage :is(.focus-sanctuary,.focus-sanctuary-note,.focus-timer-copy,[data-focus-clock-note]) {display:none!important;}
html #app-shell[data-nature-experience] .nature-timer-options {width:100%;text-align:center;margin-top:4px;}
html #app-shell[data-nature-experience] .nature-timer-options>summary {
 display:list-item;list-style-position:inside;min-height:44px;padding:12px;color:#e0edff;cursor:pointer;font-size:13px;
}
.nature-timer-options-label {font-size:13px;margin:12px 0 8px;}
html #app-shell[data-nature-experience] .nature-timer-options .nature-durations {flex-wrap:wrap!important;}
html #app-shell[data-nature-experience] .nature-timer-options [data-focus-countdown-toggle] {margin:4px auto;}
html #app-shell[data-nature-experience] .nature-focus-stage .focus-actions .mc-button {min-height:48px;}
@media(max-width:650px) {
 html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage {min-height:0;padding:24px 16px 0;}
 .nature-focus-dock {margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
 .nature-focus-dock>details[open] {grid-column:1/-1;}
 .nature-focus-dock summary,.nature-quiet-toggle {text-align:left;font-size:12px;}
 .nature-focus-dock .nature-quiet-toggle {margin-left:0;text-align:right;}
}
@media(forced-colors:active) {
 html body #app-shell[data-simple-workspace][data-nature-experience] [data-view=focus] .nature-focus-stage .focus-clock {color:CanvasText!important;}
 html #app-shell[data-nature-experience] .nature-timer-options>summary {color:ButtonText;}
}