.nx-profile{--fg:#0d1320;--muted:#0d13209e;--muted-2:#0d132073;--card:#fff;--card-line:#0d132012;--card-shadow:0 1px 2px #0d13200a, 0 8px 24px #0d13200f;--btn:#1f3fa8;--btn-fg:#fff;--btn2-line:#1f3fa84d;--btn2-fg:#1f3fa8;--tile:#fff;--tile-fg:#0d1320;--tile-line:#0d132012;--ring:#fff;--mono-bg:linear-gradient(140deg, #dbe4f3, #9fb0cc);--mono-fg:#1b2740;--pill:#ffffffdb;--pill-fg:#0d1320;--live:#22c55e;--so-mode:brand;isolation:isolate;width:100%;min-height:100%;color:var(--fg);font-family:var(--sans);text-align:center;position:relative;overflow:hidden}.nx-bg{z-index:-1;background:#f3f5f9;position:absolute;inset:0}.nx-inner{flex-direction:column;align-items:center;max-width:460px;margin:0 auto;padding:58px 22px 30px;display:flex;position:relative}.nx-pill{background:var(--pill);height:30px;color:var(--pill-fg);letter-spacing:-.005em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:0 13px 0 11px;font-size:12.5px;font-weight:500;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 4px 14px #00000014}.nx-live{background:var(--live);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 22%, transparent);border-radius:50%}.nx-avatar{background:var(--ring);border-radius:50%;width:112px;height:112px;padding:3px;box-shadow:0 10px 30px #00000024}.nx-avatar img,.nx-mono{object-fit:cover;border-radius:50%;width:100%;height:100%}.nx-mono{background:var(--mono-bg);color:var(--mono-fg);letter-spacing:-.03em;place-items:center;font-size:38px;font-weight:600;display:grid}.nx-name{letter-spacing:-.028em;margin:20px 0 0;font-size:29px;font-weight:650;line-height:1.08}.nx-role{color:var(--muted);margin:8px 0 0;font-size:15px;font-weight:450;line-height:1.35}.nx-dot{opacity:.6}.nx-tag{color:var(--muted-2);letter-spacing:.01em;margin:6px 0 0;font-size:13px}.nx-socials{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.nx-so{background:var(--brand);width:50px;height:50px;color:var(--brand-fg);transition:transform .12s var(--ease-out,ease);border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff2e,0 6px 16px #0000001f}.nx-so:active{transform:scale(.94)}.nx-btn{letter-spacing:-.01em;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;font-size:16px;font-weight:600;transition:transform .12s,filter .2s;display:flex}.nx-btn:active{transform:scale(.98)}.nx-primary{background:var(--btn);color:var(--btn-fg);box-shadow:0 8px 22px color-mix(in srgb, var(--btn) 32%, transparent);margin-top:26px}.nx-secondary{border:1.5px solid var(--btn2-line);height:50px;color:var(--btn2-fg);margin-top:10px;font-size:15px;font-weight:550}.nx-actions{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:18px;display:grid}.nx-ac{background:var(--tile);color:var(--tile-fg);border:1px solid var(--tile-line);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:15px 6px 13px;font-size:13px;font-weight:500;display:flex}.nx-ac-i{background:color-mix(in srgb, var(--btn) 12%, transparent);width:38px;height:38px;color:var(--btn);border-radius:12px;place-items:center;display:grid}.nx-card{text-align:left;background:var(--card);border:1px solid var(--card-line);width:100%;box-shadow:var(--card-shadow);border-radius:18px;margin-top:18px;padding:18px 18px 17px}.nx-card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin:0 0 6px;font-size:12px;font-weight:600}.nx-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.nx-made{color:var(--muted-2);letter-spacing:.01em;align-items:center;gap:8px;margin-top:30px;font-size:12px;display:inline-flex}.nx-made .nx-logo{opacity:.8}[data-theme=modern] .nx-bg{background:radial-gradient(120% 60% at 50% 0,#e9edf6 0%,#e9edf600 60%),#f5f6f8}[data-theme=dark]{--fg:#f3f1ec;--muted:#f3f1eca8;--muted-2:#f3f1ec6b;--card:#ffffff0b;--card-line:#ffffff14;--card-shadow:none;--btn:#e6cf9f;--btn-fg:#15120c;--btn2-line:#e6cf9f66;--btn2-fg:#e6cf9f;--tile:#ffffff0d;--tile-fg:#f3f1ec;--tile-line:#ffffff14;--ring:linear-gradient(140deg, #6e6a62, #2a2824);--mono-bg:linear-gradient(140deg, #34312c, #1a1916);--mono-fg:#e6cf9f;--pill:#ffffff14;--pill-fg:#f3f1ec}[data-theme=dark] .nx-bg{background:radial-gradient(90% 55% at 50% 0,#26241f 0%,#0d0d0c 62%),#0d0d0c}[data-theme=dark] .nx-so{color:#f3f1ec;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14}[data-theme=dark] .nx-ac-i{color:#e6cf9f;background:#e6cf9f1f}[data-theme=minimal]{--fg:#1c1a17;--muted:#1c1a179e;--muted-2:#1c1a1773;--card:#ffffff8c;--card-line:#1c1a1714;--card-shadow:none;--btn:#1c1a17;--btn-fg:#f3eee6;--btn2-line:#1c1a1738;--btn2-fg:#1c1a17;--tile:#ffffff80;--tile-fg:#1c1a17;--tile-line:#1c1a1714;--ring:#fbf8f3;--mono-bg:linear-gradient(140deg, #e2d9cb, #c5b8a4);--mono-fg:#3b342b;--pill:#fff9;--pill-fg:#1c1a17}[data-theme=minimal] .nx-bg{background:#ede6db}[data-theme=minimal] .nx-so{color:#1c1a17;background:0 0;box-shadow:inset 0 0 0 1.5px #1c1a1733}[data-theme=minimal] .nx-ac-i{color:#1c1a17;background:#1c1a170f}[data-theme=creative]{--fg:#fff;--muted:#ffffffd1;--muted-2:#ffffffa8;--card:#ffffff24;--card-line:#ffffff38;--card-shadow:none;--btn:#fff;--btn-fg:#7c2fd0;--btn2-line:#ffffff8c;--btn2-fg:#fff;--tile:#ffffff29;--tile-fg:#fff;--tile-line:#ffffff3d;--ring:#ffffffd9;--mono-bg:linear-gradient(140deg, #ffd1f0, #b9a8ff);--mono-fg:#5a1fa6;--pill:#fff3;--pill-fg:#fff;--live:#a7f3d0}[data-theme=creative] .nx-bg{background:radial-gradient(70% 45% at 85% 12%,#ffb266e6 0%,#ffb26600 70%),radial-gradient(80% 60% at 0 40%,#6e56fff2 0%,#6e56ff00 70%),linear-gradient(170deg,#6a4cff 0%,#c43fd6 48%,#ff5f6d 100%)}[data-theme=creative] .nx-so{color:#fff;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff4d}[data-theme=creative] .nx-ac-i{color:#fff;background:#ffffff38}[data-theme=creative] .nx-primary{box-shadow:0 10px 26px #46007840}[data-theme=nature]{--fg:#f1efe6;--muted:#f1efe6bd;--muted-2:#f1efe685;--card:#0a1e1473;--card-line:#f1efe61a;--card-shadow:none;--btn:#e9dcb8;--btn-fg:#1d2a1f;--btn2-line:#e9dcb873;--btn2-fg:#e9dcb8;--tile:#0a1e1473;--tile-fg:#f1efe6;--tile-line:#f1efe61a;--ring:linear-gradient(140deg, #cfd8b4, #5f7a4f);--mono-bg:linear-gradient(140deg, #2f4a33, #18291c);--mono-fg:#e9dcb8;--pill:#0a1e1480;--pill-fg:#f1efe6}[data-theme=nature] .nx-bg{background:radial-gradient(60% 40% at 20% 8%,#a0be7859,#a0be7800 70%),radial-gradient(70% 50% at 100% 30%,#285a3cb3,#285a3c00 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23cfe0b4' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M20 140C40 90 80 70 140 60'/%3E%3Cpath d='M40 140c10-30 30-46 60-52M70 98c8-14 20-22 36-26M30 120c14-6 26-6 40 0'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(#1f3a28 0%,#12241a 55%,#0b1710 100%)}[data-theme=nature] .nx-so{color:#f1efe6;background:#e9dcb81f;box-shadow:inset 0 0 0 1px #e9dcb82e}[data-theme=nature] .nx-ac-i{color:#e9dcb8;background:#e9dcb81f}[data-theme=luxury]{--fg:#f6efe0;--muted:#f6efe0ad;--muted-2:#f6efe075;--card:#d4af690d;--card-line:#d4af692e;--card-shadow:none;--btn:linear-gradient(135deg, #f3dca2, #c79a4b 55%, #e9c887);--btn-fg:#1a1408;--btn2-line:#d4af6973;--btn2-fg:#e3c27f;--tile:#d4af690d;--tile-fg:#f6efe0;--tile-line:#d4af692e;--ring:linear-gradient(140deg, #f3dca2, #8a6a2f 50%, #e9c887);--mono-bg:linear-gradient(140deg, #1d1912, #0d0b08);--mono-fg:#e3c27f;--pill:#d4af691a;--pill-fg:#f3dca2;--live:#e3c27f}[data-theme=luxury] .nx-bg{background:radial-gradient(80% 45% at 50% 0,#d4af6929,#d4af6900 70%),repeating-linear-gradient(135deg,#d4af6906 0 1px,#0000 1px 14px),#0a0907}[data-theme=luxury] .nx-primary{background:var(--btn);box-shadow:0 10px 26px #c79a4b38}[data-theme=luxury] .nx-so{color:#e3c27f;background:0 0;box-shadow:inset 0 0 0 1px #d4af6966}[data-theme=luxury] .nx-ac-i{color:#e3c27f;background:#d4af691a}[data-theme=luxury] .nx-name{letter-spacing:-.015em;font-weight:500}[data-theme=glass]{--fg:#0e1b2a;--muted:#0e1b2aa8;--muted-2:#0e1b2a80;--card:#ffffff61;--card-line:#ffffff8c;--card-shadow:0 8px 30px #1e3c5a1f;--btn:#12324f;--btn-fg:#fff;--btn2-line:#12324f4d;--btn2-fg:#12324f;--tile:#ffffff61;--tile-fg:#0e1b2a;--tile-line:#ffffff8c;--ring:#ffffffbf;--mono-bg:linear-gradient(140deg, #f2f7fb, #b9cde0);--mono-fg:#12324f;--pill:#ffffff73;--pill-fg:#0e1b2a}[data-theme=glass] .nx-bg{background:radial-gradient(60% 35% at 30% 62%,#ffffff8c,#fff0 70%),linear-gradient(176deg,#0000 52%,#4c66808c 52.2%,#7892aa59 70%,#0000 70.2%),linear-gradient(168deg,#0000 58%,#344e6899 58.2%,#5a748c66 80%),linear-gradient(#a9c1d6 0%,#d8e4ee 45%,#c3d3e1 100%)}[data-theme=glass] .nx-card,[data-theme=glass] .nx-ac{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%)}[data-theme=glass] .nx-so{color:#12324f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff73;box-shadow:inset 0 0 0 1px #ffffffb3,0 6px 18px #1e3c5a1a}[data-theme=glass] .nx-ac-i{color:#12324f;background:#12324f14}[data-theme=retro]{--fg:#fff6ea;--muted:#fff6ead1;--muted-2:#fff6ea9e;--card:#280c2861;--card-line:#ffdca029;--card-shadow:none;--btn:#ffd27a;--btn-fg:#3a1230;--btn2-line:#ffd27a8c;--btn2-fg:#ffd27a;--tile:#280c2861;--tile-fg:#fff6ea;--tile-line:#ffdca029;--ring:linear-gradient(140deg, #ffd27a, #ff6b6b);--mono-bg:linear-gradient(140deg, #4a1942, #2a0f2e);--mono-fg:#ffd27a;--pill:#280c286b;--pill-fg:#fff6ea;--live:#ffd27a}[data-theme=retro] .nx-bg{background:radial-gradient(circle at 50% 30%,#ffd27a 0 70px,#0000 71px),repeating-linear-gradient(#0000 0 12px,#3a1230d9 12px 16px) 50% 28%/160px 90px no-repeat,linear-gradient(#2a1240 0%,#7a1f5c 38%,#e0533d 70%,#f59e3b 100%)}[data-theme=retro] .nx-so{color:#ffd27a;background:#280c2873;box-shadow:inset 0 0 0 1px #ffd27a4d}[data-theme=retro] .nx-ac-i{color:#ffd27a;background:#ffd27a24}[data-theme=retro] .nx-name{text-shadow:0 2px #3a123066}.phone{--pw:300px;width:var(--pw);aspect-ratio:390/844;border-radius:calc(var(--pw) * .16);padding:calc(var(--pw) * .032);background:linear-gradient(145deg,#3a3d42,#16171a 40%,#2b2d31 70%,#0d0e10);position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 0 3px #0a0a0b,0 40px 80px -20px #000000b3,0 18px 36px -18px #0009}.phone-screen{border-radius:calc(var(--pw) * .13);background:#000;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.phone-scale{transform-origin:0 0;width:390px;height:844px;transform:scale(var(--s,1));position:absolute;top:0;left:0;overflow:hidden}.phone-scale .nx-profile{height:100%}.nx-sb{z-index:4;letter-spacing:-.01em;color:var(--fg);justify-content:space-between;align-items:center;padding:0 30px 0 38px;font-size:16px;font-weight:600;display:flex;position:absolute;top:16px;left:0;right:0}.nx-sb-r{align-items:center;gap:6px;display:flex}.phone-island{top:calc(var(--pw) * .055);z-index:5;width:30%;height:calc(var(--pw) * .085);background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.phone-status{top:calc(var(--pw) * .052);z-index:4;font-size:calc(var(--pw) * .043);letter-spacing:-.01em;pointer-events:none;justify-content:space-between;padding:0 11%;font-weight:600;display:flex;position:absolute;left:0;right:0}.phone .nx-profile,.phone .nx-profile *{pointer-events:none}
