:root{--display:"Archivo",system-ui,sans-serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;--base:#060607;--ground:radial-gradient(120% 90% at 50% 40%,#0b0c0e 0%,#060607 70%);--veil:radial-gradient(130% 100% at 50% 45%,transparent 45%,rgba(0,0,0,.6) 100%);--ink:#b5b2ab;--strong:#ecebe7;--muted:#8e8b84;--brand-ink:#ecebe7;--link-bg:transparent;--link-ink:#8e8b84;--link-ix:#7d7a74;--link-on:#ecebe7;--link-line:rgba(255,255,255,.3);--frame-bg:rgba(9,9,9,.62);--frame-line:rgba(255,255,255,.14);--mark-bg:#070707;--mark-line:rgba(255,255,255,.16);--card-line:rgba(255,255,255,.12);--cta-bg:#ecebe7;--cta-ink:#0b0b0a;--rose:#e2558f;--on-rose:#0b0b0a;--focus:#e2558f;--foot-bg:rgba(14,14,13,.94);--foot-line:rgba(255,255,255,.08);--foot-ink:#8e8b84}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--base);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;color:var(--ink);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
.bg{position:fixed;top:0;left:0;z-index:0;width:100%;height:100vh;height:100lvh;overflow:hidden;pointer-events:none;background:var(--ground);contain:strict}
.art{position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%);will-change:transform}
.art{width:max(1920px,100vw,160vh);height:max(1200px,62.5vw,100vh);width:max(1920px,100vw,160lvh);height:max(1200px,62.5vw,100lvh)}
@media (max-width: 460px) and (orientation: portrait){.art{width:max(390px,100vw,46.2085vh);height:max(844px,216.4103vw,100vh);width:max(390px,100vw,46.2085lvh);height:max(844px,216.4103vw,100lvh)}}
.vig{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--veil)}
.page{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 40px}
.brand{display:inline-flex;align-items:center;height:41px;color:var(--brand-ink);font:800 18.4px/1 var(--display);font-stretch:125%;letter-spacing:-.03em;text-decoration:none}
.links{display:flex;align-items:center;gap:6px}
.links form{margin:0}
.link{display:inline-flex;align-items:center;height:30px;margin:0;padding:0 10px;border:0;border-radius:0;background:var(--link-bg);color:var(--link-ink);font:400 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none}
.link .ix{margin-right:.6em;color:var(--link-ix)}
.link.on{color:var(--link-on);box-shadow:inset 0 0 0 1px var(--link-line)}
.link.on .ix{color:var(--link-on)}
.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 40px 32px}
.frame{width:100%;max-width:468px;padding:26px 28px 28px;background:var(--frame-bg);border:1px solid var(--frame-line)}
.id{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.mark{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--mark-bg);border:1px solid var(--mark-line)}
.mark svg{display:block;width:38px;height:38px}
.role{margin:0;color:var(--strong);font:500 13.6px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.role small{display:block;margin-top:5px;color:var(--muted);font-size:11.5px;font-weight:400;letter-spacing:.07em}
.role span{display:block;white-space:nowrap}
.msg{margin:0 0 10px;color:var(--strong);font:500 18px/1.35 var(--sans)}
.text{margin:0 0 22px;font-size:15.5px;line-height:1.66;text-wrap:pretty}
.card{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--card-line)}
.avatar{flex:none;display:block;width:46px;height:46px;border:1px solid var(--mark-line)}
.who{min-width:0}
.name{margin:0 0 4px;color:var(--strong);font:700 15px/1.2 var(--display);font-stretch:112%;letter-spacing:-.005em}
.social{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;color:var(--muted);font:400 12px/1.6 var(--mono)}
.social a{display:inline-flex;align-items:center;gap:7px;min-height:24px;text-decoration:none}
.logo{display:block;width:14px;height:14px;fill:currentColor}
.nsfw{padding:0 4px;border:1px solid var(--card-line);font-size:9.5px;line-height:14px;letter-spacing:.08em}
.social .mail{white-space:nowrap}
.social .mail a{display:inline;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--link-line)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:44px;margin:0;padding:0 18px;border:0;border-radius:0;background:var(--cta-bg);color:var(--cta-ink);font:500 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.cta.rose{background:var(--rose);color:var(--on-rose)}
.ra{display:block;width:12px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cta+.cta,.cta+form,form+.cta{margin-top:10px}
.frame form{margin:0}
.quiet{display:inline-flex;align-items:center;min-height:44px;margin:6px 0 0;padding:0;border:0;background:none;color:var(--muted);font:400 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-appearance:none;appearance:none}
.note{margin:18px 0 0;color:var(--muted);font:400 12.5px/1.6 var(--sans)}
.err{margin:14px 0 0;color:var(--muted);font:400 11px/1.5 var(--mono);word-break:break-all}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;padding:13px 40px 14px;background:var(--foot-bg);border-top:1px solid var(--foot-line);color:var(--foot-ink);font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.foot p{margin:0}
.foot a{text-decoration:none}
@media (hover:hover){.link:hover,.social a:hover,.foot a:hover{color:var(--strong)}.quiet:hover{color:var(--ink)}}
@media (max-width:600px){.top{padding:12px 16px}.brand{height:38px;font-size:17px}.link{height:38px;padding:0 9px;font-size:11.5px}.stage{padding:8px 16px 20px}.frame{padding:20px 18px 22px}.id{gap:14px;margin-bottom:16px}.mark{width:50px;height:50px}.text{margin-bottom:18px;font-size:15px;line-height:1.62}.card{align-items:flex-start;padding:12px}.avatar{width:42px;height:42px}.cta{display:flex;width:100%;min-height:50px}.foot{padding:12px 16px 13px}}
@media (max-width:340px){.role{letter-spacing:.04em}}