:root{--font-body: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;--font-ui: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--color-text: #1f1e1c;--color-muted: #5d564d;--color-subtle: #736b61;--color-primary: #1f2a24;--color-primary-strong: #162019;--color-primary-soft: #2f3f35;--color-surface: #ffffff;--color-surface-muted: #fdfaf3;--color-surface-alt: #f6f1e8;--color-border: #e5e1d6;--color-border-strong: #d3ccbf;--color-danger: #8a2f24;--color-danger-soft: #fbe9e6;--color-success: #2f4a32;--color-success-soft: #f1f7ef;--shadow-soft: 0 18px 35px rgba(26, 24, 19, .08);--shadow-card: 0 14px 30px rgba(26, 24, 19, .08);--shadow-floating: 0 24px 48px rgba(26, 24, 19, .12);--transition-fast: .18s ease;--transition-slow: .24s ease;font-family:var(--font-body);line-height:1.55;font-weight:400;color:var(--color-text);background-color:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fdfaf5,#f6efe2 45%,#efe4d4)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;font-family:var(--font-ui)}.app-shell{min-height:100vh;display:flex;flex-direction:column;color:var(--color-text)}.app-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:36px 20px 56px}.page{width:100%;max-width:980px;display:flex;flex-direction:column;gap:16px;animation:page-in .22s ease}.verify-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:28px;box-shadow:var(--shadow-card)}.verify-card__header h1{margin:0 0 6px;font-size:2.05rem}.eyebrow{margin:0 0 6px;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-subtle)}.subtle{margin:0;color:var(--color-muted)}.verify-form{margin-top:24px;display:flex;flex-direction:column;gap:14px}.verify-card__footer{margin:18px 0 0}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:.9rem;color:var(--color-muted)}.field input{border:1px solid var(--color-border-strong);border-radius:10px;padding:12px 14px;background:var(--color-surface-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field textarea{border:1px solid var(--color-border-strong);border-radius:12px;padding:12px 14px;background:var(--color-surface-muted);resize:vertical;min-height:280px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field input:focus-visible{outline:none;border-color:var(--color-primary-soft);box-shadow:0 0 0 2px #4153472e}.field textarea:focus-visible{outline:none;border-color:var(--color-primary-soft);box-shadow:0 0 0 2px #4153472e}.field__error{margin:0;color:#b3422d;font-size:.9rem}.primary-button{align-self:flex-start;background:var(--color-primary);color:#f6f1e6;border:none;border-radius:999px;padding:12px 20px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.primary-button:disabled{opacity:.65;cursor:not-allowed}.primary-button:not(:disabled):hover{background:var(--color-primary-strong);box-shadow:0 8px 18px #1a181329;transform:translateY(-1px)}.primary-button:not(:disabled):active{transform:translateY(0)}.button-content{display:inline-flex;align-items:center;gap:8px}.page-error{background:var(--color-danger-soft);color:#7c2b1c;border-bottom:1px solid #f1c1b9}.page-error__content{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px}.page-error__actions{display:inline-flex;align-items:center;gap:8px}.page-error__action,.page-error__dismiss{border:1px solid #d98b7b;background:transparent;color:inherit;border-radius:999px;padding:4px 12px;cursor:pointer}.page-error__action{border-color:#c47b6d}.offline-indicator{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.offline-indicator__content{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;flex-wrap:wrap}.offline-indicator__status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.offline-indicator__badge{font-size:.85rem;font-weight:600;border-radius:999px;padding:4px 12px;border:1px solid transparent}.offline-indicator__badge--offline{background:var(--color-danger-soft);color:#7c2b1c;border-color:#f1c1b9}.offline-indicator__badge--pending{background:var(--color-success-soft);color:var(--color-success);border-color:#c5dac4}.loading-overlay{position:fixed;inset:0;background:#f8f3ecd9;display:flex;align-items:center;justify-content:center;z-index:50}.loading-overlay__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 22px;display:flex;align-items:center;gap:12px;font-weight:600}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid #c8c1b4;border-top-color:var(--color-primary);animation:spin .8s linear infinite}.placeholder-card{background:#ffffffd9;border:1px dashed #cfc6b7;border-radius:16px;padding:24px}.page-header{display:grid;align-items:center;justify-content:space-between;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.page-header h1{margin:0}.page-header__actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.page-header__nav{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.entries-list{display:grid;gap:14px}.entries-empty{background:var(--color-surface-muted);border:1px dashed var(--color-border-strong);border-radius:16px;padding:24px}.entries-empty h2{margin:0 0 6px;font-size:1.35rem}.entry-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:16px 18px;box-shadow:0 12px 24px #1a181314;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.entry-card:hover{border-color:var(--color-border-strong);box-shadow:0 18px 32px #1a18131f;transform:translateY(-1px)}.entry-card:focus{outline:2px solid rgba(65,83,71,.4);outline-offset:2px}.entry-card--active{border-color:#1f2a2466;background:var(--color-surface-muted)}.entry-card__content{display:flex;flex-direction:column;gap:8px}.entry-card__title{margin:0;font-size:1.1rem;font-weight:600}.entry-card__snippet{margin:0;color:var(--color-muted);font-size:.95rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.entry-card__meta{display:flex;flex-wrap:wrap;gap:8px}.entry-card__meta-item{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:.82rem;color:var(--color-muted)}.entry-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.link-button{background:transparent;border:none;padding:0;color:var(--color-primary);font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.link-button.danger{color:var(--color-danger)}.primary-button.danger{color:#f6f1e6;background:var(--color-danger);border:none}.ghost-button{border:1px solid transparent;background:transparent;color:var(--color-muted);border-radius:999px;padding:8px 14px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.ghost-button:hover{border-color:var(--color-border);color:var(--color-text);background:#fff9}.ghost-button.is-active{border-color:#1f2a2440;color:var(--color-primary);background:#1f2a2414}.ghost-button.danger{color:var(--color-danger)}.icon-button{border:1px solid var(--color-border);background:transparent;color:var(--color-muted);border-radius:999px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.icon-button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.icon-button.danger{color:var(--color-danger);border-color:#8a2f244d;background:#8a2f2414}.icon-button.entry-card__delete{background:transparent;border-color:var(--color-border);color:var(--color-danger)}.icon-button.entry-card__delete:hover{border-color:#8a2f2459;background:#8a2f2414}.modal-overlay{position:fixed;inset:0;background:#1c1a1566;display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}.modal{background:var(--color-surface);border-radius:18px;border:1px solid var(--color-border);max-width:420px;width:100%;box-shadow:var(--shadow-floating)}.modal__header{padding:20px 22px 0}.modal__body{padding:12px 22px 4px;color:var(--color-muted)}.modal__error{margin:12px 0 0;color:#b3422d}.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 22px 22px}.secondary-button{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-muted);border-radius:999px;padding:10px 18px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button:not(:disabled):hover{border-color:var(--color-primary-soft);color:var(--color-text);background:#ffffffb3;transform:translateY(-1px)}.toast{background:var(--color-success-soft);border:1px solid #c5dac4;color:var(--color-success);padding:10px 16px;border-radius:12px;display:inline-flex;align-items:center;margin-bottom:16px;box-shadow:0 8px 20px #1a181314;animation:fade-in .2s ease}.entry-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.entry-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-soft)}.entry-form__header{display:flex;flex-direction:column;gap:12px}.entry-actions{display:flex;flex-wrap:wrap;gap:12px}.entry-meta{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:16px;padding:18px}.entry-meta h2{margin-top:0;font-size:1rem;color:var(--color-text)}.entry-meta__row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.entry-meta__row dt{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-subtle)}.entry-meta__row dd{margin:0;font-size:.9rem;color:var(--color-muted);word-break:break-word}.status-pill{border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-muted)}.status-pill--saved{background:var(--color-success-soft);border-color:#c5dac4;color:var(--color-success)}.status-pill--draft{background:#fff3e6;border-color:#f0d2b5;color:#7a4a1c}.keywords-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.keywords-hint{font-size:.85rem;color:var(--color-subtle)}.keywords-panel{display:flex;flex-wrap:wrap;gap:8px;background:var(--color-surface-alt);border-radius:12px;padding:12px;border:1px solid var(--color-border)}.keywords-empty{margin:0;color:var(--color-subtle)}.keyword-chip{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:999px;padding:4px 10px;font-size:.8rem;color:var(--color-text)}.recommendations-section{margin-top:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:20px;box-shadow:var(--shadow-soft)}.recommendations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.recommendations-header h2{margin:0 0 4px}.pill{background:var(--color-surface-alt);color:var(--color-muted);border-radius:999px;padding:4px 12px;font-size:.85rem}.recommendations-grid{display:grid;gap:16px}.recommendations-grid--songs{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendations-footer{margin-top:16px;display:flex;flex-direction:column;gap:10px}.recommendations-footer__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination{display:inline-flex;gap:6px;align-items:center}.pagination__button{border:1px solid var(--color-border);background:transparent;color:var(--color-muted);border-radius:999px;padding:4px 10px;font-size:.8rem;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.pagination__button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.pagination__button--active{border-color:#1f2a2440;color:var(--color-primary);background:#1f2a2414}.section-error{margin:0;color:var(--color-danger);font-size:.85rem}.rec-card{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface-muted);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.rec-card:hover{transform:translateY(-1px);border-color:var(--color-border-strong);box-shadow:0 16px 28px #1a18131f}.rec-card--top{border-color:#1f2a244d;box-shadow:0 14px 30px #1a18131f}.rec-card__placeholder{width:100%;height:100%;border-radius:10px;background:#1f2a2414;min-height:120px}.rec-card__image{width:100%;height:100%;border-radius:10px;object-fit:cover}.rec-card__title{display:flex;align-items:center;gap:10px;justify-content:space-between}.rec-card__badge{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#1f2a241a;color:var(--color-primary);border:1px solid rgba(31,42,36,.2)}.rec-card__body h3{margin:0 0 6px}.rec-card__meta{margin:0 0 12px;color:var(--color-subtle)}.rec-card__details{display:flex;gap:16px;margin:0 0 12px}.rec-card__details dt{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-subtle)}.rec-card__details dd{margin:4px 0 0;font-weight:600;color:var(--color-text)}.rec-card__overview{margin:0;color:var(--color-muted)}.rec-card__button{margin-top:6px;align-self:flex-start;padding:6px 12px;font-size:.85rem}.empty-state{margin:0;color:var(--color-subtle)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.icon{width:16px;height:16px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid rgba(65,83,71,.4);outline-offset:2px}@media(max-width:700px){.app-content{padding:32px 16px 48px}.verify-card{padding:24px}.page-error__content{flex-direction:column;align-items:flex-start}.page-header{grid-template-columns:1fr;align-items:flex-start}.page-header__actions{align-items:flex-start}.entry-layout{grid-template-columns:1fr}.entry-meta{order:-1}.rec-card,.recommendations-grid--songs{grid-template-columns:1fr}}