code{color:var(--text);background:#ffffff0d;border-radius:5px;padding:.1em .38em}.code code{background:0 0;padding:0}[data-theme=light] p code{background:#0000000d}.ds-hero{padding:calc(var(--nav-h) + 56px) 0 var(--space-8);position:relative;overflow:hidden}.ds-hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#c5f56a21,#0000 70%);width:70%;height:120%;position:absolute;top:-10%;right:-10%}.ds-hero__grid{gap:var(--space-8);grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative}.ds-hero h1{margin:var(--space-4) 0 var(--space-5);letter-spacing:-.03em;font-size:clamp(5rem,2rem + 12vw,12rem);line-height:.82}.ds-hero h1 .serif{color:var(--text);padding-right:.06em}.ds-hero__lede{max-width:540px;font-size:var(--text-lg);color:var(--text-3);margin-bottom:var(--space-6)}.ds-hero__lede b,.ds-hero__lede i{color:var(--text)}.ds-hero__lede i{font-family:var(--font-serif);font-size:1.15em}.ds-hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.mark3d{aspect-ratio:1;perspective:1100px;cursor:grab;touch-action:pan-y;user-select:none;justify-self:center;width:100%;max-width:520px;margin:0;position:relative}.mark3d.is-dragging{cursor:grabbing}.mark3d__stage{transform-style:preserve-3d;will-change:transform;position:absolute;inset:12%}.mark3d__layer{width:100%;height:100%;transform:translateZ(var(--z));position:absolute;inset:0}.mark3d__layer.is-front{filter:drop-shadow(0 0 10px #c5f56a73)}.mark3d__floor{filter:blur(6px);background:radial-gradient(closest-side,#c5f56a33,#0000);border-radius:50%;height:12%;position:absolute;bottom:4%;left:15%;right:15%}.mark3d .fig{text-align:center;position:absolute;bottom:-8px;left:0;right:0}.fig{font-size:var(--text-xs);color:var(--text-4)}.fig>span:first-child{color:var(--accent-text);margin-right:6px}@media (width<=900px){.ds-hero__grid{grid-template-columns:1fr}.mark3d{max-width:380px}}.ds-layout{gap:var(--space-8);padding-bottom:var(--space-9);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.ds-toc{top:calc(var(--nav-h) + 32px);padding-top:var(--space-8);position:sticky}.ds-toc__title{font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-4);margin-bottom:var(--space-4)}.ds-toc ol{counter-reset:toc;border-left:1px solid var(--line);gap:2px;padding:0;list-style:none;display:grid}.ds-toc a{font-size:var(--text-sm);color:var(--text-3);transition:color var(--dur-2);padding:6px 0 6px 16px;display:block;position:relative}.ds-toc a:hover{color:var(--text)}.ds-toc a[aria-current]{color:var(--accent-text)}.ds-toc a[aria-current]:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;left:-4px}@media (width<=1000px){.ds-layout{grid-template-columns:minmax(0,1fr)}.ds-toc{display:none}}.ds-sec{padding-top:var(--space-9);scroll-margin-top:calc(var(--nav-h) + 8px)}.ds-sec__head{gap:var(--space-3);max-width:720px;margin-bottom:var(--space-7);display:grid}.ds-sec__head .eyebrow:before{display:none}.ds-sec__head .eyebrow{color:var(--accent-text)}.ds-sec__head h2{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);line-height:1}.ds-sec__head p:not(.eyebrow){font-size:var(--text-lg);color:var(--text-3)}.ds-sec__head i{font-family:var(--font-serif);color:var(--text-2);font-size:1.12em}.ds-h3{font-size:var(--text-xl);margin:var(--space-7) 0 var(--space-4)}.ds-principles{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ds-principle{padding:26px}.ds-principle h3{font-size:var(--text-xl);margin-bottom:8px}.ds-principle p{color:var(--text-3);font-size:var(--text-sm)}@media (width<=640px){.ds-principles{grid-template-columns:1fr}}.construct{color:var(--text);margin:0 0 16px;padding:clamp(16px,4vw,40px)}.construct__svg{width:100%;height:auto;overflow:visible}.construct__mark{stroke:var(--accent)}.construct__nodes{fill:var(--accent)}.construct__guides{stroke:var(--goroldio);stroke-dasharray:1 1}.construct__labels path{stroke:var(--text-4);stroke-width:.25px;stroke-dasharray:.8 .8;fill:none}.construct__labels text{fill:var(--text-3);font:400 2.6px var(--font-mono)}.construct figcaption{font-size:var(--text-sm);color:var(--text-3);max-width:640px;margin-top:18px}.logos{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.logo-card{border-radius:var(--radius-lg);border:1px solid var(--line);place-items:center;gap:18px;min-height:200px;margin:0;padding:36px 20px 16px;display:grid}.logo-card img{width:auto;max-width:100%;height:56px}.logo-card figcaption{font:400 var(--text-xs) / 1 var(--font-mono);color:var(--text-4);align-self:end}.logo-card--night{background:var(--gau-950)}.logo-card--day{background:var(--egun-100)}.logo-card--day figcaption{color:#5b665f}.logo-card--fern{background:var(--iratze)}.logo-card--fern figcaption{color:#3a5212}.logo-card--fern img,.logo-card--tile img{height:80px}.logo-card--tile{background:radial-gradient(circle at 50% 40%, #c5f56a1f, transparent 60%), var(--surface)}.logo-card--tile img{filter:drop-shadow(0 20px 30px #0009)}@media (width<=900px){.logos{grid-template-columns:1fr 1fr}}.ds-rules{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.ds-rule{align-content:start;gap:14px;padding:22px;display:grid}.ds-rule h3{font-size:var(--text-md)}.ds-rule p{font-size:var(--text-sm);color:var(--text-3)}.clear-space{outline-offset:-1px;background:repeating-linear-gradient(45deg,#46e2b412 0 6px,#0000 6px 12px);border-radius:4px;outline:1px dashed #46e2b499;justify-self:start;padding:16px}.clear-space img{background:var(--bg)}.min-size{align-items:end;gap:18px;min-height:64px;display:flex}.donts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.donts span{border-radius:var(--radius-sm);background:var(--bg-sunken);justify-items:center;gap:6px;padding:10px 0 6px;display:grid;position:relative}.donts span:after{content:"";background:var(--txingar);border-radius:2px;height:2px;position:absolute;top:38%;left:12%;right:12%;transform:rotate(-30deg)}.donts i{font:normal 400 var(--text-2xs) / 1 var(--font-mono);color:var(--text-4)}@media (width<=900px){.ds-rules{grid-template-columns:1fr}}.swatches{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.swatch{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);transition:transform var(--dur-2) var(--ease-grow), border-color var(--dur-2);gap:6px;padding:0 0 16px;display:grid;position:relative;overflow:hidden}.swatch:hover{border-color:var(--line-strong);transform:translateY(-3px)}.swatch__chip{background:var(--sw);height:110px;margin-bottom:8px;box-shadow:inset 0 -1px #0003}.swatch__name,.swatch__hex,.swatch__use{padding:0 16px}.swatch__name b{color:var(--text);font-size:var(--text-lg);font-weight:600}.swatch__name span{color:var(--text-3);font-size:var(--text-sm)}.swatch__hex{font-size:var(--text-xs);color:var(--text-2);justify-content:space-between;gap:8px;display:flex}.swatch__var{color:var(--text-4)}.swatch__use{font-size:var(--text-xs);color:var(--text-3);line-height:1.5}.swatch__copied{border-radius:var(--radius-full);color:var(--text);font-size:var(--text-2xs);opacity:0;transition:opacity var(--dur-2);background:#0a0d0cbf;padding:4px 8px;position:absolute;top:10px;right:10px}.swatch:hover .swatch__copied,.swatch:focus-visible .swatch__copied,.swatch.is-done .swatch__copied{opacity:1}.ramps{gap:16px;display:grid}.ramp__name{font-size:var(--text-sm);color:var(--text-3);margin-bottom:8px}.ramp__row{border-radius:var(--radius-md);border:1px solid var(--line);display:flex;overflow:hidden}.ramp__step{background:var(--sw);cursor:pointer;text-align:left;min-height:84px;font-size:var(--text-2xs);color:#ffffffb3;border:0;flex:1;align-content:end;gap:4px;padding:10px;display:grid}.ramp__step.is-done{outline:2px solid var(--accent);outline-offset:-2px}.ramp__step{min-width:0;overflow:hidden}.ramp__step span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=560px){.ramp__row{flex-wrap:wrap}.ramp__step{flex:33%;min-height:64px}}.tokens-table{overflow-x:auto}.tokens-table table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.tokens-table th,.tokens-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px}.tokens-table thead th{font:500 var(--text-2xs) / 1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-4)}.tokens-table tbody tr:last-child>*{border-bottom:0}.tokens-table td{color:var(--text-3)}.tok{cursor:pointer;color:var(--text-2);font-size:var(--text-xs);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.tok i{border:1px solid var(--line-strong);border-radius:5px;width:18px;height:18px}.tok.is-done span{color:var(--accent-text)}.faces{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.face{gap:6px;padding:26px;display:grid}.face__aa{color:var(--text);letter-spacing:-.03em;margin-bottom:18px;font-size:88px;line-height:1}.face__aa.serif{color:var(--accent-text)}.face h3{font-size:var(--text-lg)}.face h3 i{font-family:var(--font-serif);font-weight:400}.face p{font-size:var(--text-sm);color:var(--text-3)}.face .mono{font-size:var(--text-xs)}.scale{padding:8px 26px}.scale__row{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:18px;padding:18px 0;display:grid}.scale__row:last-child{border-bottom:0}.scale__row>span{font-size:var(--text-xs);color:var(--text-4)}.scale__row p{color:var(--text);overflow-wrap:anywhere}@media (width<=900px){.faces{grid-template-columns:1fr}}.space-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.space-grid>:last-child{grid-column:1/-1}.space-card{padding:24px}.space-card h3{font-size:var(--text-md);margin-bottom:16px}.spacing{gap:8px;padding:0;list-style:none;display:grid}.spacing li{font-size:var(--text-xs);grid-template-columns:70px 1fr 50px;align-items:center;gap:12px;display:grid}.spacing i{background:linear-gradient(90deg, var(--goroldio), var(--iratze));border-radius:3px;max-width:100%;height:12px;display:block}.radii{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.radii span{aspect-ratio:1;background:var(--accent-wash);border:1px solid #c5f56a66;align-content:center;place-items:center;gap:4px;max-height:110px;display:grid}.radii b{font-size:var(--text-xs);color:var(--text);font-weight:500}.radii i{font:normal 400 var(--text-2xs) / 1 var(--font-mono);color:var(--text-4)}.depths{grid-template-columns:repeat(4,1fr);gap:20px;padding:12px;display:grid}.depths span{border-radius:var(--radius-md);background:var(--surface-2);height:96px;font:400 var(--text-xs) / 1 var(--font-mono);color:var(--text-3);place-items:center;display:grid}.depths .depth-glow{color:var(--accent-text)}@media (width<=760px){.space-grid{grid-template-columns:1fr}.depths{grid-template-columns:1fr 1fr}}.curves{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.curve{gap:10px;padding:22px;display:grid}.curve__svg{justify-self:center;width:100%;max-width:180px;height:auto;overflow:visible}.curve__grid{stroke:var(--line-strong);stroke-width:.6px;fill:none;stroke-dasharray:2 2}.curve__handle{stroke:var(--text-4);stroke-width:.8px;fill:none}.curve__path{stroke:var(--accent);stroke-width:2.4px;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px #c5f56a99)}.curve__knob{fill:var(--bg);stroke:var(--text-3);stroke-width:1px}.curve__track{background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;height:18px;position:relative}.curve__track i{background:var(--accent);width:10px;height:10px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2.2s infinite alternate slide;position:absolute;top:3px;left:3px}@keyframes slide{to{left:calc(100% - 13px)}}.curve h3{font-size:var(--text-lg);font-weight:500}.curve h3 .serif{color:var(--accent-text);font-size:1.3em}.curve__val{font-size:var(--text-2xs);color:var(--text-4);line-height:1.6}.curve p:last-child{font-size:var(--text-sm);color:var(--text-3)}.durations{grid-template-columns:repeat(4,1fr);margin:0;display:grid}.durations>div{border-left:1px solid var(--line);padding:18px 20px}.durations>div:first-child{border-left:0}.durations dt{font-size:var(--text-xs);color:var(--accent-text);margin-bottom:6px}.durations dd{font-size:var(--text-sm);color:var(--text-3);margin:0}@media (width<=900px){.curves{grid-template-columns:1fr}.durations{grid-template-columns:1fr 1fr}.durations>div:nth-child(3){border-left:0}.durations>div:nth-child(n+3){border-top:1px solid var(--line)}}.icons{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.icon{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text-2);cursor:pointer;transition:border-color var(--dur-2), color var(--dur-2), transform var(--dur-2) var(--ease-grow);justify-items:center;gap:10px;padding:18px 6px 12px;display:grid}.icon:hover{color:var(--accent-text);border-color:#c5f56a59;transform:translateY(-2px)}.icon svg{width:24px;height:24px}.icon span{font-size:var(--text-2xs);color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.icon.is-done span{color:var(--accent-text)}.graph-legend{gap:24px;padding:28px;display:grid}.graph-legend__svg{width:100%;max-width:720px;height:auto}.gl-head{filter:drop-shadow(0 0 8px var(--lane-1))}.gl-labels path{stroke:var(--text-4);stroke-width:1px;stroke-dasharray:2 3;fill:none}.gl-labels text{fill:var(--text-2);font:400 13px var(--font-sans)}.lanes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.lane{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c) 9%, transparent);border:1px solid color-mix(in srgb, var(--c) 35%, transparent);gap:6px;padding:12px;display:grid}.lane i{background:var(--c);height:4px;box-shadow:0 0 10px var(--c);border-radius:4px}.lane b{font-size:var(--text-xs);color:var(--c);font-weight:500}.lane span{font-size:var(--text-xs);color:var(--text-3)}@media (width<=760px){.lanes{grid-template-columns:repeat(3,1fr)}}.preview{overflow:hidden}.preview__bar{border-bottom:1px solid var(--line);justify-content:flex-end;padding:12px;display:flex}.preview__body{background:var(--bg);transition:background var(--dur-3);padding:8px 24px;display:grid}.preview[data-theme=light]{background:var(--surface);border-color:var(--line)}.cmp{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;padding:18px 0;display:grid}.cmp:last-child{border-bottom:0}.cmp__label{font-size:var(--text-xs);color:var(--text-4)}.cmp__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cmp__card{gap:8px;max-width:360px;padding:20px;display:grid}.cmp__card h3{font-size:var(--text-xl)}.cmp__card p{font-size:var(--text-sm);color:var(--text-3)}.seg{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--bg-sunken);padding:3px;display:inline-flex}.seg button{border-radius:var(--radius-full);height:30px;color:var(--text-3);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:0 14px}.seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}[data-theme=light] .btn--primary:hover{box-shadow:var(--glow-accent)}[data-theme=light] .chip{background:#00000005}@media (width<=640px){.cmp{grid-template-columns:1fr;gap:10px}}.voice{grid-template-columns:1fr 1fr;gap:16px;display:grid}.voice__col{padding:24px}.voice__col h3{font-size:var(--text-md);align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.voice__col h3:before{content:"";border-radius:50%;width:8px;height:8px}.voice__do:before{background:var(--goroldio);box-shadow:0 0 10px var(--goroldio)}.voice__dont:before{background:var(--txingar);box-shadow:0 0 10px var(--txingar)}.voice ul{gap:10px;padding:0;list-style:none;display:grid}.voice li{border-radius:var(--radius-sm);background:var(--bg-sunken);font-size:var(--text-sm);color:var(--text-2);padding:12px 14px}.voice li b{color:var(--text);font-weight:600}.voice__col:last-child li{color:var(--text-3);text-decoration:line-through #ff8c5f80}@media (width<=640px){.voice{grid-template-columns:1fr}}.story-table{overflow-x:auto}.story-table table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.story-table th,.story-table td{text-align:left;vertical-align:baseline;border-bottom:1px solid var(--line);color:var(--text-3);padding:12px 16px}.story-table thead th{font:500 var(--text-2xs) / 1 var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-4);white-space:nowrap}.story-table tbody tr:last-child>*{border-bottom:0}.story-table td.mono{color:var(--accent-text);font-size:var(--text-xs)}.story-table th .serif{color:var(--text);font-size:1.35em}.story-rules{counter-reset:rule;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:16px;padding:0;list-style:none;display:grid}.story-rules li{font-size:var(--text-sm);color:var(--text-3);padding:18px 20px}.story-rules b{color:var(--text);margin-bottom:4px;font-weight:600;display:block}.downloads{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.dl-asset{transition:border-color var(--dur-2), transform var(--dur-2) var(--ease-grow);align-items:center;gap:14px;padding:16px 18px;display:flex}.dl-asset:hover{border-color:#c5f56a59;transform:translateY(-2px)}.dl-asset>img{flex:none;width:auto;height:32px}.dl-asset__ink{background:var(--egun-100);border-radius:6px;padding:4px}.dl-asset__icon{width:32px;height:32px;color:var(--accent-text);flex:none}.dl-asset span{flex:1;gap:2px;min-width:0;display:grid}.dl-asset b{color:var(--text);font-weight:500;font-size:var(--text-sm)}.dl-asset i{font-style:normal;font-size:var(--text-2xs);color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dl-asset>svg:last-child{width:18px;height:18px;color:var(--text-3);flex:none}