/* THE MINDFULNESS SUITE — the few pieces Ivory Season does not already carry.
   Everything here is built from the kit's own tokens (ivory-season.css) and the overlay's furniture
   (10px Manrope caps, gold hairlines, serif voices), and is left deliberately plain: the practice screen,
   the breathing orb, the dwell line, the rooms and the sheets are new, and are named for Claude Design.
   Radius zero. Gold a mark, never a fill. No dark mode. Transform and opacity only. */

:root{ --ms-hair:1px solid var(--rule); --ms-trellis-size:10px }

/* furniture */
.ms-trellis{font-family:var(--font-sans);font-weight:500;font-size:var(--ms-trellis-size);letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted)}
.ms-quiet{display:inline-flex;align-items:center;min-height:44px;padding:0;background:transparent;border:0;border-bottom:1px solid var(--rule);color:var(--ink);font-family:var(--font-serif);font-size:1.05rem;font-style:italic;cursor:pointer;text-decoration:none;transition:border-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}
.ms-quiet:hover{border-bottom-color:var(--gold)}
.ms-quiet:focus-visible,.ms-choices button:focus-visible,.ms-rooms button:focus-visible,.ms-list button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.actions{align-items:center}
button.button{cursor:pointer;font-family:var(--font-sans)}
.button[disabled],.ms-quiet[disabled]{opacity:.45;cursor:default}

/* the daily question at the head of a page */
.ms-koan{max-width:var(--sheet);margin:0 auto;padding:var(--space-md) var(--page-pad) 0;text-align:center}
.ms-koan:empty{display:none}
.ms-koan:has(.hl-koan){padding:0;max-width:none}
.ms-koan a{font-family:var(--font-serif);font-style:italic;font-size:1.15rem;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--rule)}
.ms-koan a:hover{border-bottom-color:var(--gold)}
.ms-koan .ms-trellis{display:block;margin-bottom:6px}

/* the greeting a member is met with */
.ms-greeting{font-style:italic;color:var(--ink-soft);margin:var(--space-md) 0 0}
.ms-greeting a{color:var(--gold-d)}

/* Respire's two doors */
.ms-doorway{display:grid;gap:var(--space-sm);max-width:30rem;margin:var(--space-lg) 0 var(--space-md)}
.ms-begin,.ms-surprise{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;background:transparent;color:var(--ink);font-family:var(--font-serif);cursor:pointer;text-align:left;transition:border-color var(--dur-base) var(--ease)}
.ms-begin{min-height:56px;padding:0 var(--space-md);border:1px solid var(--gold);font-size:1.15rem}
.ms-begin:hover{border-color:var(--ink)}
.ms-surprise{min-height:48px;padding:0 var(--space-md);border:0;border-bottom:1px solid var(--rule);font-style:italic;font-size:1.05rem;color:var(--text-muted)}
.ms-surprise:hover{border-bottom-color:var(--gold)}
.ms-begin:focus-visible,.ms-surprise:focus-visible{outline:1px solid var(--ink);outline-offset:3px}

/* choices: a word on a hairline, the chosen one underlined in gold */
.ms-choices{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin:var(--space-md) 0}
.ms-choices button{min-height:44px;padding:0 2px;background:transparent;border:0;border-bottom:1px solid var(--rule);color:var(--text-muted);font-family:var(--font-serif);font-size:1.1rem;cursor:pointer;transition:color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}
.ms-choices button:hover{color:var(--ink)}
.ms-choices button[aria-checked="true"],.ms-choices button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--gold)}
.ms-choices button small{display:block;font-size:.8rem;font-style:italic;color:var(--text-muted);line-height:1.2;margin-top:-4px;padding-bottom:6px}

/* a level: a hairline track and a square thumb */
.ms-level{display:grid;gap:6px;max-width:24rem;margin:var(--space-md) 0}
.ms-level input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer;margin:0}
.ms-level input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--ink-soft)}
.ms-level input[type=range]::-moz-range-track{height:1px;background:var(--ink-soft)}
.ms-level input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-7px;background:var(--paper);border:1px solid var(--ink)}
.ms-level input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--paper);border:1px solid var(--ink);border-radius:0}
.ms-level input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:2px}

/* search and the page: an underline only */
.ms-search,.ms-page{display:grid;gap:6px;margin:var(--space-md) 0;max-width:var(--measure-air)}
.ms-search input,.ms-page textarea,.ms-form input{width:100%;font-family:var(--font-serif);font-size:1.3rem;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:.3em 0;-webkit-appearance:none;appearance:none;transition:border-color var(--dur-base) var(--ease)}
.ms-page textarea{min-height:12em;line-height:1.6;resize:vertical;border:1px solid var(--rule);padding:.6em .7em;background:var(--paper)}
.ms-search input:focus,.ms-page textarea:focus,.ms-form input:focus{outline:none;border-color:var(--gold)}
.ms-search input:focus-visible,.ms-page textarea:focus-visible,.ms-form input:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.ms-search input::placeholder,.ms-page textarea::placeholder{color:var(--text-muted);font-style:italic;opacity:1}
.ms-search input::-webkit-search-cancel-button{-webkit-appearance:none}

