.detail-lists-btn{font-family:var(--font-display), "Chakra Petch", sans-serif;letter-spacing:.04em;color:var(--text);background:var(--surface);border:1px solid var(--border-bright);cursor:pointer;white-space:nowrap;min-height:45px;transition:transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:600;display:inline-flex}.detail-lists-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim);color:var(--accent);transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}.detail-lists-btn:active:not(:disabled){transform:translateY(0)}.detail-lists-btn:disabled{opacity:.5;cursor:not-allowed}.detail-lists-btn__icon{flex-shrink:0;width:17px;height:17px}.detail-lists-btn__count{font-family:var(--font-mono), monospace;min-width:18px;height:18px;color:var(--accent-fg);background:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}@keyframes lists-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes lists-modal-pop-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lists-modal-overlay{-webkit-backdrop-filter:blur(10px)saturate(1.2);z-index:200;animation:lists-modal-overlay-in .22s var(--ease) both;background:#0000009e;position:fixed;inset:0}[data-theme=light] .lists-modal-overlay{background:#14100c52}.lists-modal{z-index:201;border:1px solid var(--border-bright);background:var(--surface);width:92%;max-width:460px;animation:lists-modal-pop-in .32s var(--ease) both;box-shadow:0 0 0 1px var(--border), 0 28px 80px -16px #0009;border-radius:22px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.lists-modal:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(150deg,#00e5ff66 0%,#ffffff0a 48%,#8b5cf657 100%);border-radius:22px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-theme=light] .lists-modal:before{background:linear-gradient(150deg,#0284c757 0%,#00000008 48%,#7c3aed3d 100%)}.lists-modal__inner{z-index:1;padding:26px 26px 24px;position:relative}.lists-modal__header{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.lists-modal__heading{flex:1;min-width:0}.lists-modal__title{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:-.01em;font-size:19px;font-weight:700}.lists-modal__subtitle{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.lists-modal__close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;transition:all .18s var(--ease);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lists-modal__close:hover{border-color:var(--border-bright);color:var(--text);background:var(--surface-2)}.lists-modal__rows{flex-direction:column;gap:6px;max-height:46vh;margin:0 -6px;padding:0 6px 2px;display:flex;overflow-y:auto}.lists-modal__empty{font-family:var(--font-body), sans-serif;color:var(--text-3);text-align:center;border:1px dashed var(--border-bright);border-radius:14px;padding:22px 12px;font-size:13px}.lists-row{--list-color:var(--accent);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-align:left;width:100%;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border-radius:13px;align-items:center;gap:12px;padding:11px 12px;display:flex}.lists-row:hover{border-color:var(--border-bright);transform:translateY(-1px)}.lists-row--on{border-color:color-mix(in srgb, var(--list-color) 55%, transparent);background:color-mix(in srgb, var(--list-color) 9%, var(--surface-2))}.lists-row__dot{background:var(--list-color);width:11px;height:11px;box-shadow:0 0 8px color-mix(in srgb, var(--list-color) 60%, transparent);border-radius:50%;flex-shrink:0}.lists-row__star{width:11px;color:var(--list-color);text-shadow:0 0 8px color-mix(in srgb, var(--list-color) 55%, transparent);flex-shrink:0;place-items:center;font-size:15px;line-height:1;display:grid}.lists-row__copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lists-row__name{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.lists-row__count{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.02em;font-size:11px}.lists-row__check{border:2px solid var(--text-3);color:#fff;width:24px;height:24px;transition:all .18s var(--ease);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.lists-row:hover .lists-row__check{border-color:var(--list-color)}.lists-row--on .lists-row__check{border-color:var(--list-color);background:var(--list-color);box-shadow:0 0 10px color-mix(in srgb, var(--list-color) 50%, transparent)}.lists-row__check svg{width:13px;height:13px}.lists-create{border-top:1px solid var(--border);flex-direction:column;gap:11px;margin-top:20px;padding-top:20px;display:flex}.lists-create__swatches{flex-wrap:wrap;gap:11px;padding:3px 0;display:flex}.lists-swatch{background:var(--swatch-color);cursor:pointer;width:24px;height:24px;transition:transform .16s var(--ease), box-shadow .16s var(--ease);border:2px solid #0000;border-radius:50%;padding:0;position:relative}.lists-swatch:hover{transform:scale(1.12)}.lists-swatch--active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--swatch-color)}.lists-create__field{gap:10px;display:flex}.lists-create__input{background:var(--bg-2);border:1px solid var(--border);min-width:0;font-family:var(--font-body), sans-serif;color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;outline:none;flex:1;padding:12px 15px;font-size:14px}.lists-create__input::placeholder{color:var(--text-3)}.lists-create__input:focus{border-color:var(--border-bright);box-shadow:0 0 0 3px var(--accent-dim)}.lists-create__submit{font-family:var(--font-display), "Chakra Petch", sans-serif;letter-spacing:.03em;color:var(--accent-fg);background:var(--accent);cursor:pointer;white-space:nowrap;transition:filter .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);border:none;border-radius:12px;padding:0 18px;font-size:13px;font-weight:700}.lists-create__submit:hover:not(:disabled){box-shadow:var(--accent-glow);transform:translateY(-1px)}.lists-create__submit:disabled{opacity:.45;cursor:not-allowed}.lists-page{max-width:1100px;margin:0 auto;padding:0 32px 80px}.lists-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;padding:48px 0 28px;display:flex}.lists-header-text{min-width:0}.lists-header-action{font-family:var(--font-display), "Chakra Petch", sans-serif;letter-spacing:.03em;color:var(--accent-fg);background:var(--accent);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.lists-header-action:hover{box-shadow:var(--accent-glow);filter:brightness(1.05);transform:translateY(-1px)}.lists-header-action svg{width:16px;height:16px}.lists-eyebrow{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.lists-page-title{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:-.03em;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.1}.lists-page-sub{color:var(--text-2);max-width:460px;margin-top:8px;font-size:14px}.lists-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.list-card{--list-color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);position:relative;overflow:hidden}.list-card:before{content:"";background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--list-color) 16%, transparent), transparent 60%);opacity:0;transition:opacity .25s var(--ease);pointer-events:none;position:absolute;inset:0}.list-card:hover{border-color:color-mix(in srgb, var(--list-color) 45%, var(--border-bright));transform:translateY(-3px);box-shadow:0 14px 36px #00000047}.list-card:hover:before{opacity:1}.list-card-main{color:inherit;z-index:1;padding:18px 18px 16px;text-decoration:none;display:block;position:relative}.list-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.list-card-dot{background:var(--list-color);width:12px;height:12px;box-shadow:0 0 10px color-mix(in srgb, var(--list-color) 60%, transparent);border-radius:50%}.list-card-count{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.03em;font-size:11px}.list-card-name{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:18px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.list-card-posters{gap:7px;display:flex}.list-card-poster{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:60px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.list-card-poster-image{object-fit:cover;width:100%;height:100%;display:block}.list-card-poster-initial{font-family:var(--font-display), "Chakra Petch", sans-serif;color:#ffffff29;font-size:18px;font-weight:700}.list-card-poster--more{font-family:var(--font-mono), monospace;color:var(--text-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);font-size:12px;font-weight:600}.list-card-empty-hint{font-family:var(--font-body), sans-serif;color:var(--text-3);align-items:center;height:60px;font-size:12px;display:flex}.list-card-delete{z-index:2;border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--text-3);cursor:pointer;opacity:0;transition:all .18s var(--ease);border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.list-card:hover .list-card-delete{opacity:1}.list-card-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444466}.list-card-delete:focus-visible{opacity:1}.list-card-delete svg{width:14px;height:14px}.list-card-confirm{z-index:3;background:color-mix(in srgb, var(--surface) 92%, black 8%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex;position:absolute;inset:0}.list-card-confirm-text{font-family:var(--font-body), sans-serif;color:var(--text);font-size:13px}.list-card-confirm-actions{gap:8px;display:flex}.list-card-confirm-btn{font-family:var(--font-body), sans-serif;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);transition:all .16s var(--ease);border-radius:9px;padding:8px 16px;font-size:12.5px;font-weight:600}.list-card-confirm-btn:hover{border-color:var(--border-bright);color:var(--text)}.list-card-confirm-btn--danger{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.list-card-confirm-btn--danger:hover{color:#ef4444;background:#ef44442e;border-color:#ef444480}.list-create-tile{border:1px dashed var(--border-bright);border-radius:var(--radius-lg);cursor:pointer;min-height:150px;color:var(--text-2);transition:border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex}.list-create-tile:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.list-create-tile__plus{background:var(--accent-dim);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.list-create-tile__label{font-family:var(--font-display), "Chakra Petch", sans-serif;font-size:14px;font-weight:600}.list-create-form{flex-direction:column;gap:18px;width:100%;display:flex}.lists-create__group{flex-direction:column;gap:10px;display:flex}.lists-create__label{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:500}.list-create-tile .lists-create__field{width:100%}.lists-empty{text-align:center;border:1px dashed var(--border-bright);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 0%, var(--accent-dim), transparent 70%), var(--surface);flex-direction:column;align-items:center;padding:56px 32px 48px;display:flex}.lists-empty-icon{background:var(--accent-dim);width:76px;height:76px;color:var(--accent);border-radius:20px;place-items:center;margin-bottom:22px;display:grid}.lists-empty-title{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);margin-bottom:8px;font-size:22px;font-weight:700}.lists-empty-desc{color:var(--text-2);max-width:360px;margin-bottom:24px;font-size:14px;line-height:1.6}.lists-empty-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;display:flex}.list-detail-page{max-width:1100px;margin:0 auto;padding:0 32px 80px}.list-detail-back{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--text-2);transition:color .2s var(--ease);align-items:center;gap:8px;margin:40px 0 24px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.list-detail-back:hover{color:var(--accent)}.list-detail-back svg{transition:transform .2s var(--ease)}.list-detail-back:hover svg{transform:translate(-3px)}.list-detail-header{--list-color:var(--accent);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;padding-bottom:22px;display:flex}.list-detail-heading{align-items:center;gap:14px;min-width:0;display:flex}.list-detail-dot{background:var(--list-color);width:16px;height:16px;box-shadow:0 0 12px color-mix(in srgb, var(--list-color) 60%, transparent);border-radius:50%;flex-shrink:0}.list-detail-title-group{min-width:0}.list-detail-title{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:-.02em;cursor:text;background:0 0;border:none;padding:0;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.1}.list-detail-title-input{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:-.02em;background:var(--bg-2);border:1px solid var(--border-bright);border-radius:12px;outline:none;max-width:100%;padding:4px 12px;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.1}.list-detail-count{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.04em;margin-top:6px;font-size:12px}.list-detail-actions{flex-shrink:0;gap:10px;display:flex}.list-detail-action{font-family:var(--font-body), sans-serif;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .18s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex}.list-detail-action:hover{border-color:var(--border-bright);color:var(--text)}.list-detail-action--danger:hover{color:#ef4444;background:#ef444414;border-color:#ef444466}.list-detail-action svg{width:15px;height:15px}.list-detail-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.list-show-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:14px;padding:12px;display:flex;position:relative}.list-show-card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.list-show-card__main{min-width:0;color:inherit;flex:1;align-items:center;gap:14px;text-decoration:none;display:flex}.list-show-card__poster{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:74px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.list-show-card__poster-image{object-fit:cover;width:100%;height:100%;display:block}.list-show-card__poster-initial{font-family:var(--font-display), "Chakra Petch", sans-serif;color:#ffffff24;font-size:22px;font-weight:700}.list-show-card__body{flex:1;min-width:0}.list-show-card__title{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.list-show-card__hint{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.03em;margin-top:4px;font-size:11px}.list-show-card__remove{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--text-3);cursor:pointer;transition:all .18s var(--ease);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-show-card__remove:hover{color:#ef4444;background:#ef44441a;border-color:#ef444466}.list-show-card__remove svg{width:14px;height:14px}.list-detail-empty{text-align:center;border:1px dashed var(--border-bright);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 0%, var(--accent-dim), transparent 70%), var(--surface);flex-direction:column;align-items:center;padding:56px 32px;display:flex}.list-detail-empty-title{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.list-detail-empty-desc{color:var(--text-2);max-width:340px;margin-bottom:24px;font-size:14px;line-height:1.6}.lists-cta{font-family:var(--font-body), sans-serif;color:var(--accent-fg);background:var(--accent);cursor:pointer;box-shadow:var(--accent-glow);transition:transform .2s var(--ease), filter .2s var(--ease);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.lists-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.lists-skeleton{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);opacity:.6;height:150px}.lists-section{margin-bottom:40px}.lists-section:last-of-type{margin-bottom:0}.lists-section-head{align-items:center;gap:16px;margin-bottom:16px;display:flex}.lists-section-label{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-size:11px;font-weight:600}.lists-section-rule{background:linear-gradient(90deg, var(--border-bright), transparent);flex:1;height:1px}.lists-section-action{font-family:var(--font-display), "Chakra Petch", sans-serif;letter-spacing:.03em;color:var(--text-2);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.lists-section-action:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.lists-section-action svg{width:14px;height:14px}.lists-empty--compact{padding:40px 32px 36px}.list-card--smart{color:inherit;background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--list-color) 13%, transparent), transparent 58%), var(--surface);border-color:color-mix(in srgb, var(--list-color) 26%, var(--border));text-decoration:none;display:block}.list-card--smart:before{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--list-color) 22%, transparent), transparent 60%)}.list-card--smart:hover{border-color:color-mix(in srgb, var(--list-color) 60%, var(--border-bright))}.smart-card-badge{width:26px;height:26px;color:var(--list-color);background:color-mix(in srgb, var(--list-color) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--list-color) 30%, transparent);border-radius:8px;place-items:center;display:grid}.smart-card-badge svg{width:15px;height:15px}.smart-card-top-meta{align-items:center;gap:10px;display:flex}.smart-card-tag{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--list-color);background:color-mix(in srgb, var(--list-color) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--list-color) 26%, transparent);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:600}.smart-card-poster--skeleton{background:linear-gradient(100deg, var(--surface-2) 30%, color-mix(in srgb, var(--list-color) 12%, var(--surface-2)) 50%, var(--surface-2) 70%);animation:smart-poster-shimmer 1.4s var(--ease) infinite;background-size:200% 100%}@keyframes smart-poster-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.smart-detail-badge{width:44px;height:44px;color:var(--list-color);background:color-mix(in srgb, var(--list-color) 15%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--list-color) 30%, transparent);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.smart-detail-badge svg{width:22px;height:22px}.list-detail-title--static{cursor:default}@media (max-width:1024px){.lists-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.lists-page,.list-detail-page{padding-top:60px}}@media (max-width:640px){.lists-page,.list-detail-page{padding:60px 16px}.lists-grid{grid-template-columns:1fr}.lists-header{padding-top:24px}.list-detail-back{margin-top:20px}.list-detail-grid{grid-template-columns:1fr}}