:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1014;--bg-2:#141c22;--ink:#f3efe6;--muted:#a7b0b6;--line:#e4c27a47;--gold:#e4c27a;--gold-2:#b8884a;--teal:#7ec8c3;--danger:#ffb4a8;--danger-bg:#ff78641f;--shadow:0 24px 60px #00000059;font-synthesis:none;text-rendering:optimizelegibility;font-family:Pretendard,Outfit,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(900px 480px at 12% -10%, #e4c27a29, transparent 60%), radial-gradient(700px 420px at 100% 0%, #7ec8c31a, transparent 55%), var(--bg);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.kicker{color:var(--teal);letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px;font-family:Outfit,Pretendard,sans-serif;font-size:12px}.boot{min-height:100vh;color:var(--muted);place-items:center;display:grid}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:48px;width:min(1080px,100% - 48px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid}.auth-hero h1{letter-spacing:-.04em;font-family:Outfit,Pretendard,sans-serif;font-size:clamp(48px,6vw,84px);font-weight:600;line-height:.92}.hero-logo{width:154px;height:auto;margin:0 0 10px;display:block}.brand-logo{width:46px;height:auto;display:block}.auth-hero .lede{max-width:360px;color:var(--muted);margin-top:18px;line-height:1.6}.auth-card,.panel,.modal{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff09,#ffffff04);border-radius:22px}.auth-card{gap:14px;padding:28px;display:grid}.auth-card h2{letter-spacing:-.03em;font-size:28px}.hint{color:var(--muted);font-size:14px;line-height:1.5}label{color:var(--muted);gap:6px;font-size:13px;display:grid}input,select{background:#080c0e8c;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;height:44px;padding:0 12px}input:focus,select:focus{border-color:#e4c27ab3}input:disabled,select:disabled{opacity:.7}.email-fixed{background:#080c0e8c;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.email-fixed input{background:0 0;border:0;border-radius:0}.email-fixed em{color:var(--gold);padding-right:12px;font-size:13px;font-style:normal}.primary,.secondary{border:0;border-radius:12px;height:44px;padding:0 16px}.primary{background:linear-gradient(180deg, #f0d7a4, var(--gold-2));color:#24180c;font-weight:700}.primary:disabled,.secondary:disabled,.ghost-icon:disabled,.preset-nav button:disabled{opacity:.4;cursor:default}.secondary{border:1px solid var(--line);color:var(--ink);background:0 0}.text-link{color:var(--teal);background:0 0;border:0;justify-self:start;padding:0}.banner-error{background:var(--danger-bg);color:var(--danger);border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px;display:flex}.banner-error button{color:inherit;background:0 0;border:0}.overlay{z-index:20;background:#040709d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#161e27;border-color:#e4c27a73;gap:14px;width:min(520px,100%);padding:22px;display:grid}.modal input,.modal select,.modal .admin-list{background:#0d141b}.modal-head,.modal-actions,.panel-head,.topbar,.who,.brand,.row-actions{align-items:center;display:flex}.modal-head{justify-content:space-between;gap:12px}.modal-head>div,.brand,.who{align-items:center;gap:12px;display:flex}.modal-head h3{font-size:18px}.modal-head p{color:var(--muted);margin-top:2px;font-size:13px}.modal-icon{width:36px;height:36px;color:var(--gold);background:#e4c27a1a;border-radius:10px;place-items:center;display:grid}.ghost-icon{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.ghost-icon:hover{border-color:var(--line);color:var(--ink)}.modal-actions{justify-content:flex-end;gap:8px}.row-actions{gap:4px}.character-overlay{align-items:start;overflow:auto}.character-modal{gap:8px;width:min(1180px,100%);margin:auto;padding:18px;display:grid}.character-modal>.panel{box-shadow:none;background:0 0;border:0;padding:8px 4px 0}.modal-actions.spread{justify-content:space-between}.admin-list{color:var(--muted);background:#ffffff08;border-radius:12px;gap:4px;padding:12px;font-size:14px;display:grid}.admin-list strong{color:var(--ink)}.app-shell{min-height:100vh}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1014c7;border-bottom:1px solid #e4c27a29;justify-content:space-between;gap:16px;padding:14px 24px;position:sticky;top:0}.brand strong{letter-spacing:-.03em;font-family:Outfit,Pretendard,sans-serif;display:block}.brand span,.who span{color:var(--muted);font-size:12px;display:block}.who{text-align:right}.who strong{font-size:14px;display:block}nav{background:#ffffff08;border-radius:14px;gap:6px;padding:4px;display:flex}nav button{color:var(--muted);background:0 0;border:0;border-radius:10px;height:36px;padding:0 14px}nav button.active{color:var(--gold);background:#e4c27a29}main{padding:28px 24px 48px}.panel{padding:22px}.placeholder{min-height:280px}.placeholder h2{letter-spacing:-.04em;margin-bottom:10px;font-size:36px}.placeholder p:last-child{max-width:460px;color:var(--muted);line-height:1.6}.panel-head{justify-content:space-between;margin-bottom:16px}.panel-head h2{letter-spacing:-.03em;font-size:28px}.count{min-width:36px;height:36px;color:var(--teal);background:#7ec8c31f;border-radius:999px;place-items:center;font-family:Outfit,sans-serif;display:grid}.table-wrap{overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:12px 10px}th{color:var(--muted);font-weight:500}.drag-cell{width:36px;padding-right:0}tr[draggable=true],.raid-card[draggable=true]{cursor:grab}tr[draggable=true]:active,.raid-card[draggable=true]:active{cursor:grabbing}tr[draggable=true] button,tr[draggable=true] select,tr[draggable=true] a,.raid-card[draggable=true] button,.raid-card[draggable=true] select{cursor:pointer}tr[draggable=true] input,tr[draggable=true] textarea,.raid-card[draggable=true] input,.raid-card[draggable=true] textarea{cursor:text}tr[draggable=true] input[type=checkbox]{cursor:pointer}.drag-handle{width:28px;height:28px;color:var(--muted);pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.raid-card header .drag-handle{flex:none}.main-cell{text-align:center}.main-check{width:18px;height:18px;accent-color:var(--gold)}.character-table td.sanctuary-cell{text-align:left}.sanctuary-checks{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.sanctuary-checks label{color:inherit;white-space:nowrap;flex-direction:row;align-items:center;gap:8px;font-size:13px;display:flex}tr.main-character{background-image:linear-gradient(90deg,#ff4d6d,#ffb703,#d6ff4a,#2ee6a6,#3ecbff,#9b6bff,#ff4dd2,#ff4d6d);background-size:220% 100%;animation:4.5s linear infinite rainbow-ambient}tr.main-character td{box-shadow:none;background-color:#12181f;background-clip:padding-box;border:1px solid #0000;border-left:0;border-right:0}tr.main-character td:first-child{border-left:1px solid #0000;border-radius:12px 0 0 12px}tr.main-character td:last-child{border-right:1px solid #0000;border-radius:0 12px 12px 0}@keyframes rainbow-ambient{0%{background-position:0 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){tr.main-character,.set-panel.active-set{animation:none}}.sort-head{color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.sort-head.active{color:var(--gold)}.muted{color:var(--muted)}.badge{color:var(--gold);background:#e4c27a29;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:11px;font-style:normal}.check{accent-color:#b8884a;width:16px;height:16px}.empty{color:var(--muted);justify-items:center;gap:8px;padding:28px;display:grid}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.catalog-name{max-width:240px;height:36px}.server-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.server-col h3{justify-content:flex-start;align-items:center;gap:8px;margin:0 0 12px;font-size:20px;display:flex}.server-col .catalog-name{max-width:none}.tabs button{border:1px solid var(--line);height:36px;color:var(--muted);background:0 0;border-radius:10px;padding:0 14px}.tabs button.active{color:var(--gold);background:#e4c27a1a;border-color:#e4c27a80}.charge-remain{color:var(--teal);letter-spacing:.04em;margin:8px 0 16px;font-family:Outfit,sans-serif;font-size:40px;font-weight:700}.charge-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.charge-form input{width:88px}.charge-form span{color:var(--muted)}.raid-add,.char-add{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.char-search{z-index:6;flex:0 0 280px;width:280px;position:relative}.char-search input{width:100%}.char-add .primary,.char-add .secondary{width:auto}.char-add .primary,.char-add .secondary,.tiny{align-items:center;gap:6px;display:inline-flex}.suggest-list{z-index:4;border:1px solid var(--line);background:#161e27;border-radius:12px;width:max-content;max-width:min(560px,92vw);max-height:360px;margin:0;padding:6px;list-style:none;position:absolute;top:48px;left:0;overflow:auto;box-shadow:0 12px 32px #00000059}.hit-row{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:112px 108px 58px 96px 54px;align-items:center;gap:8px;width:max-content;min-height:36px;padding:6px 10px;display:grid}.hit-row.with-race{grid-template-columns:112px 108px 40px 58px 96px 54px}.hit-row:hover{background:#ffffff0f}.hit-head{min-height:28px;padding-top:4px;padding-bottom:4px;font-size:12px}.hit-head:hover{background:0 0}.hit-head span.namtul{color:var(--muted)}.hit-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hit-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hit-row span.namtul{color:var(--teal);text-align:right}.hit-row span.level{text-align:right}.suggest-loading{color:var(--muted);padding:8px 10px;font-size:13px}.result-block{justify-items:start;gap:8px;margin-bottom:16px;display:grid}.result-columns{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.race-col{flex-direction:column;gap:6px;width:max-content;display:flex}.race-col>strong{color:var(--gold);font-size:14px}.result-block .hit-row{background:#0d141b;border:1px solid #ffffff0f}.result-more{justify-self:start}.character-table th,.character-table td{text-align:center}.sync-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.sync-time{color:var(--muted);font-size:12px}.tiny{height:32px;padding:0 10px}.raid-add input{max-width:280px}.reset-settings{justify-items:start;gap:12px;display:grid}.sanctuary-reset{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sanctuary-reset>span:first-child{min-width:228px;color:var(--gold);white-space:nowrap;font-size:14px;font-weight:700}.sanctuary-reset>input{text-align:center;width:58px;height:40px}.reset-weekdays{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.reset-weekday{height:40px;color:var(--ink);cursor:pointer;background:#ffffff08;border:1px solid #e4c27a47;border-radius:8px;align-items:center;gap:4px;margin:0;padding:0 6px;font-size:13px;font-weight:700;display:flex}.reset-weekday input{width:16px;height:16px;accent-color:var(--gold);margin:0}.reset-weekday em{font-style:normal}.raid-page{gap:16px;display:grid}.raid-page .panel-head h2{letter-spacing:-.03em;font-size:32px}.guest-open{height:52px;padding:0 26px;font-size:18px}.guest-modal{width:min(760px,100%);max-height:min(82vh,820px);overflow:visible}.guest-modal .char-add{flex-wrap:nowrap}.guest-modal .char-search{flex:1;width:auto;min-width:0}.guest-modal .char-add input{width:100%}.guest-modal .suggest-list{z-index:8}.guest-modal .result-block{max-height:280px;overflow:auto}.guest-list{gap:8px;display:grid}.guest-list>strong{font-size:15px}.guest-row{background:#0d141b;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:4px 8px 4px 12px;display:flex}.raid-note{margin:-4px 0 0;font-size:15px}.boss-tabs{flex-wrap:wrap;gap:8px;display:flex}.boss-tabs button{border:1px solid var(--line);height:42px;color:var(--muted);background:#ffffff08;border-radius:12px;padding:0 18px;font-size:16px}.boss-tabs button.active{color:var(--gold);background:#e4c27a24;border-color:#e4c27a8c;font-weight:700}.preset-tabs{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.preset-tabs button{height:36px;color:var(--muted);background:0 0;border:1px solid #ffffff14;border-radius:10px;padding:0 14px}.preset-tabs button.active{color:var(--ink);background:#7ec8c31f;border-color:#7ec8c38c;font-weight:700}.preset-tabs .preset-add{color:var(--gold);border-style:dashed}.raid-card{background:linear-gradient(#161e27f5,#0e141bf5);border:1px solid #e4c27a47;border-radius:22px;gap:10px;padding:16px 18px 18px;display:grid}.raid-stack{gap:14px;display:grid}.card-toolbar{justify-content:flex-end;display:flex}.card-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.copy-btn{align-items:center;gap:6px;height:36px;padding:0 12px;display:inline-flex}.card-title{max-width:220px;height:40px;font-size:18px;font-weight:700}.set-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.raid-card header{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.preset-nav{grid-column:2;justify-content:center;align-items:center;gap:8px;display:flex}.preset-nav button{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:center;gap:2px;height:36px;padding:0 10px 0 8px;display:inline-flex}.preset-nav button:last-child{padding:0 8px 0 10px}.raid-card header .card-tools{grid-column:3;justify-self:end;margin-left:0}.id-field{display:contents}.id-field select{width:100%;min-width:0}.id-field .ghost-icon{width:28px;height:28px}.set-controls span{color:var(--teal);text-align:center;min-width:52px;font-family:Outfit,sans-serif;font-size:16px}.set-grid{grid-template-columns:repeat(auto-fit,minmax(680px,1fr));align-items:start;gap:12px;display:grid}.set-panel{background:#0000002e;border:1px solid #ffffff0f;border-radius:16px;gap:8px;min-width:0;padding:12px;display:grid;position:relative}.set-panel.active-set{background:linear-gradient(#0e141bf5,#0e141bf5) padding-box padding-box,linear-gradient(90deg,#ff4d6d,#ffb703,#d6ff4a,#2ee6a6,#3ecbff,#9b6bff,#ff4dd2,#ff4d6d) 0 0/220% 100% border-box;border-color:#0000;animation:4.5s linear infinite rainbow-ambient;box-shadow:0 0 18px #ff4db447}.set-panel>strong{color:var(--gold);letter-spacing:.03em;text-align:center;font-size:15px}.set-shot{z-index:2;width:32px;height:32px;color:var(--gold);background:#0e141bb8;border:1px solid #e4c27a59;position:absolute;top:8px;right:8px}.shot-modal{width:min(920px,100%)}.shot-hint{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.45}.shot-preview{object-fit:contain;background:#0e141b;border:1px solid #ffffff14;border-radius:12px;width:100%;max-height:min(60vh,640px);display:block}.set-add{min-height:160px;color:var(--gold);background:0 0;border:1px dashed #e4c27a73;border-radius:16px;font-size:16px}.party-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.party-column{align-content:start;gap:4px;min-width:0;display:grid}.party-name{color:var(--gold);letter-spacing:.04em;text-align:center;font-size:18px;font-weight:700}.personal-page{gap:16px;display:grid}.personal-charge{align-items:center;gap:12px;display:flex}.personal-charge>span:first-child{color:var(--muted);font-size:15px;font-weight:700}.personal-charge strong{color:var(--teal);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-size:32px;font-weight:700}.personal-page>.panel-head{margin-bottom:0}.personal-page>.panel-head h2{letter-spacing:-.03em;font-size:32px}.personal-panel h3,.task-box h3{margin:0 0 14px;font-size:20px;font-weight:700}.section-toggle{width:100%;color:inherit;background:#e4c27a1a;border:1px solid #e4c27a80;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:16px;padding:12px 14px;display:grid}.section-toggle:hover{border-color:var(--gold);background:#e4c27a2e}.personal-panel .section-toggle h3{justify-self:start;margin:0}.section-toggle-hint{color:var(--gold);font-size:15px;font-weight:700}.personal-panel.collapsed .section-toggle{margin-bottom:0}.section-toggle-action{background:linear-gradient(180deg, #f0d7a4, var(--gold-2));color:#24180c;border-radius:999px;justify-self:end;align-items:center;gap:4px;height:36px;padding:0 10px 0 14px;font-size:15px;font-weight:700;display:inline-flex}.section-toggle-action em{font-style:normal}.section-toggle svg{transition:transform .15s}.section-toggle svg.open{transform:rotate(180deg)}.task-box{min-height:140px}.daily-list{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.weekly-lines{gap:12px;display:grid}.daily-row{align-items:center;gap:8px;min-height:48px;display:flex}.daily-row>span{white-space:nowrap;font-size:18px}.daily-progress{text-align:center;width:96px;font-size:18px}.daily-checks{align-items:flex-end;gap:8px;display:flex}.daily-done{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;margin:0;display:flex}.daily-done span{color:var(--gold);white-space:nowrap;font-size:12px;font-weight:700;line-height:1}.daily-done input{width:22px;height:22px;accent-color:var(--gold);cursor:pointer;padding:0}.personal-panel .hint{font-size:18px;line-height:1.5}.calc-guide{color:var(--muted);margin:0 0 16px;padding-left:1.35em;font-size:16px;line-height:1.6}.calc-guide li+li{margin-top:4px}.task-table{font-size:18px}.task-table th,.task-table td{text-align:center}.task-table th,.task-table .task-main td{padding:8px 6px}.task-name{font-weight:700}.task-id{flex-direction:column;align-items:center;gap:6px;display:flex}.memo-button{height:28px;color:var(--gold);background:#e4c27a14;border:1px solid #e4c27a73;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700}.memo-button.has-note{background:#e4c27a38}.inv-split{grid-template-columns:1fr 1fr;gap:4px;width:104px;margin:0 auto;display:grid}.inv-split label{justify-items:center;gap:4px;margin:0;display:grid}.inv-split .task-input{width:100%;height:44px;padding:0 2px;font-size:16px}.inv-split span{color:#c9b6ff;font-size:11px;font-weight:700;line-height:1}.memo-modal{width:min(560px,100%)}.memo-pad{resize:vertical;width:100%;height:240px;min-height:240px;color:var(--ink);font:inherit;background:#0d141b;border:1px solid #ffffff14;border-radius:12px;padding:12px;font-size:16px;line-height:1.5}.memo-pad:focus{border-color:#e4c27ab3;outline:none}.task-calc{color:var(--teal);font-family:Outfit,sans-serif;font-weight:650}th.task-emph{color:var(--teal);font-weight:700}.task-badge{min-width:60px;height:48px;color:var(--teal);background:#7ec8c329;border:1px solid #7ec8c3bf;border-radius:12px;place-items:center;padding:0 12px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700;line-height:1;display:inline-grid}.task-badge.is-zero{color:var(--muted);background:#a7b0b60f;border-color:#a7b0b673}.task-input{text-align:center;width:104px;height:44px;margin:0 auto;font-size:18px}th.task-daily{color:#c9b6ff;font-weight:700}input.task-daily{color:#efe9ff;background:#b9a0ff29;border:1px dashed #b9a0ffe6}input.task-daily:focus{background:#b9a0ff3d;border-style:solid;border-color:#c9b6ff}.task-main td{border-bottom-color:#0000;padding-bottom:4px}.task-sanctuary td{white-space:normal;padding-top:0}.sanctuary-block{justify-content:flex-end;align-items:center;gap:18px;padding:4px 0 8px;display:flex}.sanctuary-label{color:var(--gold);text-align:right;flex:none;font-size:18px;font-weight:700}.sanctuary-runs{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;display:flex}.sanctuary-run{flex-direction:column;align-items:center;gap:6px;min-width:180px;display:flex}.sanctuary-run span{font-size:18px;line-height:1.3}.sanctuary-step{background:#e4c27a14;border:1px dashed #e4c27ab3;border-radius:12px;align-items:center;gap:4px;padding:3px;display:flex}.sanctuary-step button{border:1px solid var(--line);width:34px;height:44px;color:var(--gold);background:#ffffff08;border-radius:8px;font-size:20px;line-height:1}.sanctuary-step button:disabled{opacity:.4;cursor:default}.sanctuary-step .task-input{width:60px;margin:0}.sanctuary-run.is-zero span,.sanctuary-run.is-zero .sanctuary-step button,.sanctuary-run.is-zero .task-input{color:var(--muted)}.sanctuary-run.is-zero .sanctuary-step{background:#a7b0b60f;border-color:#a7b0b673}.sanctuary-run.is-zero .sanctuary-step button{border-color:#a7b0b647}.sanctuary-run.is-zero .task-input{background:#a7b0b60d;border-color:#a7b0b647}.member{background:#0d141b;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:minmax(120px,1fr) 26px 56px 68px 52px;align-items:center;gap:8px;width:100%;min-width:0;min-height:42px;padding:4px 8px;display:grid}.member>*{min-width:0}.member-head{min-height:0;color:var(--muted);background:0 0;border-color:#0000;padding:0 8px;font-size:13px}.member-head span{text-align:center}.member select{text-align:center;text-align-last:center;background:#101820;border-radius:8px;height:34px;padding:0 8px;font-size:15px}.member select option{color:var(--ink);background:#101820;font-size:15px}.member select.slot-open,.member select option.slot-open{color:var(--gold)}.member select.slot-pair{font-size:13px}.member em{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:15px;font-style:normal;overflow:hidden}.member em.namtul{color:var(--teal);text-align:center}@media (width<=860px){.auth-shell{grid-template-columns:1fr;padding:28px 18px 40px}.auth-hero h1{font-size:56px}.topbar{flex-wrap:wrap;padding:12px}nav{order:3;width:100%;overflow:auto}main{padding:16px 12px 32px}.modal-actions.spread{flex-direction:column;align-items:stretch}.server-columns{grid-template-columns:1fr}}