/* lists: rows on hairlines */
.ms-list{list-style:none;padding:0;margin:var(--space-md) 0;border-top:1px solid var(--rule);max-width:44rem}
.ms-list > li{border-bottom:1px solid var(--rule)}
.ms-list button.ms-row,.ms-list a.ms-row{display:grid;grid-template-columns:1fr auto;gap:2px var(--space-md);align-items:baseline;width:100%;min-height:56px;padding:var(--space-sm) 0;background:transparent;border:0;color:var(--ink);text-align:left;font-family:var(--font-serif);font-size:1.2rem;cursor:pointer;text-decoration:none}
.ms-row .s{grid-column:1;font-style:italic;font-size:1rem;color:var(--text-muted)}
.ms-row .r{grid-column:2;grid-row:1;font-family:var(--font-sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}
.ms-row:hover .t{color:var(--gold-d)}
.ms-detail{padding:0 0 var(--space-lg)}
.ms-detail p{margin:0 0 var(--space-sm)}
.ms-detail dl{margin:var(--space-sm) 0}
.ms-detail dt{font-family:var(--font-sans);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-top:var(--space-md)}
.ms-detail dd{margin:4px 0 0}
.ms-skeleton{height:56px;background:linear-gradient(90deg,transparent,rgba(var(--veil),.04),transparent)}

/* the practice: a whole screen of ivory, the breath at its centre */
.ms-practice,.ms-sheet{position:fixed;inset:0;z-index:140;overflow-y:auto;background:var(--paper);display:grid;place-items:center;padding:var(--space-xl) var(--page-pad);opacity:0;transition:opacity var(--dur-slow) var(--ease)}
.ms-practice.on,.ms-sheet.on{opacity:1}
.ms-practice[hidden],.ms-sheet[hidden]{display:none}
.ms-practice-in{width:min(34rem,100%);text-align:center}
.ms-sheet-in{width:min(40rem,100%)}
.ms-practice h2,.ms-sheet h2{font-weight:300;font-size:clamp(2rem,6.5cqi,3.2rem);line-height:1.08;margin:var(--space-xs) 0 var(--space-md)}
.ms-practice .actions{justify-content:center;gap:var(--space-lg)}
.ms-orb-field{display:grid;place-items:center;height:min(56vh,22rem);margin:var(--space-md) 0}
.ms-orb{width:min(60vw,15rem);aspect-ratio:1;transform:scale(.6);transition-property:transform;transition-timing-function:var(--ease)}
.ms-orb svg{width:100%;height:100%;display:block;overflow:visible}
.ms-phase{font-family:var(--font-serif);font-weight:300;font-size:clamp(1.8rem,6cqi,2.6rem);line-height:1.15;color:var(--ink);margin:0 0 var(--space-xs)}

/* Thinkable's rooms and its question */
.ms-rooms{display:flex;gap:var(--space-lg);padding:var(--space-lg) 0 0;border-bottom:1px solid var(--rule)}
.ms-rooms button{min-height:44px;padding:0;background:transparent;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;font-family:var(--font-sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);cursor:pointer}
.ms-rooms button[aria-current="page"]{color:var(--ink);border-bottom-color:var(--gold)}
.ms-room{padding:var(--rhythm-half) 0 var(--rhythm)}
.ms-room[hidden]{display:none}
.ms-question{font-weight:300;font-size:clamp(2.2rem,8cqi,4.2rem);line-height:1.08;max-width:18ch;margin:var(--space-md) 0;opacity:1;transition:opacity var(--dur-slow) var(--ease)}
.ms-question.fading,[data-t-elab].fading{opacity:0}
[data-t-elab]{transition:opacity var(--dur-slow) var(--ease)}
.ms-dwell{height:1px;background:var(--rule);max-width:24rem;margin:var(--space-lg) 0}
.ms-dwell i{display:block;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}
.ms-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);align-items:center}

/* the remembered items */
.ms-items{list-style:none;padding:0;margin:var(--space-md) 0;border-top:1px solid var(--rule);max-width:44rem}
.ms-items li{display:grid;grid-template-columns:1fr auto;gap:2px var(--space-md);align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--rule)}
.ms-items .l{font-family:var(--font-sans);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d)}
.ms-items .v{grid-column:1;color:var(--ink)}
.ms-items .ms-quiet{grid-column:2;grid-row:1 / span 2}
.ms-form{display:grid;gap:var(--space-md);max-width:28rem}
.ms-form label{display:grid;gap:4px}
.ms-confirm{margin-top:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--rule)}

/* install */
.ms-drawing{background:var(--paper-2);padding:var(--space-md)}
.ms-diagram{display:block;width:100%;height:auto}
.ms-steps{padding-left:1.2em;margin:var(--space-md) 0}
.ms-steps li{margin:0 0 var(--space-sm);padding-left:.3em}
.ms-steps li::marker{font-family:var(--font-sans);font-size:.7rem;color:var(--gold-d)}

/* downloads, only when present */
.ms-downloads{margin-top:var(--space-lg);border-top:1px solid var(--rule)}
.ms-downloads p{margin:var(--space-sm) 0 0}
.ms-downloads a{color:var(--gold-d)}

/* the journal */
.ms-further{margin:var(--space-xs) 0 var(--space-md);padding-left:1.1em;color:var(--ink-soft);font-style:italic}
.ms-entry{white-space:pre-wrap;font-size:1.25rem;line-height:1.62;color:var(--ink);margin:var(--space-md) 0}
.ms-undo{position:fixed;left:50%;bottom:var(--space-lg);z-index:150;transform:translateX(-50%);display:flex;gap:var(--space-md);align-items:center;padding:var(--space-xs) var(--space-md);background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow-plate);font-style:italic}
.ms-undo[hidden]{display:none}

/* the app pages carry no plates; their screens breathe instead */
.ms-app .head{padding-bottom:var(--rhythm-half)}

@media (prefers-reduced-motion: reduce){
  .ms-orb{transition:none!important}
  .ms-dwell i{transition:none!important}
  .ms-practice,.ms-sheet{transition:none}
}
@media print{.ms-practice,.ms-sheet,.ms-undo,.ms-rooms{display:none}}