:root{color-scheme:dark;--page: #313338;--surface: #2b2d31;--surface-raised: #232428;--surface-hover: #35373c;--surface-active: #404249;--input: #1e1f22;--border: #3f4147;--border-strong: #4e5058;--text: #dbdee1;--text-strong: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #949ba4;--accent: #5865f2;--accent-hover: #4752c4;--accent-soft: #c9cdfb;--positive: #57f287;--danger: #f23f42;--shadow-sm: 0 8px 22px #11121424;--shadow-lg: 0 18px 45px #111214b8}*{box-sizing:border-box}html{min-height:100%;scrollbar-color:#4e5058 #2b2d31}body{margin:0;min-height:100%;color:var(--text);background:var(--page)}button{min-height:40px;padding:0 16px;border:0;border-radius:6px;color:#fff;background:var(--accent);font:inherit;font-weight:650;cursor:pointer;transition:background .12s ease,color .12s ease,opacity .12s ease}button:hover{background:var(--accent-hover)}button:disabled{cursor:default;opacity:.5}input,select,textarea{accent-color:var(--accent)}::selection{color:#fff;background:#5865f280}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2b2d31}::-webkit-scrollbar-thumb{border:2px solid #2b2d31;border-radius:6px;background:#4e5058}::-webkit-scrollbar-thumb:hover{background:#5d6069}.staff-view-tabs{display:flex;gap:6px;margin-bottom:10px}.staff-view-tabs button{min-height:34px;padding:0 12px;color:var(--text-secondary);background:#2b2d31;border:1px solid var(--border);border-radius:5px}.staff-view-tabs button.active{color:#fff;background:#5865f2;border-color:#5865f2}.staff-timeline{overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#232428}.staff-timeline>article{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:64px;border-bottom:1px solid var(--border)}.staff-timeline>article:last-child{border-bottom:0}.staff-timeline-guild{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;color:var(--text-strong);text-decoration:none;border-right:1px solid var(--border)}.staff-timeline-guild img,.staff-history-guild img{width:34px;height:34px;border-radius:7px;background:#404249}.staff-timeline-guild strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-timeline-lanes{display:grid;gap:4px;padding:9px 12px;background-image:linear-gradient(90deg,transparent 49.8%,#35373c 50%,transparent 50.2%)}.staff-timeline-lane{position:relative;height:22px}.staff-period-bar{position:absolute;top:1px;min-width:28px;height:20px;overflow:hidden;padding:2px 7px;color:#fff;background:color-mix(in srgb,var(--role-color) 45%,#313338);border:1px solid var(--role-color);border-radius:4px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.staff-period-bar.active{box-shadow:inset -3px 0 #23a559}.staff-period-bar.deleted{border-style:dashed;opacity:.78}.staff-history-list{display:grid;border:1px solid var(--border);border-radius:7px;background:#232428}.staff-history-list>article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.staff-history-list>article:last-child{border-bottom:0}.staff-history-guild{display:flex;align-items:center;gap:9px;min-width:0;color:var(--text-strong);text-decoration:none}.staff-history-guild span,.staff-history-period{display:grid;min-width:0;gap:2px}.staff-history-guild strong,.staff-history-guild small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-history-guild small,.staff-history-period small{color:var(--text-muted);font-size:11px}.staff-history-period strong{color:var(--text-secondary);font-size:12px}.staff-history-period strong.active{color:#23a559}.deleted-role{color:#f0b232;font-size:10px;text-transform:uppercase}.exclude-staff-role{padding:6px 9px;color:#f23f42;background:transparent;border:1px solid #6b3437;border-radius:4px}.staff-history-more{display:block;margin:12px auto 0;padding:8px 14px}@media(max-width:800px){.staff-timeline>article{grid-template-columns:120px minmax(260px,1fr)}.staff-timeline{overflow-x:auto}.staff-history-list>article{grid-template-columns:minmax(0,1fr) auto}.deleted-role,.exclude-staff-role{grid-column:2}.staff-history-period small{display:none}}