@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#202a28;--muted:#77817d;--line:#e7e9e5;--paper:#fff;--bg:#f6f7f5;--green:#27745d;--green-dark:#1f604d;--mint:#e8f2ed;--shadow:0 12px 40px rgba(34,54,45,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:14px;min-height:100vh}.topbar{height:70px;padding:0 max(28px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-weight:400;font-size:11px;letter-spacing:.08em;margin-top:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:white;border-radius:10px;font-size:16px}.top-actions{display:flex;align-items:center;gap:15px}.sync{color:var(--muted);font-size:12px;display:flex;gap:7px;align-items:center}.sync i,.live-dot{width:7px;height:7px;background:#47a77b;border-radius:50%;display:inline-block}.sync.off i{background:#c2c8c3}.icon-button,.avatar{border:1px solid var(--line);background:white;width:34px;height:34px;border-radius:50%;cursor:pointer;color:#42534c}.avatar{font-weight:600;background:var(--mint);border-color:transparent}.shell{width:min(920px,calc(100% - 40px));margin:62px auto 40px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--green);margin:0 0 12px}.eyebrow span{font-weight:500;letter-spacing:.06em;color:#a0aaa4;margin-left:8px}h1{font-size:32px;line-height:1.25;letter-spacing:-.04em;margin:0;font-weight:600}.subtitle{margin:10px 0 0;color:var(--muted);font-size:13px}.hero-meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;padding-bottom:3px}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.board{padding:25px 28px 0}.board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--line)}.section-label{font-weight:600;font-size:14px}.section-label span{font-size:11px;color:#89938e;font-weight:400;margin-left:8px}.board-head p{color:#909a95;font-size:11px;margin:6px 0 0}.board-actions{display:flex;gap:8px}.button{height:36px;padding:0 13px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-1px)}.button.primary{color:white;background:var(--green);border:1px solid var(--green)}.button.primary:hover{background:var(--green-dark)}.button.subtle{background:white;border:1px solid var(--line);color:#53605b}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.expert-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:24px 0;min-height:91px}.expert{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e9e5;background:#fbfcfb;border-radius:8px;padding:9px 10px 9px 12px;font-size:13px;color:#35413c;cursor:grab;user-select:none;touch-action:none;transition:box-shadow .15s,border .15s,opacity .15s;max-width:100%}.expert:hover{border-color:#b5d2c3;box-shadow:0 3px 10px #203c2c0d}.expert:active{cursor:grabbing}.expert.dragging{opacity:.35}.expert.drop-target{border-color:var(--green);box-shadow:0 0 0 2px #27745d20}.expert .grip{font-size:11px;color:#a5afaa;letter-spacing:-2px;cursor:grab}.expert .rank{font-size:10px;color:#a0aaa4;font-variant-numeric:tabular-nums;min-width:14px}.expert .remove{border:0;background:transparent;color:#a7b0ac;font-size:17px;line-height:14px;padding:0 0 2px 3px;cursor:pointer}.expert .remove:hover{color:#bb6359}.expert.dragging-touch{position:fixed;z-index:8;pointer-events:none;box-shadow:0 10px 32px #19392926;transform:scale(1.025)}.empty{padding:35px 10px;text-align:center;color:#54625a}.empty>span{font-size:14px;font-weight:600}.empty p{font-size:12px;color:#929b96;margin:8px 0 17px}.board-foot{border-top:1px solid var(--line);height:48px;display:flex;align-items:center;justify-content:space-between;color:#939d97;font-size:11px}.board-foot b{font-weight:500;color:#68746e;margin-left:5px}.notice{margin:14px 0 0;padding:10px 12px;border-radius:8px;font-size:12px;background:#fff7e8;color:#886b2e}.notice.error{background:#fff0ed;color:#9a5147}.notice.success{background:#edf7f0;color:#337354}.below{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.tip{display:flex;gap:10px;align-items:flex-start;color:#77817d}.tip-icon{width:18px;height:18px;border:1px solid #cdd7d1;border-radius:50%;text-align:center;line-height:17px;font:11px Georgia;color:#74857b}.tip b{font-size:11px;color:#57645d}.tip p{font-size:11px;margin:4px 0 0}.text-button{border:0;background:none;font-family:inherit;color:var(--green);font-size:11px;cursor:pointer}footer{text-align:center;color:#aab2ad;font-size:10px;padding:22px}footer span{padding:0 5px}.modal-layer{position:fixed;inset:0;z-index:20;background:#15221c70;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);max-height:min(85vh,720px);overflow:auto;background:white;border-radius:14px;padding:24px;box-shadow:0 18px 60px #15221c30}.modal h2{font-size:18px;margin:0 0 7px;letter-spacing:-.02em}.modal .lead{color:var(--muted);font-size:12px;line-height:1.65;margin:0 0 20px}.modal label{display:block;font-size:11px;font-weight:600;color:#5c6963;margin:14px 0 6px}.modal input,.modal select{height:40px;width:100%;border:1px solid #dfe5e0;border-radius:7px;padding:0 11px;font:13px inherit;color:var(--ink);outline:none}.modal input:focus,.modal select:focus{border-color:#7ead94;box-shadow:0 0 0 3px #27745d12}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal .button{height:38px}.close-x{float:right;border:0;background:none;color:#89938e;font-size:19px;cursor:pointer}.modal-list{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:13px}.history-row,.member-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line);font-size:12px}.history-row:last-child,.member-row:last-child{border:0}.history-row small,.member-row small{display:block;color:#919a95;font-size:10px;margin-top:4px}.history-row button,.member-row button{border:1px solid var(--line);background:white;border-radius:6px;padding:6px 9px;color:var(--green);font:11px inherit;cursor:pointer;white-space:nowrap}.role-pill{background:#edf4ef;color:#47705b;border-radius:20px;padding:4px 8px;font-size:10px;white-space:nowrap}.login-link{color:var(--green);font-size:12px}.login-state{font-size:12px;color:#65716b;line-height:1.7;padding:13px;background:#f6f8f6;border-radius:8px;margin-top:14px}@media(max-width:640px){.topbar{height:60px;padding:0 18px}.shell{width:calc(100% - 28px);margin:36px auto 26px}.hero{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:20px}h1{font-size:27px}.subtitle{max-width:350px;line-height:1.7}.hero-meta{padding:0}.board{padding:19px 16px 0}.board-head{align-items:flex-start;gap:12px;flex-direction:column}.board-actions{width:100%}.board-actions .button{flex:1;padding:0 8px;font-size:11px}.expert-list{gap:8px;padding:19px 0;min-height:80px}.expert{padding:9px 9px 9px 10px;font-size:12px;gap:6px}.below{align-items:flex-start;gap:13px;flex-direction:column}.tip p{line-height:1.65}.sync{font-size:0}.top-actions{gap:9px}}