/* Rituales: black, deep burgundy accents and circular timer. */
/* Keep device insets separate from visual spacing so compact views cannot erase them. */
:root{--app-safe-top:env(safe-area-inset-top,0px);--app-top-space:22px}
:root,[data-theme="dark"]{--bg:#0c0c0e;--bg-2:#171619;--card:#19181b;--input-bg:#141316;--text:#f4efe9;--text-dim:#c0b8b3;--text-faint:#aaa19c;--line:#383237;--card-border:#383237;--card-hover:#94858b;--action:#701d2b;--action-text:#fff8ef;--dawn:#ece1d5;--dawn-rgb:236,225,213;--app-nav:#0c0c0ef2;--shell-title:#fff8ef;--shell-ring:#bba6a438;--gradient-1:#ffffff03;--gradient-2:#701d2b12;--shadow-glow:#701d2b44;--sun:#edb67a;--grid-dot:transparent}
[data-theme="light"]{--bg:#edf0f1;--bg-2:#e0e6ea;--text:#1c3044;--text-dim:#526477;--text-faint:#63758a;--dawn:#701d2b;--dawn-rgb:112,29,43;--action:#701d2b;--action-text:#fff8ef;--sun:#ad6529;--card:#fafbf9;--card-border:#c6d0d8;--card-hover:#768c9f;--line:#c6d0d8;--input-bg:#f1f4f5;--shadow-glow:#701d2b22;--gradient-1:#bfd0d755;--gradient-2:#701d2b0a;--grid-dot:transparent;--app-nav:#f5f7f4ed;--shell-title:#173047;--shell-ring:#65829c55}
body{font-family:'Manrope',-apple-system,sans-serif;font-weight:400;background:radial-gradient(ellipse at 100% 0,var(--gradient-1),transparent 58%),radial-gradient(ellipse at 0 45%,var(--gradient-2),transparent 65%),var(--bg)}
body:before{display:none}.container{padding:calc(var(--app-safe-top) + var(--app-top-space)) max(22px,env(safe-area-inset-right)) calc(150px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));max-width:1060px}.topbar{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line);gap:8px;flex-wrap:nowrap}.brand{font:650 14px/1.3 'Manrope',sans-serif;gap:9px;white-space:nowrap}.brand-text em{font-style:normal;color:var(--text)}.brand .mark{width:24px;height:24px;background:transparent;border:1px solid var(--dawn);box-shadow:inset 0 0 0 5px var(--bg);position:relative}.brand .mark:after{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--dawn)}.topbar-controls{gap:8px}.theme-toggle{min-width:40px;min-height:40px}.auth-chip{width:40px;height:40px;padding:10px;justify-content:center}.auth-chip .auth-label{display:none}.user-badge{max-width:110px}.rituals-shell .nav-tabs{display:none!important}
.time-group[hidden]{display:none}.time-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 21px}.time-heading h1{font:550 40px/1.15 'Manrope',sans-serif;letter-spacing:-.055em;color:var(--shell-title);margin:6px 0 0}.time-heading .eyebrow{font-size:10px;letter-spacing:.18em;color:var(--dawn)}.orbital-mark{width:52px;height:52px;border:1px solid var(--shell-ring);border-radius:50%;position:relative;transform:rotate(-25deg)}.orbital-mark:before{content:'';position:absolute;inset:9px;border:1px solid var(--shell-ring);border-radius:50%}.orbital-mark:after{content:'';position:absolute;width:7px;height:7px;top:4px;left:8px;background:var(--dawn);border-radius:50%;box-shadow:0 0 16px var(--shadow-glow)}.orbital-mark span{position:absolute;left:50%;top:-6px;bottom:-6px;border-left:1px solid var(--shell-ring)}
.time-selector{display:flex;padding:4px;background:var(--input-bg);border:1px solid var(--card-border);border-radius:16px;gap:4px}.time-selector button{flex:1;min-width:0;border:0;border-radius:12px;min-height:45px;background:transparent;color:var(--text-dim);font:600 13px 'Manrope',sans-serif;cursor:pointer}.time-selector button[aria-selected=true]{background:var(--action);color:var(--action-text);box-shadow:0 2px 8px #0002,inset 0 0 0 1px var(--card-border)}.time-description{font-size:12px;color:var(--text-dim);margin:14px 0 4px}
.rituals-shell #view-pomodoro>header,.rituals-shell #view-tiempo>header{display:none}.section-head h1,.today-heading h1{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-.045em}.section-head h1 em,.today-heading h1 em{font-style:normal;color:var(--dawn)}
#view-pomodoro .pomo-section{gap:26px;margin-top:10px}#view-pomodoro .pomo-clock-wrap{max-width:310px;isolation:isolate}#view-pomodoro .pomo-clock-wrap:before{content:'';position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 33% 20%,var(--card),var(--bg) 70%);border:1px solid var(--shell-ring);box-shadow:0 16px 32px #0002;z-index:-1}#view-pomodoro .pomo-clock-wrap:after{content:'';position:absolute;inset:5%;border-radius:50%;background:repeating-conic-gradient(from -1deg,var(--shell-ring) 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 67%,#000 68%);pointer-events:none;z-index:-1}
#view-pomodoro .pomo-time{font:300 clamp(58px,17vw,72px)/1.05 'Manrope',sans-serif;letter-spacing:-.065em;color:var(--shell-title);font-variant-numeric:tabular-nums}#view-pomodoro .pomo-status{font-size:9px;letter-spacing:.15em;margin-top:10px}#view-pomodoro .pomo-project-chip{margin-top:12px;min-height:44px;max-width:80%;background:var(--card);padding:6px 10px;font-size:11px}#view-pomodoro .pomo-controls{margin:7px 0 10px;gap:10px}#view-pomodoro .pomo-controls .btn{min-height:48px;min-width:120px;border-radius:14px}.btn{font-family:'Manrope',sans-serif;font-weight:650;border-radius:12px;background:var(--action);color:var(--action-text)}.btn-secondary,.btn-ghost{background:var(--card);color:var(--text);border-color:var(--card-border)}.pomo-meta-row{font:12px 'Manrope',sans-serif;color:var(--text-dim);margin-top:14px!important}.panel{background:transparent;border:0;padding:0}.pomo-summary{border-radius:18px;background:linear-gradient(145deg,var(--card),var(--input-bg));box-shadow:0 8px 24px #0000000d;padding:20px}.pomo-summary-head{font-size:10px;color:var(--dawn);font-weight:700}.pomo-summary-row .value{font:600 14px 'Manrope',sans-serif}.duration-options{grid-template-columns:repeat(4,1fr)}.duration-opt{min-height:44px}.duration-opt.selected{background:var(--action);border-color:var(--action);color:var(--action-text)}
.tiempo-card{border-radius:18px;background:linear-gradient(140deg,var(--card),var(--input-bg));box-shadow:0 6px 16px #0000000a}.tiempo-card-name,.tiempo-section-title,.projects-toolbar h2,.today-panel h2{font-family:'Manrope',sans-serif;font-weight:550}.tiempo-card.active{border-color:var(--dawn)}.tiempo-active-row{background:var(--card);border-radius:16px}.tiempo-active-time{font-family:'Manrope',sans-serif}.card,.project-card,.today-panel{border-radius:18px}.today-solar{--text:#fff8ef;--text-dim:#e2d8ce;--dawn:#fff8ef;color:var(--text);border-color:#88404a;background:linear-gradient(135deg,#701d2b,#4c1420)}.today-solar-event,.today-stat-value{font-family:'Manrope',sans-serif}.app-readings{margin-top:22px}
.app-nav{display:flex;position:fixed;z-index:90;bottom:0;left:0;right:0;gap:2px;padding:9px 8px max(12px,env(safe-area-inset-bottom));background:var(--app-nav);backdrop-filter:blur(20px);border-top:1px solid var(--card-border)}.app-nav button{border:0;background:transparent;color:var(--text-dim);flex:1;min-width:0;min-height:52px;font:500 12px 'Manrope',sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:13px;cursor:pointer}.app-nav button[aria-current=page]{color:var(--action-text);background:var(--action);font-weight:700}.app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.active-session{position:fixed;z-index:89;bottom:82px;left:16px;right:16px;min-height:42px;border:1px solid var(--card-border);border-radius:13px;color:var(--dawn);background:var(--app-nav);backdrop-filter:blur(16px);font:600 12px 'Manrope',sans-serif;cursor:pointer}.active-session[hidden]{display:none}
@media(min-width:720px){.app-nav{left:50%;right:auto;transform:translateX(-50%);width:560px;bottom:15px;border:1px solid var(--card-border);border-radius:24px}.active-session{left:calc(50% - 240px);right:auto;width:480px;bottom:104px}.time-group{max-width:700px}.pomo-section{grid-template-columns:1fr 360px!important}}
@media(max-width:360px){.container{padding-left:16px;padding-right:16px}.brand{font-size:12px}.auth-chip{display:inline-flex;flex-shrink:0}.time-heading h1{font-size:36px}#view-pomodoro .pomo-clock-wrap{max-width:280px}.app-nav{padding-left:5px;padding-right:5px}.app-nav button{font-size:12px}.duration-options{grid-template-columns:repeat(4,1fr)}}

/* Keep active controls clear of the home indicator and preserve keyboard navigation. */
.active-session{bottom:calc(84px + env(safe-area-inset-bottom))}.app-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.app-nav button:focus-visible,.time-selector button:focus-visible,.active-session:focus-visible{outline:2px solid var(--dawn);outline-offset:2px}
@media(min-width:720px){.active-session{bottom:104px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}

.brand .mark{border:1px solid #88404a;border-radius:9px;box-shadow:none;background:var(--action);color:var(--action-text);width:30px;height:30px;padding:4px}.brand .mark:after{display:none}.brand .mark svg{display:block;width:100%;height:100%}