@font-face{font-family:Fraktion Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/PPFraktionMono-Regular.woff2) format("woff2")}@font-face{font-family:Fraktion Mono;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/PPFraktionMono-Medium.woff2) format("woff2")}@font-face{font-family:Fraktion Mono;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/PPFraktionMono-Bold.woff2) format("woff2")}:root{--ink:#0E0E0E;--paper:#FDFDFD;--yellow:#FFFF9F;--blue:#5ECDFA;--pink:#F090D3;--green:#85FCA3;--line:#DEDEDE;--grey:#737373;--mono:"Fraktion Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:"Instrument Serif",Georgia,serif;--bar:56px;--maxw:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 24px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.bar{position:fixed;top:0;left:0;right:0;height:var(--bar);background:var(--paper);border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:14px;padding:0 20px;z-index:100}.bar .wordmark{height:30px;width:auto}.bar .div{width:1px;height:22px;background:var(--line)}.bar .lbl{letter-spacing:.14em;text-transform:uppercase}.bar .lbl,.burger{font-family:var(--mono);font-size:12px}.burger{display:none;margin-left:auto;letter-spacing:.1em;background:none;border:1px solid var(--ink);padding:6px 10px;cursor:pointer;color:var(--ink)}.cover{margin-top:var(--bar);border-bottom:1px solid var(--ink);line-height:0}.cover img{width:100%;height:auto}.title-wrap{border-bottom:1px solid var(--ink);padding:40px 20px 34px}.title-inner{max-width:var(--maxw);margin:0 auto;align-items:flex-end;justify-content:space-between;gap:24px}.title-inner,h1.big{display:flex;flex-wrap:wrap}h1.big{margin:0;align-items:center;gap:18px;line-height:1}.title-sub{font-weight:400;font-size:clamp(17px,1.95vw,25px);letter-spacing:.02em}.title-meta,.title-sub{font-family:var(--mono)}.title-meta{font-size:11px;color:var(--grey);letter-spacing:.1em;text-transform:uppercase}.rule{height:3px;margin:22px auto 0;background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow),var(--pink))}.rule,.wrap{max-width:var(--maxw)}.wrap{margin:0 auto;padding:0 20px;display:grid;grid-template-columns:250px minmax(0,1fr);grid-gap:56px;gap:56px;align-items:start}.side{position:-webkit-sticky;position:sticky;top:calc(var(--bar) + 28px);max-height:calc(100vh - var(--bar) - 56px);overflow-y:auto;padding:28px 0 40px}.side-lbl{font-size:10px;letter-spacing:.18em;color:var(--grey);text-transform:uppercase;margin-bottom:12px}.side input,.side-lbl{font-family:var(--mono)}.side input{width:100%;padding:8px 10px;border:1px solid var(--line);font-size:12px;margin-bottom:18px;background:#fff;color:var(--ink)}.side input:focus{outline:none;border-color:var(--ink)}.side ul{list-style:none;margin:0;padding:0}.side a{display:flex;gap:8px;text-decoration:none;font-family:var(--mono);font-size:12.5px;padding:6px 10px 6px 12px;border-left:2px solid transparent;color:var(--ink);line-height:1.45}.side a.on,.side a:hover{background:var(--yellow)}.side a.on{border-left-color:var(--ink);font-weight:700}.nav-num{color:var(--grey);font-weight:400;flex:0 0 auto}.nav-t{flex:1 1 auto;min-width:0}.nav-sec>a{margin-top:10px}.nav-subs a{padding-left:34px;font-size:12px;color:#3a3a3a}.side li.hid{display:none}.main{padding:34px 0 120px;min-width:0}.sec{margin-bottom:60px}.sec-h{margin:0 0 22px;font-family:var(--mono);font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.2}.sec-num{display:block;font-size:11px;color:var(--grey);letter-spacing:.16em;font-weight:400;margin-bottom:10px}.mark{display:inline;background:linear-gradient(var(--yellow),var(--yellow));background-size:100% 58%;background-position:0 78%;background-repeat:no-repeat;padding:0 6px;margin-left:-6px}.subsec{margin:44px 0 0;padding-top:26px;border-top:1px solid var(--line)}.sub-h{margin:0 0 16px;font-family:var(--mono);font-size:17px;font-weight:700;letter-spacing:-.02em}.intro{margin:0 0 20px;color:#2b2b2b}.intro+.subsec{margin-top:24px}.sub-intro{margin:0 0 18px;color:#2b2b2b}.intro a{text-decoration:underline;text-underline-offset:3px}ul.bullets{list-style:none;margin:26px 0 4px;padding:0}ul.bullets li{position:relative;padding-left:20px;margin-bottom:7px;font-size:15.5px}ul.bullets li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;background:var(--ink)}ul.bullets b{font-weight:600}ol.steps{list-style:none;counter-reset:s;margin:0;padding:0}li.step{counter-increment:s;position:relative;padding-left:44px;margin-bottom:26px}li.step:before{content:counter(s);position:absolute;left:0;top:1px;width:28px;height:28px;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12.5px;font-weight:700;background:var(--paper)}.step-text{margin:2px 0 0;font-size:16px}.step-text b{font-weight:600}.detail{margin:4px 0 0;font-size:14.5px;color:var(--grey)}ol.substeps{list-style:none;counter-reset:t;margin:12px 0 0;padding:0}ol.substeps li{counter-increment:t;position:relative;padding-left:26px;margin-bottom:5px;font-size:15px;color:#2b2b2b}ol.substeps li:before{content:counter(t,lower-alpha) ".";position:absolute;left:0;top:0;font-family:var(--mono);font-size:12.5px;color:var(--grey);font-weight:500}ol.substeps em{color:var(--grey)}.note{margin:14px 0 0;border-left:3px solid var(--ink);background:#FFFFEA;padding:12px 16px}.note-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;display:block;margin-bottom:5px}.note p{margin:0;font-size:14.5px;line-height:1.55}.done{font-family:var(--mono);font-size:13px;display:flex;align-items:center;gap:9px;margin:22px 0 0;padding:10px 14px;background:var(--green);width:-moz-fit-content;width:fit-content}figure.shot{margin:14px 0 0;border:1px solid var(--line);background:#fff;cursor:zoom-in;transition:border-color .12s;overflow:hidden;width:100%}figure.shot:hover{border-color:var(--ink)}figure.shot img{width:100%;height:auto}.sec>figure.shot,.subsec>figure.shot{margin-top:20px}.lb{position:fixed;inset:0;background:rgba(14,14,14,.94);z-index:300;display:flex;align-items:center;justify-content:center;padding:36px;cursor:zoom-out}.lb img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid #333;width:auto}.lb .close{position:absolute;top:18px;right:22px;color:#fff;font-size:12px;letter-spacing:.1em}.lb .close,footer{font-family:var(--mono)}footer{border-top:1px solid var(--ink);margin-top:60px;padding:22px 0 0;font-size:11px;color:var(--grey);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate-box{width:100%;max-width:420px;border:2px solid var(--ink);background:#fff;padding:36px 32px}.gate-rule{height:3px;margin:-36px -32px 28px;background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow),var(--pink))}.gate-box .mark-img{height:34px;width:auto;margin-bottom:18px}.gate-box h1{font-family:var(--mono);font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.gate-box p.sub{color:var(--grey);margin:0 0 24px}.gate-box label,.gate-box p.sub{font-family:var(--mono);font-size:12px}.gate-box label{display:block;margin-bottom:8px}.gate-box input{width:100%;padding:12px 14px;border:2px solid var(--ink);border-radius:8px;font-family:var(--mono);font-size:14px;background:#fff;color:var(--ink)}.gate-box input:focus{outline:none;box-shadow:0 0 0 3px var(--yellow)}.gate-box button{margin-top:16px;width:100%;padding:13px;border:2px solid var(--ink);background:var(--ink);color:#fff;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;cursor:pointer}.gate-box button:hover:not(:disabled){background:#fff;color:var(--ink)}.gate-box button:disabled{opacity:.5;cursor:default}.gate-err{font-family:var(--mono);font-size:12px;color:#c0392b;margin-top:12px;min-height:16px}@media (max-width:900px){.wrap{grid-template-columns:1fr;gap:0}.side{position:static;max-height:none;display:none;padding:20px 0;border-bottom:1px solid var(--line)}.burger,.side.open{display:block}li.step{padding-left:38px}}@media print{.bar,.burger,.lb,.side{display:none!important}.cover{margin-top:0}body{font-size:11pt}figure.shot,li.step{page-break-inside:avoid;break-inside:avoid}}