:root{font-size:100%}:root[data-text-size=s]{font-size:93.75%}:root[data-text-size=l]{font-size:112.5%}:root[data-text-size=xl]{font-size:125%}:root[data-grayscale]{filter:grayscale(1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--zujaj-page)}:root[data-zujaj-motion=reduce]{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,system-ui,sans-serif;line-height:1.65;color:var(--zujaj-page-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3,h4{font-family:Reem Kufi,IBM Plex Sans Arabic,Segoe UI,system-ui,sans-serif;line-height:1.25;margin:0;font-weight:700}:lang(en) h1,:lang(en) h2,:lang(en) h3{letter-spacing:-.01em}p{margin:0}a{color:inherit}code,pre{font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace}.sr-only{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--zujaj-focus);outline-offset:3px;border-radius:8px}zujaj-button:focus-visible,zujaj-surface:focus-visible,.zujaj:focus-visible{outline:none}.skip{position:absolute;inset-inline-start:16px;inset-block-start:-100px;z-index:50;background:var(--zujaj-accent);color:var(--zujaj-accent-ink);padding:10px 16px;border-radius:999px;font-weight:600}.skip:focus{inset-block-start:12px}.zujaj-backdrop .scene{position:absolute;inset:0;inline-size:100%;block-size:100%}.scene .sun{fill:color-mix(in srgb,var(--zujaj-scene-3) 85%,#fff);opacity:.75}.scene .hill.far{fill:color-mix(in srgb,var(--zujaj-scene-1) 45%,var(--zujaj-page));opacity:.55}.scene .hill.near{fill:color-mix(in srgb,var(--zujaj-scene-1) 60%,var(--zujaj-page));opacity:.5}.scene .trees{fill:none;stroke:color-mix(in srgb,var(--zujaj-page-ink) 16%,transparent);stroke-width:3}.zujaj-backdrop.mini{position:absolute;z-index:0;border-radius:inherit}.zujaj-backdrop.mini>i{inline-size:70%;block-size:120%}.topbar{position:sticky;inset-block-start:0;z-index:20;display:flex;align-items:center;gap:20px;padding-block:10px;padding-inline:max(16px,calc((100vw - 1200px)/2));background:color-mix(in srgb,var(--zujaj-page) 70%,transparent);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-block-end:1px solid color-mix(in srgb,var(--zujaj-page-ink) 10%,transparent)}[data-zujaj-contrast=more] .topbar{background:var(--zujaj-page);backdrop-filter:none}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:inline-block;inline-size:36px;block-size:36px;padding:0!important}.brand-word{white-space:nowrap;display:flex;flex-direction:column;line-height:1.05;font-family:Reem Kufi,system-ui,sans-serif;font-size:1.35rem;font-weight:700}.brand-word small{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:.72rem;font-weight:500;color:var(--zujaj-page-ink-muted);letter-spacing:.05em}.nav{display:flex;gap:2px;margin-inline-start:6px;flex-wrap:nowrap;overflow:hidden}.nav a{white-space:nowrap;text-decoration:none;padding:8px 11px;border-radius:999px;color:var(--zujaj-page-ink-muted);font-weight:500;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--zujaj-page-ink);background:color-mix(in srgb,var(--zujaj-page-ink) 8%,transparent)}.topbar-actions{display:flex;gap:10px;margin-inline-start:auto;align-items:center}.icon-btn{--zujaj-button-padding: .55em .95em}#lang-toggle{min-inline-size:50px}main{padding-inline:16px}.section,.hero{max-width:1200px;margin-inline:auto}.section{padding-block:80px 24px}.section-head{max-width:760px;margin-block-end:30px}.section-head h2{font-size:clamp(1.8rem,3vw + 1rem,2.7rem);margin-block-end:10px}.section-head p{color:var(--zujaj-page-ink-muted);font-size:1.08rem}.sub{font-size:1.2rem;margin-block:40px 18px}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-block:56px 24px}.hero-3d{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.hero-3d.on{opacity:1}.eyebrow{color:var(--zujaj-page-ink-muted);font-weight:600;margin-block-end:14px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";inline-size:30px;block-size:6px;border-radius:99px;background:var(--zujaj-accent)}.hero h1{font-size:clamp(2.2rem,4vw + 1rem,3.9rem);margin-block-end:18px}.lede{font-size:1.15rem;color:var(--zujaj-page-ink-muted);max-width:34em}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-block:30px 24px;align-items:center}.hero-actions>*{font-size:1.04rem;--zujaj-button-padding: .85em 1.6em}.link-btn{gap:.6em!important}.link-btn svg{inline-size:1.25em;block-size:1.25em}.facts{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:0;color:var(--zujaj-page-ink-muted);font-size:.95rem}.facts li{display:flex;align-items:center;gap:8px}.facts li:before{content:"";inline-size:10px;block-size:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--zujaj-accent) 70%)}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.pebble-garden{position:relative;block-size:460px}.sun-disc{position:absolute;inline-size:210px;block-size:210px;border-radius:50%;inset-block-start:40px;inset-inline-end:60px;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--zujaj-scene-3) 70%,#fff),var(--zujaj-scene-3) 70%)}.stripe{position:absolute;block-size:16px;border-radius:99px;inset-inline-start:6%}.stripe.s1{inline-size:70%;inset-block-start:210px;background:var(--zujaj-scene-1)}.stripe.s2{inline-size:54%;inset-block-start:250px;background:var(--zujaj-scene-2);inset-inline-start:20%}.stripe.s3{inline-size:62%;inset-block-start:290px;background:var(--zujaj-accent);opacity:.8}.pb{position:absolute;text-align:center;--zujaj-surface-padding: 0}.pb::part(glass){display:grid;place-items:center;block-size:100%}.pb1{inline-size:250px;block-size:190px;inset-block-start:110px;inset-inline-end:150px}.pb2{inline-size:150px;block-size:110px;inset-block-start:30px;inset-inline-start:4%}.pb3{inline-size:160px;block-size:120px;inset-block-start:300px;inset-inline-end:20px}.pb4{inline-size:140px;block-size:100px;inset-block-start:330px;inset-inline-start:6%}.pb5{inline-size:80px;block-size:66px;inset-block-start:24px;inset-inline-end:24px}.pb6{inline-size:70px;block-size:56px;inset-block-start:250px;inset-inline-start:38%}.pb-word{font-family:Reem Kufi,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,3vw + .6rem,3rem);line-height:1}.pb-word.sm{font-size:clamp(1.15rem,1.2vw + .7rem,1.5rem)}.pg{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:28px;align-items:start}.pg-controls,.dyn-controls{--zujaj-surface-padding: 1.4rem}.field{border:0;padding:0;margin:0 0 20px;min-inline-size:0}.field:last-child{margin-block-end:0}.field legend,.field label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-weight:600;margin-block-end:10px;padding:0;inline-size:100%}.field output{font-variant-numeric:tabular-nums;color:var(--zujaj-ink-muted);font-weight:500;direction:ltr}.range-ends{display:flex;justify-content:space-between;font-size:.82rem;color:var(--zujaj-ink-muted);margin-block-start:2px}input[type=range]{inline-size:100%;accent-color:var(--zujaj-accent);block-size:28px;margin:0}input[type=text]{flex:1;min-inline-size:0;font:inherit;font-family:ui-monospace,Consolas,monospace;font-size:.95rem;color:var(--zujaj-ink);background:color-mix(in srgb,var(--zujaj-tint) 55%,transparent);border:1px solid color-mix(in srgb,var(--zujaj-ink) 25%,transparent);border-radius:999px;padding:.6em 1em;min-block-size:44px}.seed-row{display:flex;gap:10px;align-items:center}.seed-row zujaj-button{--zujaj-button-padding: .6em 1.05em;flex:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent);border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;padding:.4em .95em;min-block-size:40px}.chip:hover{background:color-mix(in srgb,currentColor 13%,transparent)}.chip[aria-checked=true]{background:var(--zujaj-accent);color:var(--zujaj-accent-ink);border-color:transparent;font-weight:600;box-shadow:inset 0 1px #ffffff59,0 4px 12px -4px color-mix(in srgb,var(--zujaj-accent) 70%,transparent)}.chip .dot{inline-size:16px;block-size:16px;border-radius:50%;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 40%,transparent);flex:none}.tints{display:flex;flex-wrap:wrap;gap:10px}.tint-sw{inline-size:38px;block-size:38px;border-radius:50%;cursor:pointer;padding:0;font:inherit;font-weight:700;font-size:.8rem;color:inherit;background:radial-gradient(circle at 35% 30%,#fff 0 18%,var(--c, transparent) 60%);border:2px solid color-mix(in srgb,currentColor 35%,transparent)}.tint-sw.auto{background:conic-gradient(var(--zujaj-scene-1),var(--zujaj-scene-2),var(--zujaj-scene-3),var(--zujaj-scene-1));color:var(--zujaj-ink)}.tint-sw[aria-checked=true]{border-color:var(--zujaj-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--zujaj-focus) 40%,transparent)}.pg-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-inline-size:0;padding:26px;border-radius:34px;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--zujaj-page) 60%,transparent)}.stage-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.stage-scene i{position:absolute;border-radius:50%}.stage-scene i:nth-child(1){inline-size:220px;block-size:220px;inset-block-start:-40px;inset-inline-end:12%;background:var(--zujaj-scene-3)}.stage-scene i:nth-child(2){inline-size:160px;block-size:160px;inset-block-end:40px;inset-inline-start:-30px;background:var(--zujaj-scene-1)}.stage-scene i:nth-child(3){inline-size:120px;block-size:120px;inset-block-start:45%;inset-inline-end:-20px;background:var(--zujaj-accent)}.stage-scene b{position:absolute;inset-inline:8% 30%;inset-block-start:120px;block-size:14px;border-radius:99px;background:repeating-linear-gradient(90deg,var(--zujaj-scene-2) 0 40px,transparent 40px 56px)}.pg-card{--zujaj-surface-padding: 1.8rem 1.8rem 1.6rem}.pg-card h3{font-size:1.6rem;margin-block:4px 8px}.pg-card p{color:var(--zujaj-ink-muted);max-width:40em}.kicker{font-size:.85rem;font-weight:600;letter-spacing:.03em;color:var(--zujaj-ink-muted)}.row{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:20px}.pebbles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pebbles zujaj-surface{block-size:70px}.code{--zujaj-surface-padding: 0;grid-column:1 / -1}.code-tabs{display:flex;gap:4px;padding:10px 14px 0;border-block-end:1px solid color-mix(in srgb,var(--zujaj-ink) 14%,transparent)}.code-tabs button{font:inherit;font-size:.88rem;color:var(--zujaj-ink-muted);background:none;border:0;cursor:pointer;padding:8px 12px;border-block-end:2px solid transparent;margin-block-end:-1px;min-block-size:40px}.code-tabs button[aria-selected=true]{color:var(--zujaj-ink);border-color:var(--zujaj-ink);font-weight:600}.code-tabs .copy{margin-inline-start:auto}.code pre{margin:0;padding:16px 20px 20px;overflow-x:auto;font-size:.86rem;line-height:1.6;text-align:left;color:var(--zujaj-ink)}.tk-tag,.tk-kw{font-weight:700}.tk-str,.tk-com{color:var(--zujaj-ink-muted)}.tk-com{font-style:italic}.panel-wrap{position:relative;display:grid;place-items:center;padding:36px 16px;border-radius:40px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,color-mix(in srgb,var(--zujaj-scene-2) 35%,var(--zujaj-page)),color-mix(in srgb,var(--zujaj-scene-1) 30%,var(--zujaj-page)))}.panel-bg{position:absolute;inset:0;z-index:-1}.panel-bg i{position:absolute;border-radius:50%;filter:blur(30px);opacity:.7}.panel-bg i:nth-child(1){inline-size:260px;block-size:260px;inset-block-start:20%;inset-inline-start:18%;background:var(--zujaj-scene-1)}.panel-bg i:nth-child(2){inline-size:200px;block-size:200px;inset-block-end:6%;inset-inline-end:16%;background:var(--zujaj-scene-3)}.panel{inline-size:min(520px,100%);display:grid;gap:16px}.slider-glass{position:relative;block-size:64px;--v: 50%}.slider-glass .track{position:absolute;inset:0;padding:0!important}.slider-glass .fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:max(64px,var(--v));padding:0!important;transition:none}.slider-glass .sl-icon{position:absolute;inset-inline-end:22px;inset-block-start:50%;translate:0 -50%;inline-size:24px;block-size:24px;color:var(--zujaj-ink);pointer-events:none}.slider-glass input{position:absolute;inset:0;inline-size:100%;block-size:100%;opacity:0;cursor:pointer;margin:0}.slider-glass:has(input:focus-visible) .track:after{opacity:1}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{block-size:78px;--zujaj-button-padding: 0 1.3em;--zujaj-button-justify: flex-start;--zujaj-button-gap: .85em}.tile.wide{grid-column:span 2}.tile.round{--zujaj-button-padding: 0;--zujaj-button-justify: center}.tile svg{inline-size:26px!important;block-size:26px!important}.tl{display:flex;flex-direction:column;line-height:1.25;min-inline-size:0}.tl b{font-weight:600;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl small{font-size:.82rem;font-weight:500;opacity:.92}.panel-foot{display:flex;align-items:center;gap:12px;margin-block-start:8px}.dots{display:flex;gap:6px;margin-inline-end:auto}.dots i{inline-size:8px;block-size:8px;border-radius:99px;background:color-mix(in srgb,var(--zujaj-page-ink) 30%,transparent)}.dots i.on{inline-size:20px;background:color-mix(in srgb,var(--zujaj-page-ink) 65%,transparent)}.round-btn{--zujaj-button-padding: 0;inline-size:56px;block-size:56px}.round-btn svg{inline-size:24px!important;block-size:24px!important}.flow{display:grid;gap:22px;max-width:760px}.flow-card{--zujaj-surface-padding: 1.5rem;position:relative}.flow-card h3{font-size:1.25rem;margin-block-end:12px}.flow-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-block-end:14px}.flow-head h3{margin:0}.flow-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.85rem;padding:.3em .9em;border-radius:999px;background:color-mix(in srgb,var(--zujaj-ink) 8%,transparent);color:var(--zujaj-ink)}.tag.warm{background:color-mix(in srgb,#f2c66d 40%,transparent)}.icon-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.icon-row figure{margin:0;display:grid;justify-items:center;gap:6px;font-size:.85rem;font-weight:500}.pill{--zujaj-button-padding: .7em 1.4em}.dl-row{display:flex;flex-wrap:wrap;gap:14px;margin-block-start:18px;align-items:center}.select-glass{display:inline-flex!important;align-items:center;position:relative;--zujaj-surface-padding: 0;min-block-size:46px;min-inline-size:150px;cursor:pointer}.select-glass.wide{min-inline-size:min(320px,100%)}.select-glass select{appearance:none;-webkit-appearance:none;font:inherit;font-weight:600;color:inherit;background:transparent;border:0;inline-size:100%;padding:.65em 1.3em;padding-inline-end:2.6em;cursor:pointer;border-radius:999px}.select-glass select option{color:#111;background:#fff}.select-glass svg{position:absolute;inset-inline-end:14px;inline-size:18px;block-size:18px;pointer-events:none}.select-glass:has(select:focus-visible):after{opacity:1}.select-glass select:focus-visible{outline:none}.steps{display:flex;flex-wrap:wrap;gap:12px}.chip-glass{--zujaj-button-padding: .55em 1.2em}.chip-glass[pressed]::part(glass){outline:2px solid color-mix(in srgb,var(--zujaj-accent-ink) 70%,transparent);outline-offset:-4px;font-weight:700}.chip-glass .badge{display:inline-grid;place-items:center;min-inline-size:1.5em;block-size:1.5em;padding:0 .4em;border-radius:99px;font-size:.78rem;background:color-mix(in srgb,currentColor 16%,transparent)}.dot-warm{inline-size:10px!important;block-size:10px!important;border-radius:50%;background:#e3794a;box-shadow:0 0 8px #f0a070}.drop{display:grid;justify-items:center;gap:4px;text-align:center;padding:30px 16px;border-radius:24px;cursor:pointer;border:2px dashed color-mix(in srgb,var(--zujaj-ink) 30%,transparent);background:color-mix(in srgb,#b9d0ff 30%,transparent)}.drop:has(input:focus-visible){outline:3px solid var(--zujaj-focus);outline-offset:3px}.drop svg{inline-size:30px;block-size:30px}.drop small{color:var(--zujaj-ink-muted)}.if-day{margin-block:16px 10px;color:var(--zujaj-ink-muted)}.fab{position:absolute!important;inset-inline-end:-14px;inset-block-end:60px;inline-size:64px;block-size:64px;--zujaj-button-padding: 0}.fab svg{inline-size:28px!important;block-size:28px!important}.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{--zujaj-surface-padding: 1.5rem}.card h4{font-size:1.25rem;margin-block:14px 6px}.card p{color:var(--zujaj-ink-muted);margin-block-end:18px;min-block-size:4.9em}.card-icon{display:inline-grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;background:color-mix(in srgb,var(--zujaj-accent) 18%,transparent);color:var(--zujaj-ink)}.card-icon svg{inline-size:26px;block-size:26px}.wear-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.strip-pebble{block-size:120px;text-align:center}.strip-pebble strong{display:block;font-size:1.6rem;font-family:Reem Kufi,system-ui,sans-serif;margin-block-start:6px}.strip-pebble small{color:var(--zujaj-ink-muted)}.dyn{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:28px;align-items:start}.color-row{display:flex;gap:12px;align-items:center}.color-row input[type=color]{inline-size:64px;block-size:44px;border:0;padding:0;background:none;cursor:pointer;border-radius:12px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-block-end:20px}.sw{inline-size:36px;block-size:36px;border-radius:50%;border:2px solid color-mix(in srgb,var(--zujaj-ink) 45%,transparent);cursor:pointer;padding:0}.palette{display:grid;grid-template-columns:repeat(15,1fr);block-size:30px;border-radius:999px;overflow:hidden;margin-block-end:20px;direction:ltr}.dyn-preview{position:relative;isolation:isolate;color:var(--zujaj-page-ink);border-radius:34px;padding:28px;overflow:hidden;background:var(--zujaj-page);display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.dyn-preview>zujaj-surface{position:relative;z-index:1}.dyn-card{--zujaj-surface-padding: 1.6rem}.dyn-card h3{font-size:1.45rem;margin-block:4px 8px}.dyn-card .muted{color:var(--zujaj-ink-muted);margin-block-start:6px}.dyn-table{--zujaj-surface-padding: 1rem 1.3rem}.contrast{border-collapse:collapse;inline-size:100%;font-size:.95rem}.contrast caption{text-align:start;font-weight:600;margin-block-end:8px}.contrast th,.contrast td{text-align:start;padding:7px 4px;border-block-end:1px solid color-mix(in srgb,var(--zujaj-ink) 14%,transparent);font-weight:400}.contrast tr:last-child th,.contrast tr:last-child td{border:0}.contrast td{font-variant-numeric:tabular-nums}.contrast td:last-child{text-align:end;font-weight:600}.about{padding-block-end:56px}.about-card{--zujaj-surface-padding: 2.2rem;max-width:820px;margin-inline:auto}.about-card h2{font-size:2rem;margin-block-end:14px}.about-card p{font-size:1.08rem;margin-block-end:10px}.about-card .by{margin:18px 0 0;font-weight:600}.about-card a{color:inherit;text-underline-offset:4px}.footer{text-align:center;padding:28px 16px 40px;color:var(--zujaj-page-ink-muted);font-size:.92rem}.footer a{text-underline-offset:3px}.drawer{margin:0;margin-inline-start:auto;inset-block:0;block-size:100dvh;max-block-size:none;inline-size:min(400px,100vw);max-inline-size:100vw;border:0;padding:0;color:var(--zujaj-ink);background:color-mix(in srgb,var(--zujaj-tint) 88%,var(--zujaj-page));backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 0 60px color-mix(in srgb,var(--zujaj-shadow) 50%,transparent);border-start-start-radius:28px;border-end-start-radius:28px}.drawer::backdrop{background:color-mix(in srgb,var(--zujaj-shadow) 35%,transparent);backdrop-filter:blur(4px)}.drawer[open]{animation:drawer-in calc(var(--zujaj-motion, 1) * .3s) cubic-bezier(.2,.8,.2,1)}@keyframes drawer-in{0%{transform:translate(calc(var(--dir, 1) * 40px));opacity:0}}[dir=rtl] .drawer{--dir: -1}.drawer-inner{padding:20px 20px 28px;display:grid;gap:4px}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:18px}.drawer-head h2{font-size:1.5rem}.theme-list{display:grid;gap:8px}.theme-option{display:flex;align-items:center;gap:12px;font:inherit;color:inherit;text-align:start;cursor:pointer;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:999px;padding:8px 12px;min-block-size:54px}.theme-option>span:last-child{display:flex;flex-direction:column;line-height:1.3;font-weight:600}.theme-option small{font-weight:400;color:var(--zujaj-ink-muted);font-size:.82rem}.theme-option .swatch{inline-size:36px;block-size:36px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,var(--sw-a) 0 22%,transparent 23%),conic-gradient(var(--sw-b) 0 40%,var(--sw-c) 40% 70%,var(--sw-d) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 30%,transparent)}.theme-option[aria-checked=true]{border-color:var(--zujaj-focus);box-shadow:inset 0 0 0 1px var(--zujaj-focus)}.page-3d main{padding-inline:16px}.stage3d{position:relative;max-width:1200px;margin-inline:auto;border-radius:36px;overflow:hidden;block-size:min(72vh,720px);min-block-size:440px;background:#07070b;isolation:isolate}.stage3d.light-bg{background:#e9edf3}.stage3d canvas{display:block;inline-size:100%;block-size:100%;touch-action:none;cursor:grab}.stage3d canvas:active{cursor:grabbing}.stage3d .poster{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.stage3d .notice{position:absolute;inset-inline:16px;inset-block-end:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;z-index:2;padding:.8em 1.1em;border-radius:22px;background:color-mix(in srgb,var(--zujaj-tint) 90%,var(--zujaj-page));color:var(--zujaj-ink)}.hint3d{position:absolute;inset-block-start:14px;inset-inline-start:16px;z-index:2;font-size:.88rem;padding:.35em .9em;border-radius:99px;background:color-mix(in srgb,var(--zujaj-tint) 80%,transparent);color:var(--zujaj-ink);pointer-events:none}.stage3d[data-mode=poster] .hint3d{display:none}.panel3d{margin-block-start:22px;--zujaj-surface-padding: 1.4rem}.panel3d-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 24px;align-items:start}.desc3d{max-width:820px;margin:22px auto 0;color:var(--zujaj-page-ink-muted)}.lede3d{max-width:760px}@media(max-width:1080px){.nav{display:none}}@media(max-width:980px){.hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-block-start:36px}.pg,.dyn{grid-template-columns:minmax(0,1fr)}.pebble-garden{block-size:400px;max-inline-size:560px;inline-size:100%;margin-inline:auto}}@media(max-width:560px){.section{padding-block-start:60px}.hide-sm{display:none}.pebble-garden{block-size:330px}.sun-disc{inline-size:150px;block-size:150px;inset-inline-end:20px}.pb1{inline-size:180px;block-size:140px;inset-block-start:90px;inset-inline-end:70px}.pb2{inline-size:120px;block-size:86px;inset-block-start:10px;inset-inline-start:0}.pb3{inline-size:120px;block-size:90px;inset-block-start:236px;inset-inline-end:0}.pb4{inline-size:110px;block-size:80px;inset-block-start:246px;inset-inline-start:0}.pb5{inline-size:60px;block-size:50px;inset-inline-end:4px;inset-block-start:6px}.pb6{inset-block-start:196px;inset-inline-start:34%;inline-size:56px;block-size:44px}.stripe.s1{inset-block-start:160px}.stripe.s2{inset-block-start:190px}.stripe.s3{inset-block-start:220px}.pg-stage{padding:16px;border-radius:28px}.pebbles{gap:8px}.pebbles zujaj-surface{block-size:52px}.pg-card{--zujaj-surface-padding: 1.3rem}.wear-strip{grid-template-columns:repeat(3,1fr)}.about-card{--zujaj-surface-padding: 1.5rem}.dyn-preview{padding:14px;border-radius:26px}.btn-row>*{flex:1 1 auto}.panel-wrap{padding:20px 10px;border-radius:30px}.tiles{gap:9px}.tile{block-size:68px;--zujaj-button-padding: 0 .9em;--zujaj-button-gap: .6em}.tl b{font-size:.92rem}.fab{inset-inline-end:6px;inset-block-end:70px}.stage3d{border-radius:26px;block-size:64vh;min-block-size:380px}}