@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,var(--bg-glow-1),transparent 50%),radial-gradient(circle at 80% 0%,var(--bg-glow-2),transparent 55%),linear-gradient(145deg,var(--bg-base),var(--bg-layer));color:var(--text-primary);font-family:Inter,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;transition:background .4s ease,color .3s ease}:root{--bg-base: #050912;--bg-layer: #0e1627;--bg-glow-1: rgba(71, 181, 255, .25);--bg-glow-2: rgba(255, 119, 102, .18);--surface: #0f172a;--surface-muted: #111a2f;--card: #0f1625;--card-alt: #18243a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--text-primary: #e4ecff;--text-secondary: rgba(228, 236, 255, .7);--accent: #4cd7a9;--accent-strong: #22c7ff;--muted: rgba(255, 255, 255, .08);--shadow-soft: 0 25px 80px rgba(0, 0, 0, .4);--shadow-card: 0 18px 45px rgba(0, 0, 0, .35)}.light{--bg-base: #e6f2ff;--bg-layer: #f2f7ff;--bg-glow-1: rgba(76, 215, 169, .25);--bg-glow-2: rgba(34, 199, 255, .25);--surface: #ffffff;--surface-muted: #f4f7ff;--card: #ffffff;--card-alt: #f2f6ff;--border: rgba(0, 31, 63, .08);--border-strong: rgba(0, 31, 63, .2);--text-primary: #0c1a2f;--text-secondary: rgba(12, 26, 47, .7);--accent: #0fb889;--accent-strong: #008dd9;--muted: rgba(12, 26, 47, .08);--shadow-soft: 0 20px 60px rgba(15, 34, 70, .15);--shadow-card: 0 15px 40px rgba(12, 26, 47, .12)}.dark{--bg-base: #050912;--bg-layer: #0e1627;--bg-glow-1: rgba(71, 181, 255, .25);--bg-glow-2: rgba(255, 119, 102, .18);--surface: #0f172a;--surface-muted: #111a2f;--card: #0f1625;--card-alt: #18243a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--text-primary: #e4ecff;--text-secondary: rgba(228, 236, 255, .7);--accent: #4cd7a9;--accent-strong: #22c7ff;--muted: rgba(255, 255, 255, .08);--shadow-soft: 0 25px 80px rgba(0, 0, 0, .4);--shadow-card: 0 18px 45px rgba(0, 0, 0, .35)}.app-root{max-width:1200px;margin:0 auto;padding:3rem clamp(1.5rem,5vw,4rem) 4rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem}.app-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:center;padding:1.6rem 1.8rem;border-radius:28px;background:linear-gradient(120deg,var(--surface),var(--card-alt));border:1px solid var(--border);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.app-header h1{margin:0;font-size:clamp(1.9rem,6vw,2.8rem);letter-spacing:-.02em}.app-header__controls{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1rem}.user-badge{display:flex;gap:1rem;align-items:flex-start;border-radius:20px;border:1px solid var(--border);background:var(--surface-muted);padding:.9rem 1.2rem;min-width:220px}.user-badge__name{margin:0;font-weight:600}.user-badge__email{margin:.15rem 0 0;font-size:.9rem;color:var(--text-secondary)}.app-main{display:flex;flex-direction:column;gap:2rem}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;width:220px;border-radius:18px;border:1px solid var(--border);background:var(--surface-muted);padding:.6rem .8rem;cursor:pointer;overflow:hidden;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;box-shadow:inset 0 1px #ffffff26}.theme-toggle__icon{flex:1;text-align:center;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.4;color:var(--text-secondary);position:relative;z-index:1}.theme-toggle__thumb{position:absolute;inset:4px;width:calc(50% - 6px);border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 10px 25px #0000002e;transition:transform .35s cubic-bezier(.65,0,.35,1);z-index:0}.theme-toggle_light .theme-toggle__thumb{transform:translate(0)}.theme-toggle_dark .theme-toggle__thumb{transform:translate(100%)}.theme-toggle_light .theme-toggle__icon--sun,.theme-toggle_dark .theme-toggle__icon--moon{opacity:1;color:var(--text-primary)}.bookmark-hero__eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--text-secondary)}.bookmark-hero__description{margin:.35rem 0 0;color:var(--text-secondary)}.collection-form{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:1.1rem;box-shadow:var(--shadow-card)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form button{align-self:flex-start}.auth-form__error{margin:0;color:var(--accent-strong);font-weight:600}.auth-stack{display:flex;flex-direction:column;gap:1rem;max-width:640px;margin:2.5rem auto 0;padding:2.5rem 2rem 2rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,var(--surface),var(--card-alt));box-shadow:var(--shadow-card)}.auth-stack__header h1{margin:0 0 .5rem}.auth-stack__header p{margin:0;color:var(--text-secondary)}.auth-stack__switch{margin:1rem 0 0;color:var(--text-secondary)}.auth-stack__switch a{color:var(--accent);text-decoration:underline;font-weight:600}.auth-split__eyebrow{margin:0 0 .3rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.auth-stack__card{border:1px solid var(--border);border-radius:18px;padding:1.4rem;background:var(--card);box-shadow:var(--shadow-card)}.auth-stack__card h2{margin:0 0 1rem}.collection-error{border-radius:20px;padding:1rem 1.5rem;border:1px solid rgba(246,107,75,.4);background:#f66b4b26;color:var(--accent-strong);font-weight:600}.input-label{display:flex;flex-direction:column;gap:.4rem}.input-label__text{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.input-label__required{color:var(--accent-strong);margin-left:.25rem}.input-label__hint{display:block;font-size:.75rem;letter-spacing:normal;color:var(--text-secondary);margin-left:.5rem}.input,.textarea{width:100%;border-radius:18px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-primary);padding:.95rem 1.1rem;font-size:1rem;transition:border-color .2s ease,background .2s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--accent-strong);background:var(--surface)}.textarea{min-height:140px;resize:vertical}.button{border:none;border-radius:16px;padding:.95rem 1.8rem;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.button_primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 18px 35px #00000040}.button_primary:hover{transform:translateY(-2px)}.button_link{border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.button_link:hover{color:var(--text-primary);border-color:var(--accent)}.button_danger{background:linear-gradient(120deg,#ff8c82,#f6416c);color:#fff}.collections-page{display:flex;flex-direction:column;gap:1.75rem}.workspace-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.collection-summary{border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--surface-muted),rgba(34,199,255,.06));padding:1.3rem 1.4rem;display:grid;gap:1rem;box-shadow:var(--shadow-card)}.collection-summary__numbers{display:flex;gap:.75rem;flex-wrap:wrap}.summary-pill{flex:1 1 140px;border:1px solid var(--border);border-radius:18px;padding:.9rem 1rem;background:var(--card);box-shadow:inset 0 1px #ffffff0f}.summary-pill__label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--text-secondary)}.summary-pill__value{font-size:1.9rem;font-weight:700}.collection-summary__hint{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.collection-form-card{border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--card),var(--surface-muted));padding:1.2rem;box-shadow:var(--shadow-card)}.collection-form-card__title{margin:0 0 .6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.85rem}.collection-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.collection-form__actions{display:flex;justify-content:flex-end;gap:.75rem}.collections-list{display:flex;flex-direction:column;gap:1.5rem}.collection-empty{border-radius:24px;border:1px dashed var(--border);padding:1.75rem;text-align:center;color:var(--text-secondary);background:var(--surface-muted)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.2rem}.collection-grid_two-columns{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.collection-card{display:flex;flex-direction:column;gap:1rem;padding:1.3rem 1.5rem;border-radius:24px;border:1px solid var(--border);background:linear-gradient(145deg,var(--card),var(--surface-muted));box-shadow:var(--shadow-card);cursor:pointer;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.collection-card__header{display:grid;gap:.75rem}.collection-card__topline{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.collection-card__title{margin:0;font-size:1.35rem}.collection-card__description{margin:.3rem 0 0;color:var(--text-secondary)}.collection-card__pill{display:inline-flex;align-items:center;gap:.35rem;background:#4cd7a91f;color:var(--accent);padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(76,215,169,.25);font-weight:700}.collection-card__time{color:var(--text-secondary);font-size:.9rem}.collection-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.collection-card__actions .button{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem .95rem}.collection-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 24px 48px #00000059}.collection-card__edit{border-radius:20px;border:1px dashed var(--border);padding:1rem;background:var(--surface-muted)}.records-block{border-radius:24px;border:1px dashed var(--border);padding:1.2rem;display:flex;flex-direction:column;gap:1rem;background:var(--surface-muted)}.records-block__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.records-block__title{margin:0;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.records-block__hint{margin:.3rem 0 0;color:var(--text-secondary)}.records-block__list{display:flex;flex-direction:column;gap:.8rem}.records-block__empty{margin:0;color:var(--text-secondary);border:1px dashed var(--border);padding:1rem 1.2rem;border-radius:18px;background:var(--surface)}.record-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:1rem 1.2rem;border-radius:18px;border:1px solid var(--border);background:var(--surface);transition:transform .15s ease,border-color .2s ease,background .2s ease;cursor:pointer}.record-card:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--surface-muted)}.record-card:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}.record-card_listened{opacity:.7;background:var(--surface-muted)}.record-card_listened .record-card__title,.record-card_listened .record-card__artist{text-decoration:line-through}.record-card__info{display:flex;flex-direction:column;gap:.2rem}.record-card__title{margin:0;font-weight:700}.record-card__artist{margin:0;color:var(--text-secondary)}.record-card__meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:var(--text-secondary)}.record-card__chip{border-radius:999px;padding:.35rem .75rem;border:1px solid var(--border);background:#22c7ff14;font-size:.85rem}.record-card__chip_done{color:var(--accent);border-color:#4cd7a959;background:#4cd7a91f}.record-card__chip_muted{background:transparent;color:var(--text-secondary)}.record-card__meta-date{font-size:.85rem}.record-card__actions{display:flex;align-items:center;gap:.5rem}.record-card__actions button{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:var(--surface-muted);color:inherit;cursor:pointer;transition:transform .12s ease,border-color .2s ease}.record-card__actions button:hover{transform:translateY(-2px);border-color:var(--accent)}.record-card__delete{color:#ff8e8e}.button_danger:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 16px 32px #f66b4b59}.record-edit-inline{border-radius:18px;border:1px dashed var(--border);padding:1rem;background:var(--card)}.records-block__form{margin-top:.5rem}.record-form{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-card)}.record-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;align-items:center}.record-form__actions{display:flex;justify-content:flex-end;gap:.75rem}.checkbox{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;color:var(--text-secondary)}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.checkbox_compact{font-size:.9rem;font-weight:500}.collection-detail{display:flex;flex-direction:column;gap:1.25rem}.collection-detail__top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.collection-detail__meta{display:flex;gap:.5rem;align-items:center}.collection-detail__header{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1.2rem 1.4rem;border-radius:24px;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--card-alt));box-shadow:var(--shadow-card)}.collection-detail__actions{display:flex;align-items:flex-start;justify-content:flex-end}.collection-detail__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}.collection-detail__records{display:flex;flex-direction:column;gap:.75rem}.collection-detail__side{display:flex;flex-direction:column;gap:.9rem}@media(max-width:960px){.collection-grid_two-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.collection-detail__grid{grid-template-columns:1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:.9rem;padding-top:1.2rem;flex-wrap:wrap}.pagination__pages{display:flex;gap:.5rem}.pagination__page{min-width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface-muted);color:inherit;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.pagination__page:hover{border-color:var(--accent);transform:translateY(-2px)}.pagination__page--active{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent}.pagination__control{border-radius:999px;border:1px solid transparent;padding:.65rem 1.75rem;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 14px 30px #00000040;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.pagination__control:hover{transform:translateY(-2px);box-shadow:0 20px 38px #0003}.pagination__control[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:var(--muted);color:var(--text-secondary)}@media(max-width:768px){.app-root,.collection-form,.record-form{padding:1.5rem}.app-header{grid-template-columns:1fr;text-align:left}.theme-toggle{width:100%}.collections-hero__stats{justify-self:stretch;text-align:left}}@media(max-width:1024px)and (min-width:769px){.collections-hero__stats{justify-self:start;text-align:left}}