:root{color-scheme:light;--bg: #f7f7f8;--bg-elevated: #ffffff;--bg-subtle: #f1f3f5;--bg-hover: #ebeef1;--bg-active: #e1e6eb;--fg: #1a1d21;--fg-muted: #5b6470;--fg-subtle: #8a93a0;--fg-inverse: #ffffff;--border: #e2e6ea;--border-strong: #c8cdd3;--border-focus: #2563eb;--primary: #1d4ed8;--primary-hover: #1e40af;--primary-fg: #ffffff;--success: #15803d;--success-bg: #dcfce7;--warning: #b45309;--warning-bg: #fef3c7;--danger: #b91c1c;--danger-hover: #991b1b;--danger-bg: #fee2e2;--chord: #b45309;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Courier New", monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .14);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--text-xs: .78rem;--text-sm: .88rem;--text-base: .95rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.75rem;--z-header: 30;--z-drawer: 50;--z-modal: 100;--z-toast: 200;--container-sm: 640px;--container-md: 880px;--container-lg: 1200px;--t-fast: .12s;--t: .18s;--viewer-bg: var(--bg);--viewer-fg: var(--fg);--viewer-chord: var(--chord)}[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--bg-elevated: #181b21;--bg-subtle: #15181d;--bg-hover: #1f242b;--bg-active: #262c34;--fg: #e7eaee;--fg-muted: #a3acb8;--fg-subtle: #6f7783;--fg-inverse: #0f1115;--border: #2a2f37;--border-strong: #3a414a;--border-focus: #60a5fa;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-fg: #0b1220;--success: #4ade80;--success-bg: #052e16;--warning: #fbbf24;--warning-bg: #3a2a05;--danger: #f87171;--danger-hover: #fca5a5;--danger-bg: #3a1212;--chord: #fbbf24;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;transition:background var(--t),color var(--t)}a{color:var(--primary);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--primary-hover);text-decoration:underline}h1,h2,h3,h4,h5{margin:0 0 .5em;font-weight:700;letter-spacing:-.01em;color:var(--fg)}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 .75em}p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--border);margin:1rem 0}::selection{background:color-mix(in srgb,var(--primary) 25%,transparent)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}button:focus,input:focus,select:focus,textarea:focus{outline:none}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg)}.auth-card{width:100%;max-width:380px}.auth-card h1{margin:0 0 .25rem;font-size:1.5rem}.auth-card .subtitle{margin:0 0 1.2rem;color:var(--fg-muted);font-size:.92rem}.auth-form{display:flex;flex-direction:column;gap:.8rem}.auth-error{background:var(--danger-bg);color:var(--danger);padding:.55rem .7rem;border-radius:var(--radius);font-size:.88rem;border-left:3px solid var(--danger)}.auth-foot{margin-top:1.2rem;text-align:center;font-size:.9rem;color:var(--fg-muted)}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .95rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);font-family:inherit;font-size:.92rem;font-weight:500;line-height:1.2;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.ui-btn:hover{background:var(--bg-hover)}.ui-btn:active{background:var(--bg-active);transform:translateY(1px)}.ui-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.ui-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.ui-btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.ui-btn--primary:active{background:var(--primary-hover)}.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--fg)}.ui-btn--ghost:hover{background:var(--bg-hover)}.ui-btn--danger{background:transparent;border-color:var(--border);color:var(--danger)}.ui-btn--danger:hover{background:var(--danger-bg);border-color:var(--danger)}.ui-btn--success{background:var(--success);border-color:var(--success);color:var(--fg-inverse)}.ui-btn--sm{padding:.3rem .65rem;font-size:.82rem;border-radius:var(--radius-sm)}.ui-btn--lg{padding:.65rem 1.2rem;font-size:1rem}.ui-btn--icon{padding:.4rem;width:2rem;height:2rem;border-radius:var(--radius)}.ui-btn--full{width:100%}.ui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 55%,transparent);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:var(--z-modal);animation:ui-fade-in .16s ease-out}.ui-modal{background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;animation:ui-modal-in .2s ease-out}.ui-modal--sm{max-width:360px}.ui-modal--md{max-width:480px}.ui-modal--lg{max-width:720px}.ui-modal--xl{max-width:960px}.ui-modal--fullscreen{max-width:none;width:100%;height:100%;max-height:100vh;border-radius:0;border:none}.ui-modal__header{padding:1rem 1.25rem .5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.ui-modal__header h2{margin:0;font-size:var(--text-lg)}.ui-modal__body{padding:.75rem 1.25rem 1.25rem;overflow:auto}.ui-modal__footer{padding:.75rem 1.25rem 1rem;display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border);background:var(--bg-subtle);flex-wrap:wrap}.ui-modal__close{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:1.4rem;line-height:1;padding:.2rem .4rem;border-radius:var(--radius-sm)}.ui-modal__close:hover{background:var(--bg-hover);color:var(--fg)}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 480px){.ui-modal__overlay{padding:.5rem;align-items:flex-end}.ui-modal{max-width:none;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ui-modal--fullscreen{border-radius:0;max-height:100vh}}.ui-toast-host{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:var(--z-toast);pointer-events:none;max-width:calc(100% - 2rem)}.ui-toast{pointer-events:auto;background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-left:4px solid var(--primary);padding:.7rem .95rem;border-radius:var(--radius);box-shadow:var(--shadow);min-width:240px;max-width:360px;font-size:.92rem;display:flex;align-items:flex-start;gap:.6rem;animation:ui-toast-in .22s ease-out}.ui-toast--success{border-left-color:var(--success)}.ui-toast--warning{border-left-color:var(--warning)}.ui-toast--danger{border-left-color:var(--danger)}.ui-toast__msg{flex:1;line-height:1.35}.ui-toast__close{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:1rem;line-height:1;padding:.1rem .3rem;border-radius:var(--radius-sm)}.ui-toast__close:hover{background:var(--bg-hover);color:var(--fg)}@keyframes ui-toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 480px){.ui-toast-host{top:auto;bottom:calc(env(safe-area-inset-bottom,0) + 4.5rem);right:.5rem;left:.5rem;max-width:none;align-items:stretch}.ui-toast{max-width:none}}.ui-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.ui-card--hoverable{cursor:pointer}.ui-card--hoverable:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.ui-card__title{font-weight:700;font-size:1rem;margin:0 0 .25rem;color:var(--fg)}.ui-card__desc{margin:0;color:var(--fg-muted);font-size:.88rem;line-height:1.45}.ui-field{display:flex;flex-direction:column;gap:.35rem}.ui-field--row{flex-direction:row;align-items:center;gap:.6rem}.ui-label{font-size:.85rem;font-weight:500;color:var(--fg-muted)}.ui-input,.ui-textarea,.ui-select{width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.95rem;color:var(--fg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.ui-input:hover,.ui-textarea:hover,.ui-select:hover{border-color:var(--border-strong)}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 25%,transparent)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--fg-subtle)}.ui-textarea{font-family:var(--font-mono);resize:vertical;min-height:6rem;line-height:1.45}.ui-help{font-size:.8rem;color:var(--fg-subtle)}.ui-error{font-size:.85rem;color:var(--danger)}.ui-checkbox{width:1rem;height:1rem;accent-color:var(--primary)}.ui-check-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.92rem}@keyframes ui-skel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skel{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-subtle) 0%,var(--bg-hover) 50%,var(--bg-subtle) 100%);background-size:200% 100%;animation:ui-skel-shimmer 1.4s ease-in-out infinite;height:1em}.ui-skel-text{display:flex;flex-direction:column;gap:.5rem}.ui-page{max-width:var(--page-max, 1400px);margin:0 auto;padding:1.5rem 1.25rem 3rem}.ui-page__title{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.ui-page__title h1{margin:0}.ui-page__title p{color:var(--fg-muted);margin:.25rem 0 0;font-size:.92rem}.ui-page__title-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 480px){.ui-page{padding:1rem .85rem 5rem}}.ui-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.ui-page-header__main{min-width:0;flex:1}.ui-page-header__crumbs{display:flex;gap:.35rem;flex-wrap:wrap;font-size:.82rem;color:var(--fg-muted);margin-bottom:.3rem}.ui-page-header__crumbs a{color:var(--fg-muted);text-decoration:none}.ui-page-header__crumbs a:hover{color:var(--primary);text-decoration:underline}.ui-page-header__crumbs span{color:var(--fg-subtle)}.ui-page-header__title{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.ui-page-header__title h1{margin:0}.ui-page-header__subtitle{margin:.25rem 0 0;color:var(--fg-muted);font-size:.92rem}.ui-page-header__actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 540px){.ui-page-header{align-items:stretch}.ui-page-header__actions{width:100%}}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding:2.5rem 1.25rem;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--fg-muted)}.ui-empty--compact{padding:1.5rem 1rem}.ui-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--bg-subtle);color:var(--fg-subtle)}.ui-empty__title{margin:0;font-size:1rem;font-weight:600;color:var(--fg)}.ui-empty__desc{margin:0;font-size:.92rem;color:var(--fg-muted);max-width:44ch}.ui-empty__actions{margin-top:.4rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.ui-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:2rem 1rem;color:var(--fg-muted);font-size:.92rem}.ui-loading--inline{padding:0;display:inline-flex}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-spinner{display:inline-block;width:1.1em;height:1.1em;border-radius:50%;border:2px solid color-mix(in srgb,var(--fg-muted) 30%,transparent);border-top-color:var(--primary);animation:ui-spin .7s linear infinite;flex-shrink:0}.ui-spinner--lg{width:2rem;height:2rem;border-width:3px}.ui-infinite-trigger{min-height:1.5rem;display:flex;justify-content:center;align-items:center;padding:.75rem 0}.ui-pagination{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.ui-pagination__info{font-size:.88rem;color:var(--fg-muted)}.ui-pagination__controls{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;justify-content:center}.ui-pagination__gap{color:var(--fg-muted);padding:0 .2rem;-webkit-user-select:none;user-select:none}.app-shell{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.app-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.app-brand{font-weight:800;letter-spacing:-.02em;font-size:var(--text-lg);color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.app-brand:hover{color:var(--fg);text-decoration:none}.app-brand__dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 25%,transparent)}.app-band{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;font-size:var(--text-sm)}.app-band strong{color:var(--fg);font-weight:600}.app-band button{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.app-band button:hover{color:var(--primary)}.app-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.app-nav a{padding:.4rem .75rem;border-radius:var(--radius);color:var(--fg-muted);font-size:.92rem;font-weight:500;text-decoration:none;transition:background var(--t-fast),color var(--t-fast)}.app-nav a:hover{background:var(--bg-hover);color:var(--fg);text-decoration:none}.app-nav a.is-active{background:var(--bg-active);color:var(--fg)}.app-spacer{flex:1}.app-user{display:flex;align-items:center;gap:.5rem}.app-user__name{font-size:.88rem;color:var(--fg-muted);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.app-user__name:hover{color:var(--fg)}.app-main{flex:1;min-height:0}.app-burger{display:none;width:2.25rem;height:2.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);cursor:pointer;align-items:center;justify-content:center}.app-burger:hover{background:var(--bg-hover)}.app-burger:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 45%,transparent);z-index:var(--z-drawer);animation:ui-fade-in .16s ease-out}.app-drawer{position:fixed;top:0;left:0;bottom:0;width:min(80vw,320px);z-index:calc(var(--z-drawer) + 1);background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;animation:app-drawer-in .2s ease-out;box-shadow:var(--shadow-lg)}.app-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.app-drawer__nav{display:flex;flex-direction:column;padding:.5rem;gap:.15rem;overflow-y:auto}.app-drawer__nav a{padding:.65rem .85rem;border-radius:var(--radius);color:var(--fg);font-size:.98rem;text-decoration:none;display:flex;align-items:center;gap:.6rem}.app-drawer__nav a:hover{background:var(--bg-hover);text-decoration:none}.app-drawer__nav a.is-active{background:var(--bg-active);color:var(--fg);font-weight:600}.app-drawer__foot{margin-top:auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}@keyframes app-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(3.5rem + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-top:1px solid var(--border);z-index:var(--z-header)}.app-tabbar__inner{display:flex;height:100%;align-items:stretch;justify-content:space-around}.app-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--fg-muted);text-decoration:none;font-size:.72rem;font-weight:500;padding:.25rem;transition:color var(--t-fast)}.app-tabbar a svg{width:22px;height:22px}.app-tabbar a:hover{color:var(--fg);text-decoration:none}.app-tabbar a.is-active{color:var(--primary)}.app-footer{position:fixed;right:.6rem;bottom:.5rem;z-index:var(--z-header);display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .5rem;background:color-mix(in srgb,var(--bg-elevated) 85%,transparent);border:1px solid var(--border);border-radius:999px;-webkit-backdrop-filter:saturate(160%) blur(6px);backdrop-filter:saturate(160%) blur(6px);font-size:.72rem;color:var(--fg-muted);pointer-events:none}.app-footer__by{white-space:nowrap}.app-footer__logo{height:18px;width:auto;border-radius:4px;display:block}.app-footer__ver{font-variant-numeric:tabular-nums}.install-banner{position:fixed;left:50%;transform:translate(-50%);bottom:1rem;z-index:var(--z-drawer);width:max-content;max-width:min(560px,calc(100vw - 1.5rem));display:flex;align-items:center;gap:1rem;padding:.7rem .7rem .7rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:ui-fade-in .2s ease-out}.install-banner__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.install-banner__text strong{font-size:.92rem;color:var(--fg)}.install-banner__text span{font-size:.8rem;color:var(--fg-muted)}.install-banner__actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.install-banner__close{width:1.9rem;height:1.9rem;border:none;background:transparent;color:var(--fg-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--radius)}.install-banner__close:hover{background:var(--bg-hover);color:var(--fg)}@media (max-width: 767px){.app-header{gap:.6rem;padding:.55rem .85rem}.app-brand{font-size:var(--text-md)}.app-band,.app-nav{display:none}.app-burger{display:inline-flex}.app-user__name{display:none}.app-tabbar{display:block}.app-main{padding-bottom:calc(4rem + env(safe-area-inset-bottom,0))}.app-footer--lift{bottom:calc(3.9rem + env(safe-area-inset-bottom,0))}.install-banner{left:.75rem;right:.75rem;transform:none;width:auto;max-width:none;bottom:calc(4.4rem + env(safe-area-inset-bottom,0))}}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.home-card{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;height:100%}.home-card:hover{text-decoration:none}.home-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);margin-bottom:.4rem}.kbd-help table{width:100%;border-collapse:collapse}.kbd-help h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:1.1rem 0 .4rem}.kbd-help h4:first-child{margin-top:0}.kbd-help tr{border-bottom:1px solid var(--border)}.kbd-help tr:last-child{border-bottom:none}.kbd-help td{padding:.5rem .2rem;vertical-align:middle}.kbd-help td:first-child{width:38%;font-family:var(--font-mono);font-size:.92rem;color:var(--fg)}.kbd-help td:last-child{color:var(--fg-muted);font-size:.92rem}.profile-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 820px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-card h3{margin:0 0 .6rem;font-size:1.05rem}.profile-card .subtitle{margin:-.4rem 0 .9rem;color:var(--fg-muted);font-size:.88rem}.profile-bands{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.profile-band{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle)}.profile-band__role{font-size:.78rem;padding:.18rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.profile-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.7rem}.profile-form{display:flex;flex-direction:column;gap:.7rem}.chord-sheet-preview{background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow:auto;box-shadow:var(--shadow-sm);font-family:var(--font-mono);line-height:1.45}.chord-sheet-preview .line{margin-bottom:.35em;overflow-x:auto}.chord-sheet-preview .line.empty{height:.6em;margin:0}.chord-sheet-preview .line.lyrics-only{white-space:pre-wrap;padding-left:1.5em;text-indent:-1.5em}.chord-sheet-preview .chord-row,.chord-sheet-preview .lyric-row{display:block;white-space:pre}.chord-sheet-preview .chord-row{font-weight:700;color:var(--chord)}.chord-sheet-preview .lyric-row{color:var(--fg)}.chord-sheet-preview .line.bold .chord-row,.chord-sheet-preview .line.bold .lyric-row,.chord-sheet-preview .line.bold.lyrics-only{font-weight:800}.chord-sheet-preview .comment{color:var(--fg-muted);font-style:italic;margin:.4em 0;font-family:inherit}.chord-sheet-preview .chorus{border-left:3px solid color-mix(in srgb,var(--primary) 60%,transparent);padding-left:.6em;margin:.4em 0}.chord-sheet-preview .verse{margin:.4em 0}.chord-sheet-preview .render-error{color:var(--danger)}.songs-toolbar{display:flex;gap:.5rem;margin-bottom:1rem;align-items:stretch;flex-wrap:wrap}.songs-toolbar .ui-input{min-width:0}.songs-toolbar>div:first-child{flex:1;min-width:220px}.songs-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.songs-list a{color:inherit;text-decoration:none}.songs-list a:hover{text-decoration:none}.song-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.song-row__main{flex:1;min-width:0}.song-row__title{font-weight:600;font-size:1.02rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-row__artist{color:var(--fg-muted);font-size:.88rem;margin-top:.1rem}.song-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.song-row__chip{display:inline-flex;align-items:center;font-size:.78rem;padding:.18rem .55rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted)}.song-row__tom{font-family:var(--font-mono);font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:transparent}.tag-list{margin-top:.45rem;display:flex;gap:.3rem;flex-wrap:wrap}.tag-list .song-row__chip{font-size:.72rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--fg-muted)}.empty-state strong{display:block;color:var(--fg);margin-bottom:.4rem;font-size:1.05rem}.song-editor__head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;margin-bottom:.75rem}@media (max-width: 720px){.song-editor__head{grid-template-columns:1fr 1fr}}.song-editor__row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.song-editor__row>label{font-size:.85rem;color:var(--fg-muted);display:inline-flex;align-items:center;gap:.35rem}.song-editor__divider{color:var(--fg-subtle);font-size:.85rem}.tag-chip:hover{border-color:var(--border-strong)}.tag-combobox{position:relative;display:inline-flex;flex-direction:column;gap:.25rem;min-width:16rem;max-width:100%;flex:1 1 16rem}.tag-combobox--compact{min-width:12rem;flex:0 1 16rem}.tag-combobox--compact .tag-combobox__input{padding:.3rem .4rem}.tag-combobox__option--clear{color:var(--fg-muted);font-style:italic;border-bottom:1px solid var(--border)}.tag-combobox__label{font-size:.85rem;color:var(--fg-muted)}.tag-combobox__control{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.28rem .4rem;min-height:2.2rem;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius);cursor:text;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.tag-combobox__control.is-open{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft, rgba(99,102,241,.18))}.tag-combobox__token{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:999px;background:var(--primary);color:var(--primary-fg);font-size:.8rem}.tag-combobox__remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;padding:0 .1rem;font-size:1rem;line-height:1;opacity:.8}.tag-combobox__remove:hover{opacity:1}.tag-combobox__input{flex:1 1 8rem;min-width:6rem;border:0;outline:none;background:transparent;color:var(--fg);font:inherit;padding:.15rem .25rem}.tag-combobox__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;max-height:18rem;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;z-index:20}.tag-combobox__option{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.88rem;cursor:pointer;color:var(--fg)}.tag-combobox__option.is-highlighted{background:var(--bg-subtle)}.tag-combobox__option.is-selected{color:var(--fg);font-weight:500}.tag-combobox__check{display:inline-block;width:1rem;text-align:center;color:var(--primary)}.tag-combobox__option--create{border-top:1px solid var(--border);color:var(--primary);font-weight:500}.tag-combobox__empty{padding:.6rem .7rem;font-size:.85rem;color:var(--fg-muted)}.tag-combobox__err{padding:.4rem .7rem;font-size:.8rem;color:var(--danger);background:var(--danger-bg);border-top:1px solid var(--border)}.song-editor__error{background:var(--danger-bg);border-left:3px solid var(--danger);color:var(--danger);padding:.55rem .7rem;border-radius:var(--radius);margin:.75rem 0;font-size:.88rem}.song-editor__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;position:sticky;bottom:.6rem;z-index:5;margin-top:1rem;padding:.6rem .85rem;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px #00000014}@media (max-width: 767px){.song-editor__bottom{bottom:calc(3.9rem + env(safe-area-inset-bottom,0))}}.song-detail__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.song-detail__title{flex:1;min-width:0}.song-detail__title h1{margin:0;font-size:1.6rem}.song-detail__artist{color:var(--fg-muted);margin-top:.2rem;font-size:1rem}.song-detail__meta{margin-top:.4rem;display:flex;gap:.5rem;flex-wrap:wrap}.song-detail__chip{display:inline-flex;align-items:center;font-size:.78rem;padding:.2rem .6rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted)}.song-detail__chip--tom{font-family:var(--font-mono);font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:transparent}.song-detail__tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.3rem}.song-detail__actions{display:flex;gap:.4rem;flex-wrap:wrap;flex-shrink:0}.btn-link-success{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:.92rem;background:var(--success);color:var(--fg-inverse);transition:filter var(--t-fast)}.btn-link-success:hover{filter:brightness(1.1);text-decoration:none;color:var(--fg-inverse)}.song-versions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.song-version{display:flex;flex-direction:column;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.song-version:last-child{border-bottom:none}.song-version__row{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.song-version__actions{display:flex;gap:.4rem;flex-shrink:0}.song-version__when{color:var(--fg);font-size:.92rem}.song-version__sub{color:var(--fg-muted);font-size:.82rem;margin-top:.1rem}.song-version__diff-head{font-size:.82rem;color:var(--fg-muted);margin-bottom:.35rem}.song-detail__copia{margin-top:.4rem;font-size:.8rem;color:var(--fg-muted);font-style:italic}.song-row__copia{margin-top:.2rem;font-size:.75rem;color:var(--fg-muted);font-style:italic}.version-diff__empty{color:var(--fg-muted);font-size:.85rem;margin:.2rem 0}.version-diff__legend{display:flex;gap:.6rem;margin-bottom:.4rem}.version-diff__chip{font-size:.72rem;padding:.1rem .4rem;border-radius:var(--radius)}.version-diff__chip--add{background:#22a0502e;color:var(--success, #1f9d57)}.version-diff__chip--del{background:#d23c3c2e;color:var(--danger, #d23c3c)}.version-diff__body{margin:0;padding:.4rem 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev, var(--bg));overflow-x:auto;font-size:.82rem;line-height:1.45}.version-diff__line{display:block;padding:0 .5rem;white-space:pre-wrap;word-break:break-word}.version-diff__sign{display:inline-block;width:1ch;margin-right:.5ch;opacity:.6;-webkit-user-select:none;user-select:none}.version-diff__line--add{background:#22a05029}.version-diff__line--del{background:#d23c3c29}.ve-grid{display:grid;grid-template-columns:200px 1fr;gap:.6rem}@media (max-width: 720px){.ve-grid{grid-template-columns:1fr}}.ve-board{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--bg-elevated);overflow:auto;box-shadow:var(--shadow-sm)}.ve-toolbar{display:flex;gap:.4rem;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center}.ve-toolbar__label{font-size:.82rem;color:var(--fg-muted)}.ve-line{padding:.4rem .5rem .5rem;background:var(--bg-subtle);border-radius:var(--radius);margin-bottom:.4rem;position:relative;border:1px solid transparent;transition:background var(--t-fast),border-color var(--t-fast)}.ve-line:hover{border-color:var(--border)}.ve-line.is-active{background:color-mix(in srgb,var(--warning) 15%,var(--bg-subtle));border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.ve-line.is-raw{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;background:transparent}.ve-line.is-raw.is-active{background:color-mix(in srgb,var(--warning) 12%,transparent)}.ve-empty{display:flex;align-items:center;gap:.5rem;padding:.15rem .5rem;margin-bottom:.3rem;cursor:pointer;border-radius:var(--radius);transition:background var(--t-fast)}.ve-empty:hover{background:var(--bg-hover)}.ve-empty.is-active{background:color-mix(in srgb,var(--warning) 12%,transparent)}.ve-empty__rule{flex:1;height:1px;border-top:1px dashed var(--border);opacity:.6}.ve-empty__hint{font-size:.72rem;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;font-weight:600;white-space:nowrap}.ve-raw-input{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--fg-muted);background:transparent;border:0;outline:none;padding:.2rem .3rem}.ve-raw-input:focus{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--fg)}.ve-canvas-scroll{overflow-x:auto;overflow-y:hidden;width:100%}.ve-canvas-scroll::-webkit-scrollbar{height:8px}.ve-canvas-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.ve-canvas{position:relative;min-height:3.2em;font-family:var(--font-mono);font-size:16px;line-height:1.5em}.ve-grid-overlay{position:absolute;top:1.5em;left:0;right:0;height:1.5em;pointer-events:none;border-radius:2px}.ve-chord{position:absolute;top:0;background:color-mix(in srgb,var(--chord) 18%,var(--bg-elevated));color:var(--chord);border:1px solid color-mix(in srgb,var(--chord) 50%,transparent);border-radius:var(--radius-sm);padding:0 4px;font-size:.85em;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;white-space:nowrap;line-height:1.4em;z-index:3;transition:transform var(--t-fast)}.ve-chord:hover{transform:translateY(-1px)}.ve-chord:active{cursor:grabbing}.ve-chord__delete{position:absolute;top:-7px;right:-7px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:var(--fg-inverse, #fff);border:1px solid var(--bg-elevated);cursor:pointer;font-size:11px;font-weight:800;line-height:1;display:none;align-items:center;justify-content:center;padding:0;z-index:4}.ve-chord:hover .ve-chord__delete,.ve-chord:focus-within .ve-chord__delete{display:flex}@media (hover: none){.ve-chord__delete{display:flex}}.ve-lyric-input{display:block;width:100%;font-family:var(--font-mono);font-size:16px;letter-spacing:.5em;border:0;background:transparent;outline:none;padding:0;line-height:1.5em;position:relative;z-index:1;color:var(--fg)}.ve-lyric-input::placeholder{color:var(--fg-subtle)}.ve-chord-caret-layer{position:absolute;top:0;left:0;right:0;height:1.5em;z-index:2;cursor:text;outline:none}.ve-chord-caret-layer:focus-visible{background:color-mix(in srgb,var(--primary) 6%,transparent);border-radius:2px}.ve-chord-caret{position:absolute;top:0;width:2px;height:1.5em;background:var(--primary);pointer-events:none;animation:ve-caret-blink 1s steps(1) infinite}@keyframes ve-caret-blink{50%{opacity:0}}.ve-popover{position:absolute;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem;box-shadow:var(--shadow);z-index:10;display:flex;gap:.3rem}.ve-popover input{font-family:var(--font-mono);font-weight:700;width:90px;padding:.3rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg)}.ve-popover input:focus{outline:none;border-color:var(--border-focus)}.ve-line-actions{display:flex;gap:.25rem;margin-top:.25rem;opacity:.85;flex-wrap:wrap;align-items:center}.ve-section-menu{position:relative;display:inline-block}.ve-section-menu__panel{position:fixed;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;box-shadow:var(--shadow);z-index:9999;min-width:240px;display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.ve-section-menu__title{grid-column:1 / -1;font-size:.75rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:.15rem}.ve-section-menu__btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.32rem .45rem;font-size:.82rem;cursor:pointer;color:var(--fg);text-align:left;transition:background var(--t-fast),border-color var(--t-fast)}.ve-section-menu__btn:hover{background:color-mix(in srgb,var(--primary) 12%,var(--bg));border-color:var(--primary)}.ve-section-menu__divider{grid-column:1 / -1;height:1px;background:var(--border);margin:.2rem 0}.cp-wrap{border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.cp-head{display:flex;gap:.4rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}.cp-head strong{font-size:.88rem}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.4rem,1fr));gap:.25rem}.cp-chord{padding:.35rem .2rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;font-family:var(--font-mono);font-weight:700;color:var(--fg);font-size:.88rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background var(--t-fast),transform var(--t-fast),border-color var(--t-fast)}.cp-chord:hover{background:color-mix(in srgb,var(--chord) 14%,var(--bg));border-color:var(--chord);color:var(--chord)}.cp-chord:active{transform:translateY(1px);cursor:grabbing}.cp-custom-row{margin-top:.5rem;display:flex;gap:.3rem}.cp-help{margin-top:.5rem;color:var(--fg-subtle);font-size:.75rem;line-height:1.4}.cm-chord-tag{background:color-mix(in srgb,var(--chord) 18%,transparent);color:var(--chord);font-weight:700;border-radius:3px;padding:0 2px}.cm-directive{color:var(--primary);font-style:italic}.cm-editor{font-size:14px;background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius)}.cm-editor.cm-focused{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 25%,transparent)}.cm-gutters{background:var(--bg-subtle);color:var(--fg-muted);border-right:1px solid var(--border)}.cm-activeLine{background:color-mix(in srgb,var(--primary) 6%,transparent)}.cm-cursor{border-left-color:var(--fg)!important}.cm-selectionBackground,.cm-content ::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)!important}.song-usage__section{margin-top:2rem}.song-usage__heading{margin:0 0 .6rem;font-size:1.05rem;color:var(--fg)}.song-usage__hint{color:var(--fg-muted);font-size:.85rem;margin:0 0 .6rem}.song-usage__list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.song-usage__row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.song-usage__title{display:flex;flex-direction:column;flex:1 1 220px;min-width:200px;gap:.15rem}.song-usage__title small{color:var(--fg-muted);font-size:.78rem}.song-usage__link{color:var(--fg);font-weight:600;text-decoration:none}.song-usage__link:hover{text-decoration:underline}.song-usage__controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.song-usage__controls label{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;color:var(--fg-muted)}.song-usage__controls label .ui-select,.song-usage__controls label .ui-input{padding:.3rem .55rem;font-size:.85rem}.song-usage__meta{margin-top:.4rem;font-size:.8rem;color:var(--fg-muted)}.song-usage__variations{list-style:none;padding:.5rem 0 0;margin:.5rem 0 0;border-top:1px dashed color-mix(in srgb,var(--border) 70%,transparent);display:grid;gap:.5rem}.song-usage__variation{padding:.4rem 0 0}.song-usage__var-title{font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:.4rem}.song-usage__var-flag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);padding:.1rem .4rem;border-radius:999px}.setlist-detail__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.setlist-detail__title{flex:1;min-width:0}.setlist-detail__title h1{margin:0;font-size:1.6rem}.setlist-detail__date{color:var(--fg-muted);margin-top:.2rem;font-size:.92rem}.setlist-detail__notes{color:var(--fg-muted);margin-top:.6rem;font-size:.92rem;white-space:pre-wrap;line-height:1.5}.setlist-detail__actions{display:flex;gap:.4rem;flex-wrap:wrap}.setlist-detail__songs-head{display:flex;justify-content:space-between;align-items:center;margin:.4rem 0 .7rem;gap:.5rem;flex-wrap:wrap}.setlist-detail__songs-head h2{margin:0;font-size:1.15rem}.btn-link-primary,.btn-link-success{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:.92rem;transition:filter var(--t-fast);white-space:nowrap}.btn-link-primary{background:var(--primary);color:var(--primary-fg)}.btn-link-success{background:var(--success);color:var(--fg-inverse)}.btn-link-primary:hover,.btn-link-success:hover{filter:brightness(1.1);text-decoration:none;color:inherit}.btn-link-primary:hover{color:var(--primary-fg)}.btn-link-success:hover{color:var(--fg-inverse)}.export-page{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}.export-header{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap}.export-title{font-weight:700;letter-spacing:-.01em;font-size:1rem;margin-right:auto;display:flex;flex-direction:column;gap:.1rem}.export-title small{font-weight:400;font-size:.78rem;color:var(--fg-muted)}.export-divider{width:1px;height:24px;background:var(--border);margin:0 .25rem}.export-layouts{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.export-layouts label{font-size:.85rem;color:var(--fg-muted);display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.export-layouts .ui-select{padding:.35rem .55rem;font-size:.88rem;width:auto;min-width:140px}.export-body{flex:1;display:flex;min-height:0}.export-sidebar{width:320px;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.export-sidebar__header{padding:.7rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between}.export-sidebar__header h3{margin:0;font-size:.95rem}.export-sidebar__header span{color:var(--fg-muted);font-size:.82rem}.export-songs{list-style:none;margin:0;padding:.5rem;overflow:auto;flex:1}.export-song{padding:.55rem .7rem;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:background var(--t-fast),border-color var(--t-fast);margin-bottom:.15rem}.export-song:hover{background:var(--bg-hover)}.export-song.is-selected{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.export-song__title{font-size:.92rem;font-weight:600;color:var(--fg);display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.export-song__index{font-size:.78rem;color:var(--fg-subtle);font-variant-numeric:tabular-nums;flex-shrink:0}.export-song__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-song__sub{font-size:.78rem;color:var(--fg-muted);margin-top:.1rem;display:flex;gap:.4rem;flex-wrap:wrap}.export-song__chip{display:inline-flex;align-items:center;gap:.2rem;padding:0 .4rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);font-size:.7rem;color:var(--fg-muted);font-weight:500}.export-detail{border-top:1px solid var(--border);background:var(--bg-subtle);padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.65rem}.export-detail h4{margin:0;font-size:.92rem;color:var(--fg);font-weight:600}.export-detail .row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.88rem;color:var(--fg-muted)}.export-detail .row .ui-select,.export-detail .row .ui-input{padding:.3rem .55rem;font-size:.85rem;width:auto}.export-detail__layer{display:flex;flex-direction:column;gap:.1rem;padding-top:.35rem;border-top:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}.export-detail__layer-title{font-size:.85rem;font-weight:600;color:var(--fg)}.export-detail__layer-where{font-size:.78rem;color:var(--fg-muted);font-style:italic}.export-preview{flex:1;padding:1.2rem;overflow:auto;position:relative;display:flex;justify-content:center}.export-preview__inner{width:100%;max-width:880px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.export-preview__inner iframe{width:100%;min-height:600px;height:100%;border:0;display:block}.export-preview__badge{position:absolute;top:1rem;right:1.5rem;background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);padding:.25rem .7rem;border-radius:999px;font-size:.78rem;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:.4rem}.export-preview__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.export-empty{margin:4rem auto;text-align:center;color:var(--fg-muted)}.var-panel__head{display:flex;justify-content:space-between;align-items:center;margin:1.4rem 0 .7rem;gap:.5rem;flex-wrap:wrap}.var-panel__head h2{margin:0;font-size:1.15rem}.var-panel__head p{margin:0;color:var(--fg-muted);font-size:.86rem}.var-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.var-row:last-child{border-bottom:none}.var-row__main{flex:1;min-width:0}.var-row__nome{font-weight:600}.var-row__meta{font-size:.82rem;color:var(--fg-muted);margin-top:.15rem}.var-row__actions{display:flex;gap:.35rem;flex-shrink:0}.var-create{display:flex;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}.var-create>*{flex:1 1 200px}.setlist-item{display:flex;align-items:center;gap:.7rem}.setlist-item__handle{cursor:grab;color:var(--fg-subtle);font-size:1.2rem;-webkit-user-select:none;user-select:none;padding:.2rem .3rem;border-radius:var(--radius-sm)}.setlist-item__handle:hover{color:var(--fg);background:var(--bg-hover)}.setlist-item__handle:active{cursor:grabbing}.setlist-item__index{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:.92rem;min-width:24px;text-align:right}.setlist-item__main{flex:1;min-width:0}.setlist-item__title{font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setlist-item__title small{color:var(--fg-muted);font-weight:400}.setlist-item__meta{font-size:.82rem;color:var(--fg-muted);margin-top:.15rem;display:flex;gap:.6rem;flex-wrap:wrap}.setlist-item__override{color:var(--primary);font-weight:600}.setlist-item__actions{display:flex;gap:.35rem;align-items:center;flex-shrink:0}.setlist-item__play-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .55rem;background:var(--success);color:var(--fg-inverse);border-radius:var(--radius-sm);text-decoration:none;font-size:.85rem;font-weight:700;border:1px solid transparent;transition:filter var(--t-fast)}.setlist-item__play-btn:hover{filter:brightness(1.15);text-decoration:none;color:var(--fg-inverse)}.setlist-item__edit{margin-top:.65rem;padding:.7rem .85rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,1fr) 2fr;gap:.5rem;align-items:end}.setlist-item__edit label{font-size:.82rem;color:var(--fg-muted);display:flex;flex-direction:column;gap:.25rem}@media (max-width: 600px){.setlist-item__edit{grid-template-columns:1fr}}.var-edit__meta{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:1rem}.var-edit__items{display:flex;flex-direction:column;gap:.5rem}.var-edit__item{border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;background:var(--bg-subtle)}.var-edit__item--changed{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.var-edit__item-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem;gap:.5rem}.var-edit__item-title{font-weight:600}.var-edit__item-default{font-size:.78rem;color:var(--fg-muted)}.var-edit__item-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(80px,.6fr) minmax(160px,2fr);gap:.5rem}.var-edit__item-grid label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--fg-muted)}@media (max-width: 580px){.var-edit__item-grid{grid-template-columns:1fr}}.var-edit__hint{font-size:.85rem;color:var(--fg-muted);margin-bottom:.7rem}.var-edit__changed-flag{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--primary-fg);background:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .55rem;border-radius:999px}.var-edit__changed-flag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.var-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.add-song-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;max-height:50vh;overflow:auto}.add-song-item{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.add-song-item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.add-song-item__main{min-width:0;flex:1}.add-song-item__title{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-song-item__artist{font-size:.82rem;color:var(--fg-muted)}.add-song-item__tom{flex-shrink:0;font-size:.78rem;padding:.18rem .55rem;border-radius:999px;font-family:var(--font-mono);font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.add-song-item--existing{background:color-mix(in srgb,var(--fg-muted) 6%,var(--bg-elevated));border-style:dashed}.add-song-item--existing .add-song-item__title{color:var(--fg-muted)}.add-song-item__badge{flex-shrink:0;font-size:.72rem;padding:.16rem .5rem;border-radius:999px;font-weight:600;color:var(--fg-muted);background:color-mix(in srgb,var(--fg-muted) 12%,transparent);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em}.add-song-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:start}@media (max-width: 640px){.add-song-toolbar{grid-template-columns:1fr}}.add-song-item__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.add-song-item__tag{font-size:.7rem;padding:.08rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--fg-muted);border:1px solid var(--border)}.setlist-detail__tipo{display:inline-block;margin-top:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);color:var(--primary)}.setlist-card__tipo{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);color:var(--primary)}.setlist-detail__tipo-picker{display:flex;gap:.8rem;align-items:flex-start;flex-wrap:wrap}.setlist-detail__tipo-picker>:first-child{flex:1;min-width:220px}.setlist-detail__tipo-link{font-size:.82rem;color:var(--primary);text-decoration:none;white-space:nowrap;padding-top:1.9rem}.setlist-detail__tipo-link:hover{text-decoration:underline}.setlist-bloco{margin-bottom:1.1rem}.setlist-bloco__head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;padding-bottom:.3rem;margin-bottom:.5rem;border-bottom:2px solid var(--border)}.setlist-bloco__titulo{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0}.setlist-bloco__head h3{margin:0;font-size:.86rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-muted)}.setlist-bloco__pendente{font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.setlist-bloco__aviso{font-size:.72rem;color:var(--fg-muted);font-style:italic}.setlist-bloco__vazio{margin:0 0 .5rem;padding:.55rem .85rem;font-size:.85rem;color:var(--fg-muted);border:1px dashed var(--border);border-radius:var(--radius, 8px)}.setlist-item__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.28rem}.setlist-item__tag{font-size:.7rem;padding:.08rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--fg-muted);border:1px solid var(--border)}.export-song__momento{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);border-bottom:1px solid var(--border);padding-bottom:.15rem;margin-bottom:.3rem}.export-song__tag{font-size:.68rem;padding:0 .4rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid var(--border);color:var(--fg-muted)}.dup-setlist__resumo{margin:0;font-size:.85rem;color:var(--fg-muted);line-height:1.5}.tipos-page__acoes{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.tipo-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.tipo-card__info{flex:1;min-width:0}.tipo-card__info h3{margin:0;font-size:1.05rem}.tipo-card__info p{margin:.2rem 0 0;font-size:.86rem;color:var(--fg-muted)}.tipo-card__info small{display:block;margin-top:.45rem;font-size:.78rem;color:var(--fg-muted)}.tipo-card__momentos{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.tipo-card__momento{font-size:.75rem;padding:.12rem .55rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted)}.tipo-card__momento em{color:var(--danger);font-style:normal;font-weight:700}.tipo-card__acoes{display:flex;gap:.35rem;flex-shrink:0}.tipo-editor__momentos-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.tipo-editor__momentos-head span{font-size:.78rem;color:var(--fg-muted)}.tipo-editor__momentos{list-style:none;padding:0;margin:0 0 .5rem;display:grid;gap:.35rem}.tipo-editor__momento{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tipo-editor__momento>.ui-input{flex:1;min-width:160px}.tipo-editor__momento-num{font-size:.82rem;color:var(--fg-muted);font-variant-numeric:tabular-nums;min-width:1.6rem}.tipo-editor__momento-acoes{display:flex;gap:.2rem;margin-left:auto}.tipo-editor__aviso{margin:0;font-size:.8rem;color:var(--fg-muted)}.tipo-editor__erro{margin:0;font-size:.85rem;color:var(--danger)}.setlist-bloco__drop{min-height:2.2rem;border-radius:var(--radius, 8px);transition:background .12s ease,box-shadow .12s ease}.setlist-bloco__drop.is-over{background:color-mix(in srgb,var(--primary) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.setlist-detail__dica{margin:0 0 .6rem;font-size:.8rem;color:var(--fg-muted)}.import-tabs{display:flex;gap:.25rem;margin:.5rem 0 1rem;border-bottom:1px solid var(--border)}.import-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:.55rem .85rem;color:var(--fg-muted);font-size:.92rem;font-weight:500;cursor:pointer;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast)}.import-tab:hover{color:var(--fg)}.import-tab.is-active{color:var(--fg);border-bottom-color:var(--primary)}.import-tab:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.import-link-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:stretch}.import-link-form>input{flex:1 1 280px}.import-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:2rem 1rem;text-align:center;margin-top:1rem;background:var(--bg-elevated);transition:background var(--t-fast),border-color var(--t-fast)}.import-dropzone.is-busy{background:var(--bg-subtle);border-color:var(--border)}.import-dropzone p{color:var(--fg-muted);margin-top:0}.import-dropzone__buttons{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.6rem}.import-dropzone__btn{padding:.65rem 1.25rem;background:var(--primary);color:var(--primary-fg);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.92rem;transition:filter var(--t-fast),transform var(--t-fast)}.import-dropzone__btn:hover{filter:brightness(1.1)}.import-dropzone__btn:active{transform:translateY(1px)}.import-dropzone__btn input{display:none}.import-warning{margin:.75rem 0 1rem;padding:.7rem .9rem;background:var(--warning-bg);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);border-left:4px solid var(--warning);color:var(--warning);border-radius:var(--radius);font-size:.92rem}.import-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.import-list a{color:inherit;text-decoration:none}.import-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.import-row__main{min-width:0}.import-row__title{font-weight:600;color:var(--fg);font-size:.95rem}.import-row__sub{color:var(--fg-muted);font-size:.82rem;margin-top:.1rem}.import-row__status{display:inline-flex;align-items:center;font-size:.78rem;padding:.2rem .6rem;border-radius:999px;font-weight:600}.import-row__status--subtle{background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted)}.import-row__status--primary{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.import-row__status--success{background:var(--success-bg);color:var(--success)}.import-row__status--danger{background:var(--danger-bg);color:var(--danger)}.import-error{margin-top:.75rem;color:var(--danger);font-size:.9rem}.import-review__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.92rem;color:var(--fg-muted)}.import-review__file-name{color:var(--fg);font-weight:600}.import-review__chip{display:inline-flex;align-items:center;font-size:.78rem;padding:.18rem .6rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted);font-weight:500}.alert{padding:.85rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.92rem}.alert--info{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border-left:4px solid var(--primary)}.alert--error{background:var(--danger-bg);color:var(--danger);border-left:4px solid var(--danger)}.alert--success{background:var(--success-bg);color:var(--success);border-left:4px solid var(--success)}.import-review__meta-grid{display:grid;grid-template-columns:2fr 1.5fr .8fr .7fr .7fr;gap:.6rem}@media (max-width: 760px){.import-review__meta-grid{grid-template-columns:1fr 1fr}}.import-review__preview-head{display:flex;justify-content:space-between;align-items:baseline;margin:1.25rem 0 .5rem;gap:.5rem;flex-wrap:wrap}.import-review__preview-head h3{margin:0;font-size:1rem}.import-review__row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.6rem}.import-review__capo{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--fg-muted)}.import-review__actions{display:flex;gap:.5rem;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;padding:.22rem .7rem;border-radius:999px;font-size:.82rem;border:1px solid var(--border);background:var(--bg-subtle);color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast),border-color var(--t-fast)}.tag-chip.is-active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.tag-chip input{display:none}.members-section{margin-top:1.5rem}.members-section h2{font-size:1.05rem;margin:0 0 .65rem}.members-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.member-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.member-row__main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.member-row__name{font-weight:600;color:var(--fg);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row__email{font-size:.82rem;color:var(--fg-muted)}.member-row__actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.role-chip{display:inline-flex;align-items:center;font-size:.75rem;padding:.18rem .55rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.role-chip--owner{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.role-chip--admin{background:var(--warning-bg);color:var(--warning)}.role-chip--member{background:var(--bg-subtle);color:var(--fg-muted);border:1px solid var(--border)}.invite-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:stretch}.invite-form>div:first-child{flex:1;min-width:220px}.invite-feedback{margin-top:.75rem;padding:.55rem .7rem;border-radius:var(--radius);background:var(--bg-subtle);border:1px solid var(--border);font-size:.88rem;word-break:break-all;color:var(--fg-muted)}.settings-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 820px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-card h3{margin:0 0 .4rem;font-size:1.05rem}.settings-card .subtitle{color:var(--fg-muted);margin:-.2rem 0 1rem;font-size:.88rem}.settings-status{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600;margin-bottom:1rem}.settings-status--ok{background:var(--success-bg);color:var(--success)}.settings-status--off{background:var(--warning-bg);color:var(--warning)}.settings-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.settings-form{display:flex;flex-direction:column;gap:.8rem}.settings-actions{display:flex;justify-content:flex-end;gap:.5rem}.read-only-note{color:var(--fg-muted);font-size:.88rem;font-style:italic}