:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202720;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:24px 14px 40px;background:var(--platform-bg,#f5f7f4);color:var(--platform-text,#202720)}.party-shell{max-width:760px;margin:0 auto}.party-header{padding:12px 2px 22px}.party-header>a{color:#315b42;text-decoration:none;font-weight:750}.party-header>p:first-of-type{margin:24px 0 6px;color:#58715e;font-size:13px}.party-header h1{margin:0;font-size:clamp(28px,5vw,38px);letter-spacing:-.04em}.muted,.hint{color:#737c73;font-size:13px;line-height:1.55}.panel{background:white;border:1px solid #e1e7df;border-radius:16px;padding:20px;margin:0 0 14px;box-shadow:0 3px 12px #1a2a1a05}.panel h2{font-size:18px;margin:0 0 16px}.panel label{display:block;font-size:13px;font-weight:650;margin:13px 0 7px}.panel input,.panel textarea{display:block;width:100%;border:1px solid #d5ddd4;border-radius:9px;padding:11px 12px;font:inherit;background:#fff;color:inherit}.panel textarea{resize:vertical}.actions{display:flex;justify-content:flex-end;margin-top:12px}button{border:0;border-radius:9px;padding:11px 15px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.primary{background:#315b42;color:white;width:100%;margin-top:14px}.secondary{background:#eaf0e9;color:#294c36}.status{font-size:13px;min-height:18px;line-height:1.5}.status.success{color:#246b3a}.status.error{color:#b42318}.hint{margin:7px 0 0}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin-bottom:0}.party-list{display:grid;gap:10px;margin-top:16px}.party-item{border:1px solid #e2e8e0;border-radius:12px;padding:15px}.party-item h3{margin:0 0 4px;font-size:16px}.party-item p{margin:0 0 12px}.link-list{display:flex;flex-wrap:wrap;gap:8px}.link-list a{color:#2d6440;font-size:13px;font-weight:700;text-decoration:none;padding:8px 10px;background:#f0f5ef;border-radius:8px}.edit-party{margin-top:14px;border-top:1px solid #edf0eb;padding-top:12px}.edit-party summary{cursor:pointer;font-size:13px;font-weight:700}.edit-form button{margin-top:12px}.empty{font-size:13px;color:#7a817a}footer{font-size:12px;color:#7b837b;line-height:1.6;padding:8px 2px}@media(min-width:600px){body{padding-top:36px}.panel{padding:24px}}

:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="dark"] .party-shell { color: var(--platform-text); }
:root[data-theme="dark"] .party-header h1,
:root[data-theme="dark"] .panel h2 { color: #F8FAFC; }
:root[data-theme="dark"] .party-header > a { color: #A9CEFA; }
:root[data-theme="dark"] .party-header > p:first-of-type { color: #B8C5D6; }
:root[data-theme="dark"] .panel input,
:root[data-theme="dark"] .panel textarea { background: #111D30; color: #F1F5F9; border-color: #52647A; }
:root[data-theme="dark"] .party-item { background: #26364B; border-color: #46566B; color: #F1F5F9; }
:root[data-theme="dark"] .edit-party { border-color: #46566B; }
:root[data-theme="dark"] footer { color: #B8C5D6; }


/* Party setup refinement */
.party-shell{max-width:820px}
.party-header{padding:12px 2px 22px}
.party-header h1{line-height:1.15}
.panel{border-color:var(--platform-border);border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.035)}
.panel h2{letter-spacing:-.025em}
.panel input:focus-visible,.panel textarea:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--platform-accent) 35%,transparent);outline-offset:2px}
.party-item{border-color:var(--platform-border);border-radius:10px}
.primary{background:var(--platform-accent);border-radius:9px}
:root[data-theme="dark"] .party-item p{color:var(--platform-muted)}
@media(max-width:600px){body{padding-left:0;padding-right:0}.party-shell{width:calc(100% - 24px)}.panel{padding:16px;border-radius:12px}}

/* Compact party list controls */
.party-list-actions{display:flex;align-items:center;gap:10px}
.party-list-actions .muted{white-space:nowrap}
.party-list-actions button{padding:8px 12px;min-height:36px;font-size:12px}
#status.status{margin:8px 0 0}
#status.status:empty{display:none}
@media(max-width:480px){.party-list-actions{gap:7px}.party-list-actions button{padding:7px 9px}}
