.pop{font-family:var(--sans);color:var(--brown);--ease:cubic-bezier(.23,1,.32,1);--sand:#ede3d4;-webkit-font-smoothing:antialiased}.pop *,.pop :before,.pop :after{box-sizing:border-box}.pop ::selection{background:color-mix(in srgb,var(--terracotta) 22%,transparent)}.pop :focus-visible{outline:2px solid var(--terracotta);outline-offset:3px;border-radius:8px}.pop h2{font:700 21px/1.2 var(--serif);letter-spacing:-.01em;text-wrap:balance;color:var(--brown);margin:0}.pop p{margin:0}.pop a{color:var(--terracotta-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.pop a:hover{color:var(--brown)}.pop-card{background:var(--paper);border-radius:18px;box-shadow:0 1px #2c18100d,0 24px 48px -20px #2c181059,0 0 0 1px #2c18100f}.pop-btn{appearance:none;cursor:pointer;min-height:44px;font:600 14.5px var(--sans);transition:background-color .18s var(--ease),color .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.pop-btn:active{transform:scale(.97)}.pop-btn:disabled{opacity:.45;cursor:default;transform:none}.pop-btn.solid{background:var(--terracotta-ink);color:#fff}.pop-btn.paper{background:var(--paper);color:var(--brown);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brown) 22%,transparent)}@media (hover:hover) and (pointer:fine){.pop-btn.solid:hover:not(:disabled){background:#8f421a}.pop-btn.paper:hover{box-shadow:inset 0 0 0 1.5px var(--brown)}}.pop-link{appearance:none;cursor:pointer;font:500 13.5px var(--sans);color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:8px 4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.pop-link:hover{color:var(--brown);text-decoration-color:currentColor}.pop-x{appearance:none;cursor:pointer;width:36px;height:36px;color:color-mix(in srgb,var(--brown) 45%,transparent);background:0 0;border:0;border-radius:10px;place-items:center;transition:background-color .15s,color .15s;display:grid}.pop-x:hover{background:color-mix(in srgb,var(--brown) 6%,transparent);color:var(--brown)}.pop-x svg{width:18px;height:18px}.pop-stamp{--r:3.5px;padding:calc(2*var(--r));background:var(--paper);filter:drop-shadow(0 2px 3px #2c18102e);-webkit-mask:radial-gradient(var(--r),#0000 97%,#000) round calc(-1.5*var(--r)) calc(-1.5*var(--r))/calc(3*var(--r)) calc(3*var(--r)),linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 3*var(--r)) calc(100% - 3*var(--r));-webkit-mask:radial-gradient(var(--r),#0000 97%,#000) round calc(-1.5*var(--r)) calc(-1.5*var(--r))/calc(3*var(--r)) calc(3*var(--r)),linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 3*var(--r)) calc(100% - 3*var(--r));mask:radial-gradient(var(--r),#0000 97%,#000) round calc(-1.5*var(--r)) calc(-1.5*var(--r))/calc(3*var(--r)) calc(3*var(--r)),linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 3*var(--r)) calc(100% - 3*var(--r));display:inline-block}.pop-stamp>*{display:block}.pop-stamp .face{background:var(--sand);place-items:center;display:grid;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(18px)rotate(-1.2deg)scale(.98)}to{opacity:1;transform:none}}@keyframes pop-stamp{0%{opacity:0;transform:scale(1.5)rotate(-24deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(-12deg)}}@keyframes pop-drop{0%{opacity:0;transform:translateY(-34px)scale(.7)}55%{opacity:1;transform:translateY(3px)scale(1.04)}75%{transform:translateY(-1px)scale(.99)}to{opacity:1;transform:none}}@keyframes pop-fade{0%{opacity:0}to{opacity:1}}.pop-cookie{z-index:60;width:min(420px,100vw - 32px);animation:pop-in .32s var(--ease) both;padding:20px 20px 18px;position:fixed;bottom:16px;left:16px}.pop-cookie .top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin-bottom:16px;display:grid}.pop-cookie h2{margin-bottom:6px}.pop-cookie p{color:var(--brown-mid);font-size:14.5px;line-height:1.55}.pop-cookie .pop-stamp{background:#e9dcc8;margin:2px 2px 0 0;transform:rotate(4deg)}.pop-cookie .face{background:var(--cream);width:58px;height:66px}.pop-cookie .acts{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.pop-cookie{width:auto;bottom:12px;left:12px;right:12px}}.pop-install{z-index:60;width:min(400px,100vw - 32px);animation:pop-in .32s var(--ease) both;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:16px 10px 16px 16px;display:grid;position:fixed;bottom:16px;right:16px}@media (max-width:520px){.pop-install{width:auto;bottom:12px;left:12px;right:12px}}.pop-phone{width:74px;height:112px;box-shadow:inset 0 0 0 3px var(--brown),inset 0 0 0 5px #f3e4cf;background:linear-gradient(160deg,#f3e4cf,#e7cfb2);border-radius:16px;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:6px;padding:14px 10px 10px;display:grid;position:relative}.pop-phone:before{content:"";background:var(--brown);border-radius:2px;width:20px;height:3px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.pop-phone i{aspect-ratio:1;background:color-mix(in srgb,var(--paper) 70%,transparent);border-radius:4px;display:block}.pop-phone img{aspect-ratio:1;width:100%;height:auto;animation:pop-drop .7s .35s var(--ease) both;border-radius:4px;display:block;box-shadow:0 2px 4px #2c18104d}.pop-install h2{margin:2px 0 6px;font-size:18px}.pop-install p{color:var(--brown-mid);font-size:14px;line-height:1.5}.pop-install .pop-btn{margin-top:12px}.pop-install ol{counter-reset:s;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.pop-install li{counter-increment:s;color:var(--brown-mid);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;font-size:14px;line-height:1.4;display:grid}.pop-install li:before{content:counter(s);background:color-mix(in srgb,var(--terracotta) 13%,var(--paper));width:22px;height:22px;color:var(--terracotta-ink);font:700 12px var(--sans);border-radius:50%;place-items:center;display:grid}.pop-install li b{color:var(--brown);font-weight:600}.pop-install li svg{vertical-align:-3px;width:16px;height:16px;color:var(--terracotta-ink);display:inline}dialog.pop-modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--brown);background:0 0;border:0;margin:auto;padding:0;overflow:visible}dialog.pop-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c181052;animation:.2s ease-out both pop-fade}dialog.pop-modal[open]>.pop-card{animation:pop-in .3s var(--ease) both}html:has(dialog.pop-modal[open]){overflow:hidden}.pop-sign{width:400px;max-width:100%;max-height:calc(100dvh - 24px);overflow:hidden auto}.pop-sign .env{background:var(--sand);height:108px;position:relative;overflow:hidden}.pop-sign .env:after{content:"";background:linear-gradient(to bottom right,transparent calc(50% - 1px),color-mix(in srgb,var(--brown) 10%,transparent) 50%,transparent calc(50% + 1px)) left/50.2% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - 1px),color-mix(in srgb,var(--brown) 10%,transparent) 50%,transparent calc(50% + 1px)) right/50.2% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.pop-sign .env:before{content:"";background:repeating-linear-gradient(-45deg,var(--terracotta) 0 10px,var(--paper) 10px 20px,color-mix(in srgb,var(--sage) 90%,#000) 20px 30px,var(--paper) 30px 40px);height:6px;position:absolute;bottom:0;left:0;right:0}.pop-sign .env .pop-stamp{z-index:1;position:absolute;top:16px;right:22px;transform:rotate(5deg)}.pop-sign .env .pop-stamp .face{background:var(--cream);width:52px;height:60px}.pop-sign .env .pop-stamp img{width:36px;height:36px}.pop-sign .env .mark{width:92px;height:92px;color:color-mix(in srgb,var(--brown-mid) 55%,transparent);z-index:2;animation:pop-stamp .45s .2s var(--ease) both;mix-blend-mode:multiply;position:absolute;top:20px;right:62px;transform:rotate(-12deg)}.pop-sign .pop-x{z-index:3;position:absolute;top:10px;left:10px}.pop-sign .body{padding:22px 24px 16px}.pop-sign .fine{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.55}.pop-sign h2{margin-bottom:12px}.pop-sign label{color:var(--brown);margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.pop-sign input{border:1.5px solid var(--border);background:var(--cream);width:100%;min-height:48px;font:400 16px var(--sans);color:var(--brown);border-radius:12px;padding:0 14px;transition:border-color .15s,background-color .15s,box-shadow .15s}.pop-sign input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.pop-sign input:focus{border-color:var(--terracotta);background:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb,var(--terracotta) 14%,transparent);outline:none}.pop-sign .err{color:var(--terracotta-ink);margin-top:8px;font-size:13.5px}.pop-sign .pop-btn.solid{width:100%;min-height:48px;margin-top:12px;font-size:15px}.pop-sign .skip{text-align:center;margin-top:8px}.pop-sent{text-align:center;padding:28px 24px 20px}.pop-sent .letter{background:var(--sand);width:220px;height:136px;animation:pop-in .4s var(--ease) both;border-radius:8px;margin:0 auto 20px;position:relative;box-shadow:0 14px 28px -16px #2c181073}.pop-sent .letter:before{content:"";background:linear-gradient(to top right,transparent calc(50% - 1px),color-mix(in srgb,var(--brown) 12%,transparent) 50%,transparent calc(50% + 1px)) left/50.2% 100% no-repeat,linear-gradient(to top left,transparent calc(50% - 1px),color-mix(in srgb,var(--brown) 12%,transparent) 50%,transparent calc(50% + 1px)) right/50.2% 100% no-repeat;border-radius:8px;position:absolute;inset:0}.pop-sent .to{text-align:left;font:italic 500 15px/1.3 var(--serif);color:var(--brown);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid color-mix(in srgb,var(--brown) 25%,transparent);padding-bottom:4px;position:absolute;bottom:22px;left:18px;right:18px;overflow:hidden}.pop-sent .to small{font:500 11.5px var(--sans);color:var(--muted);margin-bottom:2px;font-style:normal;display:block}.pop-sent .pop-stamp{--r:2.5px;position:absolute;top:12px;right:12px;transform:rotate(4deg)}.pop-sent .pop-stamp .face{background:var(--cream);width:30px;height:36px}.pop-sent .pop-stamp img{width:22px;height:22px}.pop-sent .mark{width:64px;height:64px;color:color-mix(in srgb,var(--terracotta) 70%,transparent);animation:pop-stamp .45s .45s var(--ease) both;mix-blend-mode:multiply;position:absolute;top:6px;right:26px}.pop-sent h2{margin-bottom:8px}.pop-sent p{color:var(--brown-mid);max-width:32ch;margin:0 auto 12px;font-size:14.5px;line-height:1.55}.pop-sent p b{color:var(--brown);overflow-wrap:anywhere;font-weight:600}.pop-guide{width:380px;max-width:100%;padding:22px 22px 18px}.pop-guide .route{align-items:center;margin:0 0 22px;padding:0;list-style:none;display:flex}.pop-guide .route li{flex:1;align-items:center;display:flex}.pop-guide .route li:last-child{flex:none}.pop-guide .route .stop{border:2px solid var(--border);background:var(--paper);width:14px;height:14px;transition:border-color .25s var(--ease),background-color .25s var(--ease),transform .25s var(--ease);border-radius:50%;flex:none}.pop-guide .route .leg{border-top:2px dashed var(--border);height:0;transition:border-color .25s var(--ease);flex:1;margin:0 4px}.pop-guide .route li.done .stop{background:var(--terracotta);border-color:var(--terracotta)}.pop-guide .route li.done .leg{border-top-color:var(--terracotta)}.pop-guide .route li.now .stop{border-color:var(--terracotta);box-shadow:0 0 0 4px color-mix(in srgb,var(--terracotta) 16%,transparent);transform:scale(1.25)}.pop-guide .ico{background:color-mix(in srgb,var(--terracotta) 11%,var(--paper));width:52px;height:52px;color:var(--terracotta-ink);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.pop-guide .ico svg{width:24px;height:24px}.pop-guide .count{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:500}.pop-guide h2{margin-bottom:8px}.pop-guide .desc{color:var(--brown-mid);min-height:4.65em;margin-bottom:18px;font-size:15px;line-height:1.55}.pop-guide .step{animation:.25s ease-out both pop-fade}.pop-guide .acts{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.pop-cookie,.pop-install,.pop-phone img,dialog.pop-modal[open]>.pop-card,dialog.pop-modal::backdrop,.pop-sign .env .mark,.pop-sent .letter,.pop-sent .mark,.pop-guide .step{animation:none}.pop-sign .env .mark{transform:rotate(-12deg)}}@media print{.pop-cookie,.pop-install{display:none}}