:root{--cocoa: #392E2D;--taupe: #846D68;--blush: #CBAFA7;--petal: #EADAD6;--cream: #FAF5F1;--ring: #392E2D;--radius: 18px;--serif-ar: "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", "Amiri", serif;--serif-he: "Frank Ruhl Libre", "David", "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif;--display: var(--serif-ar);--ease: cubic-bezier(.22, .8, .24, 1)}[data-lang=he]{--display: var(--serif-he)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--cream)}body{margin:0;font-family:var(--sans);font-size:1rem;line-height:1.6;color:var(--cocoa);background:var(--cream);min-height:100dvh}.shell{max-width:46rem;margin-inline:auto;padding:1rem max(clamp(1rem,4vw,2rem),env(safe-area-inset-right)) 4rem max(clamp(1rem,4vw,2rem),env(safe-area-inset-left))}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:8px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.5rem}.brand{display:flex;align-items:center}.logo{display:block;inline-size:clamp(9rem,38vw,13rem);block-size:auto;border-radius:14px;border:1px solid var(--blush)}.demo{margin:.25rem 0 1rem;font-size:.8rem;border-block:1px dashed var(--blush);padding-block:.3rem;text-align:center}.rolebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.35rem .5rem;background:var(--petal);border-radius:999px;margin-block-end:1.5rem}.rolebar .role{margin:0;padding-inline:.75rem;font-weight:600;color:var(--cocoa)}.rolebar button{border:1px dashed var(--taupe);background:transparent;padding:.5rem 1rem;border-radius:999px;min-block-size:44px;color:var(--cocoa);font-size:.85rem;transition:background .3s var(--ease),color .3s var(--ease)}.demo-switch{margin-block-start:1.5rem;text-align:center}.demo-switch .fine{margin-block-end:.5rem}.panel{background:var(--cream);border:1px solid var(--blush);border-radius:calc(var(--radius) + 6px);padding:clamp(1.1rem,4vw,2rem);box-shadow:0 24px 40px -30px #392e2d73}.rise{animation:rise .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.display{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.25;margin:0 0 .5rem;letter-spacing:-.01em}h2{font-family:var(--display);font-size:1.2rem;margin:1.75rem 0 .5rem}.eyebrow{margin:1rem 0 0;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.muted{margin:.25rem 0 1rem}.fine{font-size:.8rem;margin:.5rem 0}.error{font-weight:700;padding:.5rem .9rem;border-radius:12px;background:var(--petal);border-inline-start:5px solid var(--cocoa)}.progress{list-style:none;display:flex;gap:.35rem;padding:0;margin:1.25rem 0 1.5rem}.progress li{flex:1;font-size:.7rem;border-block-start:3px solid var(--blush);padding-block-start:.4rem;transition:border-color .4s var(--ease)}.progress li[data-done=true]{border-color:var(--taupe)}.progress li[aria-current=step]{border-color:var(--cocoa);font-weight:700}fieldset{border:0;padding:0;margin:0 0 1.25rem;min-inline-size:0}legend{font-family:var(--display);font-size:1.25rem;font-weight:600;margin-block-end:.75rem;padding:0}.cards{display:grid;gap:.75rem}.card{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:start;padding:1rem 1.1rem;min-block-size:64px;background:var(--petal);border:1px solid var(--blush);border-radius:var(--radius);transition:transform .3s var(--ease),border-color .3s,background .3s}.card:hover{transform:translateY(-2px);border-color:var(--taupe)}.card[aria-pressed=true]{background:var(--cocoa);color:var(--cream);border-color:var(--cocoa)}.card-name{font-family:var(--display);font-size:1.15rem;font-weight:600}.card-meta{font-size:.85rem}.check{display:flex;align-items:center;gap:.75rem;padding:.8rem 0;min-block-size:48px;border-block-end:1px solid var(--blush)}.check input,.radio input{inline-size:1.3rem;block-size:1.3rem;accent-color:var(--cocoa)}.check .card-meta{margin-inline-start:auto}.radio{display:inline-flex;align-items:center;gap:.5rem;min-block-size:44px;padding-inline-end:1.25rem}.question{margin-block:1rem}.question p{margin:0 0 .25rem}.slots{display:flex;flex-wrap:wrap;gap:.5rem}.chip{min-block-size:44px;min-inline-size:4.2rem;padding:.4rem .9rem;border-radius:999px;background:var(--cream);border:1px solid var(--blush);transition:background .25s,color .25s,border-color .25s}.chip:hover{border-color:var(--taupe)}.chip[aria-pressed=true]{background:var(--cocoa);border-color:var(--cocoa);color:var(--cream)}.monthbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-block-end:.75rem}.monthgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.dow{text-align:center;font-size:.72rem;font-weight:700;padding-block-end:.25rem}.daycell{min-block-size:44px;padding:0;border-radius:12px;border:1px solid var(--blush);background:var(--cream);font-weight:600;transition:background .25s,color .25s,border-color .25s}.daycell.pad{border:0;background:transparent}button.daycell:hover:not(:disabled){border-color:var(--taupe);background:var(--petal)}button.daycell:disabled{border-color:transparent;background:transparent;color:var(--taupe);font-weight:400;text-decoration:line-through;cursor:not-allowed}.daycell[aria-pressed=true]{background:var(--cocoa);border-color:var(--cocoa);color:var(--cream)}.field{display:grid;gap:.4rem}.field input{padding:.9rem 1rem;border-radius:14px;border:1px solid var(--taupe);background:var(--cream);min-block-size:48px}.summary{margin-block:1.25rem;padding:1rem 1.25rem;border-radius:var(--radius);background:var(--petal)}.summary h2{margin-block-start:0}.summary p{margin:.2rem 0}.total{font-weight:700}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.actions{justify-content:space-between;margin-block-start:1.5rem}.primary,.ghost{min-block-size:48px;padding:.6rem 1.4rem;border-radius:999px;border:1px solid var(--cocoa);transition:transform .2s var(--ease),background .25s}.primary{background:var(--cocoa);color:var(--cream)}.primary:hover:not(:disabled){transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent;color:var(--cocoa)}.ghost:hover:not(:disabled){background:var(--petal)}.ghost:disabled{opacity:.45;cursor:not-allowed}.datebar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-block:.75rem}.weekstrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;margin-block:.5rem}.weekstrip .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:0;padding:.3rem .1rem;border-radius:14px;font-size:.8rem;line-height:1.25;background:var(--cream)}.weekstrip .dots{font-size:.6rem;min-block-size:.9rem;letter-spacing:.1em}.timeline{position:relative;margin-block-start:1rem;margin-inline-start:3.2rem;border-inline-start:1px solid var(--taupe)}.hour{position:absolute;inset-inline:0;border-block-start:1px dashed var(--blush);font-size:.72rem}.hour bdi{position:absolute;inset-inline-start:-3.2rem;inset-block-start:-.7rem}.block{position:absolute;inset-inline:.5rem .25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .6rem;padding:.3rem .8rem;overflow:hidden;text-align:start;border-radius:12px;border:1px solid var(--blush);border-inline-start:6px solid var(--cocoa);background:var(--cream);animation:rise .5s var(--ease) both;transition:transform .25s var(--ease),box-shadow .25s;min-block-size:44px}button.block:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px #392e2d99}.block[data-status=health-review]{border-inline-start:6px dashed var(--taupe);background:var(--petal)}.block.personal{background:repeating-linear-gradient(135deg,var(--petal),var(--petal) 8px,var(--cream) 8px,var(--cream) 16px);border-inline-start-color:var(--taupe);font-size:.85rem;align-items:center}.block .when{font-size:.78rem}.block .who{font-weight:700}.block .what{font-size:.85rem}.badge{display:inline-block;font-size:.72rem;padding:.05rem .55rem;border-radius:999px;background:var(--cocoa);color:var(--cream);border:1px solid var(--cocoa)}.badge[data-status=health-review]{background:var(--petal);color:var(--cocoa);border-style:dashed;border-color:var(--taupe)}.facts{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:1rem 0}.facts dd{margin:0}.list{padding-inline-start:1.1rem;margin:0}.list li{margin-block:.4rem}.note{padding:.8rem 1rem;background:var(--petal);border-radius:12px;margin:.25rem 0}.shell[data-view=workspace]{background:var(--petal);min-block-size:100dvh;max-inline-size:none}.shell[data-view=workspace]>*{max-inline-size:90rem;margin-inline:auto}.shell[data-view=workspace] .rolebar{background:var(--cocoa)}.shell[data-view=workspace] .rolebar .role{color:var(--cream)}.shell[data-view=workspace] .rolebar button{color:var(--cream);border-color:var(--blush)}.shell[data-view=workspace] .panel{background:var(--petal);border-color:var(--taupe);box-shadow:none}.shell[data-view=workspace] .chip,.shell[data-view=workspace] .block,.shell[data-view=workspace] .block[data-status=health-review],.shell[data-view=workspace] .note{background:var(--cream)}.shell[data-view=workspace] .demo{border-color:var(--taupe)}.shell,.panel,main{min-inline-size:0}.card,.chip,.who,.what,legend,.progress li,.rolebar button,.primary,.ghost{overflow-wrap:anywhere}.progress li span{display:block}.daystats{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-block:.5rem;font-size:.85rem}.daystats .badge{margin-inline-end:.25rem}.block[aria-pressed=true]{outline:2px solid var(--cocoa);outline-offset:-2px;box-shadow:0 8px 18px -12px #392e2db3}.workspace{display:grid;gap:1.25rem}.workspace[data-pane=calendar] .detail,.workspace[data-pane=client] .cal-pane{display:none}.detail-empty{text-align:center}@media (min-width: 40rem){.cards{grid-template-columns:1fr 1fr}.shell{max-inline-size:52rem}.progress li{font-size:.8rem}.timeline{margin-inline-start:3.6rem}.hour bdi{inset-inline-start:-3.6rem}.block{padding-inline:1.1rem;gap:.15rem 1rem}.daycell{min-block-size:52px}}@media (min-width: 48rem){.masthead{padding-block:.9rem}.facts{grid-template-columns:9rem 1fr}}@media (min-width: 60rem){.shell[data-view=workspace]{padding-inline:clamp(2rem,4vw,4rem)}.shell[data-view=book]{max-inline-size:64rem}.cards{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(22rem,1fr);align-items:start}.workspace[data-pane] .cal-pane,.workspace[data-pane] .detail{display:block}.detail{position:sticky;inset-block-start:1rem;max-block-size:calc(100dvh - 2rem);overflow-y:auto}.back-narrow{display:none}.rolebar,.shell[data-view=workspace]>.rolebar{max-inline-size:40rem;margin-inline:auto}.block{padding-inline:1.5rem;font-size:1.02rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,button.block:hover,.primary:hover:not(:disabled){transform:none}}@media (forced-colors: active){.card[aria-pressed=true],.chip[aria-pressed=true],.daycell[aria-pressed=true],.block[aria-pressed=true]{outline:3px solid Highlight}.badge{border:1px solid CanvasText}}