@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&family=DM+Mono:wght@400;500&display=swap";:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-raised: #22263a;--color-border: #2e3350;--color-text: #e8eaf6;--color-text-muted: #8892b0;--color-primary: #6c63ff;--color-primary-hover: #857dff;--color-success: #4caf50;--color-danger: #f44336;--color-warning: #ff9800;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-sans: system-ui, -apple-system, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "DM Mono", "Cascadia Code", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;min-height:100dvh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}.page{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.page-title{font-size:1.75rem;font-weight:700}.binder-header{position:sticky;top:0;z-index:200;background:#0f1117eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #2e3350b3,0 4px 28px #00000059}.binder-header__bar{max-width:960px;margin:0 auto;padding:0 var(--space-4);height:56px;display:flex;align-items:center;gap:var(--space-4)}.binder-header__identity{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.binder-header__back{font-size:.75rem;letter-spacing:.02em;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;transition:color .12s}.binder-header__back:hover{color:var(--color-text);text-decoration:none}.binder-header__crumb-sep{color:var(--color-border);font-size:.85rem;-webkit-user-select:none;user-select:none}.binder-header__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text);white-space:nowrap;letter-spacing:.015em}.binder-header__stat{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted);white-space:nowrap}.binder-header__count,.binder-header__total{color:var(--color-text);font-weight:500}.binder-header__dot{color:var(--color-border);margin:0 1px}.binder-header__pct{color:var(--color-primary);font-weight:500}.binder-header__controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.binder-view-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;gap:2px}.binder-view-toggle__btn{padding:4px 12px;font-size:.78rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background .12s,color .12s;background:transparent;color:var(--color-text-muted);letter-spacing:.01em}.binder-view-toggle__btn--active{background:var(--color-primary);color:#fff;box-shadow:0 1px 6px #6c63ff73}.binder-view-toggle__btn:not(.binder-view-toggle__btn--active):hover{color:var(--color-text);background:var(--color-surface-raised)}.binder-header__actions{display:flex;align-items:center;border-left:1px solid var(--color-border);padding-left:var(--space-2);margin-left:var(--space-1)}.binder-header__action-btn{padding:5px 9px;font-size:.76rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .12s,background .12s;letter-spacing:.01em}.binder-header__action-btn:hover{color:var(--color-text);background:var(--color-surface-raised)}.binder-header__progress-track{height:3px;background:#2e335080;overflow:visible}.binder-header__progress-fill{height:100%;background:linear-gradient(90deg,#5b54e8,#a18eff);transition:width .7s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0;position:relative}.binder-header__progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:7px;background:#a18eff;border-radius:4px;filter:blur(5px);opacity:.9}.binder-main{max-width:960px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.binder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6)}.binder-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;color:var(--color-text);text-decoration:none;transition:border-color .15s,transform .15s}.binder-card:hover{border-color:var(--color-primary);transform:translateY(-2px);text-decoration:none;color:var(--color-text)}.binder-card__cover{aspect-ratio:4 / 3;background:var(--color-surface-raised);display:flex;align-items:center;justify-content:center;overflow:hidden}.binder-card__cover-img{width:100%;height:100%;object-fit:cover}.binder-card__cover-placeholder{font-size:3rem;font-weight:700;color:var(--color-primary);opacity:.6}.binder-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.binder-card__name{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binder-card__count{font-size:.8rem;color:var(--color-text-muted)}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-sm);transition:width .4s ease}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-text-muted);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:modal-in .15s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-backdrop .modal{max-width:420px;max-height:none;padding:var(--space-8);gap:var(--space-6)}.modal__title{font-size:1.1rem;font-weight:600}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.field__input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;padding:var(--space-2) var(--space-3);outline:none;transition:border-color .15s}.field__input:focus{border-color:var(--color-primary)}.field-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.field-group__legend{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-1)}.check-label{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;cursor:pointer}.check-label--stacked{align-items:flex-start}.check-label--stacked span{display:flex;flex-direction:column;gap:2px}.check-label--stacked small{color:var(--color-text-muted);font-size:.8rem}.wizard-progress{display:flex;gap:var(--space-2);justify-content:center}.wizard-pip{width:28px;height:4px;border-radius:var(--radius-sm);background:var(--color-border);transition:background .2s}.wizard-pip--active{background:var(--color-primary)}.wizard-pip--done{background:var(--color-success)}.cover-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cover-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0}.cover-swatch:hover{transform:scale(1.15)}.cover-swatch--none{background:var(--color-surface-raised);border-color:var(--color-border)}.cover-swatch--active{border-color:var(--color-text)!important;transform:scale(1.15)}.mode-picker{display:flex;flex-direction:column;gap:var(--space-3)}.mode-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.mode-card:hover{border-color:var(--color-text-muted)}.mode-card--active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.mode-card p{font-size:.85rem;color:var(--color-text-muted);margin:0}.mode-picker--stack{max-height:56vh;overflow-y:auto}.rule-builder{display:flex;flex-direction:column;gap:var(--space-3);max-height:52vh;overflow-y:auto}.rule-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.rule-group__sep{display:inline-block;margin:calc(-1 * var(--space-2)) 0 0 var(--space-3);padding:2px 10px;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--color-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px}.rule-group__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.rule-row{display:flex;align-items:center;gap:var(--space-2)}.rule-row__and{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);flex:0 0 auto}.rule-row__type{flex:0 0 7.5rem}.rule-row__value{flex:1 1 auto;min-width:0}.rule-row__remove{flex:0 0 auto;width:1.9rem;height:1.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:1.1rem;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}.rule-row__remove:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.rule-row__remove:disabled{opacity:.4;cursor:not-allowed}.rule-builder__add-group{align-self:flex-start}.rule-preview{position:sticky;bottom:0;padding:var(--space-3);text-align:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.rule-preview__count{color:var(--color-primary);font-size:1.25rem}.rule-preview__muted{color:var(--color-text-muted);font-size:.9rem}.btn--sm{padding:var(--space-1) var(--space-3);font-size:.8rem}.btn-group{display:flex;gap:var(--space-1)}.back-link{font-size:.85rem}.binder-progress{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);min-width:160px}.binder-progress__text{font-size:.85rem;color:var(--color-text-muted)}.binder-view-container{display:flex;flex-direction:column;gap:12px}.binder-controls-bar{display:flex;align-items:center;gap:var(--space-2);position:relative;z-index:20}.binder-spread{display:flex;gap:0;justify-content:center;align-items:stretch;position:relative}.binder-page{display:grid;gap:8px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;width:fit-content}.binder-page--right{display:none;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.binder-page:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}@media(min-width:1024px){.binder-page--right{display:grid}.binder-spread:after{content:"";position:absolute;left:50%;top:var(--space-4);bottom:var(--space-4);width:2px;background:var(--color-border);transform:translate(-50%);pointer-events:none}}.binder-page--ghost{opacity:.3}.binder-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(135deg,#1a1050,#0d0a2e);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);min-width:200px;position:relative;overflow:hidden;align-self:stretch}.binder-cover--left{border-top-right-radius:0;border-bottom-right-radius:0}.binder-cover--right{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.binder-cover__ball{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c33,#911,#600);border:3px solid #222;position:relative;box-shadow:inset 0 -8px 20px #0006,0 4px 16px #00000080;flex-shrink:0}.binder-cover__ball:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:#222;transform:translateY(-50%)}.binder-cover__ball:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;background:radial-gradient(circle at 40% 35%,#eee,#aaa 60%,#666);border:3px solid #222;border-radius:50%;transform:translate(-50%,-50%)}.binder-cover__label{font-size:1.1rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.6)}.binder-cover__sub{font-size:.8rem;color:#ffffff80;text-align:center}.binder-volume-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:fit-content}.binder-volume-tab{padding:5px var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .15s,color .15s}.binder-volume-tab:hover{background:var(--color-surface-raised);color:var(--color-text)}.binder-volume-tab--active{background:var(--color-primary);color:#fff;cursor:default;box-shadow:0 1px 8px #6c63ff59}button.card-slot{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit}.card-slot{border-radius:var(--radius-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;background:var(--color-surface);padding:5px 4px;gap:3px;overflow:hidden;min-width:0}.card-slot--empty{min-height:108px;opacity:.2;background:repeating-linear-gradient(45deg,var(--color-surface),var(--color-surface) 5px,var(--color-surface-raised) 5px,var(--color-surface-raised) 10px)}.card-slot--clickable{cursor:pointer}.card-slot--clickable:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.card-slot--toggling{opacity:.5;cursor:wait}.card-slot--uncollected{background:var(--color-surface)}.card-slot__sprite--uncollected{opacity:.35;filter:grayscale(.7)}.card-slot__num{font-size:.65rem;color:var(--color-text-muted);font-weight:600;align-self:flex-start;line-height:1}.card-slot--has-image{aspect-ratio:2.5 / 3.5;padding:0;gap:0;justify-content:center}.card-slot__img{width:100%;height:100%;object-fit:cover}.card-slot--sprite-only{background:var(--color-surface-raised)}.card-slot__sprite{width:min(80%,72px);height:auto;aspect-ratio:1;image-rendering:pixelated;flex-shrink:0}.card-slot__label{font-size:.65rem;color:var(--color-text-muted);text-transform:capitalize;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;min-width:0;padding:0 var(--space-1);line-height:1.2}.gen-breakdown{position:relative;flex-shrink:0}.gen-breakdown__summary{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;white-space:nowrap;transition:color .15s,border-color .15s}.gen-breakdown__summary:hover{color:var(--color-text);border-color:var(--color-text-muted)}details[open] .gen-breakdown__summary{color:var(--color-text);border-color:var(--color-primary)}.gen-breakdown__summary::-webkit-details-marker{display:none}.gen-breakdown__summary:after{content:"";display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;flex-shrink:0}details[open] .gen-breakdown__summary:after{transform:rotate(225deg) translateY(2px)}.gen-breakdown__table{display:flex;flex-direction:column;gap:1px}details[open] .gen-breakdown__table{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;padding:var(--space-2)}.gen-row{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto 3px;align-items:center;column-gap:var(--space-3);row-gap:5px;padding:7px var(--space-2);border-radius:var(--radius-sm);background:transparent;border:none;font:inherit;color:var(--color-text);cursor:pointer;text-align:left;min-width:0;transition:background .12s}.gen-row:hover{background:var(--color-surface-raised)}.gen-row__label{grid-column:1;grid-row:1;font-family:var(--font-display);font-size:.8rem;font-weight:700}.gen-row__slots{grid-column:2;grid-row:1;font-family:var(--font-mono);font-size:.68rem;color:var(--color-text-muted)}.gen-row__pages{display:none}.gen-row__count{grid-column:3;grid-row:1;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--color-text);min-width:3.5rem;text-align:right}.gen-row__bar{grid-column:1 / -1;grid-row:2;height:3px;background:#2e335099;border-radius:2px;overflow:hidden}.gen-row__bar-fill{height:100%;background:linear-gradient(90deg,#5b54e8,#a18eff);border-radius:2px;transition:width .4s ease}.binder-gen-label{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;opacity:.9}.binder-gen-label:before,.binder-gen-label:after{content:"";flex:1;height:1px;background:var(--color-border)}.card-slot--is-form{background:var(--color-surface-raised)}.form-badge{position:absolute;top:var(--space-1);right:var(--space-1);font-size:.5rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:1px 4px;border-radius:3px;line-height:1.4;color:#fff;pointer-events:none}.card-slot--has-image .form-badge{top:auto;right:auto;bottom:var(--space-1);left:var(--space-1)}.form-badge--alola{background:#2a9d8f}.form-badge--galar{background:#6a3de8}.form-badge--hisui{background:#c1440e}.form-badge--paldea{background:#e76f51}.form-badge--mega,.form-badge--gmax{background:#f4a261}.card-slot--focused{border-color:gold!important;box-shadow:0 0 0 2px #ffd70059,0 0 14px #ffd70040;animation:slot-focus-pulse 1.8s ease-in-out 3}@keyframes slot-focus-pulse{0%,to{box-shadow:0 0 0 2px #ffd70059,0 0 14px #ffd70040}50%{box-shadow:0 0 0 3px #ffd70099,0 0 22px #ffd70073}}.card-slot--fossil{justify-content:center;min-height:108px}.card-slot--fossil:not(.card-slot--collected) .card-slot__item-sprite{opacity:.35;filter:grayscale(.7)}.card-slot--fossil.card-slot--collected{background:#3a2810;border-color:#6b4c1e}.card-slot__item-sprite{width:48px;height:48px;image-rendering:pixelated}.binder-page-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-left:auto}.binder-page-num{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);min-width:160px;text-align:center;letter-spacing:.02em}.list-controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.list-controls__search{flex:1;min-width:200px}.list-controls__sort{width:auto;cursor:pointer}.pokemon-table{width:100%;border-collapse:collapse;font-size:.9rem}.pokemon-table thead th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.pokemon-table tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);vertical-align:middle}.pokemon-table__row--collected td:not(.pokemon-table__col--check):not(.pokemon-table__col--sprite){opacity:.5}.pokemon-sprite--uncollected{opacity:.35;filter:grayscale(.7)}.pokemon-table__col--sprite{width:56px}.pokemon-table__col--num{width:72px;color:var(--color-text-muted);font-size:.8rem}.pokemon-table__col--check{width:72px;text-align:center}.pokemon-table__col--pos{width:140px}.pokemon-sprite{width:40px;height:40px;image-rendering:pixelated;display:block}.pokemon-table__name{font-weight:500;text-transform:capitalize}.pokemon-table__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.position-info{display:flex;align-items:center;gap:var(--space-1)}.badge{display:inline-block;padding:1px 5px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;line-height:1.6;white-space:nowrap}.badge--page{background:var(--color-primary);color:#fff;cursor:pointer;border:none}.badge--page:hover{background:var(--color-primary-hover)}.badge--slot{background:var(--color-surface-raised);color:var(--color-text-muted)}.slot-visual{display:grid;gap:2px;width:fit-content}.slot-visual__cell{width:9px;height:9px;background:var(--color-surface-raised);border-radius:1px}.slot-visual__cell--active{background:var(--color-primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.pagination__info{font-size:.875rem;color:var(--color-text-muted)}.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}.muted{color:var(--color-text-muted)}.error-msg{color:var(--color-danger);font-size:.875rem}.btn--danger{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.settings-warning{background:color-mix(in srgb,var(--color-warning) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.875rem}.settings-danger{border-top:1px solid var(--color-border);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.settings-danger__confirm{display:flex;flex-direction:column;gap:var(--space-3)}.settings-danger__confirm-text{font-size:.875rem;color:var(--color-text-muted)}.settings-danger__confirm-actions{display:flex;gap:var(--space-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:900;padding:var(--space-4)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.4rem;line-height:1;padding:0}.modal__close:hover{color:var(--color-text)}.modal__body{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.stats-section{margin-bottom:var(--space-6)}.stats-section__title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.stats-gen-row{margin-bottom:var(--space-3)}.stats-gen-row__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.stats-gen-row__label{font-size:.85rem;font-weight:600}.stats-gen-row__count{font-size:.75rem;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stats-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.stats-card__label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-card__value{font-size:.95rem;font-weight:600}.field__error{font-size:.8rem;color:var(--color-danger)}.field__hint{font-size:.8rem;color:var(--color-text-muted)}.field__hint code{font-family:var(--font-mono);font-size:.75rem;background:var(--color-surface-raised);padding:1px 4px;border-radius:var(--radius-sm)}.field__input--error{border-color:var(--color-danger)!important}.field__input--short{width:6rem}.bulk-input__textarea{resize:vertical;font-family:var(--font-mono);font-size:.875rem}.bulk-preview{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.bulk-preview__count{font-size:.875rem;font-weight:600;color:var(--color-primary)}.bulk-preview__empty{font-size:.875rem;color:var(--color-text-muted)}.bulk-preview__ids{display:flex;flex-wrap:wrap;gap:var(--space-1)}.bulk-preview__id{font-size:.75rem;font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-text-muted)}.bulk-preview__more{font-size:.75rem;color:var(--color-text-muted);padding:2px 4px;align-self:center}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 4px 16px #0006;z-index:1000;max-width:360px;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast__message{font-size:.875rem;color:var(--color-text);flex:1}.toast__dismiss{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;flex-shrink:0}.toast__dismiss:hover{color:var(--color-text)}.grid-size-inputs{display:flex;align-items:flex-end;gap:.5rem;margin-top:.75rem}.grid-size-input{display:flex;flex-direction:column;gap:.25rem}.grid-size-sep{align-self:flex-end;padding-bottom:.5rem;color:var(--color-text-muted);font-weight:600;font-size:1rem}.grid-size-result{align-self:flex-end;padding-bottom:.5rem;font-size:.8rem;color:var(--color-text-muted)}.volume-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;margin-bottom:.5rem}.volume-list__item{display:flex;align-items:center;gap:.5rem}.volume-list__label{font-size:.8rem;color:var(--color-text-muted);min-width:3.5rem}.volume-list__suffix{font-size:.8rem;color:var(--color-text-muted)}.btn--xs{padding:.1rem .4rem;font-size:.8rem;line-height:1.4}.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3);padding:var(--space-2) 0}.card-grid{display:grid;gap:var(--space-2);justify-content:center;padding:var(--space-3) 0}.card-cell{position:relative;display:block;width:100%;aspect-ratio:2.5 / 3.5;padding:0;border:none;border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s}.card-cell:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.card-cell:disabled{cursor:progress}.card-cell__img{width:100%;height:100%;object-fit:contain;display:block}.card-cell__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a1099}.card-cell--collected{box-shadow:0 0 0 2px var(--color-primary)}.card-cell__check{position:absolute;top:4px;right:4px;width:1.25rem;height:1.25rem;display:grid;place-items:center;font-size:.8rem;color:#fff;background:var(--color-primary);border-radius:999px}.card-grid__michi{display:grid;place-items:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border:1px dashed var(--color-border);overflow:hidden}.card-grid__michi-img{width:100%;height:100%;object-fit:cover}.card-grid__michi-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.michi-hint{margin:0 0 var(--space-2)}.card-grid__michi{position:relative}.michi-controls{position:absolute;top:4px;left:4px;right:4px;display:flex;gap:4px;align-items:center}.michi-controls__size{flex:1 1 auto;min-width:0;font-size:.7rem;padding:2px 4px;background:#080a10d9;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px)}.michi-controls__btn{flex:0 0 auto;width:1.5rem;height:1.5rem;display:grid;place-items:center;background:#080a10d9;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);cursor:pointer}.michi-controls__btn:hover{border-color:var(--color-text-muted)}.michi-controls__btn--danger:hover{color:#ff6b6b;border-color:#ff6b6b}.michi-edit-cell{position:relative;aspect-ratio:2.5 / 3.5;display:grid;place-items:center;padding:0;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;overflow:hidden;transition:border-color .12s,background .12s}.michi-edit-cell:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.michi-edit-cell--card .card-cell__img{opacity:.5}.michi-edit-cell__plus{font-size:1.5rem;color:var(--color-text-muted)}.michi-edit-cell__hint{position:absolute;bottom:4px;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);opacity:0;transition:opacity .12s}.michi-edit-cell:hover .michi-edit-cell__hint{opacity:1}.size-toggles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size-toggle{padding:var(--space-1) var(--space-3);font-size:.8rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;cursor:pointer}.size-toggle--on{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.card-cell-wrap{position:relative}.card-edit-btn{position:absolute;top:4px;left:4px;width:1.4rem;height:1.4rem;display:grid;place-items:center;font-size:.75rem;background:#080a10d9;color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;cursor:pointer}.card-edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.manual-card-form{display:flex;gap:var(--space-4);align-items:flex-start}.manual-card-form__art{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.manual-card-form__preview{width:120px;aspect-ratio:2.5 / 3.5;object-fit:contain;border-radius:var(--radius-md);background:var(--color-surface)}.manual-card-form__upload{cursor:pointer}.manual-card-form__fields{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}@media(max-width:480px){.manual-card-form{flex-direction:column;align-items:stretch}.manual-card-form__art{align-self:center}}.card-grid__empty{aspect-ratio:2.5 / 3.5;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:repeating-linear-gradient(45deg,transparent,transparent 6px,color-mix(in srgb,var(--color-border) 30%,transparent) 6px,color-mix(in srgb,var(--color-border) 30%,transparent) 7px);opacity:.5}