@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";*{box-sizing:border-box}html,body{background:#111}body{margin:0;font-family:Montserrat,sans-serif}:root,[data-theme=dark]{--hw-surface-void:#111;--hw-surface-wall:#1a1a1a;--hw-surface-wall-raised:#1f1f20;--hw-border:#2c3e50;--hw-border-faint:#2c3e5073;--hw-ink:#fdfdfd;--hw-silver:silver;--hw-silver-dim:#7d8383}[data-theme=light]{--hw-surface-void:#fdfdfd;--hw-surface-wall:#f8f9f9;--hw-surface-wall-raised:#fff;--hw-border:#e5e8e8;--hw-border-faint:#e5e8e8b3;--hw-ink:#111;--hw-silver:#5b6060;--hw-silver-dim:#9aa0a0}[data-accent=amethyst]{--hw-accent:#9b59b6;--hw-accent-wash:#9b59b624;--hw-accent-wash-strong:#9b59b647;--hw-accent-glow:#9b59b68c;--hw-accent-border:#9b59b659}[data-accent=lumen]{--hw-accent:#e67e22;--hw-accent-wash:#e67e2224;--hw-accent-wash-strong:#e67e2247;--hw-accent-glow:#e67e228c;--hw-accent-border:#e67e2259}[data-accent=bronze]{--hw-accent:#a0815e;--hw-accent-wash:#a0815e24;--hw-accent-wash-strong:#a0815e47;--hw-accent-glow:#a0815e8c;--hw-accent-border:#a0815e59}[data-accent=flow]{--hw-accent:#1abc9c;--hw-accent-wash:#1abc9c24;--hw-accent-wash-strong:#1abc9c47;--hw-accent-glow:#1abc9c8c;--hw-accent-border:#1abc9c59}:root{--hw-font-mono:"JetBrains Mono", ui-monospace, monospace;--hw-font-sans:"Montserrat", sans-serif;--hw-font-serif:"Playfair Display", serif;--hw-space-1:4px;--hw-space-2:8px;--hw-space-3:14px;--hw-space-4:22px;--hw-space-5:34px;--hw-space-6:52px;--hw-radius-sm:8px;--hw-radius-md:14px;--hw-radius-lg:22px}.hw-device{background:var(--hw-surface-void);border:1px solid var(--hw-border-faint);width:390px;height:780px;color:var(--hw-ink);border-radius:38px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000073}.hw-topnav{border-bottom:1px solid var(--hw-border-faint);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 20px 16px;display:flex}.hw-topnav .hw-title{font-family:var(--hw-font-sans);font-size:14.5px;font-weight:600}.hw-topnav .hw-subtitle{font-family:var(--hw-font-mono);color:var(--hw-silver-dim);text-align:center;font-size:10px}.hw-keypill{font-family:var(--hw-font-mono);color:var(--hw-accent);background:var(--hw-accent-wash);border:1px solid var(--hw-accent-border);border-radius:var(--hw-radius-sm);text-align:center;min-width:44px;padding:5px 10px;font-size:12px}.hw-setlist-track{flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:12px 0 6px;display:flex}.hw-dot{background:var(--hw-border);border-radius:50%;width:5px;height:5px}.hw-dot--done{background:var(--hw-silver-dim)}.hw-dot--active{background:var(--hw-accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--hw-accent-wash)}.hw-stage{flex:1;padding:6px 26px 0;position:relative;overflow:hidden}.hw-stage:before,.hw-stage:after{content:"";z-index:2;pointer-events:none;position:absolute;left:0;right:0}.hw-stage:before{background:linear-gradient(var(--hw-surface-void), transparent);height:36px;top:0}.hw-stage:after{background:linear-gradient(transparent, var(--hw-surface-void));height:60px;bottom:0}.hw-lyric-scroll{height:100%;padding-top:18px;transition:transform .7s cubic-bezier(.4,0,.2,1);overflow:hidden}.hw-section-label{font-family:var(--hw-font-mono);color:var(--hw-silver-dim);letter-spacing:1px;margin:22px 0 10px;font-size:10.5px}.hw-line{border-radius:10px;margin-bottom:26px;padding:8px 14px 8px 16px;transition:background .6s;position:relative}.hw-chord{font-family:var(--hw-font-mono);color:var(--hw-silver-dim);letter-spacing:.3px;font-size:12px;transition:color .5s}.hw-lyric{font-family:var(--hw-font-sans);color:var(--hw-silver);line-height:1.5;transition:color .5s}.hw-line--past .hw-lyric{color:#4a4a4a}.hw-line--past .hw-chord{color:#3a3a3a}.hw-line--current{background:linear-gradient(90deg, var(--hw-accent-wash) 0%, #0000 70%);border-left:2px solid var(--hw-accent)}.hw-line--current .hw-lyric{color:var(--hw-ink)}.hw-line--current .hw-chord{color:var(--hw-accent)}.hw-halo-mark{border:1.5px solid var(--hw-accent);width:16px;height:16px;box-shadow:0 0 10px var(--hw-accent-glow);border-radius:50%;position:absolute;top:50%;left:-2px;transform:translate(-50%,-50%)}.hw-dock{border-top:1px solid var(--hw-border-faint);background:var(--hw-surface-wall);flex-shrink:0;padding:14px 22px 26px}.hw-view-toggle{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.hw-view-toggle button{font-family:var(--hw-font-sans);color:var(--hw-silver-dim);border:1px solid var(--hw-border);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:500}.hw-view-toggle button.active{color:var(--hw-accent);border-color:var(--hw-accent-border);background:var(--hw-accent-wash)}.hw-transport{justify-content:space-between;align-items:center;gap:14px;display:flex}.hw-transport .hw-side{color:var(--hw-silver-dim);font-family:var(--hw-font-mono);letter-spacing:.5px;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;display:flex}.hw-icon-btn{border:1px solid var(--hw-border);width:38px;height:38px;color:var(--hw-silver);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.hw-icon-btn--accent{border-color:var(--hw-accent-border);background:var(--hw-accent-wash);color:var(--hw-accent)}.hw-prevnext{align-items:center;gap:22px;display:flex}.hw-play-main{background:var(--hw-accent);width:58px;height:58px;box-shadow:0 0 22px var(--hw-accent-wash-strong);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.hw-perform{z-index:100;background:var(--hw-surface-void);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hw-device{width:100%;max-width:480px;height:100%;box-shadow:none;padding-top:env(safe-area-inset-top,0px);border:none;border-radius:0}@media (width>=700px){.hw-device{border:1px solid var(--hw-border-faint);border-radius:32px;height:min(100%,860px)}}.hw-stage{min-height:0}.hw-lyric-scroll{scrollbar-width:none;padding-bottom:40vh;transition:none;overflow-y:auto}.hw-lyric-scroll::-webkit-scrollbar{display:none}.hw-line{cursor:pointer}.hw-chords-flow{flex-wrap:wrap;gap:18px;display:flex}.hw-dock{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.hw-tools{justify-content:space-between;gap:6px;margin-bottom:12px;display:flex}.hw-step{border:1px solid var(--hw-border);font-family:var(--hw-font-mono);color:var(--hw-silver);border-radius:20px;align-items:center;font-size:10.5px;display:flex}.hw-step button{color:var(--hw-silver);cursor:pointer;background:0 0;border:none;width:32px;height:34px;font-size:15px}.hw-step span{text-align:center;min-width:40px}.hw-icon-btn:disabled{opacity:.3;cursor:default}:root,[data-theme=dark]{--hw-surface-wall-raised:#202020;--hw-border:#ffffff1f;--hw-border-faint:#ffffff12;--hw-silver:#a9a9a7;--hw-silver-dim:#777670;--hw-muted:#5e5d59}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:13px}.pg.pg{--silver:#a9a9a7;--muted2:#777670;--muted:#5e5d59}.pg{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;min-height:100vh}.pg ::selection{background:#9b59b659}.pg a:focus-visible,.pg button:focus-visible,.pg input:focus-visible,.pg select:focus-visible,.pg textarea:focus-visible{outline-offset:2px;outline:2px solid #9b59b6}@media (prefers-reduced-motion:reduce){.pg *,.pg :before,.pg :after{transition:none!important;animation:none!important}}.pg{overflow-x:clip}html[data-accent=lumen] .pg.pg{--accent:#e67e22;--accent-lo:#e67e221f;--accent-glow:#e67e2238;--border-focus:#e67e2280}html[data-accent=bronze] .pg.pg{--accent:#a0815e;--accent-lo:#a0815e1f;--accent-glow:#a0815e38;--border-focus:#a0815e80}html[data-accent=flow] .pg.pg{--accent:#1abc9c;--accent-lo:#1abc9c1f;--accent-glow:#1abc9c38;--border-focus:#1abc9c80}.hw-loader{color:#777670;letter-spacing:3px;text-transform:uppercase;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;font:500 9px/1 Montserrat,sans-serif;display:flex}.hw-loader svg{animation:2.4s ease-in-out infinite hw-pulse}@keyframes hw-pulse{0%,to{opacity:.55}50%{opacity:1}}.hw-btn{color:#fdfdfd;letter-spacing:1px;cursor:pointer;background:0 0;border:.5px solid #fff3;border-radius:3px;padding:11px 18px;font:500 11px Montserrat,sans-serif}#hw-ui{pointer-events:none;z-index:1000;font-family:Montserrat,sans-serif;position:fixed;inset:0}.hw-toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));color:#fdfdfd;pointer-events:auto;background:#1a1a1a;border:.5px solid #ffffff1f;border-left:2px solid #9b59b6;border-radius:3px;max-width:min(440px,100vw - 28px);padding:12px 18px;font-size:12px;line-height:1.5;transition:opacity .4s;animation:.35s both hw-in;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.hw-toast.ok{border-left-color:#1abc9c}.hw-toast.error{border-left-color:#c0392b}.hw-toast.out{opacity:0}@keyframes hw-in{0%{opacity:0;transform:translate(-50%,8px)}}.hw-dialog-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.hw-dialog{background:#1a1a1a;border:.5px solid #ffffff1f;border-radius:6px;width:100%;max-width:380px;padding:22px}.hw-dialog p{color:silver;margin-bottom:16px;font-size:13px;line-height:1.6}.hw-dialog input{color:#fdfdfd;background:#202020;border:.5px solid #ffffff1f;border-radius:3px;width:100%;margin-bottom:16px;padding:11px 12px;font:16px Montserrat,sans-serif}.hw-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.hw-dialog-actions button{color:silver;letter-spacing:1px;cursor:pointer;background:0 0;border:.5px solid #ffffff26;border-radius:3px;padding:10px 16px;font:500 11px Montserrat,sans-serif}.hw-dialog-actions .primary{color:#fff;background:#9b59b6;border-color:#9b59b6}.hw-dialog-actions .danger{color:#fff;background:#c0392b;border-color:#c0392b}html[data-accent=lumen] .hw-toast,html[data-accent=lumen] .hw-dialog-actions .primary{border-left-color:#e67e22}html[data-accent=lumen] .hw-dialog-actions .primary{background:#e67e22;border-color:#e67e22}html[data-accent=bronze] .hw-dialog-actions .primary{background:#a0815e;border-color:#a0815e}html[data-accent=bronze] .hw-toast{border-left-color:#a0815e}html[data-accent=flow] .hw-dialog-actions .primary{background:#1abc9c;border-color:#1abc9c}html[data-accent=flow] .hw-toast{border-left-color:#1abc9c}@media (width<=899px){.pg{min-height:100dvh}.pg.pg input,.pg.pg select,.pg.pg textarea{font-size:16px}.pg.pg .btn{min-height:40px}.pg.pg:has(>.sidebar){flex-direction:column;height:100dvh}.pg.pg .sidebar{width:100%;height:auto;padding:0 0 env(safe-area-inset-bottom,0px);border-right:0;border-top:.5px solid var(--border,#ffffff12);scrollbar-width:none;flex-direction:row;flex:none;order:2;overflow-x:auto}.pg.pg .sidebar-logo,.pg.pg .sidebar-label,.pg.pg .sidebar-bottom{display:none}.pg.pg .sidebar-section{border:0;flex-direction:row;margin:0;padding:0;display:flex}.pg.pg .sidebar-section a{letter-spacing:1px;text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;min-width:76px;min-height:58px;padding:8px 10px;font-size:9px}.pg.pg .main{flex:1;order:1;width:100%;min-width:0;min-height:0}.pg.pg .topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:56px;padding:12px 14px}.pg.pg .topbar-right,.pg.pg .topbar-actions{flex-wrap:wrap;gap:8px}.pg.pg .search-wrap{width:100%}.pg.pg .scroll-area,.pg.pg .scroll,.pg.pg .page-body,.pg.pg .settings-content{padding:16px 14px}.pg.pg .stats-row,.pg.pg .stat-strip,.pg.pg .team-grid{grid-template-columns:repeat(2,1fr)}.pg.pg .two-col,.pg.pg .page-grid,.pg.pg .form-grid,.pg.pg .body-split,.pg.pg .settings-layout,.pg.pg .detail-scroll,.pg.pg .editor-body,.pg.pg .page-body,.pg.pg .member-hero,.pg.pg .hero-inner{grid-template-columns:1fr}.pg.pg .next-card{width:100%}.pg.pg .body-layout{flex-direction:column;display:flex;overflow-y:auto}.pg.pg .body-layout>*{border-right:0;border-bottom:.5px solid var(--border,#ffffff12);flex:none;min-height:420px}.pg.pg .main:has(>.list-panel){flex-direction:column;overflow-y:auto}.pg.pg .list-panel,.pg.pg .roster-panel{border-right:0;flex:none;width:100%;max-height:44vh}.pg.pg .detail-panel,.pg.pg .detail-scroll{flex:none;overflow:visible}.pg.pg .body-split,.pg.pg .editor-body{overflow-y:auto}.pg.pg .write-panel,.pg.pg .preview-panel{min-height:55vh}.pg.pg .editor-toolbar{flex-wrap:nowrap;overflow-x:auto}.pg.pg .settings-nav{gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.pg.pg .settings-nav .sn-section{gap:6px;display:flex}.pg.pg table{white-space:nowrap;display:block;overflow-x:auto}.pg.pg .modal-bg{align-items:flex-end;padding:0}.pg.pg .modal{border-radius:14px 14px 0 0;width:100%;max-width:100%;max-height:92dvh;overflow-y:auto}}