@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(.965 .01 81.8);--bg2:oklch(.933 .019 83.1);--surface:oklch(.989 .006 84.6);--pergamin:oklch(.933 .027 85.7);--border:oklch(.917 .016 86.4);--ink:oklch(.218 0 0);--muted:oklch(.512 .014 79.7);--cta:oklch(.574 .148 41.3);--link:oklch(.507 .136 40.5);--las:oklch(.264 .04 159.3);--zloto:oklch(.784 .144 78.5);--shadow:0 1px 1px rgba(60,40,20,.03),0 12px 40px -8px rgba(90,60,30,.12),0 40px 80px -32px rgba(90,60,30,.18);--ease:cubic-bezier(.23,1,.32,1)}.stopki-page,.stopki-page *{box-sizing:border-box}.stopki-page{background:var(--bg);color:var(--ink);font:15px/1.5 MADE Okine Sans,-apple-system,Helvetica Neue,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased}.wrap{max-width:1120px;margin:0 auto;padding:40px 24px 64px}header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:36px}h1{font:200 44px/1.05 PP Pangaia,Georgia,serif;margin:0 0 8px;text-wrap:balance;letter-spacing:-.02em}h1 em{font-style:italic}.lead{color:var(--muted);margin:0;max-width:56ch;text-wrap:pretty;line-height:1.6}.grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:32px;align-items:start}@media(max-width:880px){.grid{grid-template-columns:1fr}header{grid-template-columns:1fr}}form{display:flex;flex-direction:column;gap:16px}fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}legend{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-bottom:6px}label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted);letter-spacing:.01em}input:not([type=file]):not([type=checkbox]),select{width:100%;min-width:0;max-width:100%;font:15px MADE Okine Sans,-apple-system,Arial,sans-serif;padding:0 12px;border:0;border-radius:8px;background:#ffffffb8;backdrop-filter:blur(12px) saturate(160%);color:var(--ink);min-height:44px;box-shadow:inset 0 0 0 1px #00000014,0 1px 2px #3c28140a;transition:box-shadow .15s var(--ease),transform .1s var(--ease)}input[type=file]{display:none}.kadr{display:flex;flex-direction:column;gap:10px;margin-top:10px}.kadr[hidden]{display:none}#kadr-cv{width:160px;height:160px;border-radius:50%;background:var(--surface);cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}#kadr-cv.drag{cursor:grabbing}.kadr-ctl{display:flex;align-items:flex-end;gap:10px}.kadr-ctl label{flex:1}.kadr-ctl input[type=range]{padding:0;height:auto;background:none;backdrop-filter:none;accent-color:var(--link)}.kadr-hint{font-size:12px;color:var(--muted)}.field-stack{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted);letter-spacing:.01em}.file-trigger{display:flex;align-items:center;justify-content:center;width:100%}input:not([type=file]):not([type=checkbox]):focus-visible,select:focus-visible{outline:0;box-shadow:inset 0 0 0 1px var(--link),0 0 0 3px #be54282e}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:2px solid Highlight;outline-offset:2px}}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.row>label{min-width:0}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:var(--bg2);box-shadow:inset 0 0 0 1px #0000000f,inset 0 1px 2px #0000000a}.seg button{padding:0 9px;border:0;background:transparent;color:var(--muted);border-radius:999px;font:500 14px MADE Okine Sans,sans-serif;cursor:pointer;min-height:36px;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .16s var(--ease)}.seg button:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.seg button:not([aria-checked=true]):hover{background:#0000000a;color:var(--ink)}}.seg button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #00000024,0 0 0 1px #0000000a}.seg button:focus-visible{outline:2px solid var(--link);outline-offset:3px}.chk{flex-direction:row;align-items:center;gap:10px;font-size:14px;color:var(--ink);cursor:pointer;min-height:44px}.chk input{min-height:0;width:20px;height:20px;accent-color:var(--cta);cursor:pointer}.shell{min-width:0;background:#ebe4d5c7;backdrop-filter:blur(24px) saturate(160%);border-radius:28px;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;padding:36px 32px 28px;min-width:0;box-shadow:inset 0 1px #fff6,0 0 0 1px #00000008}.mail,#preview,.actions{animation:rise .28s cubic-bezier(.16,1,.3,1) both}#preview{overflow-x:auto;transition:opacity .15s var(--ease)}#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:fade .2s ease both}}.mail{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 24px;max-width:52ch;text-wrap:pretty}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;align-items:center}.btn{padding:0 22px;border-radius:999px;border:0;background:var(--cta);color:#fff;font:500 14px MADE Okine Sans,sans-serif;cursor:pointer;min-height:44px;box-shadow:inset 0 1px #ffffff2e,0 1px 3px #7832142e,0 4px 12px -4px #be542859;transition:transform .16s var(--ease),background .15s var(--ease)}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--link)}}.btn:active{transform:scale(.97);transition-duration:80ms;transition-timing-function:ease-out}.btn{position:relative}.btn .lbl{display:block;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1)}.btn .lbl.b{position:absolute;inset:0;display:grid;place-items:center;opacity: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{background:#ffffffb8;backdrop-filter:blur(12px) saturate(160%);color:var(--ink);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{font-size:13px;color:var(--muted);opacity:0;transform:translateY(2px);transition:opacity .2s var(--ease),transform .2s var(--ease)}.toast.on{opacity:1;transform:none}.steps{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:880px){.steps{grid-template-columns:1fr}}.steps li{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5;color:var(--ink)}.steps b{font:200 28px/1 PP Pangaia,Georgia,serif;color:var(--cta)}.steps kbd{font:13px Geist Mono,Menlo,monospace;background:var(--surface);border:1px solid var(--border);padding:1px 6px;border-radius:5px}.note{margin-top:40px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;font-size:14px;line-height:1.5;color:var(--muted);max-width:72ch;text-wrap:pretty}.note span{width:10px;height:10px;border-radius:50%;background:var(--zloto);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{display:inline-flex;align-items:center;min-height:40px;margin:-12px 0 8px -8px;padding:0 8px;border-radius:8px;color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s var(--ease)}@media(hover:hover)and (pointer:fine){.back:hover{color:var(--link)}}.back:focus-visible{outline:2px solid var(--link);outline-offset:3px}