:root{--bg:#0d0d0d;--bg-grad-top:#2a2a2a;--bg-grad-bottom:#0a0a0a;--surface:#1a1a1a;--surface-border:#2a2a2a;--surface-subtle:#ffffff0a;--surface-subtle-2:#ffffff0f;--text:#fff;--text-display:#fafff5;--text-dim:#ffffffb3;--text-muted:#ffffff80;--text-faint:#fff6;--border:#333;--border-strong:#ffffff26;--border-mid:#ffffff1f;--hairline:#ffffff14;--accent:#6db3f2;--danger:#ff6b6b;--brand-gold:#d4a866;--brand-blue:#668abf;--r-box:8px;--r-field:10px;--r-card:12px;--r-button:14px;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-2xl:40px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Matangi", "Inter", serif;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--maxw:1080px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.5px;margin:0;font-weight:700}.font-display{font-family:var(--font-display)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.accent{color:var(--accent)}.card{background:var(--surface-subtle);border:1px solid var(--border-strong);border-radius:var(--r-card);padding:var(--sp-xl)}.card-tight{padding:var(--sp-lg)}.modal-card{border-color:var(--border-mid);background:#191919;box-shadow:0 20px 60px #0009}.btn{border-radius:var(--r-button);height:48px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#0d0d0d;background:#fff}.btn-primary:hover:not(:disabled){background:#f0f0f0}.btn-secondary{background:var(--surface-subtle-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:#ffffff47}.btn-ghost{color:var(--text);border-color:var(--border-mid);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle)}.btn-block{width:100%}.field{margin-bottom:var(--sp-lg);flex-direction:column;gap:7px;display:flex}.field-label{color:var(--text-dim);font-size:13px;font-weight:500}.input{border-radius:var(--r-field);background:var(--surface-subtle-2);border:1px solid var(--border-strong);height:48px;color:var(--text);font-family:var(--font-body);outline:none;padding:0 14px;font-size:15px;transition:border-color .15s}.input::placeholder{color:#ffffff59}.input:focus{border-color:#fff6}.pill{border:1px solid var(--border-strong);background:var(--surface-subtle);height:26px;color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-soon{color:var(--text-muted)}.notice{border-radius:var(--r-card);padding:14px;font-size:14px;line-height:1.45}.notice-error{color:#ffb4b4;background:#ff44441a;border:1px solid #ff5a5a73}.notice-info{background:var(--surface-subtle);border:1px solid var(--border-mid);color:var(--text-dim)}.hairline{background:var(--hairline);height:1px;margin:var(--sp-lg) 0;border:0}.link{color:var(--text-dim);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.link:hover{color:var(--text)}.footer-link{font-size:13px;transition:color .15s}.footer-link:hover{color:var(--text)}.menu-row:hover{background:var(--surface-subtle)}.row-link{color:var(--text);cursor:pointer;padding:2px 0;font-size:14px;transition:color .15s;display:block}.row-link:hover{color:var(--text)}@keyframes pg-line{0%{stroke-dashoffset:430px}to{stroke-dashoffset:0}}@keyframes pg-circle{0%{stroke-dashoffset:380px}to{stroke-dashoffset:0}}@keyframes pg-fade{to{opacity:1}}.pg-line{stroke-dasharray:430;animation:1.9s ease-out forwards pg-line}@keyframes pg-line-wide{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.pg-line-wide{stroke-dasharray:1000;animation:1.9s ease-out forwards pg-line-wide}.pg-circle{stroke-dasharray:380;animation:1.7s ease-out .3s both pg-circle}.pg-dot{opacity:0;animation:.5s 1.5s forwards pg-fade,4.5s ease-in-out 3.2s infinite pg-dot-pulse}@keyframes wm-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.wm-in{opacity:0;animation:1.4s cubic-bezier(.22,1,.36,1) 1.3s forwards wm-in}@keyframes actions-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.actions-in{opacity:0;animation:.6s ease-out 3s forwards actions-in}@keyframes wm-sheen{0%,to{background-position:0%}50%{background-position:100%}}.wm-in .font-display{background-size:160%;animation:5.5s ease-in-out 3.4s infinite wm-sheen}@keyframes pg-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.wm-in .font-display{background-position:0%;animation:none}.pg-dot{animation:.5s 1.5s forwards pg-fade}}.welcome-actions .btn-primary{background:#fffffff2}.welcome-actions .btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00000059}.welcome-actions .btn-secondary{color:var(--text-display);border-color:var(--border-mid);background:#ffffff0a}.welcome-actions .btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff6;transform:translateY(-1px)}.role-card{text-align:left;cursor:pointer;background:#ffffff0a;border:.5px solid #ffffff1f;border-radius:14px;width:100%;padding:24px;transition:background .15s,border-color .15s,transform 60ms;display:block}.role-card:hover{background:#ffffff0f;border-color:#ffffff47}.role-card:active{transform:translateY(1px)}.ep-hero{flex-direction:column;align-items:center;padding:18px 0 6px;display:flex}.ep-portrait{border-radius:26px;width:148px;height:188px;position:relative}.ep-portrait img,.ep-portrait .ep-empty{object-fit:cover;border:1px solid var(--border-strong);border-radius:26px;width:100%;height:100%}.ep-empty{color:var(--text-faint);background:radial-gradient(120% 90% at 70% 0,#3a3b3d 0%,#26282a 60%,#1b1d1e 100%);place-items:center;display:grid}.ep-cam{color:#111;cursor:pointer;background:#f4f4f2;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;bottom:-12px;right:-12px;box-shadow:0 8px 22px #00000059}.ep-cam input{display:none}.ep-name{letter-spacing:-.9px;text-wrap:balance;text-align:center;margin:20px 0 2px;font-size:24px;font-weight:700}.ep-meta{color:var(--text-dim);align-items:center;gap:8px;font-size:14px;display:flex}.ep-meta i{background:var(--text-faint);border-radius:50%;width:3px;height:3px;display:block}.ep-fid{flex-direction:column;gap:8px;display:flex}.ep-bar,.ep-tile,.ep-lrow,.ep-fold,.ep-segbtn{border:1px solid var(--hairline);background:linear-gradient(170deg,#ffffff13,#ffffff05);border-radius:16px;box-shadow:inset 0 1px #ffffff12}.ep-bar{justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.ep-cap{color:var(--text-faint);font-size:11.5px;display:block}.ep-val{letter-spacing:-.5px;margin-top:2px;font-size:18px;font-weight:700;display:block}.ep-bar.ep-mail .ep-val{letter-spacing:0;font-size:14px;font-weight:500}.ep-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.ep-segbtn{text-align:center;cursor:pointer;font-family:var(--font-body);letter-spacing:0;color:#fff;border-radius:8px;padding:12px 8px;font-size:14px;font-weight:500;transition:all .25s}.ep-segbtn.on{color:#111;box-shadow:none;background:#fff;border-color:#fff;font-weight:600}.ep-trio{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ep-tile{min-width:0;padding:10px 11px 11px;position:relative}.ep-tile .ep-val{letter-spacing:-.4px;margin-top:10px;font-size:16px}.ep-tile small{color:var(--text-faint);margin-top:2px;font-size:11px;font-weight:500;display:block}.ep-lock{opacity:.35;flex:none;width:12px;height:12px}.ep-tile .ep-lock{position:absolute;top:10px;right:10px}.ep-note{color:var(--text-dim);background:#ffffff0a;border-radius:14px;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.ep-note .i{border:1.2px solid var(--text-faint);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:600;display:grid}.ep-lbl{color:var(--text-faint);margin:0 0 10px;font-size:13px}.ep-lblrow{justify-content:space-between;align-items:baseline;margin:0 0 10px;display:flex}.ep-lblrow .ep-lbl{margin:0}.ep-cnt{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.ep-feet{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ep-foot{border:1px solid var(--hairline);height:118px;color:var(--text-dim);cursor:pointer;background:#ffffff0b;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:all .25s;display:flex;position:relative}.ep-foot svg{opacity:.45;width:30px;height:52px;transition:all .25s}.ep-foot.on{color:var(--text);background:linear-gradient(170deg,#ffffff1f,#ffffff08);border-color:#ffffff8c;box-shadow:0 0 22px #ffffff24}.ep-foot.on svg{opacity:1;filter:drop-shadow(0 0 10px #ffffff59)}.ep-foot .dot{background:var(--text);opacity:0;border-radius:50%;width:8px;height:8px;transition:all .25s;position:absolute;top:12px;right:12px;box-shadow:0 0 10px #ffffffb3}.ep-foot.on .dot{opacity:1}.ep-pitch{aspect-ratio:342/420;border:1px solid var(--hairline);background:radial-gradient(90% 60% at 50% 0,#ffffff0f,#0000 70%),#121314b8;border-radius:22px;max-width:100%;position:relative;overflow:hidden}.ep-pitch svg.lines{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ep-pos{border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text-dim);letter-spacing:.2px;cursor:pointer;background:#1e1f21d9;border-radius:50%;place-items:center;padding:0;font-size:10.5px;font-weight:600;transition:all .22s;display:grid;position:absolute;transform:translate(-50%,-50%)}.ep-pos.sec{color:var(--text);background:#c9cdd11f;border:1.5px solid #c9cdd1}.ep-pos:hover{color:var(--text);border-color:#fff6}.ep-pos.on{color:#111;background:#f4f4f2;border-color:#f4f4f2;box-shadow:0 0 0 5px #ffffff14,0 0 24px #ffffff40}.ep-rank{color:#111;background:#c9cdd1;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.ep-rank.second{color:#c9cdd1;background:#2a2c2e;border:1px solid #8e9398}.ep-fold{cursor:pointer;width:100%;height:56px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.ep-fold-right{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.ep-links{flex-direction:column;gap:6px;display:flex}.ep-lrow{align-items:center;gap:10px;height:56px;padding:0 14px;display:flex}.ep-lic{width:24px;height:24px;color:var(--text-dim);background:#ffffff12;border-radius:7px;flex:none;place-items:center;display:grid}.ep-lrow input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:14px;font-weight:500}.ep-lrow input::placeholder{color:var(--text-faint)}.ep-lrow .x{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:4px;display:grid}.ep-addlink{border:1.2px dashed var(--border-strong);height:56px;color:var(--text);cursor:pointer;background:#ffffff06;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;font-size:14px;font-weight:500;display:flex}