:host{--et-fade:220ms var(--g-ease)}*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.et-bar,.et-pop,.et-tip,.et-toast,.et-modal,.et-busy{font-family:var(--g-font);font-size:var(--g-fs-md);line-height:var(--g-lh-snug);color:var(--g-fg);color-scheme:var(--g-color-scheme);-webkit-font-smoothing:antialiased}.et-bar,.et-pop{background:var(--g-surface);-webkit-backdrop-filter:var(--g-glass-filter-strong);backdrop-filter:var(--g-glass-filter-strong);border:var(--g-border-w) solid var(--g-line);box-shadow:var(--g-shadow-lg),inset 0 1px 0 var(--g-sheen)}.et-tip,.et-toast,.et-sheet{background:var(--g-surface);-webkit-backdrop-filter:var(--g-glass-filter-strong);backdrop-filter:var(--g-glass-filter-strong);border:var(--g-border-w) solid var(--g-line);box-shadow:var(--g-shadow-lg),inset 0 1px 0 var(--g-sheen)}button{font:inherit;color:inherit;cursor:pointer;position:relative;overflow:hidden;background:var(--g-control-bg);border:var(--g-border-w) solid var(--g-control-border);box-shadow:var(--g-control-shadow);display:inline-flex;align-items:center;justify-content:center;gap:var(--g-space-2);transition:background var(--g-trans-fast),color var(--g-trans-fast),opacity var(--g-trans-fast),border-color var(--g-trans-fast),box-shadow var(--g-trans),transform var(--g-trans-spring)}button:hover{border-color:var(--g-hover-line);box-shadow:var(--g-control-shadow-hover);transform:scale(var(--g-hover-scale))}button:active{transform:scale(var(--g-press-scale))}:is(button,.et-btn,.et-plan)::before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:42%;background:var(--g-shine);transform:skewX(-18deg);transition:left var(--g-shine-t) var(--g-ease);pointer-events:none}:is(button,.et-btn,.et-plan):hover::before{left:130%}:is(.et-primary,.et-btn-light,.et-bar .et-create,.et-plan:has(input:checked),.et-song[aria-pressed="true"])::before{background:var(--g-shine-emphasis)}button:disabled{opacity:var(--g-opacity-disabled);pointer-events:none}button:focus-visible,a:focus-visible{outline:var(--g-focus-w) solid var(--g-focus-outline);outline-offset:var(--g-focus-offset)}svg{width:var(--g-icon);height:var(--g-icon);flex:none}.et-primary,.et-bar .et-create{background:var(--g-emphasis-fill);color:var(--g-on-emphasis);font-weight:var(--g-fw-bold);border-color:transparent;-webkit-backdrop-filter:var(--g-glass-filter);backdrop-filter:var(--g-glass-filter);box-shadow:var(--g-shadow-emphasis),var(--g-emphasis-edge)}.et-primary:hover,.et-bar .et-create:hover{background:var(--g-emphasis-fill-hover);border-color:transparent;box-shadow:var(--g-shadow-emphasis),var(--g-emphasis-edge)}.et-bar{position:fixed;z-index:1;right:calc(var(--g-space-4) + env(safe-area-inset-right));bottom:calc(var(--g-space-4) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:calc(var(--g-space) * 0.5);padding:var(--g-space-1);border-radius:var(--g-r-pill)}.et-bar button{height:var(--g-control-h-sm);min-width:var(--g-control-h-sm);padding:0 var(--g-space-3);border-radius:max(0px,calc(var(--g-r-pill) - var(--g-space-1)))}.et-bar .et-edit{padding:0}.et-bar button:not(.et-create),.et-pop button:not(.et-primary):not([aria-pressed="true"]){background:transparent;border-color:transparent;box-shadow:none}.et-bar button:not(.et-create):hover,.et-pop button:not(.et-primary):not([aria-pressed="true"]):hover{background:var(--g-control-bg);border-color:var(--g-hover-line);box-shadow:var(--g-control-shadow-hover)}.et-bar button:not(.et-create){width:var(--g-control-h-sm);min-width:0;padding:0}.et-bar .et-create,.et-bar[data-editing] .et-create{margin-left:var(--g-space-1);white-space:nowrap;padding:0 var(--g-control-pad-x-sm)}@media (max-width:420px){.et-bar[data-editing] button:not(.et-create){width:calc(var(--g-space) * 8.5);height:calc(var(--g-space) * 8.5)}.et-bar[data-editing] .et-sep{display:none}.et-bar[data-editing] .et-create{padding:0 calc(var(--g-space) * 2.5);font-size:var(--g-fs-sm)}}@media (max-width:340px){.et-bar[data-editing]{right:calc(calc(var(--g-space) * 2.5) + env(safe-area-inset-right))}.et-bar[data-editing] button:not(.et-create){width:calc(var(--g-space) * 7.5);height:calc(var(--g-space) * 7.5)}.et-bar[data-editing] .et-create{padding:0 calc(var(--g-space) * 2.25);font-size:var(--g-fs-xs);margin-left:calc(var(--g-space) * 0.5)}}.et-sep{width:var(--g-border-w);height:calc(var(--g-space) * 5.5);background:var(--g-line);margin:0 calc(var(--g-space) * 0.75)}.et-bar:not([data-editing]) .et-tool{display:none}.et-tip{position:fixed;z-index:2;right:calc(var(--g-space-4) + env(safe-area-inset-right));bottom:calc(var(--g-space-4) + var(--g-control-h-sm) + 2 * var(--g-space-1) + var(--g-space-3) + env(safe-area-inset-bottom));max-width:calc(100vw - 2 * var(--g-space-4));padding:var(--g-space-2) var(--g-space-4);border-radius:var(--g-r-pill);font-size:var(--g-fs-sm);font-weight:var(--g-fw-semibold);line-height:var(--g-lh-snug);transform:translateY(6px);pointer-events:none}.et-tip.et-show{transform:none}.et-pop{position:fixed;z-index:3;display:flex;flex-direction:column;gap:calc(var(--g-space) * 0.5);min-width:calc(var(--g-space) * 50);max-width:calc(100vw - 2 * var(--g-space-2));padding:var(--g-surface-pad);border-radius:var(--g-r-menu);transform:translateY(4px) scale(0.98)}.et-pop.et-show{transform:none}.et-pop button{justify-content:flex-start;text-align:left;padding:calc(var(--g-space) * 2.5) var(--g-space-3);border-radius:var(--g-r-nested)}.et-pop-note{padding:calc(var(--g-space) * 1.5) var(--g-space-3) var(--g-space-1);font-size:var(--g-fs-xs);color:var(--g-muted)}.et-title{padding:var(--g-space-2) var(--g-space-3) calc(var(--g-space) * 0.5);font-weight:var(--g-fw-bold)}.et-pop-head{display:flex;align-items:center;justify-content:space-between;gap:var(--g-space-2)}.et-pop-head .et-title{padding-bottom:var(--g-space-2)}.et-pop .et-close{flex:none;width:var(--g-control-h-sm);height:var(--g-control-h-sm);padding:0;justify-content:center;color:var(--g-muted)}.et-pop .et-close:hover{color:var(--g-fg)}.et-form{display:flex;flex-direction:column;gap:calc(var(--g-space) * 1.5);padding:calc(var(--g-space) * 1.5);width:min(calc(var(--g-space) * 75),calc(100vw - 2 * var(--g-space-4)))}.et-form label{display:flex;flex-direction:column;gap:calc(var(--g-space) * 1.5);font-size:var(--g-fs-sm);font-weight:var(--g-fw-semibold);color:var(--g-muted)}input{font:inherit;font-size:var(--g-fs-input);color:var(--g-fg);background:var(--g-control-bg);border:var(--g-border-w) solid var(--g-control-border);border-radius:var(--g-r-control);box-shadow:var(--g-control-shadow);padding:calc(var(--g-space) * 2.25) var(--g-space-4);width:100%;min-width:0;transition:border-color var(--g-trans-fast),box-shadow var(--g-trans)}input:hover{border-color:var(--g-line-strong)}input:focus{outline:none;border-color:var(--g-hover-line);box-shadow:0 0 0 var(--g-focus-ring-w) var(--g-focus-ring),inset 0 1px 0 var(--g-sheen)}input::placeholder{color:var(--g-faint)}.et-pop .et-primary{justify-content:center;margin-top:calc(var(--g-space) * 0.5)}.et-error{padding:calc(var(--g-space) * 0.5) calc(var(--g-space) * 0.5) 0;font-size:var(--g-fs-sm);color:var(--g-danger)}.et-pop-music{width:min(calc(var(--g-space) * 85),calc(100vw - 2 * var(--g-space-2)))}.et-songs{max-height:min(46vh,calc(var(--g-space) * 85));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--g-space-2);margin:0 calc(var(--g-surface-pad) * -1);padding:var(--g-space-5) calc(var(--g-surface-pad) + var(--g-space-1));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--g-space-5),#000 calc(100% - var(--g-space-5)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--g-space-5),#000 calc(100% - var(--g-space-5)),transparent)}.et-divider{flex:none;height:var(--g-border-w);margin:calc(var(--g-space) * 0.5) var(--g-space-2) var(--g-space-1);background:var(--g-line)}.et-pop-footer{display:flex;align-items:center;gap:calc(var(--g-space) * 1.5)}.et-pop .et-pop-footer .et-song{flex:1;width:auto;min-width:0}.et-pop .et-pop-footer .et-primary{flex:none;justify-content:center;margin:0;padding:calc(var(--g-space) * 2.25) calc(var(--g-space) * 4.5)}.et-pop .et-song{padding:calc(var(--g-space) * 2.25) var(--g-space-3)}.et-group{padding:var(--g-space-3) var(--g-space-3) var(--g-space-1);font-size:var(--g-fs-2xs);font-weight:var(--g-fw-bold);letter-spacing:var(--g-tracking-label);text-transform:uppercase;color:var(--g-muted)}.et-pop .et-song{width:100%;flex:none;display:flex;min-width:0}.et-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.et-song[aria-pressed="true"],.et-song[aria-pressed="true"]:hover{font-weight:var(--g-fw-bold);background:var(--g-emphasis-fill);color:var(--g-on-emphasis)}.et-song[aria-pressed="true"]::after{content:"✓";flex:none;padding-left:var(--g-space-2)}.et-toast{position:fixed;z-index:2;right:calc(var(--g-space-4) + env(safe-area-inset-right));bottom:calc(var(--g-space-4) + var(--g-control-h-sm) + 2 * var(--g-space-1) + var(--g-space-3) + env(safe-area-inset-bottom));max-width:calc(100vw - 2 * var(--g-space-4));padding:calc(var(--g-space) * 2.5) var(--g-space-4);border-radius:var(--g-r-sm);font-weight:var(--g-fw-semibold);transform:translateY(6px);pointer-events:none}.et-toast.et-show{transform:none}.et-modal{position:fixed;inset:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;padding:var(--g-space-3) calc(var(--g-space-3) + env(safe-area-inset-right)) calc(var(--g-space-3) + env(safe-area-inset-bottom)) calc(var(--g-space-3) + env(safe-area-inset-left));background:var(--g-scrim);font-size:var(--g-fs-base);line-height:var(--g-lh-normal)}.et-sheet{width:100%;max-width:calc(var(--g-maxw-narrow) + var(--g-space-5));max-height:100%;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--g-panel-pad);border-radius:var(--g-r-surface-lg);display:flex;flex-direction:column;gap:var(--g-space-4);transform:translateY(24px);transition:transform var(--et-fade)}.et-modal.et-show .et-sheet{transform:none}@media (min-width:600px){.et-modal{align-items:center;padding:var(--g-space-4)}}.et-sheet h2{margin:0;font-size:clamp(calc(var(--g-font-size) * 1.4667),3.6vw,calc(var(--g-font-size) * 1.7333));font-weight:var(--g-fw-bold);letter-spacing:var(--g-tracking-tight)}.et-sheet-desc{margin:calc(var(--g-space-2) - var(--g-space-4)) 0 0;font-size:var(--g-fs-base);line-height:var(--g-lh-normal);color:var(--g-muted)}.et-field{display:flex;flex-direction:column;gap:var(--g-space-2);font-size:var(--g-fs-md);font-weight:var(--g-fw-semibold);color:var(--g-fg)}.et-field small{font-weight:var(--g-fw-medium)}.et-field-label{font-size:var(--g-fs-md);font-weight:var(--g-fw-semibold);color:var(--g-fg)}.et-link{display:flex;align-items:center;background:var(--g-control-bg);border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-r-control);box-shadow:inset 0 1px 0 var(--g-sheen);transition:border-color var(--g-trans-fast),box-shadow var(--g-trans)}.et-link:hover{border-color:var(--g-line-strong)}.et-link:focus-within{border-color:var(--g-hover-line);box-shadow:0 0 0 var(--g-focus-ring-w) var(--g-focus-ring),inset 0 1px 0 var(--g-sheen)}.et-link:has(input[aria-invalid="true"]){border-color:var(--g-danger)}.et-link:has(input[aria-invalid="true"]):focus-within{box-shadow:0 0 0 var(--g-focus-ring-w) var(--g-danger-bg),inset 0 1px 0 var(--g-sheen)}.et-link-host{padding-left:var(--g-space-4);font-size:var(--g-fs-md);font-weight:var(--g-fw-medium);color:var(--g-muted);white-space:nowrap}.et-link input{border:0;background:transparent;box-shadow:none;padding-left:calc(var(--g-space) * 0.25)}.et-link input:focus{box-shadow:none}.et-field-head{display:block}.et-slug-status{font-size:var(--g-fs-md);font-weight:var(--g-fw-medium);color:var(--g-danger)}.et-slug-status.et-ok{color:var(--g-muted)}.et-plans{display:flex;flex-direction:column;gap:var(--g-space-2)}.et-plan{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--g-space-3);cursor:pointer;padding:var(--g-space-3) var(--g-space-4);background:var(--g-control-bg);box-shadow:var(--g-control-shadow);border:var(--g-border-w) solid var(--g-control-border);border-radius:min(var(--g-r-pill),calc(var(--g-control-h) / 2));transition:background var(--g-trans-fast),border-color var(--g-trans-fast),box-shadow var(--g-trans-fast)}.et-plan:not(.et-plan-off):hover{border-color:var(--g-hover-line);box-shadow:var(--g-control-shadow-hover)}.et-plan:has(input:checked){background:var(--g-emphasis-fill);border-color:transparent;color:var(--g-on-emphasis);box-shadow:var(--g-shadow-emphasis),var(--g-emphasis-edge)}.et-plan:has(input:checked) :is(.et-plan-name,.et-plan-meta,.et-plan-price){color:var(--g-on-emphasis)}.et-plan:has(input:checked) .et-plan-meta{opacity:var(--g-opacity-dim)}.et-plan:has(input:checked) input{accent-color:var(--g-on-emphasis)}.et-plan input{width:calc(var(--g-space) * 4.5);height:calc(var(--g-space) * 4.5);margin:0;padding:0;flex:none;accent-color:var(--g-emphasis);border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer}.et-plan input:focus{outline:none;box-shadow:none}.et-plan input:focus-visible{outline:var(--g-focus-w) solid var(--g-focus-outline);outline-offset:var(--g-focus-offset)}.et-plan-text{flex:1;min-width:0}.et-plan-name{font-weight:var(--g-fw-bold);color:var(--g-fg)}.et-plan-meta{font-size:var(--g-fs-sm);color:var(--g-muted)}.et-plan.et-plan-off{cursor:not-allowed}.et-plan.et-plan-off :is(.et-plan-name,.et-plan-price,input){opacity:var(--g-opacity-disabled)}.et-plan.et-plan-off input{cursor:not-allowed}.et-fit-warn{color:var(--g-danger);font-weight:var(--g-fw-semibold)}.et-plan-price{font-weight:var(--g-fw-bold);white-space:nowrap;font-variant-numeric:tabular-nums}.et-gate{display:flex;flex-direction:column;gap:var(--g-space-2)}.et-gate p{margin:0 0 var(--g-space-2);font-size:var(--g-fs-md);color:var(--g-muted)}.et-gate b{color:var(--g-fg)}.et-gate .et-gate-switch{margin:var(--g-space-2) 0 0;text-align:center}.et-gate-switch a{color:var(--g-fg);font-weight:var(--g-fw-semibold);text-decoration:underline;text-underline-offset:3px}.et-btn{display:flex;align-items:center;justify-content:center;gap:var(--g-space-2);min-height:var(--g-control-h);padding:0 var(--g-control-pad-x);border-radius:var(--g-r-control);position:relative;overflow:hidden;border:var(--g-border-w) solid var(--g-control-border);background:var(--g-control-bg);box-shadow:var(--g-control-shadow);font-weight:var(--g-fw-semibold);font-size:var(--g-fs-md);text-decoration:none;color:var(--g-fg);transition:transform var(--g-trans-spring),border-color var(--g-trans-fast),box-shadow var(--g-trans),background var(--g-trans-fast)}a.et-btn:hover,button.et-btn:hover{border-color:var(--g-hover-line);box-shadow:var(--g-control-shadow-hover);transform:translateY(var(--g-lift)) scale(var(--g-hover-scale))}.et-btn.et-btn-light{background:var(--g-emphasis-fill);color:var(--g-on-emphasis);border-color:transparent;-webkit-backdrop-filter:var(--g-glass-filter);backdrop-filter:var(--g-glass-filter);font-weight:var(--g-fw-bold);box-shadow:var(--g-shadow-emphasis),var(--g-emphasis-edge)}.et-btn.et-btn-light:hover{background:var(--g-emphasis-fill-hover);color:var(--g-on-emphasis);border-color:transparent}.et-progress{display:flex;flex-direction:column;gap:calc(var(--g-space) * 1.5);font-size:var(--g-fs-sm);color:var(--g-muted)}.et-progress progress{width:100%;height:calc(var(--g-space) * 1.5);accent-color:var(--g-emphasis)}.et-sheet .et-error{padding:calc(var(--g-space) * 2.5) var(--g-space-3);border-radius:min(var(--g-r-pill),calc(var(--g-control-h) / 2));background:var(--g-danger-bg);border:var(--g-border-w) solid var(--g-danger-line);font-size:var(--g-fs-md)}.et-sheet .et-error a{color:var(--g-fg);font-weight:var(--g-fw-bold)}.et-sheet-actions{display:flex;gap:var(--g-space-2)}.et-sheet-actions .et-btn{flex:1}.et-busy{position:fixed;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:var(--g-scrim);font-weight:var(--g-fw-semibold);cursor:wait}.et-busy-label{padding:calc(var(--g-space) * 2.5) var(--g-space-4);border-radius:var(--g-r-pill);background:var(--g-surface);-webkit-backdrop-filter:var(--g-glass-filter-strong);backdrop-filter:var(--g-glass-filter-strong);border:var(--g-border-w) solid var(--g-line);box-shadow:var(--g-shadow-lg)}.et-tip,.et-pop,.et-busy,.et-toast,.et-modal{opacity:0;visibility:hidden;transition:opacity var(--et-fade),transform var(--et-fade),visibility 0s linear var(--et-fade)}.et-tip.et-show,.et-pop.et-show,.et-busy.et-show,.et-toast.et-show,.et-modal.et-show{opacity:1;visibility:visible;transition:opacity var(--et-fade),transform var(--et-fade),visibility 0s}.et-bar.et-swap{animation:et-bar-in var(--et-fade)}.et-bar.et-swap>*{animation:et-fade-in var(--et-fade)}@keyframes et-fade-in{from{opacity:0}to{opacity:1}}@keyframes et-bar-in{from{opacity:0.6;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.et-bar,.et-pop{background:var(--g-glass-solid)}}