@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Public+Sans:wght@400;500;700&display=swap";:root{--bg-base:#101111;--bg-panel:#171d1d;--bg-panel-soft:#1f2726;--text-main:#e8ece9;--text-muted:#acb9b3;--accent:#ddb560;--accent-soft:#ddb5602e;--danger:#e06f6f;--border:#2f3a39;--heard:#2a8f6d;--favorite:#b45f5f;--bought:#5d7ebf;--alert:#b88b3e;color:var(--text-main);background:var(--bg-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Public Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #ddb5601f, transparent 40%), radial-gradient(circle at 80% 20%, #2a8f6d1f, transparent 35%), var(--bg-base);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{flex-direction:column;gap:1rem;width:min(1100px,100%);margin:0 auto;padding:1rem;display:flex}.topbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;background:linear-gradient(140deg,#171d1df2,#1f2726f2);border-radius:18px;padding:1rem 1.25rem;position:sticky;top:.75rem}.brand{letter-spacing:.04em;color:var(--accent);font-family:Fraunces,serif;font-size:1.6rem}.topbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-links{flex-wrap:wrap;gap:.6rem;display:flex}.nav-link{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.45rem .8rem;transition:border-color .2s,background-color .2s}.nav-link.active{color:var(--text-main);border-color:var(--accent);background:var(--accent-soft)}.user-chip{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.35rem .7rem;font-size:.9rem}.auth-quick-actions{align-items:center;gap:.45rem;display:flex}.btn-logout-armed{border-color:var(--danger);color:#f4c3c3}.env-warning{border:1px dashed var(--accent);color:var(--text-muted);border-radius:10px;margin-top:.75rem;padding:.65rem .8rem;font-size:.9rem}.app-footer{border:1px solid var(--border);background:linear-gradient(140deg,#171d1de0,#1e2726e0);border-radius:14px;padding:.85rem 1rem}.app-footer-title{margin:0;font-family:Fraunces,serif;font-size:1rem}.app-source-list{color:var(--text-muted);gap:.32rem;margin:.6rem 0 0;padding-left:1.1rem;display:grid}.app-source-list a{color:var(--text-main);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.page{border:1px solid var(--border);background:#171d1de6;border-radius:18px;margin-top:1rem;padding:1.1rem}.page h1{letter-spacing:.02em;margin:0;font-family:Fraunces,serif;font-weight:700}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.text-muted{color:var(--text-muted)}.input,.select,.textarea{border:1px solid var(--border);background:var(--bg-panel-soft);width:100%;color:var(--text-main);border-radius:10px;padding:.55rem .7rem}.textarea{resize:vertical;min-height:90px}.search-wrap{flex:1;min-width:240px;max-width:420px}.filter-chip-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.7rem;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.28rem .7rem}.chip.active{color:var(--text-main);border-color:var(--accent);background:var(--accent-soft)}.composer-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.9rem;display:grid}.composer-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:14px;padding:.85rem}.composer-card-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.composer-card-main{flex-direction:column;gap:.2rem;min-width:0;display:flex}.composer-title{margin:0;font-size:1.04rem}.composer-title a{-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.composer-title a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.composer-meta{color:var(--text-muted);margin:0;font-size:.85rem}.composer-card-actions{flex-shrink:0;gap:.5rem;display:flex}.composer-card-actions .btn{justify-content:center;align-items:center;display:inline-flex}@media (width<=520px){.composer-card-row{align-items:center}}.work-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.work-item{border:1px solid var(--border);background:#1f2726a6;border-radius:10px;padding:.5rem .55rem}.work-head{flex:1;gap:.35rem;min-width:0;display:grid}.work-row-main{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.work-title{margin:0;font-size:.95rem}.work-publication-date{color:var(--text-muted);font-size:.78rem}.work-active-categories{flex-wrap:wrap;gap:.35rem;display:flex}.active-category-pill{border:1px solid var(--border);color:var(--text-muted);background:#ffffff08;border-radius:999px;padding:.24rem .5rem;font-size:.75rem;line-height:1}.active-heard{border-color:var(--heard);color:#8fdcc1}.active-favorite{border-color:var(--favorite);color:#efc0c0}.active-bought{border-color:var(--bought);color:#c6d6f5}.active-alert{border-color:var(--alert);color:#f0d6a6}.category-row{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.work-controls-row{flex-shrink:0;align-items:center;gap:.8rem;display:flex;overflow:visible}.work-toggle-btn{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:transform .22s,border-color .2s,background-color .2s;display:inline-flex}.work-toggle-btn.expanded{border-color:var(--accent);background:var(--accent-soft);transform:translate(18px)}.work-category-panel{white-space:nowrap;opacity:0;pointer-events:none;flex-wrap:nowrap;justify-content:flex-end;max-width:0;margin-top:0;margin-left:.2rem;transition:max-width .24s,opacity .2s,transform .24s;overflow:hidden;transform:translate(-22px)}.work-category-panel.is-open{opacity:1;pointer-events:auto;max-width:880px;transform:translate(0)}.heard-details-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:.6rem;display:grid}.heard-director-field{grid-column:1/2}.heard-choir-field{grid-column:2/4}.heard-metteur-field{grid-column:1/2}.heard-comment-field{grid-column:2/4}.heard-field-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.heard-symbol-btn{text-align:center;min-width:44px;padding-inline:.45rem}.choir-section{border:1px dashed var(--border);background:#0000001f;border-radius:10px;margin-top:.05rem;padding:.65rem}.choir-grid{gap:.4rem;margin-top:.55rem;display:grid}.choir-row{grid-template-columns:minmax(130px,190px) minmax(260px,1fr) auto;align-items:center;gap:.4rem;display:grid}.heard-comment-field .textarea{min-height:96px}.composer-note-section{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;margin-top:.9rem;padding:.8rem}.composer-note-section h2{margin-top:0}.composer-note-form{gap:.55rem;display:grid}.composer-note-actions{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.composer-note-buttons{gap:.45rem;display:inline-flex}.btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-panel-soft);color:var(--text-main);border-radius:10px;padding:.4rem .62rem;transition:transform .15s,border-color .15s}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn-small{padding:.3rem .55rem;font-size:.82rem}.btn-heard.active{border-color:var(--heard);background:#2a8f6d33}.btn-favorite.active{border-color:var(--favorite);background:#b45f5f33}.btn-bought.active{border-color:var(--bought);background:#5d7ebf33}.btn-alert.active{border-color:var(--alert);background:#b88b3e33}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;display:grid}.form-field{gap:.3rem;display:grid}.auth-mode-row{gap:.45rem;margin:.6rem 0 .85rem;display:flex}.auth-form{grid-template-columns:1fr}.password-input-row{grid-template-columns:1fr;gap:.45rem;display:grid}.password-input-row .input{flex:1}.password-input-row .btn{justify-self:start}.auth-actions{grid-template-columns:1fr;gap:.45rem;display:grid}.auth-actions .btn{width:100%}.auth-requirements{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;gap:.25rem;padding:.55rem .65rem;display:grid}.modal-overlay{z-index:30;background:#0000008c;place-items:start center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--border);background:linear-gradient(140deg,#1a2121,#202a2a);border-radius:14px;width:min(980px,100%);margin:.75rem 0;padding:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.9rem;display:flex}.alert{border:1px solid var(--border);color:var(--text-muted);border-radius:10px;margin:.75rem 0;padding:.6rem .7rem}.alert.error{border-color:var(--danger);color:#f4c3c3}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:.55rem .45rem}.table th{color:var(--text-muted);font-size:.84rem;font-weight:600}.table td{font-size:.9rem}.table-actions{flex-wrap:wrap;gap:.35rem;display:flex}.table-sort-btn{all:unset;cursor:pointer;color:var(--text-muted);font-size:.84rem;font-weight:600}.table-sort-btn:hover{color:var(--text-main)}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem;display:grid}.chart-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;padding:.7rem}.chart-title{margin:0 0 .7rem}.tab-row{flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem;display:flex}.profile-notes-section{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;margin-bottom:1rem;padding:.8rem}.profile-notes-section h2{margin:0}.profile-note-form{gap:.45rem;margin-top:.6rem;display:grid}.profile-note-form-row{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.profile-notes-list{gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.profile-note-item{border:1px solid var(--border);background:var(--bg-panel-soft);border-radius:10px;padding:.55rem}.profile-note-item p{white-space:pre-wrap;margin:0 0 .45rem}.profile-note-meta{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.tab-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .78rem}.tab-btn.active{color:var(--text-main);border-color:var(--accent);background:var(--accent-soft)}.skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f) 0 0/200% 100%;border-radius:8px;animation:1.3s infinite shimmer}.skeleton-title{width:62%;height:22px;margin-bottom:.65rem}.skeleton-line{width:100%;height:12px;margin-bottom:.45rem}.table-skeleton{gap:.35rem;display:grid}.works-section{margin-top:1rem}.works-toolbar,.zibaldone-toolbar{grid-template-columns:1fr repeat(3,minmax(120px,180px));gap:.55rem;width:100%;display:grid}.recommendation-actions{align-items:center;gap:.5rem;display:inline-flex}.recommendation-info-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.daily-recommendation-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;margin-bottom:.8rem;padding:.75rem}.daily-recommendation-card h2{margin:0 0 .35rem;font-size:1.05rem}.daily-recommendation-card p{margin:0}.pagination-row{justify-content:flex-end;align-items:center;gap:.55rem;margin-top:.85rem;display:flex}.composer-profile-head{grid-template-columns:130px 1fr;gap:1rem;margin-bottom:.9rem;display:grid}.composer-profile-image{object-fit:cover;border:1px solid var(--border);border-radius:12px;width:130px;height:170px}.composer-profile-placeholder{border:1px dashed var(--border);width:130px;height:170px;color:var(--text-muted);border-radius:12px;place-items:center;display:grid}.composer-bio-text{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;line-height:1.45;display:-webkit-box;overflow:hidden}.composer-bio-text.is-expanded{line-clamp:unset;-webkit-line-clamp:unset;display:block;overflow:visible}.composer-bio-toggle{margin-top:.45rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=720px){.app-shell{padding:.7rem}.page{padding:.85rem}.table{white-space:nowrap;display:block;overflow-x:auto}.composer-profile-head,.works-toolbar,.zibaldone-toolbar{grid-template-columns:1fr}.recommendation-actions{justify-content:flex-start;width:100%}.work-row-main{align-items:flex-start}.work-category-panel.is-open{max-width:65vw}.choir-row,.heard-details-grid{grid-template-columns:1fr}.heard-director-field,.heard-choir-field,.heard-metteur-field,.heard-comment-field{grid-column:1/-1}}