.sp-post{--h:48px;--pole:calc(var(--h) * 1.35);--gap:8px;z-index:2;isolation:isolate;align-items:stretch;gap:var(--gap);-webkit-user-select:auto;user-select:auto;flex-direction:column;display:flex;position:relative}.sp-pole{z-index:-1;left:50%;top:calc(var(--h) * -.7);bottom:var(--sink,-48px);width:var(--pole);border-style:solid;border-color:#0000;border-width:calc(var(--pole) * .71) 0 calc(var(--pole) * 1.04) 0;filter:drop-shadow(2px 4px 5px #3c461e38);border-image:url(/signpost/c-pole.webp) 150 0 220 fill;position:absolute;transform:translate(-50%)}.sp-plank{--p:calc(var(--h) * 1.25);isolation:isolate;min-height:var(--p);padding:0 calc(var(--p) * .8) 0 calc(var(--p) * .62);cursor:pointer;text-align:center;white-space:nowrap;color:#4b2d17;font:900 calc(var(--p) * .4)/1 var(--font-rounded), var(--font-display), system-ui, sans-serif;letter-spacing:.01em;text-shadow:0 1px #ffffff59;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:.35em;margin:0;text-decoration:none;transition:transform .18s cubic-bezier(.3,1.6,.5,1),opacity .2s,filter .2s;display:flex;position:relative}.sp-plank.sp-left{padding:0 calc(var(--p) * .62) 0 calc(var(--p) * .8)}.sp-plank:before{content:"";z-index:-1;filter:drop-shadow(1px 3px 4px #3c461e33);border-style:solid;border-color:#0000;position:absolute;inset:0}.sp-butter:before{border-width:calc(var(--p) * .254) calc(var(--p) * .771) calc(var(--p) * .238) calc(var(--p) * .6);border-image:url(/signpost/c-butter.webp) 110 334 103 260 fill}.sp-rose:before{border-width:calc(var(--p) * .234) calc(var(--p) * .714) calc(var(--p) * .224) calc(var(--p) * .621);border-image:url(/signpost/c-rose.webp) 98 299 94 260 fill}.sp-sage:before{border-width:calc(var(--p) * .243) calc(var(--p) * .781) calc(var(--p) * .252) calc(var(--p) * .57);border-image:url(/signpost/c-sage.webp) 111 356 115 260 fill}.sp-plank.sp-left:before{transform:scaleX(-1)}.sp-post>.sp-plank,.sp-stack>.sp-plank,.sp-pair{margin-block:calc(var(--h) * -.15)}.sp-plank:hover:not(:disabled){transform:rotate(-1.2deg)translateY(-1px)}.sp-plank.sp-left:hover:not(:disabled){transform:rotate(1.2deg)translateY(-1px)}.sp-plank:active:not(:disabled){transform:translateY(2px)scale(.98)}.sp-plank:disabled{cursor:progress;filter:saturate(.7)brightness(.97)}.sp-plank[aria-selected=false]{opacity:.74;filter:saturate(.75)}.sp-plank[aria-selected=false]:hover{opacity:.9}.sp-plank.sp-small{--p:calc(var(--h) * .95);min-width:52%;font-size:calc(var(--p) * .4);align-self:center}.sp-home{margin-top:calc(var(--gap) * .6)}.sp-pair{column-gap:calc(var(--pole) * .3);grid-template-columns:1fr 1fr;display:grid}.sp-pair .sp-plank{font-size:calc(var(--p) * .36)}.sp-google{font-size:calc(var(--p) * .33)}.sp-google svg{flex:none}.sp-field{--f:calc(var(--h) * 1.3);isolation:isolate;min-height:var(--f);padding:calc(var(--f) * .16) calc(var(--f) * .7);cursor:text;text-align:center;justify-content:center;align-items:center;display:flex;position:relative}.sp-field:before{content:"";z-index:-1;border-style:solid;border-color:#0000;border-width:calc(var(--f) * .182) calc(var(--f) * .273) calc(var(--f) * .182) calc(var(--f) * .727);filter:drop-shadow(1px 3px 4px #3c461e2e);border-image:url(/signpost/c-cream.webp) 60 90 60 240 fill;position:absolute;inset:0}.sp-field-body{flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;display:flex;position:relative}.sp-field-label{font:800 max(12px, calc(var(--h) * .24))/1.1 var(--font-rounded), var(--font-display), system-ui, sans-serif;color:#7a5532;letter-spacing:.02em;transform-origin:50%;pointer-events:none;transition:transform .22s cubic-bezier(.3,1.3,.5,1),color .2s}.sp-field:has(.sp-input:placeholder-shown):not(:focus-within) .sp-field-label{transform:translateY(calc(var(--h) * .27)) scale(1.65);color:#4b2d17}.sp-input{text-align:center;color:#3b2611;width:100%;min-width:0;font:600 max(16px, calc(var(--h) * .32))/1.3 var(--font-body), system-ui, sans-serif;background:0 0;border:0;outline:0;padding:0}.sp-input::placeholder{color:#0000}.sp-input:-webkit-autofill{-webkit-text-fill-color:#3b2611;caret-color:#3b2611;font:inherit;transition:background-color 600000s,color 600000s;box-shadow:inset 0 0 0 40px #0000}.sp-input:-webkit-autofill:hover{-webkit-text-fill-color:#3b2611;caret-color:#3b2611;font:inherit;transition:background-color 600000s,color 600000s;box-shadow:inset 0 0 0 40px #0000}.sp-input:-webkit-autofill:focus{-webkit-text-fill-color:#3b2611;caret-color:#3b2611;font:inherit;transition:background-color 600000s,color 600000s;box-shadow:inset 0 0 0 40px #0000}.sp-input[type=password]:not(:placeholder-shown){letter-spacing:.14em}.sp-field:focus-within:before{filter:drop-shadow(0 0 5px #ffd678e6)drop-shadow(1px 3px 4px #3c461e2e)}.sp-aside{right:calc(var(--f) * .3);bottom:calc(var(--f) * .2);cursor:pointer;color:#8a6a44;font:800 max(12px, calc(var(--h) * .22))/1 var(--font-rounded), var(--font-display), system-ui, sans-serif;text-underline-offset:3px;background:0 0;border:0;padding:2px 4px;text-decoration:underline;position:absolute}.sp-aside:hover{color:#4b2d17}.sp-field.sp-bad:before{filter:drop-shadow(0 0 5px #f08296d9)drop-shadow(1px 3px 4px #3c461e2e)}.sp-stack>.sp-wiggle-0,.sp-wiggle-0{animation:.42s cubic-bezier(.3,1.5,.5,1) sp-wiggle-a}.sp-stack>.sp-wiggle-1,.sp-wiggle-1{animation:.42s cubic-bezier(.3,1.5,.5,1) sp-wiggle-b}@keyframes sp-wiggle-a{20%{transform:translate(-6px)rotate(-.6deg)}45%{transform:translate(5px)rotate(.5deg)}70%{transform:translate(-3px)}}@keyframes sp-wiggle-b{20%{transform:translate(-6px)rotate(-.6deg)}45%{transform:translate(5px)rotate(.5deg)}70%{transform:translate(-3px)}}.sp-hint{margin:calc(var(--gap) * -.4) 0 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#9b3a52;font:700 12.5px/1.25 var(--font-body), system-ui, sans-serif;text-align:center;background:#fff6f6eb;border-radius:999px;align-self:center;padding:4px 11px;animation:.26s cubic-bezier(.3,1.4,.5,1) both sp-hint-in;box-shadow:0 1px 2px #3c141e1f}@keyframes sp-hint-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}}.sp-quiet{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#5a4128;font:700 12.5px/1.2 var(--font-body), system-ui, sans-serif;background:#fffcf5cc;border:0;border-radius:999px;align-self:center;margin:2px 0 0;padding:4px 11px;box-shadow:0 1px 2px #281e0a1f}.sp-quiet:hover{color:#3b2611;background:#fffaf0}:is(.sp-plank,.sp-quiet,.sp-aside):focus-visible{outline-offset:3px;border-radius:12px;outline:3px solid #fff}.sp-landing{animation:.7s cubic-bezier(.3,1.3,.5,1) .3s both sp-rise;position:absolute}.fm-web .sp-landing{--h:clamp(36px, calc(var(--size) * .15), 56px);--gap:calc(var(--h) * .16);--sink:calc(var(--h) * -.45);--w:calc(var(--h) * 5.6);padding-bottom:calc(var(--h) * 1.4);width:var(--w);left:calc(20px + 2.2vw + min(38.4vw, 672px) * .462 - var(--w) / 2);bottom:calc(100% - var(--sy))}.fm-mobile .sp-landing{--h:clamp(32px, 4.4svh, 38px);--gap:5px;--sink:-34px;--w:min(56vw, 214px);width:var(--w);padding-bottom:calc(var(--h) * 2.2);left:clamp(12px, calc(var(--sx,50%) - var(--w) / 2), calc(100% - var(--w) - 12px));bottom:max(calc(env(safe-area-inset-bottom) + 8px), calc(100% - var(--sy,100%)))}@keyframes sp-rise{0%{opacity:0;transform:translateY(40px)}}@keyframes sp-rise-m{0%{opacity:0;transform:translate(-50%,40px)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sp-landing,.sp-wiggle-0,.sp-wiggle-1,.sp-hint{animation:none}.sp-plank,.sp-field-label{transition:none}}