.km .pp-wrap{justify-items:center;gap:18px;display:grid;position:relative}.km .pp-phone{border:1px solid var(--ink-3);background:#000;border-radius:46px;width:min(320px,100%);padding:11px;box-shadow:0 50px 90px -40px #000000e6}.km .pp-scr{aspect-ratio:9/19;color:#111;background:#f6f2eb;border-radius:36px;position:relative;overflow:hidden}.km .pp-top{border-bottom:1px solid #e2dccf;justify-content:space-between;align-items:center;gap:8px;padding:44px 14px 10px;font-size:12px;display:flex}.km .pp-top b{font-weight:600}.km .pp-top span{font-family:var(--f-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:#6b665d;font-size:9.5px}.km .pp-list{flex-direction:column;display:flex;position:absolute;inset:0}.km .pp-item{background:#fff;border:1px solid #e2dccf;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);column-gap:10px;margin:10px 12px 0;padding:9px;display:grid}.km .pp-thumb{background:#ddd;border-radius:8px;grid-row:span 2;width:44px;height:55px;position:relative;overflow:hidden}.km .pp-txt{min-width:0}.km .pp-txt b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.km .pp-txt small{color:#6b665d;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;display:block;overflow:hidden}.km .pp-item em{color:#8a5a00;background:#f8e7c4;border-radius:99px;place-self:end start;margin-top:6px;padding:2px 7px;font-size:9.5px;font-style:normal;font-weight:600}.km .pp-foot{text-align:center;font-family:var(--f-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#9a948a;margin-top:auto;padding:14px;font-size:9px}.km .pp-post{background:#f6f2eb;flex-direction:column;display:flex;position:absolute;inset:0;box-shadow:-20px 0 40px -20px #00000059}.km .pp-media{aspect-ratio:4/5;background:#ddd;border-radius:14px;margin:12px 12px 0;position:relative;overflow:hidden}.km .pp-stamp{border:3px solid var(--hanko);width:92px;height:92px;color:var(--hanko);text-align:center;background:#f6f1e9e6;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:12px;transform:rotate(-12deg)}.km .pp-stamp:before{content:"";border:1px solid var(--hanko);border-radius:50%;position:absolute;inset:5px}.km .pp-stamp b{font-family:var(--f-jp);font-size:24px;line-height:1;display:block}.km .pp-stamp small{font-family:var(--f-mono), monospace;letter-spacing:.14em;text-transform:uppercase;font-size:7.5px}.km .pp-body{flex-direction:column;gap:8px;padding:10px 14px;font-size:12px;display:flex}.km .pp-body>b{font-size:14px;font-weight:600}.km .pp-body dl{grid-template-columns:auto 1fr;gap:3px 10px;font-size:11px;display:grid}.km .pp-body dt{color:#6b665d}.km .pp-btns{grid-template-columns:1fr 1.2fr;gap:6px;margin-top:2px;display:grid}.km .pp-btns span{text-align:center;background:#fff;border:1px solid #ddd;border-radius:10px;padding:9px 6px;font-size:11px;font-weight:600}.km .pp-btns .pp-ok{color:#ede8df;background:#0e0d0b;border-color:#0e0d0b}.km .pp-tap{z-index:4;border:2px solid var(--gold);opacity:0;pointer-events:none;background:#c8a35a80;border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.km .pp-toast{background:var(--ink-2);color:var(--bone);border:1px solid var(--ink-3);border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;display:flex}.km .pp-toast i{background:#3fa66b;border-radius:50%;width:8px;height:8px}.km .pp-cap{color:var(--mute)}.km .cp-feat{background:var(--ink-3);border:1px solid var(--ink-3);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:44px;display:grid}.km .cp-feat>div{background:var(--ink);flex-direction:column;gap:12px;padding:28px 24px 30px;display:flex}.km .cp-feat b{letter-spacing:-.02em;font-size:22px;font-weight:500}.km .cp-feat p{color:var(--mute);font-size:14.5px;line-height:1.55}.km .cp-feat .ico{border:1px solid var(--ink-3);width:38px;height:38px;color:var(--gold);border-radius:10px;place-items:center;display:grid}.km .cp-feat svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (max-width:960px){.km .cp-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.km .cp-feat{grid-template-columns:minmax(0,1fr)}}.km .cp-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px;list-style:none;display:grid}.km .cp-flow li{border:1px solid var(--ink-3);border-radius:16px;flex-direction:column;gap:10px;padding:22px 20px 24px;display:flex}.km .cp-flow b{letter-spacing:-.02em;font-size:20px;font-weight:500}.km .cp-flow p{color:var(--mute);font-size:14px;line-height:1.5}@media (max-width:860px){.km .cp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.km .cp-flow{grid-template-columns:minmax(0,1fr)}}.km .cp-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(32px,6vw,90px);display:grid}.km .cp-lede{color:var(--mute-dark);max-width:46ch;margin-top:20px;line-height:1.6}.km .cp-lede.dark{color:var(--bone-2)}.km .cp-rows{border-top:1px solid #0e0d0b33}.km .cp-rows div{border-bottom:1px solid #0e0d0b33;grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:16px;padding:16px 0;display:grid}.km .cp-rows dt{color:var(--mute-dark)}.km .cp-rows dd{font-size:15.5px;line-height:1.5}.km .cp-rows.dark,.km .cp-rows.dark div{border-color:var(--ink-3)}.km .cp-rows.dark dt{color:var(--gold)}.km .cp-rows.dark dd{color:var(--bone-2)}@media (max-width:860px){.km .cp-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.km .cp-rows div{grid-template-columns:minmax(0,1fr);gap:4px}}.km .cp-browser{border:1px solid var(--ink-3);background:#1d1b17;border-radius:12px;max-width:520px;margin-top:32px;overflow:hidden}.km .cp-browser .chrome{border-bottom:1px solid var(--ink-3);align-items:center;gap:6px;padding:10px 12px;display:flex}.km .cp-browser .chrome i{background:var(--ink-4);border-radius:50%;width:9px;height:9px}.km .cp-browser .chrome span{font-family:var(--f-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-left:8px;font-size:10px}.km .cp-browser .page{background:var(--bone);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:26px 22px 30px;display:grid;position:relative}.km .cp-browser .page span:not(.pin):not(.note){background:#0e0d0b1f;border-radius:4px;display:block}.km .cp-browser .b1{grid-column:1/-1;width:30%;height:10px}.km .cp-browser .b2{grid-column:1/-1;width:78%;height:34px;background:#0e0d0bbf!important}.km .cp-browser .b3{grid-column:1/-1;width:55%;height:10px;margin-bottom:8px}.km .cp-browser .b4{height:70px}.km .cp-browser .pin{background:var(--gold);width:26px;height:26px;color:var(--ink);font-family:var(--f-mono), monospace;border-radius:50% 50% 50% 4px;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;top:44px;left:70%;box-shadow:0 8px 18px -6px #00000080}.km .cp-browser .note{background:var(--ink);max-width:160px;color:var(--bone);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;top:40px;left:calc(70% + 34px)}@media (max-width:480px){.km .cp-browser .pin{left:52%}.km .cp-browser .note{top:76px;left:auto;right:10px}}