/* Sculpted UI material; every text field and hit target remains native. */
@font-face{font-family:'Clay Read';src:url('fonts/onest-clay.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--clay-font:'Clay Read',sans-serif;--clay-slab:url('clay/slab-cream.webp');--clay-strong:url('clay/slab-cobalt.webp');--clay-edge:url('clay/frame-cream.webp')}
body{font-weight:400;font-size:17px;line-height:1.65}p{line-height:1.65;text-wrap:pretty}h1,h2,h3{font-weight:650;letter-spacing:-.025em}
body::before{background-image:url('clay/ground-soft.webp');background-size:cover;background-position:center;filter:blur(18px);opacity:.17;inset:-28px}
.clay-header{max-width:1720px;padding:24px 44px;min-height:112px;gap:28px}.clay-brand{font-size:27px;font-weight:720;letter-spacing:-.035em}.clay-nav{gap:10px}.clay-nav a{font-size:18px;min-height:56px;padding:12px 18px;font-weight:550}.clay-nav a[aria-current=page]{background:var(--clay-selected);color:var(--clay-blue)}.clay-languages button{font-size:16px;min-height:48px;min-width:40px}.clay-menu-toggle{font-size:17px}
/* Nine-slice texture carries the actual clay outline; no mathematically round perimeter. */
.clay-nav a[aria-current=page],.clay-menu-toggle,button:not(.quiet):not(.mala-quiet):not([data-mala-language]),.button,.choice,.mala-mode,.clay-secondary,.pb-preview,.clay-panel,.mala-dev-note{border:14px solid transparent;border-image:var(--clay-slab) 110 fill / 16px / 0 stretch;background:transparent;border-radius:0;box-shadow:none;padding:10px 16px;color:var(--clay-ink)}
button.primary,.primary,.clay-primary,.mala-action,#pbGenerate,#pay{border:16px solid transparent;border-image:var(--clay-strong) 110 fill / 18px / 0 stretch;background:transparent!important;color:#fff;box-shadow:none;border-radius:0;padding:12px 28px;filter:drop-shadow(0 6px 5px #17264c1e)}
button.primary:hover:not(:disabled),.clay-primary:hover,.mala-action:hover,#pbGenerate:hover:not(:disabled){background:transparent;color:white;filter:drop-shadow(0 7px 7px #17264c26)}
button:active:not(:disabled),.clay-primary:active{transform:none}
input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{border:12px solid transparent;border-image:var(--clay-edge) 110 fill / 14px / 0 stretch;border-radius:0;background:transparent;box-shadow:none;padding:10px 14px;min-height:56px;font-weight:400}
.choice[aria-pressed=true],.mala-mode[aria-checked=true]{color:var(--clay-blue);filter:drop-shadow(0 3px 3px #2836b826)}
.clay-hero{display:grid;grid-template-columns:1fr;max-width:1640px;padding:38px 44px 48px;gap:0;min-height:0;overflow:visible;text-align:center}.clay-hero-copy{max-width:900px;justify-self:center;align-self:start}.clay-hero-copy h1{font-size:clamp(48px,4.4vw,68px);line-height:1.12;max-width:20ch;margin:0 auto 24px;font-weight:680}.clay-hero-copy>p{max-width:58ch;font-size:19px;line-height:1.6;margin:0 auto 0}.clay-home-stage{width:100%;max-width:1060px;justify-self:center;padding:0;gap:0;align-content:start}#clayHomeEyes{max-width:680px;justify-self:center;aspect-ratio:3.25;min-height:180px;max-height:225px;width:100%}.clay-home-dock{max-width:850px;margin:auto}.clay-home-dock .clay-actions{gap:18px;margin-bottom:0}.clay-home-dock .clay-primary{min-width:330px;min-height:86px;font-size:23px;padding:18px 40px;font-weight:600}.clay-held-action--large{min-width:330px;padding:18px 0 38px}.clay-home-dock .clay-secondary{border:0;border-image:none;background:none;min-height:44px;font-size:16px;padding:8px 16px}.clay-home-dock .clay-hero-footnote{font-size:15px;max-width:48ch;margin:18px auto 0;color:var(--clay-muted)}
.clay-ui-grip{transform:none;translate:0 -50%;scale:none;rotate:none}.clay-ui-grip--left{right:calc(100% - 42px);top:calc(50% + 24px);width:190px}.clay-ui-grip--right{left:calc(100% - 42px);top:50%;width:190px}.clay-held-action--large .clay-ui-grip{width:290px}.clay-held-action--large .clay-ui-grip--left{right:calc(100% - 74px);top:calc(50% + 30px)}.clay-held-action--large .clay-ui-grip--right{left:calc(100% - 74px);top:50%}
.mala-mode{grid-template-columns:1fr;justify-items:center;align-content:center;text-align:center;gap:8px;min-height:138px;padding:16px 14px;font-size:16px}.mala-mode-icon{width:auto;min-width:106px;height:52px;justify-content:center;gap:8px;align-items:center}.clay-sense-icon{width:44px;height:44px;flex-basis:44px}.clay-icon-eye{width:60px;height:44px;left:-8px;top:0}.clay-icon-iris{width:23px;height:23px;left:10px;top:10px}.clay-icon-cup{width:40px;height:44px;top:0}.clay-icon-cup--left{left:-12px}.clay-icon-cup--right{right:-12px;scale:none}.clay-icon-hand{width:48px;height:48px;top:-2px}.clay-icon-hand--left{left:-5px}.clay-icon-hand--right{right:-5px}.clay-mode-plus{font-size:15px}
.mala-preview canvas{min-height:360px;aspect-ratio:1.1}.mala-settings-body{gap:32px 56px}.mala-lead,.lead{font-size:18px;font-weight:400}.mala-range-head label{font-weight:550}.clay-panel,.pb-preview{padding:28px}dialog:not(#flowDialog){border:18px solid transparent;border-image:var(--clay-slab) 110 fill / 20px /0 stretch;background:transparent;border-radius:0;box-shadow:0 18px 50px #13254122}
.pb-actions .clay-held-action{margin-inline:90px;width:calc(100% - 180px);flex-basis:calc(100% - 180px)}
@media(max-width:1200px){.clay-header{flex-wrap:wrap;justify-content:space-between;padding:20px 32px;gap:12px}.clay-nav{order:3;width:100%;justify-content:center}.clay-nav a{font-size:17px;padding:10px 14px}.clay-hero{padding-top:32px}}
@media(max-width:850px){.clay-header{min-height:88px}.clay-nav{order:initial;width:auto}.clay-hero{padding:28px 28px 40px}.clay-hero-copy h1{font-size:48px;max-width:20ch}.clay-hero-copy>p{font-size:18px;max-width:44ch}.clay-home-stage{max-width:700px}#clayHomeEyes{min-height:155px;aspect-ratio:3}.clay-home-dock .clay-primary{min-width:290px;font-size:21px;min-height:78px}.clay-held-action--large{min-width:290px}.clay-held-action--large .clay-ui-grip{width:230px}.clay-held-action--large .clay-ui-grip--left{right:calc(100% - 63px)}.clay-held-action--large .clay-ui-grip--right{left:calc(100% - 63px)}.mala-mode{min-height:130px}.mala-preview canvas{min-height:310px;aspect-ratio:1.2}}
@media(max-width:520px){body{font-size:16px}.clay-header{padding:16px 20px;gap:10px;min-height:82px}.clay-brand{font-size:23px}.clay-languages button{min-width:30px;font-size:14px}.clay-menu-toggle{font-size:16px;padding:8px 12px;min-height:48px}.clay-hero{padding:24px 20px 38px}.clay-hero-copy h1{font-size:38px;max-width:14ch;margin-bottom:22px}.clay-hero-copy>p{font-size:17px;line-height:1.65;max-width:36ch}#clayHomeEyes{min-height:130px;max-height:160px;aspect-ratio:2.6}.clay-home-dock .clay-primary{min-width:230px;min-height:76px;font-size:19px;padding:14px 20px}.clay-held-action--large{min-width:230px;padding:12px 0 38px}.clay-held-action--large .clay-ui-grip{width:136px}.clay-held-action--large .clay-ui-grip--left{right:calc(100% - 47px);top:calc(50% + 20px)}.clay-held-action--large .clay-ui-grip--right{left:calc(100% - 47px)}.clay-home-dock .clay-secondary{font-size:15px;max-width:27ch}.clay-home-dock .clay-hero-footnote{font-size:14px;max-width:30ch;margin-top:16px}.mala-mode{min-height:146px;padding:12px 8px;font-size:15px}.mala-mode-icon{min-width:88px;height:48px;gap:3px}.mala-settings-body{gap:28px}.mala-preview canvas{min-height:300px}.clay-panel,.pb-preview{padding:20px}.pb-actions .clay-held-action{margin-inline:58px;width:calc(100% - 116px);flex:0 1 auto}.pb-actions .clay-ui-grip{width:106px}.pb-actions .clay-ui-grip--left{right:calc(100% - 40px)}.pb-actions .clay-ui-grip--right{left:calc(100% - 40px)}}
@media print{body::before{display:none}.clay-ui-grip{display:none!important}}

/* Equal sculpted navigation, quiet selected-state clay pebble. */
.clay-nav a{border:12px solid transparent;border-image:var(--clay-slab) 110 fill / 14px /0 stretch;background:transparent;border-radius:0;box-shadow:none;padding:8px 15px;position:relative}.clay-nav a[aria-current=page]{font-weight:650;color:var(--clay-blue)}.clay-nav a[aria-current=page]::after{content:'';position:absolute;width:13px;height:13px;bottom:4px;left:calc(50% - 6px);background:url('clay/sense-knob.webp') center/23px no-repeat}
body.clay-site :is(.primary,.clay-primary,.mala-action,#pbGenerate,#pay){border:16px solid transparent;border-image:var(--clay-strong) 110 fill / 18px /0 stretch;border-radius:0!important;background:transparent!important;color:white!important;box-shadow:none!important}
body.clay-site :is(.quiet,.mala-quiet,[data-mala-language]){border:0;border-image:none;background:transparent;box-shadow:none;border-radius:0}
.clay-home-dock .clay-primary{min-width:350px;min-height:110px;font-size:23px}.clay-held-action--large{min-width:350px}.clay-held-action--large .clay-ui-grip--left{width:290px;right:calc(100% - 92px);top:calc(50% + 9px)}.clay-held-action--large .clay-ui-grip--right{width:250px;left:calc(100% - 55px);top:calc(50% - 9px)}
@media(max-width:850px){.clay-home-dock .clay-primary{min-width:300px;min-height:100px;font-size:21px}.clay-held-action--large{min-width:300px}.clay-held-action--large .clay-ui-grip--left{width:230px;right:calc(100% - 80px)}.clay-held-action--large .clay-ui-grip--right{width:210px;left:calc(100% - 53px)}}
@media(max-width:520px){.clay-home-dock .clay-primary{min-width:230px;min-height:88px;font-size:19px}.clay-held-action--large{min-width:230px}.clay-held-action--large .clay-ui-grip--left{width:136px;right:calc(100% - 57px);top:calc(50% + 7px)}.clay-held-action--large .clay-ui-grip--right{width:124px;left:calc(100% - 43px);top:calc(50% - 7px)}}

body.clay-site .mala-range-head input[type=number]{width:128px;max-width:42%;padding-inline:10px;min-height:58px;font-size:20px;font-variant-numeric:tabular-nums}
@media(max-width:520px){body.clay-site .mala-range-head input[type=number]{width:104px;font-size:18px;padding-inline:8px}}
.clay-held-action--large .clay-ui-grip--left{width:330px;right:calc(100% - 127px);top:calc(50% + 23px)}.clay-held-action--large .clay-ui-grip--right{width:330px;left:calc(100% - 112px);top:calc(50% + 2px)}
@media(max-width:850px){.clay-held-action--large .clay-ui-grip--left{width:260px;right:calc(100% - 104px);top:calc(50% + 20px)}.clay-held-action--large .clay-ui-grip--right{width:260px;left:calc(100% - 90px);top:calc(50% + 2px)}}
@media(max-width:520px){.clay-held-action--large .clay-ui-grip--left{width:136px;right:calc(100% - 70px);top:calc(50% + 7px)}.clay-held-action--large .clay-ui-grip--right{width:124px;left:calc(100% - 60px);top:calc(50% - 7px)}}
@media(max-width:360px){.clay-home-dock .clay-primary,.clay-held-action--large{min-width:220px}.clay-held-action--large .clay-ui-grip--left{width:100px;right:calc(100% - 60px)}.clay-held-action--large .clay-ui-grip--right{width:96px;left:calc(100% - 58px)}}

@media(min-width:851px){.clay-held-action--large .clay-ui-grip--right{width:290px;left:calc(100% - 101px);top:calc(50% + 8px)}}

.mala-settings-selection,.mala-settings-controls,.mala-settings-visual,.mala-range-head label{min-width:0}.mala-mode-label{min-width:0;white-space:normal;overflow-wrap:break-word}.mala-settings-controls{max-width:100%}
@media(max-width:850px){.mala-settings-body{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.mala-mode-choices{grid-template-columns:minmax(0,1fr)}.mala-mode{min-height:116px}}

/* Final material cascade supersedes the earlier smooth imprint rules. */
body.clay-site :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){border:0;border-image:var(--clay-edge) 110 fill /14px /0 stretch;border-radius:0;background:transparent;box-shadow:none;padding:12px 15px}
body.clay-site :is(.clay-panel,.pb-preview,.end-card,.context-note,dialog:not(#flowDialog),.choice){border:0;border-image:var(--clay-slab) 110 fill /18px /0 stretch;border-radius:0;background:transparent;box-shadow:none}
body.clay-site .choice[aria-pressed=true],body.clay-site .mala-mode[aria-checked=true]{background:transparent;color:var(--clay-blue);box-shadow:none}
body.clay-site :is(button,.button,.clay-primary,.mala-action):active:not(:disabled){transform:none;box-shadow:none}
body.clay-site .clay-range-touch input[type=range]::-webkit-slider-runnable-track{background:transparent;border:0;border-image:none;box-shadow:none;border-radius:0}
body.clay-site .clay-range-touch input[type=range]::-moz-range-track,body.clay-site .clay-range-touch input[type=range]::-moz-range-progress{background:transparent;border:0;box-shadow:none;border-radius:0}
.clay-range-bed,.clay-range-fill{position:absolute;left:0;right:0;top:30px;translate:0 -50%;height:14px;z-index:1;pointer-events:none;border:0;border-image:var(--clay-slab) 110 fill /4px /0 stretch;max-width:100%}
.clay-range-fill{right:auto;width:var(--clay-knob-x,14px);border-image-source:var(--clay-strong)}
@media(max-width:850px){body.clay-site .clay-menu-toggle{width:68px;min-width:68px;min-height:48px;border:0;border-image:var(--clay-slab) 110 fill /14px /0 stretch;padding:8px 4px;font-size:16px}}
@media(max-width:520px){.clay-header{grid-template-columns:minmax(0,1fr) 68px 96px;gap:8px}.clay-languages{width:96px;gap:8px}.clay-languages button{width:44px;min-width:44px;min-height:48px;padding:8px 0}.clay-languages span{display:none}}
@media(max-width:360px){.clay-header{grid-template-columns:minmax(0,1fr) 96px;row-gap:10px}.clay-brand{grid-column:1;grid-row:1}.clay-languages{grid-column:2;grid-row:1}.clay-menu-toggle{grid-column:1/-1;grid-row:2;justify-self:stretch}.clay-header .clay-menu-toggle{width:100%!important}.clay-nav{grid-column:1/-1;grid-row:3}}
html[data-mala-focus=keyboard] body.clay-site :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select):focus-visible{box-shadow:inset 0 -2px 0 var(--clay-blue)}
/* Keep the native select semantics, with a full material surface in Safari. */
body.clay-site select{-webkit-appearance:none;appearance:none;min-height:52px;line-height:1.4;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,var(--clay-ink) 50%),linear-gradient(135deg,var(--clay-ink) 50%,transparent 50%);background-position:calc(100% - 21px) 50%,calc(100% - 15px) 50%;background-size:6px 6px;background-repeat:no-repeat}