:root{color-scheme:light dark;--color-bg: #11151c;--color-bg-elevated: #1b2230;--color-surface: #222b3a;--color-surface-2: #2b3648;--color-border: #36425a;--color-border-strong: #4a5876;--color-fg: #e8edf5;--color-fg-muted: #a7b3c6;--color-fg-subtle: #7a879c;--color-accent: #4f9dff;--color-accent-fg: #ffffff;--color-accent-soft: rgba(79, 157, 255, .16);--color-success: #46c98b;--color-success-soft: rgba(70, 201, 139, .16);--color-warning: #f2b13b;--color-warning-soft: rgba(242, 177, 59, .18);--color-danger: #ff6b6b;--color-danger-soft: rgba(255, 107, 107, .16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--font-sans: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-size-base: 16px;--line-height: 1.6;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);--shadow-sticky: 0 4px 14px rgba(0, 0, 0, .45);--tap-min: 44px;--chip-bg: var(--color-surface-2);--chip-fg: var(--color-fg);--chip-border: var(--color-border-strong)}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base)}body{margin:0;font-family:var(--font-sans);line-height:var(--line-height);color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.3;font-weight:700}h1{font-size:1.5rem}h2{font-size:1.15rem}a{color:var(--color-accent)}button,input,select,textarea{font:inherit;color:inherit}ul{list-style:none}.layout{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:960px;margin:0 auto;padding:var(--space-4)}.layout__main{min-width:0}.layout__sidebar{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:641px){.layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.layout__main,.ad-slot--footer,.layout__footer{grid-column:1}.layout__sidebar{grid-column:2;grid-row:1 / span 3;align-self:start}}.layout__footer{text-align:center;color:var(--color-fg-subtle);font-size:.85rem}.ad-slot{display:flex;align-items:center;justify-content:center;min-height:90px;padding:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);color:var(--color-fg-subtle);opacity:.85;max-width:100%;min-width:0;overflow:hidden}.ad-slot--section,.ad-slot--footer,.ad-slot--sidebar{width:100%}.ad-slot-label{font-size:.85rem;letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-page{display:flex;flex-direction:column;gap:var(--space-4)}.tracker-page-header{display:flex;flex-direction:column;gap:var(--space-1)}.tracker-page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tracker-page-groups{display:flex;flex-direction:column;gap:var(--space-4)}.tracker-add-button{min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-accent-fg);font-weight:600;cursor:pointer}.tracker-add-button:hover{filter:brightness(1.08)}.tracker-hidden-items{padding:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tracker-hidden-items-heading{font-size:1rem;color:var(--color-fg-muted)}.tracker-hidden-items-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0}.tracker-hidden-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tracker-hidden-item-name{color:var(--color-fg-muted)}.summary-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sticky)}.summary-counts{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0}.summary-count-item{display:flex;flex-direction:column;gap:var(--space-1);min-width:4.5rem}.summary-count-label{margin:0;font-size:.8rem;color:var(--color-fg-muted)}.summary-count-value{margin:0;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-fg)}.summary-resets{display:flex;flex-wrap:wrap;gap:var(--space-4)}.summary-reset{display:flex;flex-direction:column;gap:var(--space-1)}.summary-reset-label{font-size:.8rem;color:var(--color-fg-muted)}.filter-sort-controls{display:flex;flex-wrap:wrap;gap:var(--space-3)}.control{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--color-fg-muted)}.control select,.control input{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.control input[type=checkbox]{min-height:0;width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.manual-reset-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.manual-reset-button{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-2);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.manual-reset-button:hover{border-color:var(--color-accent)}.content-group{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.content-group-heading{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-size:1.1rem}.content-group-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0}.content-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.content-row--done{background-color:var(--color-surface);border-color:var(--color-success-soft);opacity:.72}.content-row--done .content-row-name{text-decoration:line-through;color:var(--color-fg-muted)}.content-row-check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);cursor:pointer}.content-row-check input[type=checkbox]{width:1.4rem;height:1.4rem;accent-color:var(--color-success);cursor:pointer}.content-row-name{font-weight:600}.content-row-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.content-row-zeny{display:inline-flex;align-items:baseline;gap:var(--space-1);margin:0;font-size:.85em;color:var(--color-fg-muted);white-space:nowrap}.content-row-zeny-value{font-weight:600;color:var(--color-fg)}.content-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.content-row-actions button{min-height:var(--tap-min);padding:var(--space-1) var(--space-3);background-color:var(--color-surface-2);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.content-row-actions button:hover{border-color:var(--color-accent)}.countdown{font-size:.85rem;color:var(--color-warning);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;padding:.15em .6em;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;line-height:1.4;white-space:nowrap;border:1px solid transparent}.badge-type{background-color:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.badge-type[data-type=MD]{background-color:#4f9dff2e;color:#8fc1ff;border-color:#4f9dff}.badge-type[data-type=quest]{background-color:#46c98b2e;color:#79e0b1;border-color:#46c98b}.badge-type[data-type=boss]{background-color:#ff6b6b2e;color:#ff9b9b;border-color:#ff6b6b}.badge-type[data-type=other]{background-color:var(--color-surface-2);color:var(--color-fg-muted);border-color:var(--color-border-strong)}.badge-cadence{background-color:var(--color-surface-2);color:var(--color-fg);border-color:var(--color-border-strong)}.badge-cadence[data-cadence=daily]{background-color:#f2b13b29;color:#f6c66c;border-color:#f2b13b}.badge-cadence[data-cadence=weekly]{background-color:#a78bfa2e;color:#c4b5fd;border-color:#a78bfa}.badge-cadence[data-cadence=everyNDays]{background-color:#2dd4bf29;color:#5eead4;border-color:#2dd4bf}.resistance{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:baseline;flex:1 1 100%;min-width:0}.resistance-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);min-width:0}.resistance-group-label{font-size:.78rem;color:var(--color-fg-subtle);white-space:nowrap}.chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0}.chip{display:inline-flex;align-items:center;padding:.12em .55em;border-radius:var(--radius-sm);font-size:.8rem;line-height:1.5;white-space:nowrap;background-color:var(--chip-bg);color:var(--chip-fg);border:1px solid var(--chip-border)}.resistance-empty{font-size:.8rem;color:var(--color-fg-subtle);font-style:italic}.chip[data-el]{background-color:var(--chip-bg);color:var(--chip-fg);border-color:var(--chip-border);font-weight:600}[data-el=火]{--chip-bg: rgba(229, 57, 53, .2);--chip-fg: #ff8a80;--chip-border: #e53935}[data-el=水]{--chip-bg: rgba(41, 121, 255, .2);--chip-fg: #82b1ff;--chip-border: #2979ff}[data-el=風]{--chip-bg: rgba(67, 160, 71, .2);--chip-fg: #a5d6a7;--chip-border: #43a047}[data-el=地]{--chip-bg: rgba(141, 110, 51, .25);--chip-fg: #d9b779;--chip-border: #a1772f}[data-el=聖]{--chip-bg: rgba(255, 193, 7, .2);--chip-fg: #ffe082;--chip-border: #ffc107}[data-el=闇]{--chip-bg: rgba(126, 87, 194, .25);--chip-fg: #b39ddb;--chip-border: #7e57c2}[data-el=念]{--chip-bg: rgba(236, 64, 122, .2);--chip-fg: #f48fb1;--chip-border: #ec407a}[data-el=毒]{--chip-bg: rgba(124, 179, 66, .22);--chip-fg: #c5e1a5;--chip-border: #7cb342}[data-el=無]{--chip-bg: rgba(120, 144, 156, .25);--chip-fg: #cfd8dc;--chip-border: #78909c}[data-el=不死]{--chip-bg: rgba(38, 96, 79, .3);--chip-fg: #80cb9a;--chip-border: #2e6e57}.status-banner{display:flex;flex-direction:column;gap:var(--space-2)}.status-banner-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid;border-radius:var(--radius-md);font-size:.9rem}.status-banner-load{background-color:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.status-banner-save{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.status-banner-message{flex:1 1 auto}.status-banner-dismiss{min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-1) var(--space-3);background-color:transparent;color:inherit;border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer}.content-form-dialog{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:.85rem;color:var(--color-fg-muted)}.field input,.field select{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.field-error{margin:0;font-size:.82rem;color:var(--color-danger)}.resistance-editor{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.resistance-editor-title{font-weight:600;color:var(--color-fg-muted)}.resistance-category{margin:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.resistance-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0 0;padding:0;list-style:none}.content-form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.content-form-actions button{min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface-2);color:var(--color-fg);cursor:pointer}.content-form-actions button[type=submit]{background-color:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent);font-weight:600}.view-bar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.view-bar-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.view-tab{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);max-width:100%;background-color:var(--color-surface-2);color:var(--color-fg-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-tab:hover{border-color:var(--color-accent)}.view-tab[data-active=true]{background-color:var(--color-accent-soft);color:var(--color-fg);border-color:var(--color-accent)}.view-add{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-1) var(--space-3);background-color:var(--color-accent);color:var(--color-accent-fg);border:none;border-radius:var(--radius-pill);font-weight:700;cursor:pointer}.view-add:hover{filter:brightness(1.08)}.view-bar-edit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.view-rename-label{font-size:.85rem;color:var(--color-fg-muted)}.view-rename-input{flex:1 1 12rem;min-width:0;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.view-rename-input:focus{outline:none;border-color:var(--color-accent)}.view-delete{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-2);color:var(--color-danger);border:1px solid var(--color-danger-soft);border-radius:var(--radius-sm);cursor:pointer}.view-delete:hover:not(:disabled){border-color:var(--color-danger)}.view-delete:disabled{color:var(--color-fg-subtle);border-color:var(--color-border);opacity:.6;cursor:not-allowed}@media(max-width:640px){html{font-size:15px}.layout{padding:var(--space-3);gap:var(--space-3)}.layout__sidebar{display:none}.summary-bar,.tracker-page-toolbar,.filter-sort-controls,.content-row,.content-group,.view-bar,.ad-slot{max-width:100%}.view-rename-input{flex:1 1 100%}.summary-bar{flex-direction:column;gap:var(--space-3)}.summary-counts{justify-content:space-between;gap:var(--space-3)}.content-group{padding:var(--space-3)}.filter-sort-controls,.control,.control select,.control input{width:100%}.content-row-actions{width:100%;margin-left:0}.content-row-actions button,.manual-reset-button,.tracker-add-button,.content-form-actions button{flex:1 1 auto}}.access-info{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);display:flex;flex-direction:column;gap:var(--space-2)}.access-info-heading{margin:0;font-size:.9rem;font-weight:700;color:var(--color-fg);letter-spacing:.02em}.access-route{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);align-items:baseline}.access-route-row{display:contents}.access-route-label{margin:0;font-size:.78rem;font-weight:600;color:var(--color-fg-subtle);white-space:nowrap}.access-route-value{margin:0;font-size:.85rem;color:var(--color-fg);overflow-wrap:anywhere}.access-conditions-label,.access-sources-label{margin:var(--space-1) 0 0;font-size:.78rem;font-weight:600;color:var(--color-fg-subtle)}.access-conditions{margin:var(--space-1) 0 0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--color-fg-muted)}.access-note{margin:0;font-size:.82rem;color:var(--color-fg-muted);overflow-wrap:anywhere}.access-sources{margin:var(--space-1) 0 0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);font-size:.78rem}.access-sources a{color:var(--color-accent);overflow-wrap:anywhere}@media(max-width:640px){.access-route{grid-template-columns:1fr;gap:0 0}.access-route-row{display:block;margin-bottom:var(--space-1)}.access-route-label{display:block}}.gear-profile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-elevated)}.gear-profile-heading{margin:0;font-size:1rem;font-weight:700;color:var(--color-fg)}.gear-profile-level{display:flex;align-items:center;gap:var(--space-2)}.gear-profile-level-label{font-size:.85rem;color:var(--color-fg-muted)}.gear-profile-level-input{width:6rem;padding:var(--space-1) var(--space-2);background-color:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.gear-profile-elements{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.gear-profile-elements-label{font-size:.85rem;color:var(--color-fg-muted);margin-right:var(--space-1)}.gear-profile-element{display:inline-flex;align-items:center;gap:.3em;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-surface);color:var(--color-fg-muted);font-size:.85rem;cursor:pointer;user-select:none}.gear-profile-element[data-owned=true]{background-color:var(--chip-bg);color:var(--chip-fg);border-color:var(--chip-border)}.gear-profile-element input{accent-color:var(--color-accent)}.control-fit span{color:var(--color-fg);font-weight:600}@media(max-width:640px){.gear-profile-level{flex-wrap:wrap}}.content-row-favorite{min-width:var(--tap-min);color:var(--color-fg-muted);font-size:1.05em;line-height:1}.content-row-favorite--on{color:var(--color-warning);border-color:var(--color-warning);background-color:var(--color-warning-soft)}.content-row-move{min-width:var(--tap-min);font-weight:700}.content-row-move:disabled{opacity:.45;cursor:not-allowed}