:root{--bg: #0a0d14;--surface-1: #111621;--surface-2: #161d2b;--surface-3: #1d2638;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--text: #e8ebf2;--muted: #98a1b3;--faint: #6c7486;--gold: #e7b768;--ember: #e5714a;--accent-grad: linear-gradient(135deg, #f0c987, #e5714a);--tank: #4f83cc;--healer: #57b894;--melee: #d9575b;--ranged: #d98c4a;--caster: #9b6cd1;--yes: #43b581;--maybe: #d7a34a;--radius: 16px;--radius-sm: 10px;--shadow: 0 24px 60px rgba(0, 0, 0, .45);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 520px at 8% -8%,rgba(229,113,74,.16),transparent 60%),radial-gradient(820px 620px at 100% 0%,rgba(155,108,209,.12),transparent 58%),var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:grid;grid-template-columns:288px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#161d2be6,#0a0d14e6);padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px}.brand__crest{width:42px;height:42px;filter:drop-shadow(0 4px 12px rgba(229,113,74,.45))}.brand__text{display:flex;flex-direction:column}.brand__name{font-weight:700;font-size:1.05rem;letter-spacing:.2px}.brand__tag{font-size:.72rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold)}.nav{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav__item{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav__item:hover{background:var(--surface-2);color:var(--text)}.nav__item.is-active{background:linear-gradient(135deg,#f0c98724,#e5714a1f);border-color:#e7b76859;color:var(--text)}.nav__icon-wrap{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--surface-3);border:1px solid var(--line);flex-shrink:0;color:var(--gold)}.nav__item.is-active .nav__icon-wrap{background:var(--accent-grad);color:#2a1408;border-color:transparent}.nav__body{display:flex;flex-direction:column;min-width:0;flex:1}.nav__name{font-weight:600;font-size:.92rem}.nav__tagline{font-size:.72rem;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__soon{font-size:.62rem;text-transform:uppercase;letter-spacing:.8px;color:var(--gold);border:1px solid rgba(231,183,104,.35);border-radius:999px;padding:2px 7px}.sidebar__footer{margin-top:auto;color:var(--faint);font-size:.74rem;line-height:1.5;padding:0 8px}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:none;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0d14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.topbar__menu{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.topbar__menu span{height:2px;width:18px;margin:0 auto;background:var(--text);border-radius:2px}.topbar__title{font-weight:600}.content{padding:30px 34px 60px;max-width:1400px;width:100%;margin:0 auto;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scrim{display:none}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card__header{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px 0}.card__title{margin:0;font-size:1rem;letter-spacing:.2px}.card__meta{color:var(--faint);font-size:.78rem}.btn{border-radius:var(--radius-sm);padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text);transition:border-color .15s ease,background .15s ease,transform .05s ease}.btn:hover{border-color:#e7b76880}.btn:active{transform:translateY(1px)}.btn--ghost{background:transparent}.rtf__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.rtf__eyebrow{margin:0;text-transform:uppercase;letter-spacing:1.6px;font-size:.72rem;color:var(--gold)}.rtf__title{margin:4px 0;font-size:2rem;letter-spacing:.3px;background:linear-gradient(90deg,#ffe4b0,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}.rtf__sub{margin:0;color:var(--muted);font-size:.9rem}.rtf__actions{display:flex;gap:8px;flex-wrap:wrap}.rtf__settings{padding:18px;margin-bottom:18px}.rtf__grid{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:18px;align-items:start}.rtf__center{padding:16px 18px 18px}.rtf__editing{margin:4px 0 14px;color:var(--muted);font-size:.88rem}.rtf__editing--empty{padding:30px 0;text-align:center}.rtf__suggest{padding:0 0 12px}.roster{padding:0 0 16px}.coverage{display:flex;gap:8px;padding:12px 16px 6px}.coverage__chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-1)}.coverage__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.6px;color:var(--faint)}.coverage__count{font-weight:700;font-size:1.05rem}.coverage__chip--tank.is-full{border-color:var(--tank);box-shadow:inset 0 0 0 1px #4f83cc66}.coverage__chip--healer.is-full{border-color:var(--healer);box-shadow:inset 0 0 0 1px #57b89466}.coverage__chip--dps.is-full{border-color:var(--melee);box-shadow:inset 0 0 0 1px #d9575b66}.member-list{list-style:none;margin:10px 0 0;padding:0 12px;display:flex;flex-direction:column;gap:4px}.member-list__item{display:flex;align-items:center;gap:6px;border-radius:var(--radius-sm);border:1px solid transparent}.member-list__item.is-active{background:var(--surface-3);border-color:#e7b7684d}.member-list__select{flex:1;display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:none;color:var(--text);cursor:pointer;min-width:0}.member-list__name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list__remove{border:none;background:transparent;color:var(--faint);font-size:1.2rem;line-height:1;padding:0 10px;cursor:pointer}.member-list__remove:hover{color:var(--ember)}.member-list__empty{color:var(--faint);font-size:.84rem;padding:14px 10px;text-align:center}.add-member{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 12px 0}.add-member__name{grid-column:1 / -1}.add-member__name,.add-member__job,.field__input{padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#00000047;color:var(--text);font-size:.88rem;width:100%}.add-member__submit{padding:9px 18px;border:none;border-radius:var(--radius-sm);font-weight:700;color:#2a1408;cursor:pointer;background:var(--accent-grad)}.job-badge{--role-color: #8a93a5;display:inline-flex;align-items:center;gap:6px}.job-badge__abbr{font-size:.64rem;font-weight:800;letter-spacing:.5px;color:#0c0f16;background:var(--role-color);border-radius:6px;padding:3px 6px;min-width:34px;text-align:center}.job-badge--sm .job-badge__abbr{min-width:30px;padding:2px 5px}.job-badge__name{font-size:.86rem;font-weight:600}.job-badge--sm .job-badge__name{font-size:.8rem;color:var(--muted)}.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:#00000047;margin-bottom:6px}.tab{border:none;background:transparent;color:var(--muted);padding:7px 16px;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600}.tab.is-active{color:#2a1408;background:var(--accent-grad)}.grid-wrap{overflow-x:auto}.grid{border-collapse:separate;border-spacing:4px;width:100%}.grid__corner,.grid__day,.grid__time{font-weight:600;color:var(--muted);font-size:.76rem}.grid__day{text-transform:uppercase;letter-spacing:.6px;padding-bottom:2px}.grid__time{text-align:right;padding-right:8px;white-space:nowrap;color:var(--faint)}.grid__cell-wrap{padding:0}.cell{width:100%;min-width:44px;height:30px;border-radius:7px;border:1px solid var(--line);cursor:pointer;transition:transform .05s ease,filter .12s ease;display:block}.cell:hover{filter:brightness(1.15)}.cell:active{transform:scale(.96)}.cell--no{background:#ffffff09}.cell--yes{background:linear-gradient(160deg,#4cc48c,#2f9b6c);border-color:transparent}.cell--maybe{background:linear-gradient(160deg,#e2b45c,#c8913c);border-color:transparent}.legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:.8rem}.legend__item{display:inline-flex;align-items:center;gap:7px}.swatch{width:16px;height:16px;border-radius:5px;border:1px solid var(--line)}.legend__hint{margin-left:auto;color:var(--faint);font-style:italic}.heat{min-width:44px;height:30px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;font-size:.74rem;font-weight:700;color:var(--text)}.heat--0{background:#ffffff08;color:var(--faint)}.heat--1{background:#57b8942e}.heat--2{background:#57b89461}.heat--3{background:#78c88299;color:#08110b}.heat--4{background:linear-gradient(160deg,#7fe0a2,#f0c987);color:#08110b;border-color:transparent}.heat--full{box-shadow:0 0 0 1px #e7b768b3,0 0 14px #e7b76859}.suggest{display:flex;flex-direction:column;gap:12px;padding:14px 16px 0}.suggest__empty{color:var(--faint);padding:20px 18px;font-size:.88rem}.suggest__card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);padding:14px;position:relative}.suggest__card.is-top{border-color:#e7b7688c;background:linear-gradient(180deg,rgba(231,183,104,.1),var(--surface-1));box-shadow:0 0 22px #e7b7681f}.suggest__card.is-short{opacity:.9}.suggest__head{display:flex;align-items:flex-start;justify-content:space-between}.suggest__day{margin:0;font-size:1rem}.suggest__time{margin:2px 0 0;color:var(--gold);font-weight:600;font-size:.9rem}.suggest__score{text-align:right;display:flex;flex-direction:column}.suggest__score-num{font-weight:800;font-size:1.1rem}.suggest__score-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.6px;color:var(--faint)}.suggest__tag{display:inline-block;margin:10px 0 2px;font-size:.66rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#2a1408;background:var(--accent-grad);padding:3px 9px;border-radius:999px}.suggest__bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:10px 0 12px}.suggest__bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--yes),var(--gold))}.suggest__people{display:flex;flex-direction:column;gap:10px}.suggest__group-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.6px;color:var(--faint);display:block;margin-bottom:5px}.suggest__badges{display:flex;flex-wrap:wrap;gap:6px}.suggest__group--muted{opacity:.6}.suggest__none{color:var(--faint)}.settings{display:flex;flex-direction:column;gap:14px}.settings__row{display:flex;gap:12px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px}.field__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;color:var(--faint)}.settings__days{display:flex;flex-direction:column;gap:8px}.day-toggles{display:flex;gap:6px;flex-wrap:wrap}.day-toggle{border:1px solid var(--line-strong);background:#00000040;color:var(--muted);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:.8rem;font-weight:600}.day-toggle.is-on{color:#2a1408;background:var(--accent-grad);border-color:transparent}.coming-soon{display:grid;place-items:center;padding:30px 0}.coming-soon__inner{max-width:640px;padding:34px 32px}.coming-soon__tag{font-size:.7rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold)}.coming-soon__title{margin:10px 0 8px;font-size:1.8rem}.coming-soon__tagline{margin:0 0 18px;color:var(--muted);font-size:1rem;line-height:1.6}.coming-soon__points{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.coming-soon__points li{position:relative;padding-left:26px;color:var(--text);line-height:1.5}.coming-soon__points li:before{content:"";position:absolute;left:4px;top:8px;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--accent-grad)}.coming-soon__note{margin:0;color:var(--faint);font-size:.85rem;border-top:1px solid var(--line);padding-top:16px}@media (max-width: 1120px){.rtf__grid{grid-template-columns:1fr}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.topbar{display:flex}.sidebar{position:fixed;z-index:30;width:288px;transform:translate(-100%);transition:transform .22s ease}.sidebar.is-open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;border:none;z-index:25}.content{padding:22px 16px 48px}}