@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-var.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/outfit-var.woff2) format("woff2")}body.mode-gate{margin:0;overflow:auto;background:#e5ebde}body.mode-gate #app{display:none}#mode-select{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 24px;box-sizing:border-box;font-family:DM Sans,Microsoft YaHei,PingFang SC,sans-serif;color:#304e43;background:radial-gradient(120% 90% at 12% -10%,#f4f6e8,#e5ebde 52%,#dde6d5)}.mode-shell{width:min(920px,100%);display:flex;flex-direction:column;gap:30px}.mode-brand{display:flex;align-items:center;gap:13px}.mode-emblem{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#37624f;color:#fff3d3;font-size:19px}.mode-brand-copy{display:flex;flex-direction:column;gap:3px}.mode-brand-copy strong{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.8px}.mode-brand-copy small{font-size:10px;letter-spacing:1.6px;color:#8b977f}.mode-head h1{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(30px,4.2vw,44px);letter-spacing:-1.4px;margin:10px 0}.mode-head p{margin:0;font-size:13px;line-height:1.9;color:#70816c}.mode-eyebrow{font-family:Outfit,sans-serif;font-size:9px;font-weight:500;letter-spacing:2.4px;color:#9d9e81}.mode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:18px}.mode-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 26px 22px;text-align:left;border:1px solid rgba(66,88,64,.14);border-radius:20px;background:#fffdf2;box-shadow:0 22px 46px -34px #284c3ea6;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;appearance:none}.mode-card:hover{transform:translateY(-4px);border-color:#4258404d;box-shadow:0 30px 54px -32px #284c3e99}.mode-card[data-busy]{opacity:.72;pointer-events:none}.mode-card:focus-visible{outline:2px solid #c87856;outline-offset:5px}.mode-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#37624f;color:#fff3d3}.mode-card[data-mode=network] .mode-icon{background:#db816b;color:#fff8f2}.mode-kicker{font-family:Outfit,sans-serif;font-size:9px;font-weight:500;letter-spacing:2px;color:#9d9e81}.mode-title{font-family:Outfit,Microsoft YaHei,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.6px}.mode-desc{font-size:12.5px;line-height:1.95;color:#6b7d6a}.mode-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.mode-list span{font-size:10.5px;line-height:1;padding:7px 10px;border-radius:999px;background:#42584012;color:#5c7160}.mode-go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(66,88,64,.12);font-size:11.5px;font-weight:500;letter-spacing:1px;color:#3e6754}.mode-go span:last-child{font-size:15px}.mode-last{position:absolute;top:18px;right:18px;font-size:9.5px;letter-spacing:.6px;padding:5px 9px;border-radius:999px;background:#f1e7c9;color:#8a6b2f}.mode-foot{margin:0;font-size:11px;line-height:1.9;color:#8b977f}#passport-dialog #switch-mode{flex:1 1 120px;border:1px dashed rgba(66,88,64,.35);background:transparent;color:#5c7160;border-radius:12px;padding:12px 16px;font-size:12px;letter-spacing:.5px}#passport-dialog #switch-mode:hover{border-color:#9ab8a0;background:#f4f7ee}@media(max-width:720px){#mode-select{padding:28px 18px 34px;align-items:flex-start}.mode-shell{gap:22px;padding-top:8px}.mode-options{grid-template-columns:1fr;gap:14px}.mode-card{padding:22px}.mode-desc{font-size:12px}}#invite-gate{position:fixed;inset:0;z-index:55;display:flex;padding:24px;box-sizing:border-box;overflow:auto;font-family:DM Sans,Microsoft YaHei,PingFang SC,sans-serif;color:#304e43;background:radial-gradient(120% 90% at 14% -12%,#f4f6e8,#e5ebde 52%,#d8e3d0);transition:opacity .34s ease}#invite-gate.invite-fade{opacity:0;pointer-events:none}.invite-card{width:100%;max-width:430px;margin:auto;padding:32px 30px 26px;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid rgba(66,88,64,.14);border-radius:24px;background:#fffdf2;box-shadow:0 34px 74px -48px #284c3ee6}.invite-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.invite-emblem{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#37624f;color:#fff3d3;font-size:17px}.invite-brand-copy{display:flex;flex-direction:column;gap:3px}.invite-brand-copy strong{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.6px}.invite-brand-copy small{font-size:9.5px;letter-spacing:1.5px;color:#8b977f}.invite-eyebrow{font-family:Outfit,sans-serif;font-size:9px;font-weight:500;letter-spacing:2.4px;color:#9d9e81}#invite-gate h1{font-family:Outfit,Microsoft YaHei,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.6px;margin:9px 0 10px}.invite-lead{margin:0 0 20px;font-size:12.5px;line-height:1.9;color:#70816c}.invite-field{display:block}#invite-code{width:100%;box-sizing:border-box;padding:15px 16px;border-radius:14px;border:1px solid rgba(66,88,64,.2);background:#fffef8;color:#2f4d42;font-family:Outfit,DM Sans,sans-serif;font-size:20px;font-weight:600;letter-spacing:.42em;text-indent:.42em;text-align:center;transition:border-color .18s,box-shadow .18s}#invite-code::placeholder{font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:12.5px;font-weight:400;letter-spacing:.5px;color:#a9b3a2}#invite-code:focus{outline:none;border-color:#4d7a64;box-shadow:0 0 0 3px #37624f1a}#invite-code::selection{background:#37624f38}.invite-card[data-state=error] #invite-code{border-color:#c4785c;box-shadow:0 0 0 3px #c4785c24}#invite-error{margin:9px 0 0;min-height:17px;font-size:11px;line-height:1.6;letter-spacing:.4px;color:#b0634c}#invite-error:empty{margin-bottom:-9px}.invite-submit{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 20px;border:0;border-radius:14px;background:#37624f;color:#fff6e6;font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:13px;font-weight:500;letter-spacing:1.4px;cursor:pointer;transition:background .2s,transform .2s}.invite-submit:hover{background:#2f5745}.invite-submit:active{transform:translateY(1px)}.invite-submit:disabled{background:#7d9486;cursor:progress}.invite-card[data-state=passing] .invite-submit{background:#7d9486;cursor:progress}.invite-foot{margin:16px 0 0;font-size:10px;line-height:1.8;letter-spacing:.3px;color:#9d9e81;text-align:center}@keyframes invite-shake{10%,90%{transform:translate(-1px)}30%,70%{transform:translate(3px)}50%{transform:translate(-3px)}}.invite-card[data-state=error]{animation:invite-shake .34s ease}@media(max-width:480px){#invite-gate{padding:16px}.invite-card{margin:8vh auto auto;padding:26px 22px 22px;border-radius:20px}#invite-gate h1{font-size:22px}}@media(max-height:480px){#invite-gate{padding:12px}.invite-card{margin:auto;padding:20px 22px 18px;border-radius:18px}.invite-brand{margin-bottom:14px}.invite-emblem{width:34px;height:34px;font-size:15px}.invite-eyebrow,.invite-lead,.invite-foot{display:none}#invite-gate h1{font-size:19px;margin:0 0 12px}#invite-code{padding:11px 14px;font-size:17px}.invite-submit{margin-top:4px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){.invite-card[data-state=error]{animation:none}#invite-gate{transition:none}}