:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Calibri,Arial,sans-serif;background:#f5f6f8;color:#1a1a1a}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{background:#1f3864;color:#fff;padding:18px 28px}.topbar h1{margin:0 0 2px;font-size:20px;letter-spacing:.3px}.topbar .sub{font-size:13px;color:#c9d3e8;margin-bottom:14px}.tabs{display:flex;gap:6px}.tab-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 16px;border-radius:6px 6px 0 0;cursor:pointer;font-size:13px;font-weight:600}.tab-btn.active{background:#f5f6f8;color:#1f3864;border-bottom-color:#f5f6f8}.view{display:none;padding:22px 28px}.view.active{display:block}.layout{display:flex;gap:22px;align-items:flex-start}.sidebar{width:260px;flex-shrink:0;background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:16px}.sidebar h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#1f3864;margin:0 0 10px}.filter-group{margin-bottom:16px}.filter-group label.fg-title{display:block;font-size:12px;font-weight:700;color:#444;margin-bottom:6px}.chip-list{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11.5px;padding:4px 9px;border-radius:999px;border:1px solid #c9d3e8;background:#f0f3f9;color:#1f3864;cursor:pointer;-webkit-user-select:none;user-select:none}.chip.selected{background:#1f3864;color:#fff;border-color:#1f3864}select,input[type=text],input[type=search]{width:100%;padding:7px 9px;border-radius:6px;border:1px solid #d3d7de;font-size:13px;background:#fff}.range-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}.checkbox-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#333}.clear-btn{margin-top:4px;font-size:12px;color:#b08d57;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.main-col{flex:1;min-width:0}.search-row{display:flex;gap:10px;margin-bottom:14px}.search-row input{flex:1;font-size:14px;padding:10px 12px}.result-count{font-size:12.5px;color:#666;margin-bottom:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.member-card{background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:14px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.member-card:hover{box-shadow:0 3px 10px #1f38641f;border-color:#b9c6de}.card-top{display:flex;gap:10px;align-items:center;margin-bottom:8px}.avatar{width:40px;height:40px;border-radius:50%;background:#1f3864;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.card-name{font-weight:700;font-size:14px;color:#1a1a1a}.card-role{font-size:12px;color:#666}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.tag{font-size:10.5px;background:#f0f3f9;color:#1f3864;padding:2px 7px;border-radius:999px}.tag.mentor{background:#eaf6ec;color:#1e7a34}.tag.trainee{background:#fff3e0;color:#a15c00}.tag.crossover{background:#f3e8ff;color:#6b21a8}.card-meta{font-size:11.5px;color:#777;display:flex;justify-content:space-between;margin-top:8px}.overlay{display:none;position:fixed;inset:0;background:#0f141e73;align-items:center;justify-content:center;z-index:50;padding:20px}.overlay.open{display:flex}.modal{background:#fff;border-radius:12px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;padding:24px}.modal-close{float:right;background:none;border:none;font-size:18px;cursor:pointer;color:#888}.profile-header{display:flex;gap:14px;align-items:center;margin-bottom:14px}.avatar.lg{width:58px;height:58px;font-size:20px}.profile-header h2{margin:0;font-size:19px}.profile-header .role{font-size:13px;color:#666}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#1f3864;font-weight:700;margin:18px 0 6px}.bio{font-size:13.5px;color:#333;line-height:1.5}.lineage-box,.link-box{background:#f7f9fc;border:1px solid #e2e5ea;border-radius:8px;padding:10px 12px;font-size:13px;color:#333}.case-post{border-bottom:1px solid #eef0f3;padding:8px 0;font-size:13px}.case-post:last-child{border-bottom:none}.case-post .cp-title{font-weight:600;color:#1a1a1a}.case-post .cp-meta{font-size:11px;color:#888}.related-list{display:flex;flex-direction:column;gap:6px}.related-item{display:flex;justify-content:space-between;align-items:center;background:#f7f9fc;border:1px solid #e2e5ea;border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer}.related-item:hover{border-color:#b9c6de}.badge-online{font-size:10.5px;background:#edebfb;color:#5b3fa6;padding:2px 7px;border-radius:999px}.badge-near{font-size:10.5px;background:#eaf6ec;color:#1e7a34;padding:2px 7px;border-radius:999px}.connect-btn{margin-top:16px;background:#1f3864;color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.advice-btn{margin-top:16px;margin-left:8px;background:#b08d57;color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.btn-row{display:flex;flex-wrap:wrap}.finder-box{background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:20px;max-width:780px}.finder-row{display:flex;gap:10px;margin-bottom:18px;align-items:center}.finder-row select{max-width:340px}.finder-results{display:flex;flex-direction:column;gap:10px}.finder-card{border:1px solid #e2e5ea;border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.finder-card:hover{border-color:#b9c6de;background:#fafbfd}.finder-left{display:flex;gap:10px;align-items:center}.finder-name{font-weight:700;font-size:13.5px}.finder-sub{font-size:12px;color:#666}.empty-note{font-size:13px;color:#888;padding:20px 0}.enroll-box{background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:24px;max-width:620px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:12.5px;font-weight:700;color:#333;margin-bottom:5px}.form-row input,.form-row select{font-size:13.5px}.submit-btn{background:#1f3864;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:700;font-size:13.5px;cursor:pointer}.match-results{margin-top:20px}.match-card{border:1px solid #e2e5ea;border-left:4px solid #b08d57;border-radius:6px;padding:10px 14px;margin-bottom:8px;font-size:13px}.footnote{font-size:11.5px;color:#999;margin-top:26px;border-top:1px dashed #ddd;padding-top:10px}button{font-family:inherit}.interactive{text-align:left;color:inherit;width:100%;background-color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b08d57;outline-offset:2px}.link-button{border:0;padding:0;background:none;font:inherit;color:#1f3864;text-decoration:underline;cursor:pointer;font-weight:700}.advice-target{font-size:12.5px;background:#f7f3ec;border:1px solid #e7d9c0;border-radius:8px;padding:8px 12px;margin-bottom:14px}.intro{font-size:13px;color:#555;margin-top:0}.filters-panel{width:260px;flex-shrink:0}.filters-toggle,.filters-done{display:none}.card-top>div:last-child,.finder-left>div:last-child,.profile-header>div:last-child{min-width:0}.card-role,.finder-sub,.related-item,.lineage-box,.match-card,.profile-header{overflow-wrap:anywhere}@media(max-width:800px){.topbar{padding:18px 16px 12px}.topbar .sub{line-height:1.5}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tab-btn{min-height:48px;border-radius:8px;padding:10px 8px;line-height:1.35}.view{padding:16px}.layout{flex-direction:column;gap:12px}.main-col{display:contents}.search-row{order:0;width:100%;margin:0}.filters-panel{order:1;width:100%}.result-count{order:2;margin:4px 0 0}.card-grid{order:3;width:100%;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.filters-toggle,.filters-done{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 14px;border:1px solid #c9d3e8;border-radius:8px;background:#fff;color:#1f3864;font-size:15px;font-weight:700;cursor:pointer}.filters-content{display:none}.filters-content.is-open{display:block;margin-top:8px}.sidebar{width:100%}.filters-done{justify-content:center;margin-top:8px;background:#1f3864;color:#fff}.chip{min-height:44px;padding:10px 12px;font-size:13px}.checkbox-row{min-height:44px;font-size:14px}.checkbox-row input{width:20px;height:20px}.clear-btn{min-height:44px;font-size:14px}select,input[type=text],input[type=search],.form-row input,.form-row select,.search-row input{min-height:48px;font-size:16px}.finder-box,.enroll-box{padding:18px;max-width:none}.finder-row{flex-direction:column;align-items:stretch}.finder-row select{max-width:none;min-width:0}.finder-card{gap:12px;flex-wrap:wrap}.finder-left{min-width:0}.card-name,.finder-name{font-size:16px}.card-role,.finder-sub{font-size:13px;line-height:1.45}.tag{font-size:12px;padding:4px 8px}.card-meta{font-size:12px;gap:8px;flex-wrap:wrap}.intro,.bio,.match-card,.lineage-box{font-size:14px;line-height:1.55}.form-row label{font-size:14px}.submit-btn{min-height:48px;width:100%;font-size:16px}.overlay{padding:12px}.modal{padding:16px;max-height:calc(100dvh - 24px);overscroll-behavior:contain}.modal-close{position:sticky;top:0;background:#fff;border-radius:8px;min-width:44px;min-height:44px;z-index:1}.profile-header{clear:both;gap:10px;align-items:flex-start}.profile-header h2{font-size:18px}.profile-header .role{line-height:1.45}.related-item{min-height:48px;gap:8px;flex-wrap:wrap}.btn-row{flex-direction:column;gap:8px;margin-top:16px}.connect-btn,.advice-btn{margin:0;min-height:48px;width:100%}.link-button{min-height:44px}}