@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/workbench/Fraunces-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020-206F,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/workbench/Fraunces-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Scoped to YogiSoul tools and Reflection. Existing navigation, footer and SEO stay intact. */
body.ys-workbench main{--display:Fraunces,Georgia,serif;font-optical-sizing:auto;--ys-ink:#292b25;--ys-muted:#62665a;--ys-soft:#edf0e6;--ys-accent:#586646;--ys-surface:#fdfbf6;background:linear-gradient(180deg,#f3f1e9 0%,#f6f4ed 450px);color:var(--ys-ink)}
body.ys-reflection main{--ys-ink:#39323f;--ys-muted:#706771;--ys-soft:#ede6ef;--ys-accent:#695475;--ys-surface:#fdfafc;background:radial-gradient(ellipse at 95% 0%,#e7dceb99,transparent 42%),#f6f2f4}
.clay.ys-workbench main h1,.clay.ys-workbench main h2,.clay.ys-workbench main h3{color:var(--ys-ink)}
.clay.ys-workbench main .c-page-head{background:transparent}
.clay.ys-workbench main .c-page-head h1{font:400 clamp(38px,4.7vw,60px)/1.02 var(--display);letter-spacing:-.025em;max-width:22ch;text-wrap:balance}
.clay.ys-workbench main .c-page-head .c-lead{font:400 16px/1.75 var(--sans);color:var(--ys-muted);max-width:43em;text-wrap:pretty}
.clay.ys-workbench main .c-kicker{color:var(--ys-accent);font:500 10px/1.5 var(--mono);letter-spacing:.16em}
.clay.ys-workbench main .c-prose{font-size:16px;line-height:1.8}
.clay.ys-workbench main .c-prose h2{font:400 clamp(30px,3vw,42px)/1.1 var(--display);letter-spacing:-.02em}
.clay.ys-workbench main .panel,.clay.ys-workbench main .c-timer{background:var(--ys-surface);border:1px solid #292b2514;border-radius:22px;box-shadow:0 12px 40px -28px #292b2540;padding:clamp(22px,2.8vw,34px)}
.clay.ys-workbench main .panel label{font:500 13px/1.6 var(--sans);letter-spacing:0;color:var(--ys-ink)}
.clay.ys-workbench main .panel input:not([type=radio]):not([type=checkbox]),.clay.ys-workbench main .panel select,.clay.ys-workbench main .panel textarea{background:#fffdfb;border:1px solid #292b2525;border-radius:12px;font:400 16px/1.5 var(--sans);color:var(--ys-ink)}
.clay.ys-workbench main .c-btn-clay{background:var(--ys-accent);border-color:var(--ys-accent)}
.clay.ys-workbench main .c-btn-clay:hover{background:var(--ys-ink);border-color:var(--ys-ink)}
.clay.ys-workbench main .c-small,.clay.ys-workbench main .c-muted{color:var(--ys-muted);line-height:1.65}
.clay.ys-workbench main :focus-visible{outline-color:var(--ys-accent)}
.clay.ys-workbench main .c-mode-tabs{display:inline-flex;gap:4px;padding:5px;background:#e7e9df;border:1px solid #292b2512;border-radius:99px}
.clay.ys-workbench main .c-mode-tabs button{background:transparent;color:var(--ys-muted);border:0;min-height:40px;padding:0 20px;font:500 13px/1 var(--sans);border-radius:99px}
.clay.ys-workbench main .c-mode-tabs button[aria-selected=true]{background:var(--ys-surface);color:var(--ys-ink);box-shadow:0 2px 6px #292b2510}
.clay.ys-workbench main .c-builder{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.clay.ys-workbench main .c-builder [data-routine-request] input[name=intent]{font:400 22px/1.3 var(--display);padding:18px 16px}
.clay.ys-workbench main .c-prompts{display:flex;gap:7px;flex-wrap:wrap}
.clay.ys-workbench main .c-prompts button{background:var(--ys-soft);border:1px solid transparent;font-size:11px;min-height:34px;padding:0 12px;color:var(--ys-accent)}
.clay.ys-workbench main .c-prompts button:hover{border-color:var(--ys-accent)}
.clay.ys-workbench main .rw-step{background:transparent}
.clay.ys-workbench main .rw-head h2{font:400 clamp(29px,3vw,39px)/1.08 var(--display);letter-spacing:-.02em}
.clay.ys-workbench main .rw-total b{font-family:var(--mono);font-size:30px;font-weight:400;letter-spacing:-.05em}
.clay.ys-workbench main .rw-thumb{background:var(--ys-soft)}
.clay.ys-workbench main .rw-step-copy strong{font:400 25px/1.12 var(--display);color:var(--ys-ink)}
.clay.ys-workbench main .rw-step-copy p{font-size:13px;line-height:1.6;color:var(--ys-muted)}
.clay.ys-workbench main .rw-toolbar button,.clay.ys-workbench main .rw-row-actions button{min-height:32px;padding:6px 8px;border:0;background:transparent;border-radius:7px;color:var(--ys-muted);font:500 11px/1.3 var(--sans)}
.clay.ys-workbench main .rw-row-actions button:first-child{color:var(--ys-accent);padding-left:0}
.clay.ys-workbench main .rw-row-actions button:hover,.clay.ys-workbench main .rw-toolbar button:hover{background:var(--ys-soft);color:var(--ys-ink)}
.clay.ys-workbench main .rw-grip{min-height:42px;padding:8px 0;border-radius:6px}
.clay.ys-workbench main .rw-time{background:var(--ys-surface);font-family:var(--mono);font-size:14px;min-height:50px}
.clay.ys-workbench main .rw-dialog{background:var(--ys-surface);border-color:#292b2520;box-shadow:0 24px 100px #292b252b}
.clay.ys-workbench main .rw-dialog header h2{font:400 34px/1.1 var(--display)}
.clay.ys-workbench main .rw-dialog header>button{background:none;border:0;color:var(--ys-muted);min-height:38px;padding:4px 10px}
.clay.ys-workbench main .rw-choices button{min-height:68px;border-color:#292b2520;background:transparent;color:var(--ys-ink);border-radius:12px}
.clay.ys-workbench main .rw-choices strong{font:400 23px/1.2 var(--display)}
.clay.ys-workbench main .rw-presets button{min-height:44px;background:transparent;color:var(--ys-ink);border-color:#292b2525}
.clay.ys-workbench main .rw-presets button.is-on{background:var(--ys-accent);color:white}
.clay.ys-tools-index main .c-grid{counter-reset:ys-tool;gap:20px}
.clay.ys-tools-index main .c-card{counter-increment:ys-tool;position:relative;min-height:280px;background:var(--ys-surface);border-radius:20px;padding:28px;box-shadow:none}
.clay.ys-tools-index main .c-card:after{content:counter(ys-tool,decimal-leading-zero);position:absolute;right:28px;top:28px;font:400 11px/1 var(--mono);color:var(--ys-muted)}
.clay.ys-tools-index main .c-tool-art{width:74px;height:74px;border-radius:50%;margin-bottom:24px;background:var(--ys-soft)!important;color:var(--ys-accent)}
.clay.ys-tools-index main .c-tool-art svg{width:46px;height:46px}
.clay.ys-tools-index main .c-card h3{font:400 33px/1.1 var(--display);letter-spacing:-.02em}
.clay.ys-tools-index main .c-card .c-link{font-size:13px}
.clay.ys-tools-index main .c-card:hover{transform:translateY(-2px);border-color:var(--ys-accent)}
.clay.ys-workbench main .c-timer{max-width:800px;background:radial-gradient(ellipse at 50% 25%,#e3e9db88,transparent 70%),var(--ys-surface)}
.clay.ys-workbench main .c-counter-num,.clay.ys-workbench main #meditation-clock,.clay.ys-workbench main #practice-clock{font-family:var(--mono);font-weight:300;letter-spacing:-.06em}
.clay.ys-workbench main .v2-breath-head h2{font:400 34px/1.1 var(--display)}
.clay.ys-workbench main .v2-tech{border-radius:14px;background:#f5f6f0}
.clay.ys-workbench main .v2-tech[aria-checked=true]{border-color:var(--ys-accent);background:var(--ys-soft);box-shadow:inset 0 0 0 1px var(--ys-accent)}
.clay.ys-reflection main .rf-hub-hero{gap:40px}
.clay.ys-reflection main .rf-hub-hero h1{font-size:clamp(40px,4.8vw,62px);max-width:19ch}
.clay.ys-reflection main .rf-orbit-art{color:var(--ys-accent);max-width:280px}
.clay.ys-reflection main .rf-link-card{padding:30px;min-height:300px;background:var(--ys-surface);border-radius:20px;box-shadow:none;overflow:hidden}
.clay.ys-reflection main .rf-link-card h2{font:400 35px/1.08 var(--display);letter-spacing:-.02em;max-width:14ch}
.clay.ys-reflection main .rf-link-card .rf-symbol{font-size:32px;color:var(--ys-accent);width:64px;height:64px;border:1px solid #69547535;border-radius:50%;display:grid;place-items:center;margin-bottom:12px}
.clay.ys-reflection main .rf-link-card .c-link{align-self:start;font-size:13px;border-color:var(--ys-accent)}
.clay.ys-reflection main .rf-link-card:first-child{background:radial-gradient(ellipse at 95% 0%,#756883,#39323f 72%);border-color:transparent;color:#faf6fc}
.clay.ys-reflection main .rf-link-card:first-child h2,.clay.ys-reflection main .rf-link-card:first-child p,.clay.ys-reflection main .rf-link-card:first-child .c-link{color:#faf6fc}
.clay.ys-reflection main .rf-link-card:first-child .rf-symbol{color:#e7d5b7;border-color:#e7d5b770}
.clay.ys-reflection main .rf-link-card:hover{transform:translateY(-2px);border-color:var(--ys-accent)}
.clay.ys-reflection main .rf-spread-picker label>span{background:transparent;border-color:#69547525;border-radius:12px;padding:18px 22px}
.clay.ys-reflection main .rf-spread-picker input:checked+span{border-color:var(--ys-accent);background:var(--ys-soft);box-shadow:inset 0 0 0 1px var(--ys-accent)}
.clay.ys-reflection main .rf-deck-rest{padding:40px 12px}
.clay.ys-reflection main .rf-deck-rest>div{background:radial-gradient(circle at 50% 50%,#756883,#39323f);color:#e7d5b7;border-color:#695475;outline-color:#e7d5b775;border-radius:12px;box-shadow:0 14px 24px -18px #39323f99}
.clay.ys-reflection main .rf-deck-rest>div:first-child{transform:rotate(-8deg) translateY(10px)}
.clay.ys-reflection main .rf-deck-rest>div:last-child{transform:rotate(8deg) translateY(10px)}
.clay.ys-reflection main .rf-notebook{background:linear-gradient(180deg,#fffdfb,#faf6f1);border-color:#69547525}
.clay.ys-reflection main .rf-notebook h2{font:400 35px/1.1 var(--display)}
.clay.ys-reflection main .rf-notebook textarea{background:repeating-linear-gradient(#fffdfb,#fffdfb 31px,#69547515 32px)!important;line-height:32px;padding:10px 16px}
.clay.ys-reflection main .rf-pill,.clay.ys-reflection main .rf-chart-tabs button{background:transparent;color:var(--ys-muted);border-color:#69547530;font-size:13px}
.clay.ys-reflection main .rf-pill[aria-pressed=true],.clay.ys-reflection main .rf-chart-tabs button[aria-selected=true]{background:var(--ys-accent);color:white;border-color:var(--ys-accent)}
.clay.ys-reflection main .rf-sign-tab{background:var(--ys-surface);border-color:#69547525;color:var(--ys-ink)}
.clay.ys-reflection main .rf-sign-tab[aria-selected=true]{background:var(--ys-soft);border-color:var(--ys-accent);box-shadow:inset 0 0 0 1px var(--ys-accent)}
.clay.ys-reflection main .rf-sign-tab>span:first-child,.clay.ys-reflection main .rf-sign-glyph,.clay.ys-reflection main .rf-reading-stage p.rf-symbol{color:var(--ys-accent)}
.clay.ys-reflection main .rf-reading-stage .rf-horoscope h2{font-size:clamp(40px,4.7vw,60px)}
.clay.ys-reflection main .rf-reading-stage .rf-horoscope{background:var(--ys-surface);border:1px solid #69547520}
.clay.ys-reflection main .rf-card-face{background:radial-gradient(ellipse at 80% 15%,#eee4f2,#f8f4ed 75%);border-color:#69547535;outline-color:#69547525}
.clay.ys-reflection main .rf-card-face>span{color:var(--ys-accent)}
.clay.ys-reflection main .rf-active-prompt{font:400 28px/1.35 var(--display);border-color:var(--ys-accent)}
.clay.ys-reflection main .rf-prompt-btn{background:none;color:var(--ys-accent);border:0;border-bottom:1px solid var(--ys-accent);border-radius:0;padding:8px 0;min-height:32px}
.clay.ys-reflection main .rf-birth-form{max-width:850px;padding:clamp(24px,3.5vw,42px)}
.clay.ys-reflection main .rf-birth-form details{border-top:1px solid #69547520;padding-top:18px}
.clay.ys-reflection main .rf-birth-form summary{font:500 13px/1.6 var(--sans);color:var(--ys-accent);cursor:pointer}
.clay.ys-reflection main .rf-chart-summary h3{font:400 36px/1.1 var(--display)}
.clay.ys-reflection main .rf-chart-summary{background:var(--ys-surface)}
@media(min-width:961px){.clay.ys-workbench main .c-builder>div:first-child{position:sticky;top:100px}.clay.ys-reflection main .rf-link-card:first-child{grid-column:span 2}.clay.ys-reflection main .rf-link-card:first-child h2{font-size:48px}.clay.ys-reflection main .rf-link-card:first-child p{max-width:32em}.clay.ys-tarot main>.rf-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:32px;align-items:start}.clay.ys-tarot main>.rf-section>form,.clay.ys-tarot main>.rf-section>[data-tarot-status],.clay.ys-tarot main>.rf-section>.c-prose{grid-column:1/-1}.clay.ys-tarot main .rf-notebook{margin-top:28px}.clay.ys-tarot main .rf-draw.c-grid-3{grid-template-columns:1fr}}
@media(max-width:960px){.clay.ys-workbench main .c-builder{grid-template-columns:1fr}.clay.ys-workbench main .c-page-head .c-lead{margin-top:18px}}
@media(max-width:600px){.clay.ys-workbench main .c-page-head h1{font-size:38px}.clay.ys-workbench main .rw-step-copy strong{font-size:22px}.clay.ys-workbench main .rw-step-copy p{font-size:12px}.clay.ys-workbench main .rw-head h2{font-size:30px}.clay.ys-workbench main .rw-total b{font-size:24px}.clay.ys-workbench main .rw-row-actions{gap:3px}.clay.ys-workbench main .panel{padding:20px}.clay.ys-workbench main .rw-step{gap:7px;grid-template-columns:18px 36px minmax(0,1fr) 49px}.clay.ys-workbench main .rw-thumb{width:36px;height:36px}.clay.ys-reflection main .rf-link-card{min-height:250px;padding:24px}.clay.ys-reflection main .rf-hub-hero h1{font-size:40px}.clay.ys-reflection main .rf-hub-hero{gap:22px}.clay.ys-reflection main .rf-orbit-art{max-width:180px}.clay.ys-tools-index main .c-card{padding:24px;min-height:260px}}
@media(prefers-reduced-motion:reduce){.clay.ys-workbench main *{scroll-behavior:auto}.clay.ys-workbench main .c-card:hover,.clay.ys-workbench main .rf-link-card:hover{transform:none}.clay.ys-workbench main .c-card{transition:none}}

.clay.ys-workbench main .rw-time small{font:400 9px/1.4 var(--sans);white-space:nowrap}