@font-face{font-family:MADE Okine Sans;src:url(/fonts/okine-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MADE Okine Sans;src:url(/fonts/okine-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-Ultralight.otf)format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-UltralightItalic.woff2)format("woff2");font-weight:200;font-style:italic;font-display:swap}:root{--bg:oklch(96.5% .01 81.8);--bg2:oklch(93.3% .019 83.1);--surface:oklch(98.9% .006 84.6);--pergamin:oklch(93.3% .027 85.7);--border:oklch(91.7% .016 86.4);--ink:oklch(21.8% 0 0);--muted:oklch(51.2% .014 79.7);--cta:oklch(57.4% .148 41.3);--link:oklch(50.7% .136 40.5);--las:oklch(26.4% .04 159.3);--zloto:oklch(78.4% .144 78.5);--shadow:0 1px 1px #3c281408,0 12px 40px -8px #5a3c1e1f,0 40px 80px -32px #5a3c1e2e;--ease:cubic-bezier(.23,1,.32,1)}.stopki-page,.stopki-page *{box-sizing:border-box}.stopki-page{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 MADE Okine Sans,-apple-system,Helvetica Neue,Arial,sans-serif}.wrap{max-width:1120px;margin:0 auto;padding:40px 24px 64px}header{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:36px;display:grid}h1{text-wrap:balance;letter-spacing:-.02em;margin:0 0 8px;font:200 44px/1.05 PP Pangaia,Georgia,serif}h1 em{font-style:italic}.lead{color:var(--muted);text-wrap:pretty;max-width:56ch;margin:0;line-height:1.6}.grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=880px){.grid,header{grid-template-columns:1fr}}form{flex-direction:column;gap:16px;display:flex}fieldset{border:0;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:500}label{color:var(--muted);letter-spacing:.01em;flex-direction:column;gap:5px;font-size:13px;display:flex}input:not([type=file]):not([type=checkbox]),select{backdrop-filter:blur(12px)saturate(160%);width:100%;min-width:0;max-width:100%;color:var(--ink);min-height:44px;transition:box-shadow .15s var(--ease),transform .1s var(--ease);background:#ffffffb8;border:0;border-radius:8px;padding:0 12px;font:15px MADE Okine Sans,-apple-system,Arial,sans-serif;box-shadow:inset 0 0 0 1px #00000014,0 1px 2px #3c28140a}input[type=file]{display:none}.kadr{flex-direction:column;gap:10px;margin-top:10px;display:flex}.kadr[hidden]{display:none}#kadr-cv{background:var(--surface);cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:50%;width:160px;height:160px}#kadr-cv.drag{cursor:grabbing}.kadr-ctl{align-items:flex-end;gap:10px;display:flex}.kadr-ctl label{flex:1}.kadr-ctl input[type=range]{backdrop-filter:none;height:auto;accent-color:var(--link);background:0 0;padding:0}.kadr-hint{color:var(--muted);font-size:12px}.field-stack{color:var(--muted);letter-spacing:.01em;flex-direction:column;gap:5px;font-size:13px;display:flex}.file-trigger{justify-content:center;align-items:center;width:100%;display:flex}input:not([type=file]):not([type=checkbox]):focus-visible,select:focus-visible{box-shadow:inset 0 0 0 1px var(--link),0 0 0 3px oklch(57.4% .148 41.3/.18);outline:0}input:not([type=file]):not([type=checkbox]):active,select:active{transform:scale(.995)}@media (forced-colors:active){input:not([type=file]):not([type=checkbox]):focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid highlight}}.row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.row>label{min-width:0}.seg{background:var(--bg2);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;box-shadow:inset 0 0 0 1px #0000000f,inset 0 1px 2px #0000000a}.seg button{color:var(--muted);cursor:pointer;min-height:36px;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .16s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 9px;font:500 14px MADE Okine Sans,sans-serif}.seg button:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.seg button:not([aria-checked=true]):hover{color:var(--ink);background:#0000000a}}.seg button[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000024,0 0 0 1px #0000000a}.seg button:focus-visible{outline:2px solid var(--link);outline-offset:3px}.chk{color:var(--ink);cursor:pointer;flex-direction:row;align-items:center;gap:10px;min-height:44px;font-size:14px}.chk input{width:20px;height:20px;min-height:0;accent-color:var(--cta);cursor:pointer}.shell{backdrop-filter:blur(24px)saturate(160%);background:#ebe4d5c7;border-radius:28px;min-width:0;padding:6px;position:sticky;top:24px;box-shadow:0 0 0 1px #0000000a,0 1px 1px #3c281408,0 8px 24px -4px #5a3c1e14}.stage{background:#ffffffeb;border-radius:22px;min-width:0;padding:36px 32px 28px;box-shadow:inset 0 1px #fff6,0 0 0 1px #00000008}.mail,#preview,.actions{animation:.28s cubic-bezier(.16,1,.3,1) both rise}#preview{transition:opacity .15s var(--ease);overflow-x:auto}#preview.loading{opacity:.55}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.mail,#preview,.actions{animation:.2s both fade}}.mail{color:var(--muted);text-wrap:pretty;max-width:52ch;margin:0 0 24px;font-size:15px;line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px;display:flex}.btn{background:var(--cta);color:#fff;cursor:pointer;min-height:44px;transition:transform .16s var(--ease),background .15s var(--ease);border:0;border-radius:999px;padding:0 22px;font:500 14px MADE Okine Sans,sans-serif;box-shadow:inset 0 1px #ffffff2e,0 1px 3px #7832142e,0 4px 12px -4px #be542859}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--link)}}.btn:active{transition-duration:80ms;transition-timing-function:ease-out;transform:scale(.97)}.btn{position:relative}.btn .lbl{transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);display:block}.btn .lbl.b{opacity:0;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.6)}.btn.done .lbl.a{opacity:0;transform:scale(.6)}.btn.done .lbl.b{opacity:1;transform:scale(1)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{backdrop-filter:blur(12px)saturate(160%);color:var(--ink);background:#ffffffb8;box-shadow:inset 0 0 0 1px #0000001a,0 1px 2px #3c28140a}@media (hover:hover) and (pointer:fine){.btn.secondary:hover{background:#ffffffe0}}.btn:focus-visible{outline:2px solid var(--link);outline-offset:3px}.toast{color:var(--muted);opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease);font-size:13px;transform:translateY(2px)}.toast.on{opacity:1;transform:none}.steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:56px 0 0;padding:0;list-style:none;display:grid}@media (width<=880px){.steps{grid-template-columns:1fr}}.steps li{color:var(--ink);flex-direction:column;gap:6px;font-size:14px;line-height:1.5;display:flex}.steps b{color:var(--cta);font:200 28px/1 PP Pangaia,Georgia,serif}.steps kbd{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font:13px Geist Mono,Menlo,monospace}.note{color:var(--muted);text-wrap:pretty;grid-template-columns:auto 1fr;align-items:start;gap:14px;max-width:72ch;margin-top:40px;font-size:14px;line-height:1.5;display:grid}.note span{background:var(--zloto);border-radius:50%;width:10px;height:10px;margin-top:6px}.note details{margin-top:4px}.note summary{cursor:pointer;color:var(--link);font-size:13px;list-style:none}.note summary::-webkit-details-marker{display:none}@media (prefers-reduced-transparency:reduce){input:not([type=file]):not([type=checkbox]),select{backdrop-filter:none;background:var(--surface)}.shell{backdrop-filter:none;background:var(--bg2)}.stage{background:var(--surface)}.btn.secondary{backdrop-filter:none;background:var(--bg)}}@media (prefers-reduced-motion:reduce){.btn:active,.seg button:active,input:not([type=file]):not([type=checkbox]):active,select:active{transform:none}.btn .lbl{transition-property:opacity}.toast{transform:none}}.stopki-page #content{display:none}.stopki-page #content.unlocked{display:block}.back{min-height:40px;color:var(--muted);transition:color .15s var(--ease);border-radius:8px;align-items:center;margin:-12px 0 8px -8px;padding:0 8px;font-size:13px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.back:hover{color:var(--link)}}.back:focus-visible{outline:2px solid var(--link);outline-offset:3px}
