.topbar nav{display:flex;gap:20px}.topbar nav a[aria-current]{color:var(--teal);font-weight:700}.activity-bar{padding:18px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.activity-bar label{display:grid;gap:4px;font-size:12px}.activity-note{margin:14px 2px;color:var(--muted);font-size:12px}#notice{min-height:28px;color:var(--teal);font-size:13px}.activity-work{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.member-panel{padding:17px}.member-panel input{width:100%;margin:14px 0}#members{max-height:680px;overflow:auto;display:grid;gap:5px}.member-btn{text-align:left;display:flex;justify-content:space-between;align-items:center;padding:10px}.member-btn small{display:block;color:var(--muted);font-size:10px}.member-btn.active,.group-member.active{border-color:var(--teal);background:#eaf4f0}.selection-panel{padding:18px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px;position:sticky;top:8px;z-index:2;box-shadow:0 5px 18px #1734400c}.selection-panel p{color:var(--muted);font-size:12px;margin-top:4px}.selection-panel button{font-size:11px;padding:6px 9px}#groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.squad{padding:19px}.squad-head{display:flex;justify-content:space-between;gap:10px}.squad h2{font-size:17px}.squad .task{color:var(--muted);font-size:12px;margin:7px 0 13px;white-space:pre-wrap}.captain{padding:12px;background:#f5f1e6;border-radius:8px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.captain small{display:block;font-size:10px;color:#97805b}.captain button{padding:5px 8px;font-size:11px}.squad-actions{display:flex;gap:8px;margin-bottom:13px;flex-wrap:wrap}.squad-actions button{font-size:11px;padding:6px 9px}.squad-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.group-member{text-align:left;min-width:0;overflow-wrap:anywhere;font-size:12px;padding:9px}.group-member small{display:block;color:var(--muted);font-size:10px}.empty-group{color:var(--muted);font-size:12px;padding:15px 0}.template-row{border-bottom:1px solid var(--line);padding:14px 0;display:grid;gap:9px}.template-row .row{display:flex;gap:8px}.template-row input[type=number]{width:90px}.template-row input[type=text]{width:100%}.template-row textarea{margin:0}#templateRows{max-height:55vh;overflow:auto}.over{color:#b14c43}button:disabled{cursor:default}.group-stats{font-size:11px;color:var(--muted);margin-top:14px}@media(max-width:950px){.activity-work{grid-template-columns:230px 1fr}#groups{grid-template-columns:1fr}}@media(max-width:650px){.activity-work{grid-template-columns:1fr}#members{max-height:230px}.selection-panel{position:static;flex-direction:column;align-items:start}.topbar{padding:15px;height:auto;flex-wrap:wrap}.topbar nav{gap:12px}main{padding:22px 15px}.activity-bar button{flex:1}.activity-bar label{width:100%}}

[draggable="true"]{cursor:grab}[draggable="true"]:active{cursor:grabbing}.dragging{opacity:.4}.squad.drop-ready{outline:3px dashed var(--teal);outline-offset:3px;background:#f0f8f4}.group-member.swap-ready{background:#e0eee6;border:2px solid var(--teal)}#pendingDrop{padding:12px;margin-bottom:12px;border:1px dashed #b8ccc6;border-radius:7px;font-size:12px;color:var(--teal);text-align:center}#pendingDrop.drop-ready{background:#dcefe6;outline:2px solid var(--teal)}



.import-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.import-choices button{text-align:left;padding:15px}.import-choices small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.import-choices [aria-pressed="true"]{border-color:var(--teal);background:#edf6f1}#importCounts{color:var(--teal);font-size:12px}

#templateDialog{width:min(1060px,calc(100% - 24px));padding:24px}.settings-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin:18px 0}.settings-nav{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:0}.settings-nav button{text-align:left;overflow-wrap:anywhere}.settings-nav small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.settings-nav button.current{background:#eaf4ef;border-color:var(--teal)}.settings-fields label{display:grid;gap:6px;font-size:12px;color:var(--muted);margin:12px 0}.settings-fields label[hidden]{display:none}.settings-fields input,.settings-fields textarea,.settings-fields select{width:100%;color:var(--ink)}.settings-fields textarea{margin:0}.settings-group-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-group-header h3{margin:0}.settings-group-header button{padding:5px 8px;font-size:11px}.settings-section{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.settings-section h4{margin:0;font-size:14px}.settings-section p{margin:8px 0}#templateRows{max-height:62vh;overflow:auto}#templateDialog>.dialog-actions{position:sticky;bottom:-24px;padding:14px 0;background:white}@media(max-width:650px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.settings-heading{align-items:start;flex-direction:column}.settings-group-header{align-items:start;flex-wrap:wrap}}

.distribution-setting{display:grid;gap:8px;margin:18px 0;font-size:13px}.distribution-setting select{width:100%}.settings-fields label small{font-size:10px}

.activity-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.activity-intro h1{font-size:24px;font-weight:600}.activity-intro span{font-size:12px;color:var(--muted)}.activity-bar{padding:14px;gap:9px}.history-controls{display:flex;gap:5px}.history-controls button:disabled{color:#a9b1b2;background:#f5f7f6;border-color:#e8ecea;opacity:.6}.history-controls button:not(:disabled){background:#fff;color:var(--ink)}.activity-note{margin:12px 2px 8px}#notice:empty{display:none}#notice{margin:0 2px 12px;min-height:0;font-size:12px}#notice details summary{cursor:pointer}#notice details p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.squad-plan{margin:10px 0 14px}.squad-plan summary{font-size:11px;color:var(--muted);cursor:pointer}.squad-plan .task{margin-top:8px}.squad{padding:16px}.selection-panel{padding:14px}.selection-panel h2{font-size:14px}@media(max-width:650px){.activity-intro{align-items:start;flex-direction:column}.history-controls{width:100%}.history-controls button{flex:1}}

.export-stats{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:13px}.export-choices{display:flex;gap:12px;flex-wrap:wrap}#exportPreview img{width:100%;height:auto;display:block;margin-top:14px}#exportPreview{max-height:55vh;overflow:auto}

.policy-row{display:flex;gap:12px;flex-wrap:wrap}.policy-row label{display:grid;gap:5px;font-size:12px}.policy-row input{width:90px}.include-captains{font-size:11px;display:inline-flex;align-items:center;gap:5px;margin:6px}.sync-summary{padding:12px;background:#edf5f0;color:var(--teal);margin:15px 0}.sync-table{width:100%;border-collapse:collapse;font-size:12px;margin:14px 0}.sync-table td,.sync-table th{padding:9px;text-align:left;border-bottom:1px solid var(--line)}.sync-warning{color:#986e30}#nanmanSyncReport{max-height:60vh;overflow:auto}#nanmanPolicyFields[hidden]{display:none}

.new-member{display:inline-block;margin-left:5px;padding:1px 5px;background:#e2f2e6;color:#277550;border-radius:4px;font-size:10px}

.import-choices{grid-template-columns:repeat(3,minmax(0,1fr))}#groupLayoutFields{padding:12px 0;border-bottom:1px solid var(--line)}#groupLayoutFields[hidden]{display:none}#groupLayoutFields label{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:12px}#groupLayoutFields select{min-width:0;max-width:100%}.group-import-table{max-height:50vh;overflow:auto}@media(max-width:540px){.import-choices{grid-template-columns:1fr}.import-choices button{padding:10px}}

.distribution-setting[hidden],#guanduDistributionNote[hidden]{display:none!important}

#activityExportDialog #exportExcel{background:#1c3540;color:#fff;border-color:#1c3540;opacity:1}#activityExportDialog #exportExcel:hover{background:#2b505d}#activityExportDialog #exportPng{color:#1c3540}

.usage-guide{margin:12px 0;padding:12px 16px}.usage-guide summary{cursor:pointer;font-size:13px;color:var(--teal);font-weight:600}.usage-guide ol{padding-left:22px;margin:12px 0}.usage-guide li{line-height:1.8}.usage-guide p{font-size:12px;color:var(--muted);margin:8px 0}.usage-guide [hidden],.activity-bar label[hidden]{display:none!important}

/* Activity page visual hierarchy: dark hero, quiet controls, warm content. */
body{background:#eef0eb;color:#263e42;--ink:#203d43;--teal:#2c6965;--muted:#71817e;--line:#dce3dc}
.topbar{height:72px;background:#f8f9f5;border-bottom:1px solid #dce3dc}.brand{font-size:17px}.brand-mark{background:#233f43;color:#dec18b;outline-color:#c7ae7b}.brand small{letter-spacing:2px}
main{max-width:1460px;padding-top:24px}.activity-intro{position:relative;isolation:isolate;overflow:hidden;min-height:225px;border-radius:18px;background:linear-gradient(115deg,#19363e 0%,#24494b 62%,#395b54 100%);color:#f7f4e9;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;box-shadow:0 12px 30px #19363e12}
.activity-intro:before{content:'';position:absolute;z-index:-1;width:420px;height:420px;right:10%;top:-190px;transform:rotate(35deg);border:1px solid #d9c18b26;box-shadow:0 0 0 45px #d9c18b06,0 0 0 90px #d9c18b05;pointer-events:none}.hero-kicker{font-size:11px;letter-spacing:3px;color:#d7bd87;margin-bottom:10px}.activity-intro h1{font-size:clamp(27px,3vw,40px);line-height:1.35;font-weight:600;letter-spacing:3px}.hero-description{color:#b9ccc7;font-size:13px;margin:10px 0 20px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{font-size:10px;color:#dfdfc9;border:1px solid #b7c7ad36;border-radius:20px;padding:3px 11px;background:#ffffff05}.hero-emblem{margin-right:55px;display:grid;place-items:center;gap:10px;flex-shrink:0}.hero-emblem>span{font-family:serif;font-size:76px;line-height:1.1;color:#d9bd84;text-shadow:0 3px 20px #0b272a40}.hero-emblem small{font-size:10px;letter-spacing:5px;color:#b1c3b3}
.activity-bar{background:#fafbf7;padding:17px 20px;border-radius:12px;box-shadow:0 5px 16px #19363e05;gap:9px}.activity-bar label{font-size:10px;color:#76847e;gap:5px}.activity-bar button,.activity-bar select{height:41px;font-size:12px}.activity-bar select{background:#f2f5ee;border-color:#d9e1d6}.activity-bar #auto{background:#b18a49;color:#fffdf6;border-color:#b18a49;font-weight:700;padding-inline:24px;box-shadow:0 3px 8px #b18a4925}.activity-bar #auto:hover{background:#967136}.activity-bar #exportActivity{background:#244b4b;color:#fff;border-color:#244b4b}.history-controls{border-left:1px solid #dce3dc;padding-left:10px;display:flex;gap:5px}.history-controls button{padding-inline:10px;background:transparent}.activity-bar .quiet{color:#71817e}
.usage-guide{background:transparent;border:0;box-shadow:none;padding:10px 3px;margin:3px 0}.usage-guide summary{font-size:11px;color:#667e76}.activity-note{margin:3px 2px;color:#7c8d83}#notice{min-height:24px;font-size:12px}.activity-work{gap:18px;grid-template-columns:265px minmax(0,1fr)}.member-panel{background:#e4ebe3;border-color:#d6dfd3;box-shadow:none;border-radius:12px}.member-panel .section-title{padding-bottom:7px}.member-panel h2{font-size:13px}.member-panel input{background:#f7f9f3;border-color:#cfdcce}.member-btn{border:0;background:#f8faf5;border-radius:7px;margin-bottom:3px}.member-btn:hover{background:#fff}.member-btn.active{background:#d0e0d3;box-shadow:inset 3px 0 #386d61}.selection-panel{background:#f9faf6;box-shadow:none;border-color:#d9e3d9;border-radius:10px;padding:13px 17px}.selection-panel h2{font-size:13px}.selection-panel p{font-size:11px}.squad{background:#fcfcf8;border-radius:12px;padding:0 17px 16px;overflow:hidden;box-shadow:0 4px 13px #19363e04}.squad-head{margin:0 -17px 15px;padding:15px 17px;background:#e2ebe4;border-bottom:1px solid #d4e0d5;border-top:3px solid #4d7970;align-items:center}.squad:nth-child(3n+2) .squad-head{background:#eee9dc;border-color:#e1d8c4;border-top-color:#af9057}.squad:nth-child(3n) .squad-head{background:#e4e9ec;border-color:#d6dfe4;border-top-color:#6b8595}.squad h2{font-size:15px;font-weight:700}.squad-head .subtle{font-size:10px}.group-member{background:#f2f5ee;border-color:#dfe6dc;text-align:left;padding:10px}.group-member:hover{background:#e8efe4;border-color:#aebfaf}.group-member small{margin-top:3px;line-height:1.4}.squad-actions{gap:6px}.squad-actions button{background:transparent;font-size:10px;padding:5px 9px}.group-stats{border-top:1px solid #e5e9df;padding-top:12px;color:#7b8c80;font-size:10px}.captain{background:#f1ebd9}.squad-plan summary{font-size:11px;color:#637d73;cursor:pointer}.new-member{background:#d6e8d4;color:#3b6b4f}
dialog{background:#fbfcf8;border-color:#dbe3d7}dialog::backdrop{background:#142c3470}.settings-heading{padding-bottom:16px;border-bottom:1px solid #dce4d7}.import-choices button{background:#f2f5ed}.import-choices [aria-pressed="true"]{background:#e1ece1;border-color:#537d6d}
@media(max-width:950px){.activity-work{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:650px){main{padding:16px 14px}.activity-intro{min-height:190px;padding:25px 22px;border-radius:13px}.hero-emblem{margin-right:0}.hero-emblem>span{font-size:53px}.hero-emblem small{display:none}.activity-intro h1{letter-spacing:1px;font-size:26px}.hero-kicker{font-size:9px;letter-spacing:1px}.hero-description{font-size:11px}.hero-tags{gap:4px}.hero-tags span{font-size:9px;padding:2px 7px}.activity-bar{padding:14px;gap:8px}.activity-bar label{width:100%}.activity-bar #auto{flex:1}.history-controls{border:0;padding:0;flex:1}.history-controls button{flex:1}.activity-work{grid-template-columns:1fr}.member-panel{padding:14px}#members{max-height:240px}.selection-panel{position:static}.topbar{height:auto}}
@media(prefers-reduced-motion:reduce){button{transition:none}}