*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1f2a30;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}:focus-visible{outline:2px solid #0f9f6e;outline-offset:3px;border-radius:12px}
.bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bg i{position:absolute;display:block;opacity:.55;animation:fl 9s ease-in-out infinite alternate}
.bg .a{left:4%;top:28%;width:26px;height:26px;border-radius:7px;background:#fde9a8;transform:rotate(-12deg)}
.bg .b{right:9%;top:9%;width:36px;height:36px;border-radius:10px;background:#d6e6ff;animation-delay:-3s}
.bg .c{left:9%;bottom:24%;width:20px;height:20px;border-radius:50%;background:#d4f1e4;animation-delay:-5s}
.bg .d{right:18%;top:46%;width:30px;height:30px;border-radius:9px;background:#d4f1e4;transform:rotate(30deg);animation-delay:-2s}
.bg .e{left:26%;bottom:34%;width:32px;height:32px;border-radius:10px;background:#e6defd;transform:rotate(18deg);animation-delay:-6s}
.bg .f{right:30%;bottom:12%;width:18px;height:18px;border-radius:50%;background:#fbd9cf;animation-delay:-4s}
@keyframes fl{to{translate:0 -14px}}
@media (prefers-reduced-motion:reduce){.bg i{animation:none}}
.wrap{position:relative;z-index:1;max-width:440px;margin:0 auto;padding:18px 18px calc(28px + env(safe-area-inset-bottom))}
.top{display:flex;align-items:center;justify-content:space-between;height:44px}
.mark{font-weight:700;font-size:19px;letter-spacing:-.02em;text-decoration:none}.mark b{color:#0f9f6e}
.prof{text-align:center;padding:26px 0 8px}
.av{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(145deg,#e3f6ee,#d3ecf5);display:grid;place-items:center;font-weight:700;font-size:32px;color:#0f9f6e;letter-spacing:.02em}
h1{font-size:24px;line-height:1.2;margin:0 0 6px;letter-spacing:-.02em;text-wrap:balance}
.tag{margin:0 0 8px;font-weight:600;font-size:14px}.bio{margin:0 auto;max-width:330px;color:#5b6870;font-size:14px;text-wrap:pretty}
h2{display:flex;align-items:center;gap:8px;font-size:15px;margin:28px 0 10px}h2:before{content:"";width:7px;height:7px;border-radius:50%;background:#0f9f6e}
.card{display:flex;align-items:center;gap:12px;min-height:60px;padding:11px 14px;margin:0 0 10px;background:#fff;border:1px solid #edf0f2;border-radius:14px;box-shadow:0 2px 10px rgba(20,40,50,.06);text-decoration:none;transition:transform .15s,box-shadow .15s;touch-action:manipulation}
@media (hover:hover){.card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(20,40,50,.09)}}
.card.hi{background:linear-gradient(90deg,#e9f8f1,#fff);border-color:#9fdcc3}
.ic{flex:none;width:36px;height:36px;border-radius:10px;background:#e7f6ef;color:#0f9f6e;display:grid;place-items:center}
.ic svg{width:18px;height:18px}.tx{flex:1;min-width:0}.tx strong{display:block;font-size:14px}.tx span{display:block;font-size:12px;color:#66737b;overflow-wrap:anywhere}
.ch{flex:none;color:#9aa5ab}
.demo{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:99px;background:#0f9f6e;color:#fff;font-size:11px;font-weight:600;vertical-align:1px}
.shot{display:block;margin:2px 0 6px;border-radius:14px;overflow:hidden;border:1px solid #edf0f2;box-shadow:0 2px 10px rgba(20,40,50,.06)}.shot img{display:block;width:100%;height:auto}
.note{font-size:12px;color:#66737b;margin:0 0 4px}
footer{margin-top:34px;text-align:center;font-size:12px;color:#66737b}footer nav{display:flex;justify-content:center;gap:4px;margin-bottom:6px}footer nav a{padding:10px 8px;text-decoration:none}footer nav a:hover{text-decoration:underline}
.doc h1{text-align:left;margin-top:24px}.doc h2:before{display:none}.doc h2{margin:22px 0 6px}.doc p,.doc li{color:#3d4a52}.doc .upd{color:#66737b;font-size:13px}.doc ul{padding-left:20px}
.tx .demo{display:inline-block;color:#fff;font-size:11px;overflow-wrap:normal}
a{-webkit-tap-highlight-color:rgba(15,159,110,.12)}h1,h2{scroll-margin-top:16px}
.skip{position:absolute;left:12px;top:-60px;z-index:5;background:#0f9f6e;color:#fff;padding:8px 12px;border-radius:8px}.skip:focus{top:12px}
