.gr[data-astro-cid-pekncpno]{padding:clamp(20px,4vw,48px)}.gr-grid[data-astro-cid-pekncpno]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,52px);display:grid}.gr-dock[data-astro-cid-pekncpno]{align-items:center;gap:2.4cqi;width:100%;display:flex}.gr-dock-ic[data-astro-cid-pekncpno]{aspect-ratio:1;color:oklch(38% .09 358);width:clamp(32px,8cqi,44px);font-family:var(--font-logo);background:linear-gradient(140deg,#fff0e6,#ecb09c);border-radius:50%;flex:none;place-items:center;font-size:clamp(18px,5cqi,26px);font-weight:700;line-height:1;display:grid;box-shadow:0 0 18px oklch(85% .084 43/.7)}.gr-dock[data-astro-cid-pekncpno]>span[data-astro-cid-pekncpno]:last-child{display:grid}.gr-dock[data-astro-cid-pekncpno] b[data-astro-cid-pekncpno]{letter-spacing:-.03em;font-size:clamp(15px,4cqi,21px);font-weight:680;line-height:1.05}.gr-dock[data-astro-cid-pekncpno] small[data-astro-cid-pekncpno]{opacity:.88;white-space:nowrap;font-size:clamp(10px,2.3cqi,12px)}.state[data-astro-cid-pekncpno]{gap:14px;display:grid}.state-t[data-astro-cid-pekncpno]{font-size:1.1rem;font-weight:650}.demo[data-astro-cid-pekncpno]{border-radius:var(--r-lg);background:radial-gradient(60% 70% at 50% 45%, oklch(93% .036 49/.8), transparent 75%), var(--bg);box-shadow:inset 0 0 0 1px var(--line);place-items:center;margin:0;padding:18px;display:grid;position:relative;overflow:hidden}.demo[data-astro-cid-pekncpno] svg[data-astro-cid-pekncpno]{width:160px;height:198px;overflow:visible}.d-face[data-astro-cid-pekncpno]{fill:color-mix(in oklab, var(--surface) 80%, transparent);stroke:var(--ink);stroke-width:1.6px}.d-rect[data-astro-cid-pekncpno],.d-cut[data-astro-cid-pekncpno],.d-spiral[data-astro-cid-pekncpno]{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.d-rect[data-astro-cid-pekncpno]{stroke:#dd8d78;stroke-width:1px}.d-cut[data-astro-cid-pekncpno]{stroke:#e79e84;stroke-width:.6px;opacity:.8}.d-spiral[data-astro-cid-pekncpno]{stroke:#ee9c83;stroke-width:1.3px;filter:drop-shadow(0 0 2px oklch(85% .09 43/.9))}.demo-chip[data-astro-cid-pekncpno]{border-radius:var(--r-pill);background:color-mix(in oklab, var(--surface) 85%, transparent);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px oklch(85% .06 43/.6), 0 0 22px oklch(88% .072 46/.55), var(--shadow-1);color:var(--ink-2);align-items:baseline;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:560;display:inline-flex;position:absolute;bottom:16px;right:16px}.demo-chip[data-astro-cid-pekncpno] b[data-astro-cid-pekncpno]{color:var(--ink);font-weight:720}@media (prefers-reduced-motion:no-preference){.d-rect[data-astro-cid-pekncpno]{animation:d-draw 5s var(--ease-in-out) infinite}.d-cut[data-astro-cid-pekncpno]{animation:d-draw 5s var(--ease-in-out) infinite;animation-delay:calc(.3s + var(--i) * .12s)}.d-spiral[data-astro-cid-pekncpno]{animation:d-draw 5s var(--ease-in-out) infinite;animation-delay:.7s}.demo-chip[data-astro-cid-pekncpno]{animation:d-float 5s var(--ease-in-out) infinite}}@keyframes d-draw{0%{stroke-dashoffset:1px;opacity:1}35%,82%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes d-float{50%{transform:translateY(-5px)}}.warn[data-astro-cid-pekncpno]{border-radius:var(--r-md);background:color-mix(in oklch, var(--warn) 16%, transparent);color:color-mix(in oklab, var(--warn) 55%, var(--ink));align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;font-weight:540;display:flex}.warn[data-astro-cid-pekncpno] svg{flex:none;margin-top:1px}.gr[data-astro-cid-pekncpno].is-turned [data-astro-cid-pekncpno]:is(.head,.gt){opacity:.45}.head[data-astro-cid-pekncpno]{align-items:center;gap:clamp(16px,3vw,22px);display:flex}.ring[data-astro-cid-pekncpno]{--p:0;aspect-ratio:1;background:radial-gradient(closest-side, var(--surface) 72%, transparent 73%), radial-gradient(circle, oklch(93% .042 49/.9), transparent 70%);border-radius:50%;flex:none;place-items:center;width:clamp(112px,10vw,128px);display:grid;position:relative}.ring[data-astro-cid-pekncpno]:before{content:"";box-shadow:0 0 36px oklch(.85 .084 43 / calc(var(--p) * .8));transition:box-shadow 1.6s var(--ease-out) .3s;border-radius:50%;position:absolute;inset:8%}.ring[data-astro-cid-pekncpno] svg[data-astro-cid-pekncpno]{width:100%;height:100%;position:absolute;inset:0;overflow:visible;rotate:-90deg}.ring[data-astro-cid-pekncpno] circle[data-astro-cid-pekncpno]{fill:none;stroke-width:7px}.ring-t[data-astro-cid-pekncpno]{stroke:color-mix(in oklab, var(--ink) 8%, transparent)}.ring-b[data-astro-cid-pekncpno]{stroke:url(#gr-gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p) * 100);filter:drop-shadow(0 0 4px oklch(82% .09 36/.8));transition:stroke-dashoffset 1.6s var(--ease-spring) .15s}.ring-num[data-astro-cid-pekncpno]{align-items:baseline;line-height:1;display:flex;position:relative}.ring-num[data-astro-cid-pekncpno] b[data-astro-cid-pekncpno]{letter-spacing:-.045em;font-size:clamp(2.2rem,1.8rem + 1.2vw,2.7rem);font-weight:720;font-stretch:100%}.ring-num[data-astro-cid-pekncpno] span[data-astro-cid-pekncpno]{color:var(--ink-3);font-size:1.1rem;font-weight:600}.head-copy[data-astro-cid-pekncpno]{gap:6px;display:grid}.head-k[data-astro-cid-pekncpno]{letter-spacing:-.015em;font-size:1.15rem;font-weight:660}.head-sub[data-astro-cid-pekncpno]{color:var(--ink-2);font-size:.9rem}.layers[data-astro-cid-pekncpno]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.layers-k[data-astro-cid-pekncpno]{color:var(--ink-3);margin-right:4px;font-size:.8rem;font-weight:600}.layer[data-astro-cid-pekncpno]{border-radius:var(--r-pill);background:var(--bg-sunk);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);transition:background-color .25s, box-shadow .3s, color .2s, transform .4s var(--ease-spring);border:0;padding:6px 12px;font-size:.82rem;font-weight:600}.layer[data-astro-cid-pekncpno]:active{transform:scale(.95)}.layer[data-astro-cid-pekncpno][aria-pressed=true]{color:oklch(38% .081 358);background:linear-gradient(120deg,#fff0e9,#fddccc);box-shadow:inset 0 0 0 1px oklch(80% .096 39/.8),0 0 16px oklch(86% .084 44/.55)}.gt[data-astro-cid-pekncpno]{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}.gt[data-astro-cid-pekncpno] thead[data-astro-cid-pekncpno] th[data-astro-cid-pekncpno]{color:var(--ink-3);text-align:right;padding:0 8px 8px;font-size:.74rem;font-weight:620}.gt[data-astro-cid-pekncpno] thead[data-astro-cid-pekncpno] th[data-astro-cid-pekncpno]:first-child{text-align:left;padding-left:10px}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno]{cursor:default;transition:background-color .2s}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno]>[data-astro-cid-pekncpno]{border-top:1px solid var(--line);text-align:right;vertical-align:middle;padding:9px 8px}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno]>th[data-astro-cid-pekncpno]{text-align:left;padding-left:10px;font-weight:400}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno]>[data-astro-cid-pekncpno]:first-child{border-radius:12px 0 0 12px}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno]>[data-astro-cid-pekncpno]:last-child{border-radius:0 12px 12px 0}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno][data-row]:is(:focus-visible,.is-on){background:oklch(96% .024 49);outline:none}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno][data-row]:is(:focus-visible,.is-on)>[data-astro-cid-pekncpno],.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno][data-row]:is(:focus-visible,.is-on)+tr[data-astro-cid-pekncpno]>[data-astro-cid-pekncpno]{border-top-color:#0000}@media (hover:hover) and (pointer:fine){.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno][data-row]:hover{background:oklch(96% .024 49)}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno][data-row]:hover>[data-astro-cid-pekncpno],.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno][data-row]:hover+tr[data-astro-cid-pekncpno]>[data-astro-cid-pekncpno]{border-top-color:#0000}}.r-name[data-astro-cid-pekncpno]{color:var(--ink);font-weight:620;display:block}.r-how[data-astro-cid-pekncpno]{color:var(--ink-3);font-size:.76rem;line-height:1.35;display:block}.r-you[data-astro-cid-pekncpno]{font-size:.98rem;font-weight:700}.r-ideal[data-astro-cid-pekncpno]{color:var(--ink-3)}.r-match[data-astro-cid-pekncpno]{align-items:center;gap:8px;display:inline-flex}.r-match[data-astro-cid-pekncpno] b[data-astro-cid-pekncpno]{min-width:3.2ch;font-weight:680}.r-ruler[data-astro-cid-pekncpno]{background:linear-gradient(90deg, var(--bg-sunk), oklch(93% .03 46) 50%, var(--bg-sunk));width:54px;height:6px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 6%, transparent);border-radius:3px;position:relative}.r-ruler[data-astro-cid-pekncpno]:before{content:"";background:#e38d7d;border-radius:1px;width:1.5px;margin-left:-.75px;position:absolute;top:-3px;bottom:-3px;left:50%}.r-ruler[data-astro-cid-pekncpno] i[data-astro-cid-pekncpno]{--at:50%;top:50%;left:var(--at);width:11px;height:11px;transition:left 1.1s var(--ease-spring);transition-delay:calc(var(--i) * 70ms + .3s);background:#fff;border-radius:50%;margin:-5.5px 0 0 -5.5px;position:absolute;box-shadow:0 0 0 2.5px #f0998a,0 0 10px oklch(85% .09 39/.8)}.gt[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno].sec th[data-astro-cid-pekncpno]{letter-spacing:.02em;color:var(--accent-ink);text-align:left;border-top:0;padding:16px 10px 6px;font-size:.74rem;font-weight:650}@media (prefers-reduced-motion:no-preference){[data-astro-cid-pekncpno][data-state=done]:not([hidden]) tr[data-astro-cid-pekncpno][data-row]{animation:row-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * 55ms + .2s)}[data-astro-cid-pekncpno][data-state=done]:not([hidden])>[data-astro-cid-pekncpno]:is(.head,.layers,.warn){animation:row-in .7s var(--ease-out) both}}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}.legend[data-astro-cid-pekncpno]{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.legend[data-astro-cid-pekncpno] span[data-astro-cid-pekncpno]{border-radius:2px;width:18px;height:3px}.lg-gold[data-astro-cid-pekncpno]{background:#f0998a;box-shadow:0 0 6px oklch(85% .09 39/.8)}.lg-white[data-astro-cid-pekncpno]{box-shadow:0 0 0 1px var(--line-strong);background:#fff;margin-left:6px}.hair-note[data-astro-cid-pekncpno]{color:var(--ink-3);font-size:.8rem}.strips[data-astro-cid-pekncpno]{grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(24px,4vw,40px);display:grid}.strip[data-astro-cid-pekncpno]{border-radius:var(--r-lg);background:radial-gradient(70% 90% at 100% 0%, oklch(95% .027 46/.9), transparent 70%), var(--bg);box-shadow:inset 0 0 0 1px var(--line);align-content:start;gap:10px;padding:clamp(18px,3vw,26px);display:grid}.strip-k[data-astro-cid-pekncpno]{color:var(--accent-ink);font-size:.8rem;font-weight:620}.strip-t[data-astro-cid-pekncpno]{font-size:1.3rem}.bar[data-astro-cid-pekncpno]{gap:4px;margin-top:8px;display:flex;position:relative}.seg[data-astro-cid-pekncpno]{--w:1;flex:var(--w) 1 0;min-width:0;transition:flex-grow 1.2s var(--ease-spring);transition-delay:calc(var(--i) * 90ms + .2s);gap:6px;display:grid}.seg[data-astro-cid-pekncpno]:before{content:"";background:linear-gradient(#fddfd0,#e8ae9d);border-radius:9px;height:34px;box-shadow:inset 0 1px oklch(100% 0 0/.6),0 8px 18px -10px oklch(60% .112 23/.8)}.seg[data-astro-cid-pekncpno]:nth-child(2n):before{background:linear-gradient(#ffece5,#f2c6b4)}.seg[data-astro-cid-pekncpno] b[data-astro-cid-pekncpno]{font-size:.95rem;font-weight:700;line-height:1}.seg[data-astro-cid-pekncpno] small[data-astro-cid-pekncpno]{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.bar--5[data-astro-cid-pekncpno] .seg[data-astro-cid-pekncpno] b[data-astro-cid-pekncpno]{font-size:.85rem}.ideal[data-astro-cid-pekncpno]{left:var(--at);pointer-events:none;border-left:1.5px dashed oklch(50% .096 17/.7);height:46px;position:absolute;top:-6px}.strip-note[data-astro-cid-pekncpno]{color:var(--ink-2);font-size:.86rem}@media (prefers-reduced-motion:reduce){.ring[data-astro-cid-pekncpno]:before,.ring-b[data-astro-cid-pekncpno],.r-ruler[data-astro-cid-pekncpno] i[data-astro-cid-pekncpno],.seg[data-astro-cid-pekncpno]{transition:none}}@media (width<=900px){.gr-grid[data-astro-cid-pekncpno]{grid-template-columns:1fr}}@media (width<=760px){.strips[data-astro-cid-pekncpno]{grid-template-columns:1fr}}@media (width<=460px){.r-how[data-astro-cid-pekncpno]{display:none}.r-ruler[data-astro-cid-pekncpno]{width:36px}.gt[data-astro-cid-pekncpno]{font-size:.86rem}.gt[data-astro-cid-pekncpno] tbody[data-astro-cid-pekncpno] tr[data-astro-cid-pekncpno]>[data-astro-cid-pekncpno]{padding-inline:5px}}