@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Noto+Serif+Armenian:wght@600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Noto+Serif+Armenian:wght@600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ew-bg:#fcfaff;--ew-ink:#2f2540;--ew-muted:#7c718f;--ew-card:#fffefe;--ew-teal:#9b8cf2;--ew-teal-dark:#6d5a8d;--ew-coral:#b4a4f5;--ew-gold:#b9a7f7;--ew-mint:#f6f1ff;--ew-rose:#faf7ff;--ew-sky:#f1edff;--ew-line:#1720331f;--ew-shadow-soft:0 14px 40px #2f254012;--ew-shadow-lift:0 20px 54px #2f25401c}html{background:radial-gradient(circle at 14% 8%,#c026d32e,#0000 28%),radial-gradient(circle at 86% 16%,#9b8cf22e,#0000 30%),linear-gradient(180deg,#fdfaff,#fcfaff 48%,#faf7ff);background:radial-gradient(circle at 14% 8%,#c026d32e,#0000 28%),radial-gradient(circle at 86% 16%,#9b8cf22e,#0000 30%),linear-gradient(180deg,#fdfaff 0,var(--ew-bg) 48%,#faf7ff 100%)}body{background:#0000;color:#2f2540;color:var(--ew-ink)}@media (prefers-color-scheme:dark){:root{--c-bg:#0f1421;--c-text:#e6edff;--c-muted:#b7c2d8;--c-card:#121a2b;--c-grad-1:#16243d;--c-grad-2:#221b38;--c-primary-1:#b4a4f5;--c-primary-2:#9b8cf2;--shadow-1:0 10px 28px #00000073;--shadow-2:0 18px 48px #0000008c}}.song-list-container{margin:32px auto 48px;max-width:980px;padding:20px}.glass{-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);box-shadow:0 14px 40px #2f254012}.song-title{color:var(--ew-teal-dark,#6d5a8d)}.chip{background:linear-gradient(180deg,#fff,#f1edff);background:linear-gradient(180deg,#fff,var(--ew-sky,#f1edff));border:1px solid #2f254012}.control-grid{box-shadow:0 14px 40px #2f254012;grid-template-columns:1fr}.song-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:18px 0 0;padding:0}.song-item{margin:0}.song-card{grid-gap:14px;align-items:center;background:color-mix(in oklab,#fffdf8 92%,#0000);background:color-mix(in oklab,var(--c-card) 92%,#0000);border:1px solid #2f254012;border-radius:16px;box-shadow:0 14px 40px #2f254012;box-shadow:var(--shadow-1);color:inherit;display:grid;gap:14px;grid-template-columns:64px 1fr;padding:12px 14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.song-card:focus-visible,.song-card:hover{border-color:#c026d352;box-shadow:0 20px 54px #2f25401c;box-shadow:var(--shadow-2);outline:none;transform:translateY(-3px) rotate(-.25deg)}.note-avatar{align-items:center;background:linear-gradient(160deg,#9b8cf2,#b4a4f5);background:linear-gradient(160deg,#9b8cf2,var(--ew-coral,#b4a4f5));border-radius:14px;box-shadow:inset 0 -3px 10px #00000026;color:#fff;display:flex;justify-content:center;min-height:56px;min-width:56px}.note{font-size:1.3rem;font-weight:800;letter-spacing:.5px}.song-title-line{color:#fff;font-size:1.06rem;font-weight:700;letter-spacing:.2px}.meta-chip{background:#f1edff;background:var(--ew-sky,#f1edff);color:#6f5a9a}.key-chip{background:#f6f1ff;background:var(--ew-mint,#f6f1ff);color:#6d5a8d}.skeleton{grid-template-columns:64px 1fr;padding:12px 14px}.sk-avatar{background:#e8edf7;border-radius:14px;height:56px;width:56px}.sk-lines{grid-gap:8px;align-content:center;gap:8px}.sk-line-1{width:46%}.sk-line-2{width:70%}.card.error-card{align-items:center;background:#fff1f0;border:1px solid #ffd6d6;border-radius:14px;color:#991b1b;display:flex;gap:14px;margin-bottom:10px;padding:16px}.page-button{background:var(--ew-teal,#9b8cf2)}.page-button.active{background:linear-gradient(135deg,#b9a7f7,#b4a4f5)}@media (max-width:780px){.menu-icon{display:block}.nav-links{background:#9b8cf2;background:var(--c-primary-2);border-radius:0 0 12px 12px;box-shadow:0 20px 54px #2f25401c;box-shadow:var(--shadow-2);display:none;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;top:60px;width:100%;z-index:999}.nav-links.active{display:flex}}.pg-root{--pg-bg:#e0e0e0;--pg-bg-hover:#cfcfcf;--pg-fg:#222;--pg-ghost:#666;--pg-focus-outer:#00000040;--pg-focus-inner:#999;align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:20px}.pg-root.size-sm{--pad-y:6px;--pad-x:10px;--fs:.9rem}.pg-root.size-md{--pad-y:10px;--pad-x:14px;--fs:1rem}.pg-root.size-lg{--pad-y:12px;--pad-x:18px;--fs:1.1rem}.pg-list{align-items:center;display:flex;gap:6px;list-style:none;margin:0 6px;padding:0}.pg-btn,.pg-ellipsis-btn,.pg-num{-webkit-appearance:none;appearance:none;background:var(--pg-bg);border:none;border-radius:999px;color:var(--pg-fg);cursor:pointer;font-size:1rem;font-size:var(--fs,1rem);line-height:1;padding:10px 14px;padding:var(--pad-y,10px) var(--pad-x,14px);transition:background-color .15s ease,transform .06s ease,box-shadow .15s ease}.pg-btn:hover:not(:disabled),.pg-ellipsis-btn:hover,.pg-num:hover{background:var(--pg-bg-hover)}.pg-btn:active,.pg-ellipsis-btn:active,.pg-num:active{transform:translateY(1px)}.pg-num.active{background:var(--pg-bg-hover);box-shadow:0 0 0 2px var(--pg-focus-outer) inset;font-weight:700}.pg-ellipsis-btn{background:#0000;border:2px dashed var(--pg-ghost);color:var(--pg-ghost);padding:6px 10px;padding:calc(var(--pad-y,10px) - 4px) calc(var(--pad-x,14px) - 4px)}.pg-ellipsis{padding:0}.pg-btn:disabled{cursor:not-allowed;opacity:.5}.pg-btn:focus-visible,.pg-ellipsis-btn:focus-visible,.pg-num:focus-visible{box-shadow:0 0 0 3px var(--pg-focus-outer),0 0 0 2px var(--pg-focus-inner) inset;outline:none}@media (max-width:480px){.pg-btn,.pg-ellipsis-btn,.pg-num{font-size:.95rem;padding:8px 10px}}@media (max-width:360px){.pg-root>.pg-btn:first-of-type,.pg-root>.pg-btn:last-of-type{display:none}}@media (prefers-reduced-motion:reduce){.pg-btn,.pg-ellipsis-btn,.pg-num{transition:none}}.pg-total{border-radius:999px;color:var(--pg-ghost);font-weight:700;padding:4px 8px}:root{--shadow-1:var(--ew-shadow-soft,0 14px 40px #2f254012);--shadow-2:var(--ew-shadow-lift,0 20px 54px #2f25401c)}.song-detail-shell{padding:20px 0 40px}.song-detail-container{animation:fadeIn .45s ease both;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:color-mix(in oklab,#fffdf8 88%,#0000);background:color-mix(in oklab,var(--c-card) 88%,#0000);border:1px solid #2f254012;border-radius:18px;box-shadow:0 14px 40px #2f254012;box-shadow:var(--shadow-1);color:#172033;color:var(--c-text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,"Noto Serif Armenian",sans-serif;margin:0 auto;max-width:980px;padding:20px;position:relative}.song-detail-container:before{background:linear-gradient(90deg,#ded6ff,#b9a7f7,#b4a4f5);border-radius:18px 18px 0 0;content:"";height:5px;inset:0 0 auto;position:absolute}.navbar{box-shadow:0 20px 54px #2f25401c}.song-title{font-size:clamp(1.9rem,1.5rem + 2vw,2.7rem);margin:8px 0 2px}.chip{background:#f1edfff0;background:var(--c-soft-strong);border:1px solid #9b8cf233;border:1px solid var(--c-border)}.album-chip{background:#faf7ff;background:var(--ew-rose,#faf7ff);border-color:#9b8cf233;border-color:var(--c-border);color:#7c6496}.section-title-big{display:block;font-size:1.25rem;margin-bottom:10px;text-align:center;width:100%}.verse-card .song-verse{background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffffb8;color:#2f2540;font-family:ui-monospace,Menlo,Consolas,Noto Sans Armenian,monospace;font-size:1rem;line-height:1.6;padding:14px;white-space:pre-wrap}.meta-card .link-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.external-link{color:#4f3c6c;font-weight:800;text-decoration:none}.external-link:hover{color:#4f3c6c;text-decoration:underline}.chords-card .chords-container{background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffffb8;height:680px;max-width:100%;overflow:hidden;position:relative}.chords-iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.chords-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 16px;text-align:left;text-align:initial;width:100%}.chords-actions .btn{display:inline-flex;margin:0}.actions-card{align-items:center;display:flex;flex-direction:column}.actions-row-top{flex-wrap:wrap;gap:10px;margin-bottom:8px}.actions-row-bottom,.actions-row-top{display:flex;justify-content:center}.dates-card .dates-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.date-item{grid-gap:4px;background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;display:grid;gap:4px;padding:10px}.date-label{color:#667085;color:var(--c-muted);font-size:.85rem}.date-value{font-weight:800}.btn{text-align:center}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.48;transform:none}.btn-secondary{background:linear-gradient(135deg,#b9a7f7,#7c6496);color:#fff}.btn-secondary:hover{filter:brightness(1.02)}@media (max-width:780px){.menu-icon{display:block}.nav-links{background:#9b8cf2;background:var(--c-primary-2);border-radius:0 0 12px 12px;box-shadow:0 20px 54px #2f25401c;box-shadow:var(--shadow-2);display:none;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;top:60px;width:100%;z-index:999}.nav-links.active{display:flex}.dates-card .dates-grid{grid-template-columns:1fr}}:focus-visible{outline:3px solid #9b8cf257}.song-detail-container .navbar{border-radius:14px;left:auto!important;position:static!important;right:auto!important;top:auto!important;width:auto}.song-detail-container{padding-top:20px!important}@media (prefers-color-scheme:dark){:root{--c-bg:#0f1421;--c-text:#e6edff;--c-muted:#b7c2d8;--c-card:#8a95a8;--c-grad-1:#16243d;--c-grad-2:#221b38;--c-primary-1:#b4a4f5;--c-primary-2:#9b8cf2;--shadow-1:0 10px 28px #00000073;--shadow-2:0 18px 48px #0000008c}}.plan-list-container{margin:32px auto 48px;max-width:980px;padding:20px}.menu-icon{transform:translateZ(0)}.nav-link{font-weight:600}.song-title{color:#6d5a8d;font-family:"Noto Serif Armenian",serif;font-size:clamp(1.8rem,1.4rem + 2vw,2.6rem);font-weight:800;letter-spacing:.5px;margin:8px 0 10px;text-align:center;text-shadow:0 1px 0 #ffffffb8}.chip-muted{color:#667085;color:var(--c-muted)}.chip-type-all{background:linear-gradient(135deg,#9b8cf2,#6f5a9a);border:none;color:#fff}.chip-type-su{background:#f1edff;background:var(--ew-sky,#f1edff);color:#6f5a9a}.chip-type-th{background:#faf7ff;background:var(--ew-rose,#faf7ff);color:#7c6496}.chip-type-ot{background:#f6f1ff;background:var(--ew-mint,#f6f1ff);color:#6d5a8d}.controls{position:-webkit-sticky;position:sticky;top:86px;z-index:40}.sticky-controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px}.control-grid{grid-gap:14px;align-items:center;background:color-mix(in oklab,#fffdf8 88%,#0000);background:color-mix(in oklab,var(--c-card) 88%,#0000);border:1px solid color-mix(in oklab,#fffdf8 85%,#0000);border:1px solid color-mix(in oklab,var(--c-card) 85%,#0000);border-radius:14px;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-1);display:grid;gap:14px;grid-template-columns:minmax(220px,1fr) auto;padding:10px}.input-wrap{width:100%}.search-input{background:#fffdf8;background:var(--c-card);border:1.6px solid #9b8cf23d;border-radius:12px;font-size:1rem;padding:12px 14px;transition:.2s;width:100%}.search-input:focus{border-color:#b4a4f5;border-color:var(--c-primary-1);box-shadow:0 0 0 5px color-mix(in oklab,#b4a4f5 20%,#0000);box-shadow:0 0 0 5px color-mix(in oklab,var(--c-primary-1) 20%,#0000);outline:none}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filters label{align-items:center;background:#fffdf8;background:var(--c-card);border:1.5px solid #1720331f;border-radius:999px;box-shadow:0 2px 6px #0000000a;cursor:pointer;display:inline-flex;position:relative;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.filters label:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.filters input{display:none}.filters label span{border-radius:999px;color:#9b8cf2;color:var(--c-primary-2);font-size:.95rem;font-weight:600;padding:8px 16px}.filters input:checked+span{background:linear-gradient(135deg,#b9a7f7,#b4a4f5);border:1.5px solid #b4a4f5;border:1.5px solid var(--c-primary-1);box-shadow:0 10px 18px #00509e47;color:#fff}.plan-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:18px 0 0;padding:0}.plan-item{margin:0}.plan-card{grid-gap:14px;align-items:center;background:color-mix(in oklab,#fffdf8 92%,#0000);background:color-mix(in oklab,var(--c-card) 92%,#0000);border:1px solid #2f254012;border-radius:16px;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-1);color:inherit;display:grid;gap:14px;grid-template-columns:84px 1fr;padding:14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.plan-card:focus-visible,.plan-card:hover{box-shadow:0 12px 36px #0000001f;box-shadow:var(--shadow-2);outline:none;transform:translateY(-3px) rotate(.25deg)}.date-badge{align-items:center;background:linear-gradient(160deg,#9b8cf2,#6d5a8d);border-radius:14px;box-shadow:inset 0 -3px 10px #00000026;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:10px 8px}.date-badge .day{font-size:1.9rem;font-weight:800;line-height:1}.date-badge .mon{font-size:.9rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.plan-main{grid-gap:6px;display:grid;gap:6px}.plan-title{color:#fff;font-size:1.06rem;font-weight:700;letter-spacing:.2px}.meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.meta-chip{background:#eef3ff;color:#1a4fb3;font-size:.85rem;letter-spacing:.2px;padding:6px 10px}.type-su{background:#f1edff;background:var(--ew-sky,#f1edff);color:#6f5a9a}.type-th{background:#faf7ff;background:var(--ew-rose,#faf7ff);color:#7c6496}.type-ot{background:#f6f1ff;background:var(--ew-mint,#f6f1ff);color:#6d5a8d}.type-all{background:#e9d5ff;color:#695278}.meta-link{color:#b4a4f5;color:var(--c-primary-1);font-size:.9rem;opacity:.9}.plan-card:active{transform:translateY(0)}.skeleton{grid-gap:14px;background:color-mix(in oklab,#fffdf8 85%,#0000);background:color-mix(in oklab,var(--c-card) 85%,#0000);border:1px solid color-mix(in oklab,#fffdf8 85%,#0000);border:1px solid color-mix(in oklab,var(--c-card) 85%,#0000);border-radius:16px;display:grid;gap:14px;grid-template-columns:84px 1fr;overflow:hidden;padding:14px;position:relative}.skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(100deg,#0000 40%,#ffffff47 50%,#0000 60%);content:"";inset:0;position:absolute}.sk-date{background:#e8edf7;border-radius:14px;height:78px;width:84px}.sk-line{align-self:center;height:18px}.empty{background:color-mix(in oklab,#fffdf8 80%,#0000);background:color-mix(in oklab,var(--c-card) 80%,#0000);border:1px solid color-mix(in oklab,#fffdf8 85%,#0000);border:1px solid color-mix(in oklab,var(--c-card) 85%,#0000);border-radius:16px;padding:40px 16px}.empty-illustration{font-size:3rem}.btn{background:#991b1b;border:none;border-radius:10px;font-weight:700;margin-left:auto;padding:10px 14px}.btn:hover{filter:brightness(1.05)}.pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.page-button{background:#9b8cf2;background:var(--c-primary-2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.98rem;font-weight:700;min-width:44px;padding:10px 16px;transition:.2s}.page-button:focus-visible,.page-button:hover{background:#b4a4f5;background:var(--c-primary-1);outline:none}.page-button.active{background:linear-gradient(135deg,#b4a4f5,#9b8cf2);background:linear-gradient(135deg,var(--c-primary-1),var(--c-primary-2))}@media (max-width:780px){.menu-icon{display:block}.nav-links{background:#9b8cf2;background:var(--c-primary-2);border-radius:0 0 12px 12px;box-shadow:0 12px 36px #0000001f;box-shadow:var(--shadow-2);display:none;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;top:60px;width:100%;z-index:999}.nav-links.active{display:flex}.control-grid{grid-template-columns:1fr}.plan-card,.skeleton{grid-template-columns:72px 1fr}.date-badge{min-height:68px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.search-input[type=date]{color:#fff}.search-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.search-input::placeholder{color:#fffc}:root{--c-bg:var(--ew-bg,#fbfaf6);--c-text:var(--ew-ink,#172033);--c-muted:var(--ew-muted,#667085);--c-card:var(--ew-card,#fffdf8);--c-soft:#f6f1ffbd;--c-soft-strong:#f1edfff0;--c-border:#9b8cf233;--c-border-strong:#6d5a8d42;--c-grad-1:#e9d5ff;--c-grad-2:#f1edff;--c-primary-1:var(--ew-coral,#b4a4f5);--c-primary-2:var(--ew-teal,#9b8cf2);--shadow-1:0 6px 20px #00000014;--shadow-2:0 12px 36px #0000001f}@media (prefers-color-scheme:dark){:root{--c-bg:#0f1421;--c-text:#e6edff;--c-muted:#b7c2d8;--c-card:#2a2f3a;--c-grad-1:#16243d;--c-grad-2:#221b38;--c-primary-1:#b4a4f5;--c-primary-2:#9b8cf2;--shadow-1:0 10px 28px #00000073;--shadow-2:0 18px 48px #0000008c}}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfaf6;background:var(--c-bg);color:#172033;color:var(--c-text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,"Noto Serif Armenian",sans-serif;margin:0;padding:0}.page-bg{min-height:100vh;overflow-x:hidden;position:relative}.bg-pattern{height:100%;inset:0;position:fixed;width:100%;z-index:-1}.plan-detail-container{margin:32px auto 48px;max-width:980px;padding:20px}.glass{animation:fadeIn .45s ease both;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:color-mix(in oklab,#fffdf8 86%,#0000);background:color-mix(in oklab,var(--c-card) 86%,#0000);border:1px solid #2f254012;border-radius:18px;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-1);position:relative}.glass:before{background:linear-gradient(90deg,#ded6ff,#b9a7f7,#b4a4f5);border-radius:18px 18px 0 0;content:"";height:5px;inset:0 0 auto;position:absolute}.navbar{border-radius:14px;box-shadow:0 12px 36px #0000001f;box-shadow:var(--shadow-2);margin-bottom:22px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:14px;z-index:50}.navbar-brand{gap:10px}.logo{height:42px}.brand-name{font-weight:700;letter-spacing:.4px}.menu-icon{font-size:1.9rem;z-index:1000}.nav-links{gap:18px}.nav-link{border-radius:10px;font-weight:700;padding:8px 12px;transition:.25s}.nav-link:focus-visible,.nav-link:hover{background-color:#ffffff2b;outline:none}.header-stack{grid-gap:10px;align-items:center;display:grid;gap:10px}.plan-date{color:#6d5a8d;font-family:"Noto Serif Armenian",serif;font-size:clamp(1.9rem,1.5rem + 2vw,2.7rem);font-weight:800;letter-spacing:.5px;margin:8px 0 2px;text-align:center;text-shadow:0 1px 0 #ffffffb8}.chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{align-items:center;background:color-mix(in oklab,#fffdf8 70%,#0000);background:color-mix(in oklab,var(--c-card) 70%,#0000);border:1px solid color-mix(in oklab,#b4a4f5 10%,#667085);border:1px solid color-mix(in oklab,var(--c-primary-1) 10%,var(--c-muted));border-radius:999px;box-shadow:0 2px 8px #0000000d;display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;padding:8px 12px}.chip-type{background:#f1edff;background:var(--ew-sky,#f1edff);border-color:#ebe5ff;color:#6f5a9a}.chip.muted{color:#667085;color:var(--c-muted)}.section{margin-top:16px}.card{background:linear-gradient(180deg,#ffffffeb,#faf7ffe6);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:16px;box-shadow:0 12px 34px #2f254012;padding:14px}.section-title{color:#6d5a8d;font-size:1.05rem;font-weight:800;letter-spacing:.3px;margin:0 0 10px}.section-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.people-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.person{align-items:center;background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;display:flex;gap:10px;padding:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.person:hover{border-color:#6d5a8d42;border-color:var(--c-border-strong);box-shadow:0 10px 24px #6d5a8d1a;transform:translateY(-1px)}.avatar{align-items:center;background:linear-gradient(160deg,#b9a7f7,#7c6496);border-radius:10px;box-shadow:0 8px 18px #6d5a8d2e;color:#fff;display:flex;font-weight:900;justify-content:center;letter-spacing:.3px;min-height:44px;min-width:44px}.person-main{grid-gap:2px;display:grid;gap:2px}.person-name{color:#2f2540;font-weight:800}.person-sub{color:#6d5a8d;font-size:.85rem}.people-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.person-tile{align-items:center;background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;display:flex;gap:8px;min-height:60px;padding:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.person-tile:hover{border-color:#6d5a8d42;border-color:var(--c-border-strong);box-shadow:0 10px 24px #6d5a8d1a;transform:translateY(-1px)}.avatar.sm{border-radius:10px;min-height:38px;min-width:38px}.tile-name{color:#2f2540;font-weight:700}.song-ordered{grid-gap:10px;counter-reset:song;display:grid;gap:10px;list-style:none;margin:0;padding:0}.song-row{grid-gap:12px;align-items:center;background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;display:grid;gap:12px;grid-template-columns:56px 1fr;padding:10px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.song-row:hover{border-color:#6d5a8d42;border-color:var(--c-border-strong);box-shadow:0 12px 26px #6d5a8d1c;transform:translateY(-1px)}.song-order{align-items:center;background:linear-gradient(160deg,#b9a7f7,#6d5a8d);border-radius:10px;box-shadow:0 8px 18px #6d5a8d2e;color:#fff;display:flex;font-weight:900;justify-content:center;min-height:40px}.song-main{grid-gap:6px;display:grid;gap:6px}.song-link{color:#4f3c6c;font-weight:800;text-decoration:none}.song-link:focus-visible,.song-link:hover{color:#4f3c6c;outline:none;text-decoration:underline}.song-sub{display:flex;flex-wrap:wrap;gap:8px}.meta-chip{background:#ffffffb8;border:1px solid #9b8cf22e;border-radius:999px;color:#6d5a8d;font-size:.82rem;font-weight:700;padding:4px 8px}.meta-chip.key{background:#f6f1ff;background:var(--ew-mint,#f6f1ff);color:#7c6496}.meta-chip.album{background:#faf7ff;background:var(--ew-rose,#faf7ff);color:#6d5a8d}.btn{align-items:center;background:linear-gradient(135deg,#8d7ae6,#6d5a8d);border:1px solid #ffffff52;border-radius:12px;box-shadow:0 10px 22px #6d5a8d33;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;padding:11px 16px;text-decoration:none;transition:.2s}.btn:focus-visible,.btn:hover{box-shadow:0 14px 30px #6d5a8d3d;outline:none;transform:translateY(-1px)}.btn-outline{background:#ffffff9e;border:1px solid #6d5a8d42;border:1px solid var(--c-border-strong);box-shadow:0 8px 18px #6d5a8d1a;color:#6d5a8d;color:var(--ew-teal-dark,#6d5a8d)}.btn-outline:hover{background:linear-gradient(135deg,#9b8cf2,#6d5a8d);color:#fff}.btn-ghost{background:#f1edfff0;background:var(--c-soft-strong);border:1px solid #9b8cf233;border:1px solid var(--c-border);box-shadow:none;color:#6d5a8d;color:var(--ew-teal-dark,#6d5a8d)}.btn-ghost:hover{background:#fff;color:#4f3c6c}.empty{background:#f6f1ffbd;background:var(--c-soft);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:12px;color:#4f3c6c;font-weight:600;padding:24px;text-align:center}.empty-illustration{font-size:2rem;margin-bottom:8px}.error-card{align-items:center;background:#fff1f0;border:1px solid #ffd6d6;border-radius:14px;color:#991b1b;display:flex;gap:14px;margin-bottom:10px;padding:16px}.err-icon{font-size:1.6rem}.skeleton-card{min-height:140px;overflow:hidden;position:relative}.skeleton-card:after{animation:shimmer 1.2s infinite;background:linear-gradient(100deg,#0000 40%,#ffffff47 50%,#0000 60%);content:"";inset:0;position:absolute}.sk-title{background:#e8edf7;border-radius:12px;height:28px;margin:10px;width:60%}.sk-lines{grid-gap:10px;display:grid;gap:10px;padding:0 10px 14px}.sk-line{background:#e8edf7;border-radius:8px;height:14px}.w60{width:60%}.w80{width:80%}.w90{width:90%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:900px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.menu-icon{display:block}.nav-links{background:#9b8cf2;background:var(--c-primary-2);border-radius:0 0 12px 12px;box-shadow:0 12px 36px #0000001f;box-shadow:var(--shadow-2);display:none;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;top:60px;width:100%;z-index:999}.nav-links.active{display:flex}.song-row{grid-template-columns:48px 1fr}.avatar{min-height:40px;min-width:40px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:3px solid color-mix(in oklab,#b4a4f5 35%,#0000);outline:3px solid color-mix(in oklab,var(--c-primary-1) 35%,#0000);outline-offset:2px}.section.actions-card{align-items:center;background:linear-gradient(180deg,#ffffffeb,#faf7ffe6);border:1px solid #9b8cf233;border:1px solid var(--c-border);border-radius:16px;box-shadow:0 12px 34px #2f254012;display:flex;flex-direction:column;gap:0;padding:16px}.section.actions-card .actions-row-top{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-auto-flow:column;justify-content:center;width:100%}.section.actions-card .actions-row-bottom{display:flex;justify-content:center;margin-top:8px}.section.actions-card .actions-row-bottom>*,.section.actions-card .actions-row-top>*{justify-self:center;margin:0}@media (max-width:600px){.section.actions-card .actions-row-top{grid-auto-flow:row}.section.actions-card .actions-row-top .btn{max-width:320px;width:100%}}.section.actions-card,.section.actions-card .actions-row-bottom,.section.actions-card .actions-row-top{text-align:center!important}body{background:radial-gradient(circle at 18% 8%,#c026d329,#0000 28%),radial-gradient(circle at 82% 18%,#9b8cf224,#0000 30%),#fcfaff;font-family:"Arial, sans-serif";margin:0;padding:0}.create-plan{background-color:color-mix(in oklab,#fffdf8 90%,#0000);background-color:color-mix(in oklab,var(--ew-card,#fffdf8) 90%,#0000);border:1px solid #2f254012;border-radius:18px;box-shadow:0 14px 40px #2f254012;box-shadow:var(--ew-shadow-soft,0 14px 40px #2f254012);margin:32px auto 48px;max-width:720px;overflow:hidden;padding:20px;position:relative}.create-plan:before{background:linear-gradient(90deg,#ded6ff,#b9a7f7,#b4a4f5);content:"";height:5px;inset:0 0 auto;position:absolute}.create-plan h1{color:#d9d5e6;color:var(--ew-teal-dark,#d9d5e6);font-family:"Noto Serif Armenian",Georgia,serif;margin-bottom:20px;text-align:center}.create-plan .form-group{margin-bottom:15px}.create-plan .form-group label{color:#172033;color:var(--ew-ink,#172033);display:block;font-weight:700;margin-bottom:5px}.create-plan .form-group input,.create-plan .form-group select{background:#fffdf8;border:1.6px solid #9b8cf23d;border-radius:10px;font-size:16px;padding:10px;width:calc(100% - 22px)}.create-plan .form-group input:focus,.create-plan .form-group select:focus{border-color:#9b8cf2;border-color:var(--ew-teal,#9b8cf2);box-shadow:0 0 0 4px #9b8cf224;outline:none}.create-plan .form-group .song-group{display:flex;gap:10px;margin-bottom:10px}.create-plan .form-group .song-group select{flex:1 1}.create-plan .form-group .song-group button{background-color:#b4a4f5;background-color:var(--ew-coral,#b4a4f5);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.create-plan .form-group .song-group button:hover{filter:brightness(1.05)}.create-plan .form-group button[type=button]{background-color:#9b8cf2;background-color:var(--ew-teal,#9b8cf2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.create-plan .form-group button[type=button]:hover{filter:brightness(1.05)}.create-plan button[type=submit]{background:linear-gradient(135deg,#9b8cf2,#6f5a9a);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:15px;width:100%}.create-plan button[type=submit]:hover{filter:brightness(1.04)}.navbar{background:linear-gradient(135deg,#5f4b7a,#b4a4f5 62%,#b9a7f7);border-radius:10px;justify-content:space-between;margin-bottom:20;padding:10px 20px}.navbar,.navbar-brand{align-items:center;display:flex}.logo{color:#fff;height:40px;margin-right:10px}.brand-name,.menu-icon{color:#fff;font-size:1.5rem}.menu-icon{cursor:pointer;display:none}.nav-links{display:flex;gap:20px}.nav-link{border-radius:5px;color:#fff;font-size:1.2rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#ffffff2b;text-decoration:none}@media (max-width:768px){.menu-icon{display:block}.nav-links{background-color:#6d5a8d;background-color:var(--ew-teal-dark,#6d5a8d);box-shadow:0 8px 16px #0003;display:none;flex-direction:column;gap:10px;left:0;padding:20px;position:absolute;top:60px;width:100%}.nav-links.active{display:flex}}
/*# sourceMappingURL=main.5cd76c00.css.map*/