.proto-bottom-nav[data-v-58f39b33]{position:absolute;right:0;bottom:0;left:0;display:grid;height:29px;grid-template-columns:repeat(3,1fr);align-items:center;border-top:1px solid #eceef1;color:#8b9098;background:#fff;text-align:center}.proto-bottom-nav span[data-v-58f39b33]{display:grid;gap:1px;place-items:center;font-size:9px}.proto-bottom-nav small[data-v-58f39b33]{font-size:5px}.proto-bottom-nav .active[data-v-58f39b33]{color:#d62723;font-weight:900}.proto-topbar[data-v-35b9bb52]{display:grid;height:25px;grid-template-columns:24px 1fr 24px;align-items:center;border-bottom:1px solid #eceef1;color:#25272b;background:#fff;font-size:8px;text-align:center}.proto-topbar span[data-v-35b9bb52]:first-child{font-size:15px}.proto-topbar span[data-v-35b9bb52]:last-child{color:#9298a0;font-size:6px}.route-prototype[data-v-75eff6e7]{position:relative;box-sizing:border-box;height:100%;overflow:hidden;color:#25272b;background:#f5f6f8;font-family:Inter,PingFang SC,sans-serif;font-size:8px}.prototype-status[data-v-75eff6e7]{display:flex;height:14px;align-items:center;justify-content:space-between;padding:0 9px;color:#737982;background:#fff;font-size:6px;font-weight:800}.proto-topbar[data-v-75eff6e7]{display:flex;height:25px;align-items:center;padding:0 8px;border-bottom:1px solid #eceef1;background:#fff}.proto-banner[data-v-75eff6e7]{display:grid;height:74px;align-content:center;margin:5px 7px;padding:0 12px;border-radius:8px;color:#fff;background:radial-gradient(circle at 80% 22%,rgb(255 255 255 / 24%),transparent 20%),linear-gradient(125deg,#d62723,#8e1715)}.proto-banner small[data-v-75eff6e7],.proto-banner span[data-v-75eff6e7]{color:#ffffffb8;font-size:6px}.proto-banner strong[data-v-75eff6e7]{margin:3px 0;font-size:14px}.proto-tabs[data-v-75eff6e7],.proto-chip-row[data-v-75eff6e7],.proto-sport-tabs[data-v-75eff6e7],.proto-date-strip[data-v-75eff6e7],.proto-favorite-tabs[data-v-75eff6e7]{display:flex;align-items:center;gap:4px;margin:5px 7px}.proto-tabs[data-v-75eff6e7]>*,.proto-chip-row[data-v-75eff6e7]>*,.proto-sport-tabs[data-v-75eff6e7]>*,.proto-date-strip[data-v-75eff6e7]>*,.proto-favorite-tabs[data-v-75eff6e7]>*{flex:1;padding:5px;border-radius:5px;color:#727780;background:#fff;font-style:normal;text-align:center}.proto-tabs b[data-v-75eff6e7],.proto-chip-row b[data-v-75eff6e7],.proto-sport-tabs b[data-v-75eff6e7],.proto-date-strip b[data-v-75eff6e7],.proto-favorite-tabs b[data-v-75eff6e7]{color:#d62723;background:#fceae9}.proto-sport-tabs em[data-v-75eff6e7]{margin-left:auto;flex:0 0 40px}.proto-rank-grid[data-v-75eff6e7]{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:5px 7px}.proto-rank-grid div[data-v-75eff6e7]{display:grid;height:64px;align-content:end;padding:7px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#252b31,#111419)}.proto-rank-grid div+div[data-v-75eff6e7]{background:linear-gradient(135deg,#638cb1,#315b82)}.proto-rank-grid i[data-v-75eff6e7]{align-self:start;color:#ffcfcc;font-size:6px;font-style:normal}.proto-rank-grid b[data-v-75eff6e7]{font-size:8px}.proto-rank-grid strong[data-v-75eff6e7]{color:#ff706d;font-size:17px}.proto-list-row[data-v-75eff6e7],.proto-expert-row[data-v-75eff6e7],.proto-teacher-row[data-v-75eff6e7],.proto-profile-hero[data-v-75eff6e7],.proto-record-hero[data-v-75eff6e7],.proto-conversation[data-v-75eff6e7],.proto-account-hero[data-v-75eff6e7],.proto-mine-hero[data-v-75eff6e7],.proto-menu-row[data-v-75eff6e7]{display:flex;align-items:center;gap:7px}.proto-list-row[data-v-75eff6e7]{margin:5px 7px;padding:6px;border-radius:6px;background:#fff}.proto-list-row span[data-v-75eff6e7]{margin-left:auto;color:#d62723}.avatar[data-v-75eff6e7]{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:50%;color:#d62723;background:#fceae9;font-size:8px;font-style:normal;font-weight:900}.avatar.large[data-v-75eff6e7]{width:34px;height:34px;font-size:13px}.proto-bottom-nav[data-v-75eff6e7]{position:absolute;right:0;bottom:0;left:0;display:grid;height:29px;grid-template-columns:repeat(3,1fr);align-items:center;border-top:1px solid #eceef1;background:#fff;color:#8b9098;text-align:center}.proto-match-card[data-v-75eff6e7],.proto-package-item[data-v-75eff6e7],.proto-package-list[data-v-75eff6e7],.proto-plan-row[data-v-75eff6e7],.proto-order-card[data-v-75eff6e7]{margin:5px 7px;padding:7px;border:1px solid #e9ebee;border-radius:7px;background:#fff}.proto-match-card small[data-v-75eff6e7]{color:#8b9098}.proto-match-card>div[data-v-75eff6e7]{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;margin:5px 0;text-align:center}.proto-match-card>div strong[data-v-75eff6e7]{color:#a7acb4;font-size:6px}.proto-match-card p[data-v-75eff6e7]{display:flex;gap:3px;margin:0}.proto-match-card p i[data-v-75eff6e7]{flex:1;padding:3px;border-radius:3px;color:#59606a;background:#f3f5f8;font-style:normal;text-align:center}.proto-expert-row[data-v-75eff6e7]{padding:7px;background:#fff}.proto-expert-row div[data-v-75eff6e7],.proto-profile-hero div[data-v-75eff6e7],.proto-record-hero div[data-v-75eff6e7],.proto-account-hero div[data-v-75eff6e7],.proto-mine-hero div[data-v-75eff6e7],.proto-menu-row div[data-v-75eff6e7],.proto-conversation div[data-v-75eff6e7],.proto-teacher-row div[data-v-75eff6e7]{display:grid;min-width:0;flex:1}.proto-expert-row small[data-v-75eff6e7],.proto-profile-hero span[data-v-75eff6e7],.proto-record-hero span[data-v-75eff6e7],.proto-account-hero span[data-v-75eff6e7],.proto-mine-hero span[data-v-75eff6e7],.proto-menu-row span[data-v-75eff6e7],.proto-conversation span[data-v-75eff6e7],.proto-teacher-row span[data-v-75eff6e7]{overflow:hidden;color:#8b9098;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.proto-detail-hero[data-v-75eff6e7]{display:grid;gap:5px;margin:6px 7px;padding:11px;border-radius:8px;background:#252a31;color:#fff;text-align:center}.proto-detail-hero small[data-v-75eff6e7],.proto-detail-hero span[data-v-75eff6e7]{color:#aeb6c1}.proto-detail-hero strong[data-v-75eff6e7]{font-size:13px}.proto-detail-hero em[data-v-75eff6e7]{margin:0 6px;color:#ff6864;font-size:7px;font-style:normal}.proto-pick[data-v-75eff6e7]{display:grid;gap:3px;margin:6px 7px;padding:8px;border-left:3px solid #d62723;border-radius:5px;background:#fff}.proto-pick small[data-v-75eff6e7],.proto-pick span[data-v-75eff6e7]{color:#8b9098}.proto-pick b[data-v-75eff6e7]{color:#d62723;font-size:12px}.proto-locked[data-v-75eff6e7]{display:grid;place-items:center;gap:2px;margin:6px 7px;padding:9px;border:1px dashed #d9dce1;border-radius:7px;color:#6d737d;background:#fafafa}.proto-locked i[data-v-75eff6e7]{font-style:normal}.proto-locked span[data-v-75eff6e7]{color:#9ba0a8;font-size:6px}.proto-primary[data-v-75eff6e7]{display:block;width:calc(100% - 14px);min-height:23px;margin:6px 7px;border:0;border-radius:6px;color:#fff;background:#d62723;font-size:8px;font-weight:900}.proto-package-hero[data-v-75eff6e7]{position:relative;display:grid;gap:4px;margin:6px 7px;padding:9px;border:1px solid #d62723;border-radius:8px;background:linear-gradient(135deg,#fff9f8,#fceae9)}.proto-package-hero p[data-v-75eff6e7]{display:flex;gap:3px;margin:0}.proto-package-hero p[data-v-75eff6e7]>*{padding:2px 4px;border-radius:3px;background:#fff;font-size:6px;font-style:normal}.proto-package-hero p i[data-v-75eff6e7]{color:#fff;background:#d62723}.proto-package-hero p em[data-v-75eff6e7]{margin-left:auto;color:#d62723}.proto-package-hero strong[data-v-75eff6e7]{font-size:13px}.proto-package-hero small[data-v-75eff6e7]{color:#717780}.proto-package-hero>b[data-v-75eff6e7]{color:#d62723;font-size:15px}.proto-package-hero del[data-v-75eff6e7]{color:#999;font-size:6px}.saving[data-v-75eff6e7]{position:absolute;right:8px;bottom:10px;padding:2px 4px;border-radius:3px;color:#26834a;background:#e9f7ee;font-size:6px}.proto-section-title[data-v-75eff6e7]{display:flex;justify-content:space-between;align-items:center;margin:7px}.proto-section-title span[data-v-75eff6e7]{color:#999;font-size:6px}.proto-package-item[data-v-75eff6e7]{display:flex;align-items:center;gap:6px;margin-top:3px;margin-bottom:3px}.proto-package-item>b[data-v-75eff6e7]{color:#d62723}.proto-package-item>span[data-v-75eff6e7]{padding:2px 4px;border-radius:3px;background:#eef3fc}.proto-package-item small[data-v-75eff6e7]{flex:1;color:#999}.proto-package-item i[data-v-75eff6e7]{font-style:normal}.proto-info-panel[data-v-75eff6e7],.proto-teacher-intro[data-v-75eff6e7],.proto-terms-hero[data-v-75eff6e7]{display:flex;margin:6px 7px;padding:9px;border-radius:8px;background:linear-gradient(135deg,#fff9f8,#fceae9)}.proto-info-panel[data-v-75eff6e7]{display:grid;gap:4px}.proto-info-panel span[data-v-75eff6e7]{color:#777;font-size:6px}.proto-package-list[data-v-75eff6e7]{position:relative;display:grid;gap:5px}.proto-package-list p[data-v-75eff6e7]{display:flex;gap:5px;align-items:center;margin:0}.proto-package-list p i[data-v-75eff6e7]{padding:2px 4px;border-radius:3px;color:#d62723;background:#fceae9;font-style:normal}.proto-package-list strong[data-v-75eff6e7]{color:#d62723;font-size:14px}.proto-package-list small[data-v-75eff6e7]{padding:5px;border-block:1px solid #eee;color:#777}.proto-package-list>span[data-v-75eff6e7]{position:absolute;right:7px;bottom:7px;color:#999}.proto-teacher-intro[data-v-75eff6e7]{align-items:center;justify-content:space-between}.proto-teacher-intro div[data-v-75eff6e7]{display:grid;gap:3px}.proto-teacher-intro span[data-v-75eff6e7]{color:#777;font-size:6px}.proto-teacher-intro strong[data-v-75eff6e7]{color:#d62723}.proto-teacher-row[data-v-75eff6e7]{margin:3px 7px;padding:6px;border-bottom:1px solid #eee;background:#fff}.proto-teacher-row em[data-v-75eff6e7]{display:grid;color:#d62723;font-style:normal;text-align:right}.proto-teacher-row em small[data-v-75eff6e7]{color:#999;font-size:5px}.proto-teacher-row>strong[data-v-75eff6e7]{color:#d62723}.proto-profile-hero[data-v-75eff6e7],.proto-record-hero[data-v-75eff6e7],.proto-account-hero[data-v-75eff6e7],.proto-mine-hero[data-v-75eff6e7]{margin:6px 7px;padding:10px;border-radius:8px;background:#fff}.proto-profile-hero em[data-v-75eff6e7]{padding:4px 6px;border-radius:8px;color:#fff;background:#d62723;font-style:normal}.proto-stat-grid[data-v-75eff6e7],.proto-action-grid[data-v-75eff6e7],.proto-record-score[data-v-75eff6e7],.proto-filter-grid[data-v-75eff6e7]{display:grid;gap:4px;margin:6px 7px}.proto-stat-grid[data-v-75eff6e7]{grid-template-columns:repeat(3,1fr)}.proto-stat-grid div[data-v-75eff6e7]{display:grid;gap:2px;padding:7px;border-radius:6px;background:#fff;text-align:center}.proto-stat-grid b[data-v-75eff6e7]{color:#d62723;font-size:11px}.proto-stat-grid span[data-v-75eff6e7]{color:#999;font-size:5px}.proto-action-grid[data-v-75eff6e7]{grid-template-columns:repeat(3,1fr)}.proto-action-grid[data-v-75eff6e7]>*{padding:6px;border-radius:5px;background:#fff;text-align:center}.proto-action-grid b[data-v-75eff6e7]{color:#d62723;background:#fceae9}.proto-plan-row[data-v-75eff6e7]{display:grid;grid-template-columns:1fr auto;gap:3px}.proto-plan-row small[data-v-75eff6e7]{grid-column:1/-1;color:#999}.proto-plan-row span[data-v-75eff6e7]{color:#d62723}.proto-share-card[data-v-75eff6e7]{margin:6px 24px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 6px 18px #0000001f}.proto-ticket[data-v-75eff6e7]{display:grid;gap:3px;margin:0 8px;padding:8px;border-radius:6px;color:#fff;background:#252a31}.proto-ticket small[data-v-75eff6e7],.proto-ticket span[data-v-75eff6e7]{color:#abb1ba;font-size:6px}.proto-qr-row[data-v-75eff6e7]{display:flex;gap:8px;align-items:center;padding:10px}.proto-qr[data-v-75eff6e7]{display:grid;width:48px;height:48px;place-items:center;color:#111;background:repeating-conic-gradient(#111 0,#111 25%,#fff 0,#fff 50%) 0/8px 8px;font-size:0}.proto-qr-row div[data-v-75eff6e7]{display:grid;gap:2px}.proto-qr-row strong[data-v-75eff6e7]{color:#d62723;font-size:12px}.proto-qr-row span[data-v-75eff6e7]{color:#999}.proto-hint[data-v-75eff6e7]{text-align:center;color:#8a9099;font-size:6px}.proto-record-score[data-v-75eff6e7]{grid-template-columns:auto 1fr auto 1fr;align-items:end;padding:9px;border-radius:8px;color:#fff;background:#252a31}.proto-record-score strong[data-v-75eff6e7]{color:#ff6b67;font-size:17px}.proto-record-score span[data-v-75eff6e7]{color:#abb1ba}.proto-filter-grid[data-v-75eff6e7]{grid-template-columns:repeat(2,1fr)}.proto-filter-grid[data-v-75eff6e7]>*{padding:5px;border-radius:4px;background:#fff;text-align:center}.proto-filter-grid b[data-v-75eff6e7]{color:#d62723;background:#fceae9}.proto-chart[data-v-75eff6e7]{display:flex;height:70px;align-items:end;gap:6px;margin:7px;padding:7px;border-radius:7px;background:#fff}.proto-chart i[data-v-75eff6e7]{flex:1;min-height:10px;border-radius:3px 3px 0 0;background:linear-gradient(#ff6b67,#d62723)}.proto-poster[data-v-75eff6e7]{display:grid;justify-items:center;gap:5px;margin:6px 40px;padding:12px;border-radius:8px;color:#fff;background:linear-gradient(155deg,#262a31,#111317)}.proto-poster>small[data-v-75eff6e7]{color:#ff8b87;font-size:5px;letter-spacing:.12em}.proto-poster>strong[data-v-75eff6e7]{color:#ff6864;font-size:18px}.proto-poster>div[data-v-75eff6e7]{display:flex;gap:8px}.proto-poster>div em[data-v-75eff6e7]{color:#ff6864;font-size:14px;font-style:normal}.proto-poster p[data-v-75eff6e7]{display:flex;gap:3px;margin:3px}.proto-poster p i[data-v-75eff6e7]{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;color:#fff;background:#d62723;font-size:5px;font-style:normal}.proto-poster-qr[data-v-75eff6e7]{align-items:center;padding:6px;border-top:1px solid #454a52;font-size:12px}.proto-poster-qr span[data-v-75eff6e7]{color:#aeb4bd;font-size:5px}.proto-league-group[data-v-75eff6e7]{display:grid;grid-template-columns:16px 1fr;gap:5px;margin:7px}.proto-league-group>b[data-v-75eff6e7]{color:#d62723}.proto-league-group>div[data-v-75eff6e7]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.proto-league-group span[data-v-75eff6e7]{padding:5px 2px;border-radius:4px;background:#fff;text-align:center}.proto-league-group small[data-v-75eff6e7]{color:#999}.proto-sticky-action[data-v-75eff6e7]{position:absolute;right:7px;bottom:7px;left:7px;display:flex;align-items:center;justify-content:space-between;padding:7px;border-radius:7px;background:#252a31;color:#fff}.proto-sticky-action b[data-v-75eff6e7]{padding:4px 10px;border-radius:5px;background:#d62723}.proto-conversation[data-v-75eff6e7]{position:relative;padding:8px;border-bottom:1px solid #eee;background:#fff}.proto-conversation time[data-v-75eff6e7]{color:#999;font-size:5px}.proto-conversation>em[data-v-75eff6e7]{position:absolute;right:8px;bottom:7px;display:grid;width:11px;height:11px;place-items:center;border-radius:50%;color:#fff;background:#d62723;font-size:5px;font-style:normal}.proto-sync-state[data-v-75eff6e7]{margin:8px;color:#999;text-align:center}.proto-form[data-v-75eff6e7]{margin:6px 7px;padding:8px;border-radius:7px;background:#fff}.proto-form label[data-v-75eff6e7]{display:grid;gap:4px;margin-bottom:6px}.proto-form label>b[data-v-75eff6e7],.proto-form label>i[data-v-75eff6e7]{padding:6px;border-radius:4px;color:#777;background:#f5f6f8;font-style:normal}.proto-form label:nth-child(2)>i[data-v-75eff6e7]{height:35px}.proto-form .upload[data-v-75eff6e7]{border:1px dashed #ccd0d5;text-align:center}.proto-form .proto-primary[data-v-75eff6e7]{width:100%;margin:5px 0 0}.proto-progress-row[data-v-75eff6e7]{display:flex;align-items:center;gap:7px;margin:4px 7px;padding:6px;border-radius:6px;background:#fff}.proto-progress-row>i[data-v-75eff6e7]{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;color:#fff;background:#d62723;font-style:normal}.proto-progress-row div[data-v-75eff6e7]{display:grid;gap:2px}.proto-progress-row span[data-v-75eff6e7]{color:#888;font-size:6px}.proto-order-card p[data-v-75eff6e7]{display:flex;justify-content:space-between;margin:0 0 5px}.proto-order-card p b[data-v-75eff6e7]{padding:2px 4px;border-radius:3px;color:#d62723;background:#fceae9}.proto-order-card p em[data-v-75eff6e7]{color:#26834a;font-style:normal}.proto-order-card>small[data-v-75eff6e7],.proto-order-card>span[data-v-75eff6e7]{display:block;color:#999}.proto-order-card>strong[data-v-75eff6e7]{display:block;margin:5px 0;font-size:10px}.proto-order-card footer[data-v-75eff6e7]{display:flex;justify-content:space-between;margin-top:6px;padding-top:5px;border-top:1px solid #eee;color:#999;font-size:5px}.proto-order-card footer b[data-v-75eff6e7]{color:#d62723}.proto-favorite-tabs[data-v-75eff6e7]>*{padding:7px}.proto-teacher-row.favorite[data-v-75eff6e7]{padding-block:8px}.proto-empty-tip[data-v-75eff6e7],.proto-private-note[data-v-75eff6e7]{margin:8px;padding:7px;border-radius:6px;color:#888;background:#eef0f3;text-align:center;font-size:6px}.proto-terms-hero[data-v-75eff6e7]{display:grid;gap:3px;color:#fff;background:linear-gradient(135deg,#252a31,#111317)}.proto-terms-hero small[data-v-75eff6e7]{color:#ff7773;font-size:5px;letter-spacing:.12em}.proto-terms-hero b[data-v-75eff6e7]{font-size:14px}.proto-terms-hero span[data-v-75eff6e7]{color:#afb5bd;font-size:6px}.proto-document[data-v-75eff6e7]{margin:7px;padding:9px;border-radius:7px;background:#fff}.proto-document>b[data-v-75eff6e7]{font-size:10px}.proto-document h4[data-v-75eff6e7]{margin:9px 0 3px}.proto-document p[data-v-75eff6e7]{margin:0;color:#777;font-size:6px;line-height:1.6}.proto-account-hero[data-v-75eff6e7]{background:linear-gradient(135deg,#fff9f8,#fceae9)}.proto-account-hero small[data-v-75eff6e7]{color:#d62723;font-size:5px}.proto-profile-card[data-v-75eff6e7]{margin:7px;padding:9px;border-radius:7px;background:#fff}.proto-profile-card>p[data-v-75eff6e7]{display:grid;margin:0 0 6px}.proto-profile-card>p span[data-v-75eff6e7]{color:#999;font-size:5px}.proto-profile-card dl[data-v-75eff6e7]{margin:0}.proto-profile-card dl div[data-v-75eff6e7]{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #eee}.proto-profile-card dt[data-v-75eff6e7]{color:#888}.proto-profile-card dd[data-v-75eff6e7]{margin:0;font-weight:800}.proto-profile-card dd.success[data-v-75eff6e7]{color:#26834a}.proto-bento[data-v-75eff6e7]{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:5px;margin:7px}.proto-bento>div[data-v-75eff6e7]{position:relative;display:grid;align-content:center;gap:3px;padding:9px;border-radius:7px;background:#fff}.proto-bento>.primary[data-v-75eff6e7]{grid-row:1/3;color:#fff;background:linear-gradient(145deg,#d62723,#8d1715)}.proto-bento i[data-v-75eff6e7]{font-style:normal;font-size:12px}.proto-bento span[data-v-75eff6e7]{font-size:6px;opacity:.72}.proto-bento em[data-v-75eff6e7]{position:absolute;right:7px;top:7px;display:grid;width:12px;height:12px;place-items:center;border-radius:50%;color:#fff;background:#d62723;font-size:5px;font-style:normal}.proto-menu-row[data-v-75eff6e7]{margin:4px 7px;padding:7px;border-radius:6px;background:#fff}.proto-menu-row>i[data-v-75eff6e7]{display:grid;width:22px;height:22px;place-items:center;border-radius:5px;color:#d62723;background:#fceae9;font-style:normal}.proto-menu-row>em[data-v-75eff6e7]{color:#a0a5ad;font-size:13px;font-style:normal}:root{color:#e8edf7;background:#07090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.workspace-shell{display:grid;grid-template-rows:66px minmax(0,1fr);width:100%;height:100%;background:#07090f}.workspace-header{z-index:20;display:grid;grid-template-columns:280px minmax(0,1fr) 250px;align-items:center;border-bottom:1px solid #202632;background:#0a0d15f5;box-shadow:0 10px 30px #0000004d}.workspace-brand,.live-summary,.workspace-account{display:flex;align-items:center}.workspace-brand{gap:12px;padding-left:18px}.brand-mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid #59e7ff;border-radius:14px;color:#081018;background:#59e7ff;font-weight:900;box-shadow:0 0 30px #59e7ff47}.brand-mark.small{width:36px;height:36px;border-radius:9px;font-size:14px}.workspace-brand p,.panel-title p,.eyebrow{margin:0 0 3px;color:#69788e;font-size:9px;font-weight:800;letter-spacing:.18em}.workspace-brand h1{margin:0;font-size:16px;letter-spacing:.08em}.live-summary{justify-content:center;gap:24px;color:#8090a7;font-size:12px}.live-summary strong{color:#f2f6fb;font-size:15px}.connection-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #27303e;border-radius:999px;background:#111620;color:#9ba9bb}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#6b7482}.connection-pill.connected{border-color:#3ee6a240;color:#73e9b2}.connection-pill.connected i{background:#3ee6a2;box-shadow:0 0 12px #3ee6a2}.connection-pill.connecting i,.connection-pill.reconnecting i{background:#ffc65c;box-shadow:0 0 10px #ffc65c;animation:pulse 1.2s infinite}.timestamp{color:#566478}.workspace-account{justify-content:flex-end;gap:10px;padding-right:20px;font-size:11px}.workspace-account span{overflow:hidden;max-width:100px;color:#657489;text-overflow:ellipsis;white-space:nowrap}.workspace-account strong{padding:7px 10px;border:1px solid #27303e;border-radius:7px;background:#111620}.workspace-body{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 336px}.canvas-stage{position:relative;min-width:0;min-height:0}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;background:#080b12;-webkit-user-select:none;user-select:none}.canvas-viewport.dragging{cursor:grabbing}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background-image:radial-gradient(circle,#2a3444 1px,transparent 1.2px)}.canvas-grid:after{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 20%,rgb(36 211 238 / 7%),transparent 25%),radial-gradient(circle at 80% 65%,rgb(145 93 255 / 7%),transparent 30%);content:""}.canvas-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.connection-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.aggregate-paths{color:#3b8190}.aggregate-paths path{fill:none;stroke:#4ac9e061;stroke-dasharray:8 8}.aggregate-paths text{fill:#71dff2;font-size:13px;font-weight:800;paint-order:stroke;stroke:#080b12;stroke-width:5px;text-anchor:middle}.selected-paths{color:#ffbe4e}.selected-paths path{fill:none;filter:url(#edge-glow);stroke:#ffbe4e;stroke-dasharray:12 7;stroke-width:4px;animation:path-flow 1s linear infinite}.page-node{position:absolute;display:grid;grid-template-rows:51px minmax(0,1fr) 28px;overflow:visible;border:1px solid #303846;border-radius:11px;background:#121721;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff08;transition:border-color .18s ease,box-shadow .18s ease}.page-node:before{position:absolute;top:-1px;left:18px;width:54px;height:2px;background:var(--node-accent);box-shadow:0 0 14px var(--node-accent);content:""}.page-node.tone-cyan{--node-accent: #48dff6}.page-node.tone-violet{--node-accent: #9b79ff}.page-node.tone-amber{--node-accent: #ffbd59}.page-node.tone-emerald{--node-accent: #4ce0a3}.page-node.has-selection{border-color:var(--node-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--node-accent),transparent 65%),0 20px 55px color-mix(in srgb,var(--node-accent),transparent 82%)}.page-node-header{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid #252c38}.page-node-header p{margin:0 0 3px;color:#66758b;font-size:8px;font-weight:800;letter-spacing:.14em}.page-node-header h2{margin:0;font-size:15px;letter-spacing:.04em}.page-count{display:grid;min-width:30px;height:26px;place-items:center;border:1px solid color-mix(in srgb,var(--node-accent),transparent 60%);border-radius:7px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent),transparent 90%);font-size:12px;font-weight:900}.page-preview{position:relative;min-height:0;overflow:hidden;margin:11px;border:1px solid #222b38;border-radius:6px;background:#0c1119}.avatar-field{position:absolute;top:72px;right:16px;z-index:6;display:grid;width:116px;grid-template-columns:repeat(4,25px);align-content:start;gap:7px 5px;padding:8px;border:1px solid rgb(255 255 255 / 7%);border-radius:7px;background:#070a10c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pixel-avatar{position:relative;display:grid;width:25px;height:31px;place-items:start center;padding:0;border:0;background:none;cursor:pointer;transition:transform .15s ease}.pixel-avatar:hover,.pixel-avatar.selected{z-index:2;transform:translateY(-3px) scale(1.12)}.pixel-head{z-index:1;display:grid;width:17px;height:17px;place-items:center;border:2px solid #0b0e15;border-radius:4px 4px 3px 3px;color:#061018;background:hsl(var(--avatar-hue) 78% 71%);font-size:7px;font-weight:1000;image-rendering:pixelated}.pixel-body{width:21px;height:12px;margin-top:-2px;border:2px solid #090d14;border-radius:3px 3px 2px 2px;background:hsl(var(--avatar-hue) 64% 48%)}.avatar-status{position:absolute;top:-2px;right:0;width:6px;height:6px;border:1px solid #0a0e15;border-radius:50%;background:#45e29d}.pixel-avatar.idle{opacity:.52;filter:saturate(.4)}.pixel-avatar.idle .avatar-status{background:#ffbf55}.pixel-avatar.selected:after{position:absolute;top:-5px;right:-3px;bottom:-3px;left:-3px;border:1px solid #ffbf55;border-radius:5px;box-shadow:0 0 12px #ffbf55b3;content:""}.avatar-overflow{display:grid;width:25px;height:25px;place-items:center;border:1px solid #3a4657;border-radius:5px;color:#a9b4c4;background:#1a202b;font-size:8px;font-weight:800}.empty-node-label{grid-column:1 / -1;color:#485568;font-size:8px;text-align:center}.instance-strip{position:absolute;bottom:37px;left:11px;z-index:6;display:grid;width:calc(100% - 22px);gap:3px;padding:6px;border:1px solid #252e3a;border-radius:6px;background:#0c1018e5}.instance-strip button,.instance-long-tail{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:7px;padding:3px 5px;border:1px solid transparent;border-radius:4px;color:#8e9aae;background:transparent;font-size:8px;text-align:left}.instance-strip button{cursor:pointer}.instance-strip button:hover,.instance-strip button.pinned{border-color:#3b4657;background:#1a202a}.instance-strip button.selected{border-color:color-mix(in srgb,var(--node-accent),transparent 50%);color:#eaf3f8;background:color-mix(in srgb,var(--node-accent),transparent 90%)}.instance-strip button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-strip strong{color:var(--node-accent)}.instance-long-tail{border-top:1px solid #202733;border-radius:0;color:#566477}.page-node footer{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid #232a35;color:#667488;font-size:8px;letter-spacing:.04em}.canvas-coordinate{position:absolute;top:14px;left:16px;z-index:2;color:#475366;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.08em}.canvas-toolbar{position:absolute;bottom:18px;left:18px;z-index:8;display:flex;overflow:hidden;align-items:center;border:1px solid #2b3544;border-radius:8px;background:#10151eeb;box-shadow:0 8px 24px #00000059}.canvas-toolbar button,.canvas-toolbar span{display:grid;height:32px;min-width:36px;place-items:center;border:0;border-right:1px solid #283140;color:#98a7bb;background:transparent;font-size:11px}.canvas-toolbar button{cursor:pointer}.canvas-toolbar button:hover{color:#eef5fb;background:#1b2330}.canvas-toolbar span{min-width:55px}.minimap{position:absolute;right:18px;bottom:18px;z-index:8;width:168px;padding:8px;border:1px solid #2a3442;border-radius:8px;background:#0d121beb;box-shadow:0 10px 30px #00000059}.minimap-label{margin-bottom:5px;color:#5e6d82;font-size:8px;font-weight:800;letter-spacing:.1em}.minimap svg{display:block;width:100%;height:94px}.minimap-world{fill:#080c13;stroke:#202937;stroke-width:8px}.minimap-node{fill:#252e3b;stroke:#465368;stroke-width:5px}.minimap-node.active{fill:#347e8b;stroke:#61dff0}.minimap-window{fill:#5de1f414;stroke:#6ee4f5;stroke-width:10px}.observer-panel{z-index:12;display:grid;min-height:0;grid-template-rows:auto auto minmax(0,1fr) 34px;border-left:1px solid #222a36;background:#0d1119;box-shadow:-18px 0 40px #00000040}.panel-search{padding:19px 17px 13px;border-bottom:1px solid #232a36}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{margin:0;font-size:18px}.panel-title>span{color:#58677b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.search-field{display:grid;height:36px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;margin-top:15px;padding:0 7px;border:1px solid #2a3442;border-radius:7px;color:#617085;background:#111722}.search-field input{min-width:0;border:0;outline:0;color:#e5edf7;background:transparent;font-size:11px}.search-field input::placeholder{color:#526073}.search-field button{border:0;color:#748399;background:transparent;cursor:pointer}.status-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.status-filters button{height:27px;border:1px solid #242d3a;border-radius:5px;color:#68778c;background:#111620;font-size:10px;cursor:pointer}.status-filters button.active{border-color:#54dcf059;color:#70ddec;background:#37b5c917}.selected-user-card{overflow:auto;max-height:56vh;padding:16px;border-bottom:1px solid #26303d;background:linear-gradient(160deg,rgb(46 183 203 / 9%),transparent 45%),#101620}.selected-user-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px}.profile-avatar,.list-avatar{display:grid;place-items:center;border:1px solid #55d7e9;color:#b7f5fc;background:#153842;font-weight:900}.profile-avatar{width:42px;height:42px;border-radius:9px;font-size:15px;box-shadow:0 0 18px #3ed3e82e}.selected-user-card header p,.selected-user-card header h3{margin:0}.selected-user-card header p{color:#607087;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.selected-user-card header h3{margin-top:4px;font-size:15px}.selected-user-card header button{border:0;color:#748397;background:none;font-size:18px;cursor:pointer}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.profile-grid div{display:grid;gap:3px;padding:8px;border:1px solid #26303d;border-radius:6px;background:#070a1066}.profile-grid span,.entity-focus span{color:#66768b;font-size:8px}.profile-grid strong{overflow:hidden;color:#cdd7e3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.entity-focus{display:grid;gap:4px;margin-top:8px;padding:9px;border:1px solid rgb(255 191 85 / 24%);border-radius:6px;background:#ffbf550f}.entity-focus strong{color:#f5c76f;font-size:11px}.entity-focus small{color:#756a57;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.path-timeline>p{margin:14px 0 9px;color:#718097;font-size:9px;font-weight:800;letter-spacing:.11em}.path-timeline ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.path-timeline li{position:relative;display:grid;min-height:34px;grid-template-columns:17px 1fr;gap:7px}.path-timeline li:before{position:absolute;top:10px;bottom:-2px;left:4px;width:1px;background:#303b4a;content:""}.path-timeline li:last-child:before{display:none}.path-timeline li>i{z-index:1;width:9px;height:9px;margin-top:2px;border:2px solid #637187;border-radius:50%;background:#111620}.path-timeline li.current>i{border-color:#ffbe55;background:#ffbe55;box-shadow:0 0 9px #ffbe5599}.path-timeline li div{display:grid;gap:2px}.path-timeline li strong{color:#b6c1cf;font-size:9px}.path-timeline li span{overflow:hidden;color:#58677a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.user-list{min-height:0;overflow-y:auto;padding:8px}.user-list.compact{max-height:28vh}.user-list>button{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:9px;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.user-list>button:hover{background:#141b26}.user-list>button.selected{border-color:#4fd6ea40;background:#3eb9cd17}.list-avatar{width:32px;height:32px;border-color:#334b57;border-radius:7px;color:#a3dbe2;background:#172a31;font-size:11px}.list-copy{display:grid;min-width:0;gap:3px}.list-copy strong,.list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-copy strong{color:#cdd6e2;font-size:11px}.list-copy small{color:#5f6e82;font-size:9px}.user-list>button>i{width:7px;height:7px;border-radius:50%;background:#ffbd55}.user-list>button>i.online{background:#48dfa1;box-shadow:0 0 8px #48dfa17f}.empty-user-list{display:grid;height:180px;place-items:center;align-content:center;gap:7px;color:#4c596b;text-align:center}.empty-user-list>span{font-size:25px}.empty-user-list strong{color:#718096;font-size:11px}.empty-user-list small{font-size:9px}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid #222a36;color:#526075;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.canvas-loading,.canvas-error{position:absolute;top:18px;left:50%;z-index:30;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #293442;border-radius:8px;background:#0e131cf0;box-shadow:0 10px 30px #0006;color:#8290a4;font-size:10px;transform:translate(-50%)}.loader-ring{width:13px;height:13px;border:2px solid #344152;border-top-color:#5cdeef;border-radius:50%;animation:spin .7s linear infinite}.canvas-error{display:grid;min-width:290px;grid-template-columns:1fr auto}.canvas-error strong,.canvas-error span{grid-column:1}.canvas-error strong{color:#ffb1a8}.canvas-error button{grid-column:2;grid-row:1 / 3;border:1px solid #68443f;border-radius:5px;color:#ffc0b8;background:#2b1b1a;cursor:pointer}.auth-screen{display:grid;width:100%;min-height:100%;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:radial-gradient(circle at 17% 26%,rgb(60 211 233 / 12%),transparent 28%),radial-gradient(circle at 80% 80%,rgb(140 92 255 / 11%),transparent 30%),#080b12}.auth-brand{display:flex;align-items:flex-start;gap:25px;padding:13vh 9vw;border-right:1px solid #242c38}.auth-brand h1{margin:10px 0 15px;font-size:clamp(37px,5vw,68px);letter-spacing:-.05em}.auth-brand p:not(.eyebrow){max-width:430px;color:#78889d;line-height:1.8}.auth-card{display:grid;width:380px;align-self:center;justify-self:center;gap:15px;padding:28px;border:1px solid #283241;border-radius:12px;background:#0f141ef0;box-shadow:0 30px 80px #0006}.auth-card h2{margin:0 0 8px;font-size:24px}.auth-card label{display:grid;gap:7px;color:#8190a4;font-size:11px}.auth-card input,.auth-card select{width:100%;height:42px;border:1px solid #303a49;border-radius:7px;outline:0;padding:0 11px;color:#e7edf5;background:#0b1018}.auth-card input:focus,.auth-card select:focus{border-color:#54dced;box-shadow:0 0 0 3px #54dced14}.primary-button{display:grid;height:42px;place-items:center;border:1px solid #5de1f2;border-radius:7px;color:#071016;background:#5de1f2;font-weight:800;text-decoration:none;cursor:pointer}.primary-button:disabled{opacity:.5;cursor:wait}.auth-error{margin:0;color:#ff9b91;font-size:11px}.state-screen{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:13px;padding:30px;background:radial-gradient(circle at 50% 40%,rgb(80 211 231 / 8%),transparent 30%),#080b12;text-align:center}.state-screen h1,.state-screen p{margin:0}.state-screen p:not(.eyebrow){max-width:530px;color:#77869a;line-height:1.7}.state-screen code{color:#f0c477}.state-icon{color:#5b687b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:72px;font-weight:900}.inline-button{width:150px;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes path-flow{to{stroke-dashoffset:-19}}@media (max-width: 980px){.workspace-header{grid-template-columns:210px minmax(0,1fr)}.workspace-account,.timestamp{display:none}.workspace-body{grid-template-columns:minmax(0,1fr) 300px}.live-summary{justify-content:flex-end;padding-right:16px}.auth-screen{grid-template-columns:1fr}.auth-brand{display:none}}