:root{color-scheme:dark;--color-bg: #0f1117;--color-surface: #181b24;--color-border: #2a2f3d;--color-text: #e8e9ee;--color-text-muted: #9097a8;--color-accent: #c89b3c;--color-accent-text: #14110a;--color-error: #ff6b6b;--color-success: #6bd68a;--color-warning-bg: #5a4210;--color-warning-text: #ffe3a3}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.action-button{padding:.5rem 1rem;border:none;border-radius:.375rem;background:var(--color-accent);color:var(--color-accent-text);font:inherit;font-weight:600;cursor:pointer}.action-button:disabled{opacity:.6;cursor:default}.error-text{margin:0;color:var(--color-error)}.success-text{margin:0;color:var(--color-success)}.muted-text{margin:0;color:var(--color-text-muted)}.page-container{max-width:72rem;margin:0 auto;padding:1.5rem}.page-title{margin:0 0 1rem}.section-title{margin:0 0 .75rem;font-size:1.125rem}.surface-panel{padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface)}.text-input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-text);font:inherit}.secondary-button,.danger-button{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:transparent;color:var(--color-text);font:inherit;cursor:pointer}.danger-button{border-color:var(--color-error);color:var(--color-error)}.secondary-button:disabled,.danger-button:disabled{opacity:.6;cursor:default}.feedback-message{margin-bottom:1rem}.guild-tag{color:var(--color-accent)}.form-field{display:flex;flex-direction:column;gap:.25rem;width:100%;font-weight:600}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:0 0 1.5rem;padding:0;list-style:none}.guild-form{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.guild-section{margin-bottom:1rem}.person-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.person-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.person-avatar{width:2rem;height:2rem;border-radius:50%}.person-name{font-weight:600}.person-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}
