:root{--bg:#f8f7f4;--panel:#fff;--panel2:#f3f1ed;--line:#e7e2dc;--text:#1d2e3f;--muted:#697481;--accent:#ed5937;--accent-strong:#c74222;--accent-hover:#a93319;--accent-soft:#fff0e9;--accent-border:#f2c7b9;--success:#247a49;--red:#e53935;--radius:12px;--btn-face:linear-gradient(180deg, #fffdf8, #f1ebdf);--btn-face-hover:linear-gradient(180deg, #fff, #f6f1e8);--btn-edge:#d3c9b7;--led:#ff6a3d;--led-glow:#ff6a3d99;--led-on:radial-gradient(circle at 40% 35%, #fff2dc 0 15%, var(--led) 45%, #c42a0c);--led-off:radial-gradient(circle at 40% 35%, #f6f2ea, #d2c9b8);--transport-height:88px;--viewer-width:min(1600px, calc(100vw - clamp(32px, 8vw, 144px)));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:22px;font-weight:700}h3{margin:0 0 6px;font-size:14px}.ft-muted{color:var(--muted);font-size:12px}.ft-icon{flex:none;display:block}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #ed593752}.ft-header{z-index:50;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;box-shadow:0 1px #1d2e3f05}.ft-header-inner{align-items:center;gap:22px;max-width:1280px;min-height:78px;margin:0 auto;padding:9px 18px;display:flex}.ft-logo{color:var(--text);flex:none;align-items:center;gap:8px;display:flex}.ft-logo:hover{text-decoration:none}.ft-logo-mark{width:44px;height:44px;display:block}.ft-logo-name{letter-spacing:-1px;font-size:23px;font-weight:750;line-height:1}.ft-logo-name span{color:var(--accent)}.ft-search{flex:0 340px;align-items:center;min-width:120px;display:flex;position:relative}.ft-search-icon{color:var(--muted);position:absolute;left:10px}.ft-search input{background:var(--panel2);width:100%;color:var(--text);border:1px solid #0000;border-radius:10px;outline:none;padding:9px 32px;font-size:14px;transition:background .16s,border-color .16s,box-shadow .16s}.ft-search input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.ft-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;right:6px}.ft-nav{align-items:stretch;gap:4px;margin-left:auto;display:flex}.ft-navitem{cursor:pointer;min-width:64px;min-height:48px;color:var(--muted);font:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:7px 10px 8px;transition:color .15s,background .15s,transform .15s;display:flex;position:relative}.ft-navitem:hover,.ft-navitem.on{color:var(--accent-strong);background:var(--accent-soft)}.ft-navicon{font-size:20px;line-height:1}.ft-navlabel{letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.ft-navitem.on:after{content:"";background:var(--accent);border-radius:3px;height:3px;position:absolute;bottom:0;left:16px;right:16px}.ft-demo-pill{color:var(--accent);border:1px solid var(--accent);border-radius:20px;align-self:center;padding:2px 8px;font-size:10px}.ft-user{align-items:center;gap:8px;min-width:0;padding:0 4px;display:flex}.ft-user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.ft-user button{white-space:nowrap}.ft-btn{border:1px solid var(--btn-edge);background:var(--btn-face);color:var(--text);cursor:pointer;min-height:42px;box-shadow:inset 0 1px 0 #fff, 0 2px 0 var(--btn-edge), 0 3px 6px #3c280a14;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:650;transition:background .12s,transform 80ms,box-shadow 80ms}.ft-btn:hover{background:var(--btn-face-hover)}.ft-btn:active:not(:disabled){box-shadow:inset 0 2px 3px #3c280a26, 0 0 0 var(--btn-edge);transform:translateY(2px)}.ft-btn:disabled{opacity:.5;cursor:default}.ft-btn-primary{color:#fff;text-shadow:0 1px #0000004d;background:linear-gradient(#e8603a,#b1361a);border-color:#8a2a12;box-shadow:inset 0 1px #ffdcbe73,0 2px #7a2410,0 3px 8px #c7422240}.ft-btn-primary:hover{background:linear-gradient(#f2714b,#c0401f)}.ft-btn-ghost{color:var(--accent-strong);box-shadow:none;background:0 0;border-color:#0000}.ft-btn-ghost:hover{background:var(--accent-soft)}.ft-btn-ghost:active:not(:disabled){box-shadow:none}.ft-btn-sm{min-height:36px;padding:6px 10px;font-size:12px}.ft-btn-block{width:100%}.ft-btn-oauth{justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:14px;padding:10px;display:flex}.ft-g{color:#4285f4;font-size:16px;font-weight:900}.ft-or{text-align:center;color:var(--muted);margin:4px 0 12px;font-size:13px}.ft-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:5px 12px;font-size:13px}.ft-chip:hover{border-color:#bbb}.ft-chip.on{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.ft-chip-group{gap:4px;display:inline-flex}.ft-main{width:var(--viewer-width);flex:1;min-width:0;margin:0 auto;padding:0 0 40px}.ft-songpage{padding-bottom:calc(var(--transport-height) + env(safe-area-inset-bottom) + 24px)}.ft-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--bg);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;font-size:12px;display:flex}.ft-home{padding-top:28px}.ft-home h1{letter-spacing:-.7px;font-size:28px;font-weight:750}.ft-home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.ft-home-head p{margin:8px 0 0;line-height:1.6}.ft-library-account{vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:inline-block;overflow:hidden}.ft-tabs{flex-wrap:wrap;gap:8px;display:flex}.ft-tabs button{background:var(--btn-face);color:var(--text);border:1px solid var(--btn-edge);cursor:pointer;min-height:42px;box-shadow:inset 0 1px 0 #fff, 0 2px 0 var(--btn-edge), 0 3px 6px #3c280a14;border-radius:8px;padding:8px 14px 8px 28px;font-size:13px;font-weight:650;transition:background .12s,transform 80ms,box-shadow 80ms;position:relative}.ft-tabs button:before{content:"";background:var(--led-off);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:12px;box-shadow:inset 0 1px 1px #0003,0 0 0 1px #3c280a26}.ft-tabs button:hover{background:var(--btn-face-hover)}.ft-tabs button.on{box-shadow:inset 0 2px 3px #3c280a26, 0 0 0 var(--btn-edge);background:linear-gradient(#efe8db,#f8f4ec);transform:translateY(2px)}.ft-tabs button.on:before{background:var(--led-on);box-shadow:0 0 0 1px #00000040, 0 0 6px 2px var(--led-glow)}.ft-tabs.ft-import-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 20px;display:grid}.ft-import-tabs button{min-height:44px}.ft-instfilter{flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.ft-instfilter button{cursor:pointer;min-height:40px;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 2px;font-size:13px}.ft-instfilter button.on{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:700}.ft-songtable{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.ft-songtable-head,.ft-songrow{grid-template-columns:28px 40px minmax(0,1.3fr) minmax(0,1fr) 128px 96px;align-items:center;gap:8px;padding:13px 16px;display:grid}.ft-row-select{cursor:pointer;place-items:center;min-height:40px;display:grid}.ft-check{width:16px;height:16px;accent-color:var(--accent-strong);cursor:pointer}.ft-deletebar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:10px;margin-bottom:10px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.ft-notice{color:#1d5c34;border-radius:var(--radius);background:#eef7f0;border:1px solid #bfe0c8;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 14px;font-size:13px;display:flex}.ft-notice button{cursor:pointer;color:inherit;background:0 0;border:none;font-size:16px}.ft-btn-danger{color:#fff;background:#d13438;border-color:#a92b2e}.ft-btn-danger:hover{background:#a92b2e}.ft-uploadbar{color:#7a5b00;background:#fff8e6;border-bottom:1px solid #ecd88a;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.ft-uploadbar button{cursor:pointer;color:inherit;background:0 0;border:none;font-size:16px}.ft-songtable-head{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--line);font-size:11px}.ft-songrow{color:var(--text);background:#fff;border-top:1px solid #f0f0f0}.ft-songrow:first-of-type{border-top:none}.ft-songrow:hover{background:#fffaf7;text-decoration:none}.ft-songtitle{overflow-wrap:break-word;min-width:0;font-size:15px;font-weight:700}.ft-owner{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.ft-owner.is-mine{color:var(--accent-strong)}.ft-songartist{min-width:0;color:var(--muted);overflow-wrap:break-word}.ft-diff{align-items:center;gap:3px;display:flex}.ft-diff i{background:var(--led-off);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:inset 0 1px 1px #0003,0 0 0 1px #3c280a26}.ft-diff i.on{background:var(--led-on);box-shadow:0 0 0 1px #0003, 0 0 5px 1px var(--led-glow)}.ft-diff em{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal}.ft-vid{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.ft-vid.on{color:var(--accent-strong);font-weight:650}.ft-vid.on .ft-icon{filter:drop-shadow(0 0 3px var(--led-glow))}.ft-star{cursor:pointer;color:#abb0b5;background:0 0;border:none;place-items:center;min-width:36px;min-height:40px;padding:0;font-size:22px;display:grid}.ft-star.on{color:var(--accent);text-shadow:0 0 8px var(--led-glow)}.ft-star.big{font-size:28px}.ft-empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);background:#fff;padding:40px}.ft-how{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.ft-how>div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.ft-how h3{align-items:center;gap:8px;display:flex}.ft-how h3 .ft-icon{color:var(--accent-strong)}.ft-how p{color:var(--muted);margin:0;font-size:13px}.ft-how b{color:var(--text)}.ft-songhead{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:22px;display:flex}.ft-songhead-center{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.ft-songhead.ft-songhead-center{padding:34px 0 26px}.ft-songhead-center h1{color:var(--text);letter-spacing:-1.1px;font-size:clamp(32px,4vw,44px);font-weight:750;line-height:1.12}.ft-songhead-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:34px;display:flex}.ft-songhead-row .ft-star{color:#8b8170;width:34px;height:34px;box-shadow:0 0 0 2px var(--btn-edge), 0 0 0 3px #fff, 0 2px 5px #3c280a2e, inset 0 -2px 3px #3c280a1f;background:radial-gradient(circle at 50% 35%,#fff,#efe9de 60%,#d6cdbd);border:0;border-radius:50%;place-items:center;padding:0;font-size:22px;transition:color .15s,background .15s,box-shadow .15s,transform .15s;display:grid}.ft-songhead-row .ft-star:hover:not(:disabled){color:var(--accent-strong);transform:translateY(-1px)}.ft-songhead-row .ft-star.on{color:#fff3dd;box-shadow:0 0 0 2px #3d3935, 0 0 0 3px #0b0a09, 0 0 14px 3px var(--led-glow), inset 0 -2px 3px #500a0059;background:radial-gradient(circle at 40% 30%,#ffd9b8 0 10%,#ff7d4a 38%,#c42a0c 85%)}.ft-revision{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.ft-artist{color:var(--muted);font-size:17px;font-weight:550}.ft-songhead-center .ft-songmeta{justify-content:center}.ft-songhead-main{align-items:flex-start;gap:10px;display:flex}.ft-songhead-side{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ft-songmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;font-size:13px;display:flex}.ft-songmeta a{color:var(--text);font-weight:600}.ft-pill{border:1px solid var(--line);color:#52606d;background:#ffffffd1;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:650}.ft-pill-video{border-color:var(--accent-border);color:var(--accent-strong);background:var(--accent-soft);align-items:center;gap:5px;display:inline-flex}.ft-pill-video:before{content:"";background:var(--led-on);width:6px;height:6px;box-shadow:0 0 4px 1px var(--led-glow);border-radius:50%;flex:none}.ft-player{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 18px #1d2e3f0f}.ft-trackpanel{z-index:55;left:max(12px, calc((100vw - var(--viewer-width)) / 2));bottom:calc(var(--transport-height) + env(safe-area-inset-bottom) + 12px);border:1px solid var(--line);background:#fff;border-radius:12px;width:300px;max-width:calc(100vw - 24px);max-height:calc(100vh - 260px);padding:14px;position:fixed;overflow-y:auto;box-shadow:0 18px 54px #1d2e3f38}.ft-trackpanel-head{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.ft-trackpanel-x{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:18px}.ft-trackpanel-master{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ft-trackpanel ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ft-trackpanel li{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:10px 22px 22px 1fr auto;align-items:center;gap:6px;padding:7px 8px;display:grid}.ft-trackpanel li.on{border-color:var(--accent)}.ft-tp-dot{background:#ccc;border-radius:50%;width:8px;height:8px}.ft-trackpanel li.on .ft-tp-dot{background:var(--accent)}.ft-tp-names{min-width:0;line-height:1.25;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;margin:0;padding:0;display:flex}.ft-tp-names b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ft-tp-names small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ft-tp-open{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;display:flex}.ft-trackpanel .ft-tracks-hint{margin-top:8px}.ft-track-hidden{opacity:.55}.ft-track-eye{cursor:pointer;color:#6f7a86;background:0 0;border:none;padding:0;font-size:14px}.ft-track-icon{color:#53606c;font-size:16px}.ft-track-btns{gap:4px;display:flex}.ft-track-btns button{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);cursor:pointer;background:#f5f5f5;border-radius:4px;font-size:11px;font-weight:800}.ft-track-btns button.on{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.ft-tracks-empty{padding:8px 0}.ft-tracks-hint{color:var(--muted);margin-top:10px;font-size:11px}.ft-tabwrap{flex-direction:column;min-width:0;display:flex}.ft-tool{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:64px;padding:6px 14px;display:flex}.ft-tool:hover{background:var(--panel2);color:var(--text)}.ft-tool.on{color:var(--accent-strong)}.ft-toolicon{font-size:19px;line-height:1.1}.ft-toollabel{letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700}.ft-morewrap{position:relative}.ft-more{z-index:30;border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 28px #00000024}.ft-more button{text-align:left;cursor:pointer;color:var(--text);font-size:13px;font:inherit;background:0 0;border:none;border-radius:5px;padding:8px 10px}.ft-more button:hover{background:#f0f0f0}.ft-sync{border-bottom:1px solid var(--line);background:var(--panel2);flex-direction:column;gap:10px;padding:12px;display:flex}.ft-sync-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ft-sync-url{flex-direction:column;flex:1;gap:6px;min-width:240px;font-size:13px;display:flex}.ft-sync-urlrow input,.ft-sync input[type=number],.ft-syncbar input[type=text],.ft-syncbar input:not([type]){border:1px solid var(--line);color:var(--text);background:#fff;border-radius:6px;padding:8px 10px;font-size:14px}.ft-sync-urlrow input{flex:1}.ft-sync label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.ft-offset{align-items:center;display:flex}.ft-offset button{color:var(--text);border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;border-radius:0;margin-left:-1px;padding:6px 10px;font-size:12px}.ft-offset button:first-child{border-radius:6px 0 0 6px;margin-left:0}.ft-offset button:hover{background:#f0f0f0}.ft-offset input{text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--line);z-index:1;border-radius:0;width:64px;margin-left:-1px;padding:6px 4px;font-size:13px}.ft-offset button:last-of-type{border-radius:0 6px 6px 0}.ft-sync-meta{flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.ft-badge{letter-spacing:.4px;color:var(--muted);white-space:nowrap;background:#f0f0f0;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.ft-badge.on{color:var(--success);background:#edf7f0}.ft-bad{color:var(--red)}.ft-note{color:#8a6d1b;background:#fff8e6;border:1px solid #f0dfae;border-radius:8px;padding:8px 10px;font-size:13px}.ft-markers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ft-markers li{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.ft-markers button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#f0f0f0;border-radius:6px;margin-left:6px;padding:3px 10px}.ft-status{background:var(--accent-soft);border-bottom:1px solid var(--accent-border);color:var(--accent-strong);cursor:pointer;padding:8px 12px;font-size:13px}.ft-syncbar{border-top:2px solid var(--accent);background:#fff;position:relative;box-shadow:0 -6px 18px #00000014}.ft-syncbar-inner{width:var(--viewer-width);grid-template-columns:.95fr 1.35fr .9fr;align-items:center;max-width:none;min-height:104px;margin:0 auto;padding:12px 50px 12px 0;display:grid}.ft-syncstep{border-right:1px solid var(--line);align-items:center;gap:12px;min-width:0;min-height:70px;padding:4px 20px;display:flex}.ft-syncstep:first-child{padding-left:14px}.ft-syncstep:last-child{border-right:0}.ft-syncnum{background:var(--accent-strong);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.ft-syncbody{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.ft-synclabel{letter-spacing:.7px;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:7px;font-size:11px;font-weight:800;display:flex}.ft-synclabel b{color:var(--text);font-size:12px}.ft-sync-urlrow{gap:8px;display:flex}.ft-sync-urlrow input{flex:1;min-width:220px}.ft-sync-videochip{flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.ft-sync-videochip a{align-items:center;gap:4px;font-family:ui-monospace,monospace;font-weight:750;display:inline-flex}.ft-sync-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ft-syncbar-x{top:8px;right:max(10px, calc((100vw - var(--viewer-width)) / 2));cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;width:40px;height:40px;padding:0;font-size:24px;line-height:1;position:absolute}.ft-syncbar-x:hover{color:var(--text);background:#f0f0f0}.ft-toolicon{position:relative}.ft-tabscroll{background:#fff;min-height:480px;position:relative}.ft-alpha{background:#fff;min-height:380px;margin:0}.ft-alpha>div{color:#111}.ft-alpha .at-cursors{z-index:1!important}.ft-alpha .at-cursor-beat{pointer-events:none;border-radius:10px;background:#ed593726!important;border:2px solid #c74222e6!important}.ft-alpha .at-selection div{background:#ed593726}.ft-alpha .at-cursor-bar{border-radius:10px;background:#ed593714!important}.ft-alpha>div:not(.at-cursors){filter:grayscale()}.ft-loading{color:var(--muted);background:#fff;place-items:center;display:grid;position:absolute;inset:0}.ft-source{color:var(--muted);border-top:1px solid var(--line);padding:8px 14px;font-size:12px}.ft-yt{z-index:60;color:#fff;background:#090b0e;border:1px solid #313842;border-radius:12px;max-width:calc(100vw - 24px);position:fixed;overflow:hidden;box-shadow:0 18px 52px #0f192352}.ft-yt-bar{background:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;min-height:40px;padding:6px 8px 6px 11px;display:flex}.ft-yt-bar:active{cursor:grabbing}.ft-yt-title{align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.ft-yt-actions{gap:4px;display:flex}.ft-yt-actions button{color:#e9edf1;cursor:pointer;background:#30363f;border:1px solid #4b535e;border-radius:6px;min-width:25px;height:22px;padding:1px 6px;font-size:10px}.ft-yt-actions button:hover{background:#414955}.ft-yt-actions button.on{background:var(--accent-strong);border-color:var(--accent)}.ft-yt-body{background:#000}.ft-yt.is-minimized .ft-yt-body{display:none}.ft-yt-frame,.ft-yt-frame iframe{border:0;width:100%;height:100%;display:block}.ft-yt-consent{text-align:center;color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:16px;font-size:13px;display:flex}.ft-yt-consent p{max-width:240px;margin:0}.ft-bottombar{z-index:40;position:fixed;bottom:0;left:0;right:0}.ft-playerbar{min-height:calc(var(--transport-height) + env(safe-area-inset-bottom));border-top:1px solid var(--line);padding:10px max(14px, calc((100vw - var(--viewer-width)) / 2)) calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex;box-shadow:0 -8px 24px #1d2e3f0f}.ft-trackchip{cursor:pointer;background:var(--text);color:#fff;border:1px solid var(--text);min-width:188px;min-height:46px;font:inherit;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;display:flex;box-shadow:0 3px 9px #1d2e3f26}.ft-trackchip:hover{background:#314354}.ft-trackchip-icon{font-size:20px}.ft-trackchip-text{flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;line-height:1.2;display:flex}.ft-trackchip-text b{text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-size:13px;overflow:hidden}.ft-trackchip-text small{opacity:.75;place-items:center;font-size:10px;display:grid}.ft-audio{border-radius:8px;flex-direction:column;flex:none;display:flex;overflow:hidden}.ft-audio button{cursor:pointer;letter-spacing:.6px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:800;font:inherit;border:none;padding:5px 12px}.ft-audio button.on{background:var(--accent-strong);color:#fff}.ft-playerbar .ft-morewrap{position:relative}.ft-playerbar .ft-more{position:absolute;top:auto;bottom:calc(100% + 6px);right:0}.ft-play{background:var(--accent-strong);border:1px solid var(--accent-strong);color:#fff;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:17px;transition:background .15s,transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 12px #c7422233}.ft-play:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #c742223d}.ft-play:disabled{opacity:.5}.ft-time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--muted);white-space:nowrap;text-align:center;min-width:12ch;font-size:13px}.ft-seek{cursor:pointer;appearance:none;min-width:40px;max-width:480px;height:28px;accent-color:var(--accent);background:0 0;flex:300px}.ft-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), #e2e2e2 var(--p,0%));border-radius:2px;height:4px}.ft-seek::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #0000004d}.ft-seek::-moz-range-track{background:#e2e2e2;border-radius:2px;height:4px}.ft-seek::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.ft-seek::-moz-range-thumb{background:var(--accent);border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 4px #0000004d}.ft-zoom{align-items:center;gap:6px;font-size:13px;display:inline-flex}.ft-zoom button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#f5f5f5;border-radius:6px;width:26px;height:24px}button.ft-play.ft-btn-primary{border-radius:50%;min-width:44px;padding:0}.ft-keys{color:var(--muted);border-top:1px solid var(--line);background:var(--panel2);padding:8px 12px;font-size:12px}.ft-modal-veil{z-index:100;background:#1d2e3f61;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ft-modal{border:1px solid var(--line);overscroll-behavior:contain;background:#fff;border-radius:16px;width:460px;max-width:100%;max-height:calc(100dvh - 32px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 12px 44px #0000002e}.ft-modal h2{text-align:center;margin:0 0 20px;font-size:24px;font-weight:700}.ft-modal-x{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:8px;right:8px}.ft-form{flex-direction:column;gap:14px;display:flex}.ft-form label{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;font-size:13px;display:flex}.ft-form label:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ft-form label span{color:var(--muted);font-size:12px}.ft-form input{width:100%;min-width:0;color:var(--text);background:0 0;border:none;outline:none;padding:2px 0;font-size:16px}.ft-form input[type=file]{font-size:12px}.ft-form input[type=file]::file-selector-button{border:1px solid var(--accent-border);background:var(--accent-soft);min-height:38px;color:var(--accent-strong);font:inherit;cursor:pointer;border-radius:7px;margin-right:8px;padding:7px 10px;font-weight:650}.ft-form .ft-muted{overflow-wrap:anywhere;margin:0;line-height:1.6}.ft-modal hr{border:0;border-top:1px solid var(--line);margin:24px 0}.ft-alert{color:#b3261e;background:#fdecea;border:1px solid #f5c6c2;border-radius:8px;padding:10px;font-size:13px}.ft-modal>.ft-alert{margin-bottom:14px}.ft-modal-switch{color:var(--muted);text-align:center;margin-top:16px;font-size:13px}.ft-modal-switch button{color:var(--accent-strong);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.ft-demo-note{text-align:center;margin-top:12px}.ft-help p{color:#555;font-size:14px}.ft-help b{color:var(--text)}@media (width<=1100px){.ft-header-inner{gap:14px}.ft-search{flex-basis:260px}.ft-tool{padding-inline:8px}.ft-trackchip{min-width:160px}.ft-seek{flex-basis:180px}}@media (width<=900px){.ft-header-inner{flex-wrap:wrap;gap:10px}.ft-search{flex-basis:100%;order:3}.ft-nav{gap:0}.ft-navitem{padding:6px 8px}.ft-user-email{display:none}.ft-songtable-head,.ft-songrow{grid-template-columns:24px 36px minmax(0,1.2fr) minmax(0,1fr) 108px 90px}.ft-diff em{font-size:10px}.ft-playerbar{gap:6px}.ft-trackchip{min-width:140px}.ft-tool{min-width:50px;padding-inline:6px}.ft-time{min-width:10ch;font-size:12px}.ft-syncbar{max-height:min(440px, calc(100dvh - var(--transport-height) - env(safe-area-inset-bottom) - 128px));overscroll-behavior:contain;overflow-y:auto}.ft-syncbar-inner{grid-template-columns:1fr;width:100%;min-height:0;padding:12px}.ft-syncstep{border-right:0;border-bottom:1px solid var(--line);align-items:flex-start;min-height:0;padding:12px 0}.ft-syncstep:first-child{padding-top:0;padding-left:0}.ft-syncstep:first-child .ft-synclabel{padding-right:40px}.ft-syncstep:last-child{border-bottom:0;padding-bottom:0}.ft-sync-urlrow{flex-wrap:wrap}.ft-sync-urlrow input{width:100%;min-width:0;font-size:16px}.ft-offset button{min-height:40px;padding-inline:9px}.ft-offset input{min-height:40px;font-size:16px}.ft-syncbar .ft-btn{min-height:40px}.ft-sync-controls{gap:6px}.ft-syncbar-x{top:4px;right:4px}:is(.ft-player:has(.ft-syncbar) .ft-yt,.ft-player:has(.ft-trackpanel) .ft-yt){visibility:hidden;pointer-events:none}}@media (width<=720px){:root{--transport-height:150px}.ft-header-inner{min-height:0;padding:calc(8px + env(safe-area-inset-top)) 12px 0;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;display:grid}.ft-logo-name{display:none}.ft-logo-mark{width:38px;height:38px}.ft-search{flex-basis:auto;order:0}.ft-search input{padding-block:9px}.ft-nav{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;margin:0 -12px;padding:2px 4px 4px}.ft-navitem{border-radius:8px;flex:1;min-width:0;min-height:46px;padding:6px 4px}.ft-navitem:nth-child(2){display:none}.ft-navicon .ft-icon{width:18px;height:18px}.ft-navlabel{letter-spacing:.5px;font-size:9px}.ft-user{flex:none;padding:0}.ft-user button{min-height:44px;padding-inline:8px}.ft-main{width:100%;padding:0 12px 32px}.ft-home{padding-top:22px}.ft-home h1{font-size:26px}.ft-home-head{margin-bottom:12px;display:block}.ft-home-head p{line-height:1.6}.ft-library-account{max-width:180px}.ft-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-top:16px;display:grid}.ft-tabs button{min-width:0;min-height:48px;padding:15px 4px 6px;font-size:12px}.ft-tabs button:before{width:6px;height:6px;margin:0 0 0 -3px;top:5px;left:50%}.ft-instfilter{scrollbar-width:none;flex-wrap:nowrap;gap:16px;margin-bottom:14px;overflow-x:auto}.ft-instfilter button{flex:none}.ft-songtable{background:0 0;border:0;gap:10px;display:grid;overflow:visible}.ft-songtable-head{display:none}.ft-songrow{border:1px solid var(--line);border-radius:12px;grid-template-columns:32px minmax(0,1fr) 80px;grid-template-areas:"select title favorite"".artist artist"".difficulty video";gap:3px 8px;padding:12px}.ft-songrow:first-of-type{border-top:1px solid var(--line)}.ft-songselect{grid-area:select;align-self:start}.ft-row-select{min-height:44px}.ft-check{width:20px;height:20px}.ft-songrow>.ft-star{grid-area:favorite;place-self:start end;width:44px;height:44px}.ft-songtitle{grid-area:title;font-size:15px;line-height:1.4}.ft-songartist{grid-area:artist;font-size:13px;line-height:1.5}.ft-diff{grid-area:difficulty;margin-top:5px}.ft-diff em{font-size:11px}.ft-vid{grid-area:video;justify-self:end;margin-top:5px;font-size:11px}.ft-deletebar{flex-wrap:wrap}.ft-empty{padding:28px 18px}.ft-how{grid-template-columns:1fr;gap:10px;margin-top:20px}.ft-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.ft-songhead{margin-bottom:14px}.ft-songhead.ft-songhead-center{gap:8px;padding:24px 0 18px}.ft-songhead-center h1{letter-spacing:-.7px;overflow-wrap:anywhere;max-width:100%;font-size:30px}.ft-artist{font-size:16px;line-height:1.5}.ft-revision{letter-spacing:.5px;font-size:10px}.ft-songhead-row .ft-star{width:40px;height:40px}.ft-songhead-row .ft-btn{min-height:44px}.ft-songmeta{justify-content:center}.ft-pill{padding:3px 8px}.ft-player{border-radius:12px}.ft-tabscroll{min-height:420px}.ft-keys{display:none}.ft-playerbar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 96px;grid-template-areas:"track track play audio""seek seek seek time""speed volume volume sync";gap:4px 8px;display:grid}.ft-trackchip{width:100%;min-width:0;min-height:44px;box-shadow:none;grid-area:track;padding:8px 10px}.ft-trackchip-text b{min-width:0;max-width:100%}.ft-trackchip-icon{display:none}.ft-play{grid-area:play;justify-self:center;width:48px;height:48px}.ft-audio{flex-direction:row;grid-area:audio;width:100%;min-height:44px}.ft-audio button{letter-spacing:0;flex:1;padding:6px 4px;font-size:12px;font-weight:700}.ft-time{text-align:right;grid-area:time;min-width:0;font-size:11.5px}.ft-seek{grid-area:seek;width:100%;min-width:0;max-width:none;height:28px;margin:0}.ft-speed{grid-area:speed}.ft-vol{grid-area:volume}.ft-sync-tool{background:var(--panel2);grid-area:sync}.ft-sync-tool.on{background:var(--accent-soft)}.ft-tool{min-width:0;min-height:44px;padding:4px 2px}.ft-toollabel{font-size:9px}.ft-trackpanel{width:auto;max-width:none;left:12px;right:12px;bottom:calc(var(--transport-height) + env(safe-area-inset-bottom) + 12px);max-height:calc(100dvh - var(--transport-height) - env(safe-area-inset-bottom) - 128px);overscroll-behavior:contain;padding:12px}.ft-trackpanel li{grid-template-columns:32px 20px minmax(0,1fr) auto;gap:4px}.ft-tp-dot{display:none}.ft-track-eye{place-items:center;width:32px;height:40px;display:grid}.ft-track-btns button,.ft-trackpanel-x{width:40px;height:40px}.ft-yt{max-width:calc(100vw - 24px)}.ft-yt.is-minimized{bottom:calc(var(--transport-height) + env(safe-area-inset-bottom) + 12px);width:auto!important;top:auto!important;right:12px!important}.ft-yt:not(.is-minimized){left:auto;bottom:calc(var(--transport-height) + env(safe-area-inset-bottom) + 12px);width:min(240px,64vw)!important;top:auto!important;right:12px!important}.ft-yt:not(.is-minimized) .ft-yt-body{aspect-ratio:16/9;height:auto!important}.ft-yt-bar{cursor:auto;touch-action:auto}.ft-yt-bar:active{cursor:auto}.ft-yt-title{font-size:11px}.ft-yt-actions{gap:3px}.ft-yt-actions button{min-width:32px;height:32px}.ft-yt:not(.is-minimized) .ft-yt-actions button:nth-child(-n+3){display:none}.ft-modal-veil{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))}.ft-modal{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:14px;padding:24px 18px}.ft-form{gap:12px}.ft-btn-block{min-height:44px}}@media (prefers-reduced-motion:reduce){.ft-navitem,.ft-play,.ft-btn,.ft-tabs button,.ft-songhead-row .ft-star{transition:none}.ft-play:hover,.ft-songhead-row .ft-star:hover{transform:none}}.ft-amp{--amp-face:#1b1917;--amp-face-hi:#2a2623;--amp-ink:#f1e7cc;--amp-ink-dim:#a99d83;--amp-gold:#c8a55a;--amp-gold-hi:#ecd59a;--amp-edge:#0b0a09;--amp-led:#ff6a3d;--amp-led-glow:#ff6a3db3;--amp-green:#6cf08f;--amp-green-glow:#6cf08f99;--amp-lcd:#ffb347;--amp-lcd-glow:#ffaa3c8c;--amp-btn:linear-gradient(180deg, #3b3734, #24211f);--amp-btn-hover:linear-gradient(180deg, #47423e, #2b2825);--amp-btn-press:linear-gradient(180deg, #191715, #282522);color:var(--amp-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#4a4540 transparent;background:repeating-linear-gradient(180deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--amp-face-hi), var(--amp-face))}.ft-amp :focus-visible{outline:2px solid var(--amp-led);outline-offset:2px}.ft-amp .ft-muted{color:var(--amp-ink-dim)}.ft-amp a{color:var(--amp-gold-hi)}.ft-led{background:radial-gradient(circle at 40% 35%,#6b2a1b,#2a0d07 75%);border-radius:50%;flex:none;width:6px;height:6px;transition:background .12s,box-shadow .12s;display:inline-block;box-shadow:0 0 0 1px #000000b3}.ft-led.on{background:radial-gradient(circle at 40% 35%, #fff2dc 0 15%, var(--amp-led) 45%, #c42a0c);box-shadow:0 0 0 1px #0009, 0 0 7px 2px var(--amp-led-glow)}.ft-amp .ft-btn,.ft-amp .ft-offset button,.ft-loop-panel.ft-amp button{background:var(--amp-btn);color:var(--amp-ink);border:1px solid var(--amp-edge);letter-spacing:.3px;box-shadow:inset 0 1px 0 #ffffff1f, 0 2px 0 var(--amp-edge), 0 3px 6px #00000073;border-radius:5px;font-weight:750;transition:background .12s,transform 80ms,box-shadow 80ms}.ft-amp .ft-btn{align-items:center;gap:6px;display:inline-flex}.ft-amp .ft-btn:hover,.ft-amp .ft-offset button:hover,.ft-loop-panel.ft-amp button:hover:not(:disabled){background:var(--amp-btn-hover);color:#fff}.ft-amp .ft-btn:active:not(:disabled),.ft-amp .ft-offset button:active,.ft-loop-panel.ft-amp button:active:not(:disabled),.ft-loop-panel.ft-amp button[aria-pressed=true]{background:var(--amp-btn-press);box-shadow:inset 0 2px 4px #000000b3, 0 0 0 var(--amp-edge);transform:translateY(2px)}.ft-amp .ft-btn-primary,.ft-loop-panel.ft-amp .ft-loop-apply{color:#fff;text-shadow:0 1px #00000059;background:linear-gradient(#e8603a,#b1361a);border-color:#4a140a;box-shadow:inset 0 1px #ffdcbe73,0 2px #4a140a,0 0 12px #ff6a3d40}.ft-amp .ft-btn-primary:hover,.ft-loop-panel.ft-amp .ft-loop-apply:hover:not(:disabled){background:linear-gradient(#f2714b,#c0401f)}.ft-amp input:not([type=range]):not([type=checkbox]),.ft-amp select{color:var(--amp-lcd);text-shadow:0 0 6px var(--amp-lcd-glow);background:#0c0b0a;border:1px solid #000;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;box-shadow:inset 0 2px 5px #000000d9,0 1px #ffffff12}.ft-amp input::placeholder{color:#6b604c;text-shadow:none}.ft-amp option{color:var(--amp-ink);background:#1b1917}.ft-knob{--k:36px;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:center;display:inline-flex}.ft-knob-sm{--k:24px}.ft-knob-dial{width:calc(var(--k) + 18px);height:calc(var(--k) + 18px);cursor:ns-resize;touch-action:none;border-radius:50%;position:relative}.ft-amp .ft-knob-dial:focus-visible{box-shadow:0 0 0 2px var(--amp-led-glow);outline:none}.ft-knob-scale{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ft-knob-scale line{stroke:var(--amp-ink-dim);stroke-width:2.6px;stroke-linecap:round;opacity:.45}.ft-knob-scale line.lit{stroke:var(--amp-ink);opacity:1}.ft-knob-cap,.ft-knob-pointer{width:var(--k);height:var(--k);pointer-events:none;border-radius:50%;position:absolute;top:9px;left:9px}.ft-knob-cap{background:repeating-conic-gradient(from 0deg, #121110 0 5deg, #2f2c29 5deg 10deg);box-shadow:0 4px 7px #000000bf,0 0 0 1px #000c,inset 0 1px 1px #fff3}.ft-knob-cap:before{content:"";background:conic-gradient(from 25deg,#f2dfa8,#9a7b3c 25%,#f8ecc4 50%,#8f7034 75%,#f2dfa8);border-radius:50%;position:absolute;inset:22%;box-shadow:inset 0 0 0 1px #3c280a99,inset 0 2px 3px #ffffff73,0 1px 2px #000000b3}.ft-knob-pointer{transition:transform 60ms linear}.ft-knob-pointer:before{content:"";background:#3a2a10;border-radius:1px;width:2px;height:20%;margin-left:-1px;position:absolute;top:24%;left:50%;box-shadow:0 1px #fff5d280}.ft-knob-pointer:after{content:"";background:var(--amp-ink);border-radius:1px;width:2px;height:19%;margin-left:-1px;position:absolute;top:2px;left:50%;box-shadow:0 0 2px #000000b3}.ft-knob-dial:hover .ft-knob-cap{box-shadow:0 4px 9px #000c,0 0 0 1px #000c,inset 0 1px 1px #ffffff4d}.ft-knob-caption{white-space:nowrap;align-items:baseline;gap:5px;margin-top:-3px;line-height:1;display:flex}.ft-knob-caption b{letter-spacing:1.4px;text-transform:uppercase;color:var(--amp-ink);font-size:9px;font-weight:800}.ft-knob-caption em{color:var(--amp-lcd);text-shadow:0 0 5px var(--amp-lcd-glow);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-style:normal}.ft-knob-sm .ft-knob-caption b{display:none}.ft-header.ft-amp{box-shadow:inset 0 -2px 0 var(--amp-gold), inset 0 -3px 0 #0009, 0 3px 12px #0f0c0a2e;border-bottom:0}.ft-amp .ft-logo{color:var(--amp-ink)}.ft-amp .ft-logo-name{text-shadow:0 1px #000}.ft-amp .ft-logo-mark{filter:drop-shadow(0 2px 3px #0009)}.ft-amp .ft-search-icon{z-index:1;color:var(--amp-ink-dim)}.ft-header.ft-amp .ft-search input{color:var(--amp-ink);text-shadow:none;background:#0c0b0a;border:1px solid #000;font-family:inherit;box-shadow:inset 0 2px 5px #000000d9,0 1px #ffffff12}.ft-header.ft-amp .ft-search input:focus{border-color:var(--amp-gold);box-shadow:inset 0 2px 5px #000000d9,0 0 0 3px #c8a55a40}.ft-header.ft-amp .ft-search input::placeholder,.ft-amp .ft-search-clear,.ft-amp .ft-navitem{color:var(--amp-ink-dim)}.ft-amp .ft-navitem:hover,.ft-amp .ft-navitem.on{color:var(--amp-ink);background:#ffffff0d}.ft-amp .ft-navitem.on:after{background:var(--amp-led);box-shadow:0 0 8px 1px var(--amp-led-glow)}.ft-amp .ft-navlabel{letter-spacing:1.2px}.ft-amp .ft-user-email{color:var(--amp-ink-dim)}.ft-amp .ft-demo-pill{color:var(--amp-lcd);border-color:currentColor}.ft-nameplate.ft-amp{--screw:radial-gradient(circle, #eef0f2 0 1.5px, #8d9196 2.5px 3.5px, #2c2926 4px, transparent 4.5px);background:var(--screw) 10px 10px / 10px 10px no-repeat, var(--screw) calc(100% - 10px) 10px / 10px 10px no-repeat, var(--screw) 10px calc(100% - 10px) / 10px 10px no-repeat, var(--screw) calc(100% - 10px) calc(100% - 10px) / 10px 10px no-repeat, repeating-linear-gradient(180deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--amp-face-hi), var(--amp-face));max-width:100%;box-shadow:inset 0 0 0 5px var(--amp-face), inset 0 0 0 6px #c8a55a99, 0 2px 0 #0b0a09, 0 10px 24px #0f0c0a38;border:1px solid #000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;padding:20px 52px 18px;display:flex}.ft-nameplate h1{overflow-wrap:anywhere;background:linear-gradient(#fbf1cf 10%,#d9b866 52%,#9a7838 90%) 0 0/100% 1.12em repeat-y;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #000000d9);-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0;line-height:1.12}.ft-nameplate-kind{letter-spacing:2.5px;text-transform:uppercase;vertical-align:middle;-webkit-text-fill-color:var(--amp-ink-dim);font-size:.42em;font-weight:800}.ft-nameplate .ft-artist{color:var(--amp-ink);letter-spacing:2.6px;text-transform:uppercase;font-size:12px;font-weight:800}.ft-playerbar.ft-amp{box-shadow:inset 0 2px 0 var(--amp-gold), inset 0 3px 0 #0009, 0 -8px 24px #0f0c0a40;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;gap:14px}.ft-amp .ft-trackchip{color:var(--amp-ink);background:linear-gradient(#121110,#1f1c1a);border:1px solid #000;border-radius:6px;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff14}.ft-amp .ft-trackchip:hover{background:linear-gradient(#1a1816,#2a2623)}.ft-amp .ft-trackchip-icon{color:var(--amp-gold-hi)}.ft-amp .ft-trackchip-text b{letter-spacing:.4px}.ft-play-wrap{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex;position:relative}.ft-jewel{background:radial-gradient(circle at 35% 30%,#8d3624,#3a0f07 70%);border-radius:50%;width:11px;height:11px;transition:background .15s,box-shadow .15s;display:block;box-shadow:0 0 0 2px #4a4540,0 0 0 3px #0b0a09,inset 0 -1px 2px #0009}.ft-jewel.on{box-shadow:0 0 0 2px #4a4540, 0 0 0 3px #0b0a09, 0 0 12px 4px var(--amp-led-glow);background:radial-gradient(circle at 35% 30%,#fff3dd 0 14%,#ff7d4a 34%,#d4280b 78%)}.ft-amp .ft-play{color:#2c2e32;background:radial-gradient(circle at 50% 35%,#fff 0,#dcdde0 26%,#9fa2a7 60%,#5f6267 100%);border:0;border-radius:50%;width:48px;height:48px;transition:transform 80ms,box-shadow 80ms,filter .12s;position:relative;box-shadow:0 0 0 4px #3d3935,0 0 0 5px #0b0a09,0 5px 9px #000000b3,inset 0 -3px 6px #00000059,inset 0 2px 2px #ffffffe6}.ft-amp .ft-play:before{content:"";background:radial-gradient(circle at 50% 30%,#f4f5f6,#b5b8bc 70%);border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 1px 2px #00000059,0 1px #fffc}.ft-amp .ft-play .ft-icon{filter:drop-shadow(0 1px #ffffffbf);position:relative}.ft-amp .ft-play:hover{background:radial-gradient(circle at 50% 35%,#fff 0,#e6e7e9 26%,#a9acb1 60%,#63666b 100%);transform:none}.ft-amp .ft-play:active:not(:disabled){transform:translateY(1px)scale(.97);box-shadow:0 0 0 4px #3d3935,0 0 0 5px #0b0a09,0 2px 4px #000000b3,inset 0 -2px 4px #00000059,inset 0 2px 2px #ffffffe6}.ft-amp .ft-play:disabled{opacity:1;filter:grayscale()brightness(.7);cursor:default}.ft-amp .ft-audio{border-radius:0;flex-direction:column;align-items:center;gap:1px;overflow:visible}.ft-amp .ft-audio button{cursor:pointer;letter-spacing:1.4px;text-transform:uppercase;color:var(--amp-ink-dim);background:0 0;border:0;padding:1px 4px;font-size:9px;font-weight:800;line-height:1.2;transition:color .12s,text-shadow .12s}.ft-amp .ft-audio button.on{color:var(--amp-ink);text-shadow:0 0 6px #f1e7cc73;background:0 0}.ft-amp .ft-audio button:hover{color:#fff}.ft-toggle{cursor:pointer;flex:none;width:30px;height:30px;display:block;position:relative}.ft-toggle:before{content:"";background:conic-gradient(from 30deg,#d8dadd,#7d8186,#eef0f2,#6c7075,#d8dadd);border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 0 2px #2c2926,0 0 0 3px #0b0a09,0 2px 4px #0009}.ft-toggle i{z-index:1;background:linear-gradient(90deg,#6d7176,#f5f6f8 42%,#b9bcc1 65%,#55595e);width:8px;height:16px;margin-left:-4px;transition:top .12s,border-radius .12s;position:absolute;left:50%;box-shadow:0 2px 3px #0009}.ft-audio.is-video .ft-toggle i{border-radius:5px 5px 2px 2px;top:-1px}.ft-audio.is-tab .ft-toggle i{border-radius:2px 2px 5px 5px;top:15px}.ft-amp .ft-time{white-space:nowrap;min-width:0;color:var(--amp-lcd);text-shadow:0 0 6px var(--amp-lcd-glow);background:#080706;border:1px solid #000;border-radius:4px;flex:none;justify-content:center;align-items:baseline;gap:5px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:inline-flex;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff12}.ft-amp .ft-time b{font-size:15px;font-weight:600}.ft-amp .ft-time small{opacity:.6;font-size:11px}.ft-amp .ft-seek{height:30px}.ft-amp .ft-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, #d9481f, var(--amp-led) var(--p,0%), #0a0908 var(--p,0%));border-radius:4px;height:8px;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff14}.ft-amp .ft-seek::-webkit-slider-thumb{background:linear-gradient(#eceef0,#a0a3a8 44%,#2e3034 47% 53%,#a0a3a8 56%,#d7d9dc);border:1px solid #0b0a09;border-radius:3px;width:12px;height:24px;margin-top:-8px;box-shadow:0 2px 4px #000000b3}.ft-amp .ft-seek::-moz-range-track{background:#0a0908;border-radius:4px;height:8px;box-shadow:inset 0 1px 3px #000000e6}.ft-amp .ft-seek::-moz-range-progress{background:var(--amp-led);border-radius:4px;height:8px}.ft-amp .ft-seek::-moz-range-thumb{background:linear-gradient(#eceef0,#a0a3a8 44%,#2e3034 47% 53%,#a0a3a8 56%,#d7d9dc);border:1px solid #0b0a09;border-radius:3px;width:10px;height:22px;box-shadow:0 2px 4px #000000b3}.ft-amp .ft-tool{min-width:58px;min-height:54px;color:var(--amp-ink);background:var(--amp-btn);border:1px solid var(--amp-edge);box-shadow:inset 0 1px 0 #ffffff1f, 0 2px 0 var(--amp-edge), 0 3px 6px #00000080;border-radius:6px;gap:3px;padding:13px 10px 5px;transition:background .12s,transform 80ms,box-shadow 80ms;position:relative}.ft-amp .ft-tool:hover{background:var(--amp-btn-hover);color:#fff}.ft-amp .ft-tool.on,.ft-amp .ft-tool:active{background:var(--amp-btn-press);color:var(--amp-ink);box-shadow:inset 0 2px 4px #000000b3, 0 0 0 var(--amp-edge);transform:translateY(2px)}.ft-amp .ft-tool>.ft-led{margin-left:-3px;position:absolute;top:5px;left:50%}.ft-amp .ft-toollabel{letter-spacing:1.3px;font-size:9px}.ft-trackpanel.ft-amp{border:1px solid #000;border-radius:10px;width:340px;box-shadow:inset 0 0 0 1px #c8a55a80,inset 0 2px #c8a55a59,0 18px 54px #00000073}.ft-amp .ft-trackpanel-head{color:var(--amp-gold-hi);letter-spacing:1.6px}.ft-amp .ft-trackpanel-x{color:var(--amp-ink-dim)}.ft-amp .ft-trackpanel-x:hover{color:#fff}.ft-amp.ft-trackpanel .ft-trackpanel-master{border-bottom:1px solid #000000b3;justify-content:space-between;margin-bottom:10px;padding:4px 6px 8px;box-shadow:0 1px #ffffff0d}.ft-trackpanel-master-label{letter-spacing:1.3px;text-transform:uppercase;color:var(--amp-ink);align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.ft-trackpanel.ft-amp li{background:#00000047;border:1px solid #000000b3;border-radius:6px;grid-template-columns:8px 22px 20px minmax(0,1fr) auto auto;gap:7px;padding:4px 6px 4px 8px;box-shadow:inset 0 1px #ffffff0a}.ft-trackpanel.ft-amp li.on{border-color:#c8a55a8c}.ft-amp .ft-tp-dot{background:radial-gradient(circle at 40% 35%,#2f5a37,#0d1f11 75%);width:7px;height:7px;box-shadow:0 0 0 1px #000000b3}.ft-trackpanel.ft-amp li.on .ft-tp-dot{background:radial-gradient(circle at 40% 35%, #eaffef 0 15%, var(--amp-green) 45%, #1f9c45);box-shadow:0 0 0 1px #0009, 0 0 6px 2px var(--amp-green-glow)}.ft-amp .ft-track-eye{color:var(--amp-ink-dim)}.ft-amp .ft-track-eye:hover{color:#fff}.ft-amp .ft-track-icon{color:var(--amp-gold)}.ft-amp .ft-tp-names b{color:var(--amp-ink)}.ft-amp .ft-tp-names small{color:var(--amp-ink-dim)}.ft-amp .ft-track-btns{gap:5px}.ft-amp .ft-track-btns button{background:var(--amp-btn);width:28px;height:30px;color:var(--amp-ink);border:1px solid var(--amp-edge);box-shadow:inset 0 1px 0 #ffffff1f, 0 2px 0 var(--amp-edge);border-radius:4px;padding:9px 0 0;font-size:10px;font-weight:800;position:relative}.ft-amp .ft-track-btns button:hover{background:var(--amp-btn-hover)}.ft-amp .ft-track-btns button.on{background:var(--amp-btn-press);border-color:var(--amp-edge);color:var(--amp-ink);transform:translateY(1px);box-shadow:inset 0 2px 3px #000000b3}.ft-amp .ft-track-btns .ft-led{width:5px;height:5px;margin-left:-2.5px;position:absolute;top:4px;left:50%}.ft-amp .ft-mute.on .ft-led{background:radial-gradient(circle at 40% 35%,#fff2dc 0 15%,#ff4a3a 45%,#b0170c);box-shadow:0 0 0 1px #0009,0 0 6px 2px #ff4a3ab3}.ft-amp .ft-solo.on .ft-led{background:radial-gradient(circle at 40% 35%,#f3ffe0 0 15%,#ffd23f 45%,#b88a00);box-shadow:0 0 0 1px #0009,0 0 6px 2px #ffd23fa6}.ft-amp .ft-track-vol{grid-column:auto;width:auto;height:auto}.ft-amp .ft-tracks-hint{color:var(--amp-ink-dim)}.ft-amp .ft-tp-open{justify-content:center;width:100%}.ft-syncbar.ft-amp{box-shadow:inset 0 2px 0 var(--amp-gold), inset 0 3px 0 #0009, 0 -6px 18px #0003;border-top:0}.ft-amp .ft-syncstep{border-right:1px solid #000000bf;box-shadow:1px 0 #ffffff0d}.ft-amp .ft-syncstep:last-child{box-shadow:none}.ft-amp .ft-syncnum{color:#24170a;background:radial-gradient(circle at 40% 30%,#f8ecc4,#b8954c 70%,#7a5f28);box-shadow:0 0 0 1px #000,0 2px 3px #0009}.ft-amp .ft-synclabel{color:var(--amp-ink-dim);letter-spacing:1.2px}.ft-amp .ft-synclabel b{color:var(--amp-lcd);text-shadow:0 0 6px var(--amp-lcd-glow);letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,monospace}.ft-amp .ft-badge{color:var(--amp-ink-dim);background:#0c0b0a;box-shadow:inset 0 1px 3px #000c}.ft-amp .ft-badge.on{color:var(--amp-green);text-shadow:0 0 6px var(--amp-green-glow);background:#0c0b0a}.ft-amp .ft-sync-urlrow{flex-wrap:wrap}.ft-amp .ft-sync-urlrow input{flex:160px;min-width:0}.ft-amp .ft-offset{gap:0}.ft-amp .ft-offset input{border-radius:4px;margin:0 4px}.ft-amp .ft-offset button,.ft-amp .ft-offset button:first-child,.ft-amp .ft-offset button:last-of-type{border-radius:4px;margin:0 2px}.ft-amp .ft-syncbar-x{color:var(--amp-ink-dim)}.ft-amp .ft-syncbar-x:hover{color:#fff;background:#ffffff0f}.ft-loop-panel.ft-amp{border:1px solid #000;box-shadow:inset 0 0 0 1px #c8a55a80,inset 0 2px #c8a55a59,0 -8px 30px #00000059}.ft-loop-panel.ft-amp b{color:var(--amp-gold-hi);letter-spacing:.6px}.ft-loop-panel.ft-amp p{color:var(--amp-ink-dim)}.ft-loop-panel.ft-amp .ft-loop-status{color:var(--amp-lcd);text-shadow:0 0 6px var(--amp-lcd-glow);font-family:ui-monospace,SF Mono,Menlo,monospace}.ft-loop-panel.ft-amp .ft-loop-error{color:#ff8a6a}.ft-loop-panel.ft-amp .ft-loop-edge label{color:var(--amp-ink);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:800}.ft-loop-panel.ft-amp header>button{color:var(--amp-ink-dim)}@media (width<=900px){.ft-playerbar.ft-amp{gap:8px}.ft-amp .ft-trackchip{min-width:120px}.ft-amp .ft-trackchip-icon{display:none}.ft-amp .ft-tool{min-width:50px;padding-inline:6px}}@media (width<=720px){:root{--transport-height:164px}.ft-nameplate.ft-amp{width:100%;padding:18px 26px 16px}.ft-songhead-center .ft-nameplate h1{letter-spacing:-.5px;font-size:28px}.ft-nameplate .ft-artist{letter-spacing:1.8px;font-size:11px}.ft-header.ft-amp .ft-nav{border-top:1px solid #000000b3;box-shadow:inset 0 1px #ffffff0d}.ft-playerbar.ft-amp{gap:6px 8px}.ft-play-wrap{grid-area:play;justify-self:center}.ft-amp .ft-play{width:46px;height:46px}.ft-jewel{position:absolute;top:-2px;left:-12px}.ft-amp .ft-audio{flex-direction:row;justify-content:center;min-height:44px}.ft-amp .ft-audio button{letter-spacing:.8px;flex:none;padding:6px 2px;font-size:9px}.ft-amp .ft-toggle{transform:rotate(-90deg)}.ft-amp .ft-time{justify-self:end;padding:4px 7px}.ft-amp .ft-time b{font-size:13px}.ft-knob.ft-speed,.ft-knob.ft-vol{--k:30px;flex-direction:row;justify-self:start;gap:4px}.ft-knob.ft-speed .ft-knob-caption,.ft-knob.ft-vol .ft-knob-caption{flex-direction:column;align-items:flex-start;gap:3px;margin:0}.ft-amp .ft-tool{min-width:0;min-height:48px;padding:12px 2px 4px}.ft-amp .ft-tool .ft-toolicon{display:none}.ft-amp .ft-tool .ft-toollabel{margin-top:6px}.ft-trackpanel.ft-amp{width:auto}.ft-trackpanel.ft-amp li{grid-template-columns:32px 20px minmax(0,1fr) auto auto}.ft-amp .ft-track-btns button{width:36px;height:40px}}@media (prefers-reduced-motion:reduce){.ft-led,.ft-jewel,.ft-knob-pointer,.ft-toggle i,.ft-amp .ft-tool,.ft-amp .ft-play,.ft-amp .ft-btn{transition:none}}.ft-auth-modal .ft-auth-confirmation{flex-direction:column;gap:12px;display:flex}.ft-auth-modal .ft-auth-confirmation p{overflow-wrap:anywhere;margin:0;line-height:1.6}.ft-auth-modal .ft-auth-notice{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:10px;padding:12px}.ft-auth-modal .ft-auth-description{color:var(--muted);margin:0 0 18px;line-height:1.6}.ft-auth-modal .ft-auth-link{color:var(--accent-strong);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px;text-decoration:underline}.ft-auth-modal .ft-auth-resend-link{margin:16px auto 0;font-size:13px;display:block}.ft-auth-callback{place-items:center;min-height:60vh;padding:40px 20px;display:grid}.ft-auth-callback .ft-auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(100%,560px);padding:32px;box-shadow:0 8px 28px #1d2e3f0c}.ft-auth-callback .ft-auth-eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.ft-auth-callback h1{margin:12px 0 20px;font-size:clamp(24px,5vw,32px)}.ft-auth-callback p{line-height:1.65}.ft-auth-callback .ft-auth-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.ft-auth-callback a.ft-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ft-auth-callback .ft-auth-reset-again{margin-top:16px}@media (width<=480px){.ft-auth-callback{padding:24px 12px}.ft-auth-callback .ft-auth-card{padding:24px 18px}.ft-auth-callback .ft-auth-actions>*{width:100%}}.ft-new-tab-modal{width:min(520px,100vw - 48px)}.ft-songsterr-guide{flex-direction:column;gap:20px;display:flex}.ft-songsterr-guide[hidden]{display:none}.ft-import-preview{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:14px 16px}.ft-import-preview h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:18px}.ft-import-preview p{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.ft-import-preview p:last-child{margin-bottom:0}.ft-import-file-step h3,.ft-import-readiness h3{margin:0;font-size:15px}.ft-import-revision-link{text-align:center;white-space:normal;justify-content:center;min-height:44px;text-decoration:none;display:flex}.ft-form .ft-import-dropzone{background:var(--panel2);border-style:dashed;gap:12px;padding:16px}.ft-form .ft-import-dropzone.is-dragging{background:var(--accent-soft);border-color:var(--accent)}.ft-form .ft-import-dropzone .ft-import-filename{color:var(--text);overflow-wrap:anywhere}.ft-import-file-error{flex-direction:column;gap:8px;display:flex}.ft-import-readiness{flex-direction:column;gap:14px;display:flex}.ft-import-readiness ul{border:1px solid var(--line);border-radius:10px;gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ft-import-readiness li{color:var(--muted);grid-template-columns:80px minmax(0,1fr);gap:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:grid}.ft-import-readiness li+li{border-top:1px solid var(--line)}.ft-import-readiness li strong{color:var(--text);font-weight:650}.ft-import-readiness li[data-ready=true] span{color:#167444}.ft-import-readiness .ft-muted{margin:0;font-size:12px;line-height:1.6}.ft-new-tab-modal .ft-modal-x:disabled{cursor:wait;opacity:.45}.ft-tabactions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.ft-tab-delete{color:#a52c20}.ft-tabmodal{width:min(460px,100vw - 48px)}.ft-tabmodal p{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.ft-tab-delete-title{font-weight:700}.ft-tabmodal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.ft-tabmodal-actions .ft-btn{min-height:44px}.ft-device-entry .ft-device-delete{min-width:36px;min-height:44px}.ft-device-library{border:1px solid var(--border,#ddd);background:#fff;border-radius:10px;margin:18px 0 24px;padding:16px}.ft-device-library h2{margin:0 0 6px;font-size:18px}.ft-device-library p{color:#626974;margin:0 0 12px;font-size:13px}.ft-device-list{flex-wrap:wrap;gap:10px;display:flex}.ft-device-entry{border:1px solid #e2e4e8;border-radius:7px;flex:1;align-items:center;gap:12px;min-width:200px;padding:11px 13px;display:flex}.ft-device-entry a{color:inherit;flex-direction:column;flex:1;gap:3px;text-decoration:none;display:flex}.ft-device-entry>a span,.ft-device-entry>a small,.ft-draft-status{color:#626974;font-size:12px}.ft-device-entry .ft-device-delete{color:#626974;cursor:pointer;background:0 0;border:0}.ft-draft-status{margin-top:8px}.ft-draft-status button{margin-left:8px}.ft-loop-panel{width:min(620px,100% - 24px);max-height:calc(100dvh - var(--transport-height) - env(safe-area-inset-bottom) - 144px);overscroll-behavior:contain;border-radius:14px;margin:0 auto 8px;padding:16px;overflow-y:auto}.ft-loop-panel header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.ft-loop-panel p{color:var(--muted);margin:4px 0 0;font-size:12px}.ft-loop-panel button,.ft-loop-panel input,.ft-loop-panel select{border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;background:var(--panel2);border-radius:8px}.ft-loop-panel button{cursor:pointer;padding:6px 12px;font-size:12px;font-weight:700}.ft-loop-panel button:disabled{cursor:default;opacity:.5}.ft-loop-panel :focus-visible,.ft-loop-tool:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ft-loop-panel header>button{min-width:44px;padding:0;font-size:24px}.ft-loop-edges{gap:16px;display:flex}.ft-loop-edge{flex:1;align-items:end;gap:8px;min-width:0;display:flex}.ft-loop-edge label{flex-direction:column;gap:4px;font-size:11px;font-weight:700;display:flex}.ft-loop-edge input{width:66px;padding:6px 8px}.ft-loop-edge select{width:52px;padding:6px}.ft-loop-edge>button{flex:1}.ft-loop-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ft-loop-panel .ft-loop-apply{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.ft-loop-panel .ft-loop-status{color:var(--text);margin-top:12px}.ft-loop-panel .ft-loop-error{color:#b22b20}.ft-loop-tool.on{color:var(--accent-strong)}.ft-loop-tool .ft-toolicon{position:relative}@media (width<=900px){.ft-player:has(.ft-loop-panel) .ft-yt{visibility:hidden;pointer-events:none}}@media (width<=720px){.ft-player .ft-playerbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 48px 48px;grid-template-areas:"track track play audio audio""seek seek seek time time""speed volume volume loop sync"}.ft-loop-tool{background:var(--panel2);grid-area:loop}.ft-loop-tool.on{background:var(--accent-soft)}.ft-loop-panel{padding:12px}.ft-loop-edges{flex-direction:column;gap:12px}.ft-loop-edge>button{flex:none;margin-left:auto}.ft-loop-panel .ft-loop-hint{margin-top:10px}}.ft-practice-panel{width:min(720px,100% - 24px);max-height:calc(100dvh - var(--transport-height) - env(safe-area-inset-bottom) - 144px);overscroll-behavior:contain;border:1px solid #000;border-radius:14px;margin:0 auto 8px;padding:16px;overflow-y:auto;box-shadow:inset 0 0 0 1px #c8a55a80,inset 0 2px #c8a55a59,0 -8px 30px #00000059}.ft-practice-panel header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.ft-practice-panel header b{color:var(--amp-gold-hi);letter-spacing:.6px}.ft-practice-panel p{color:var(--amp-ink-dim);margin:4px 0 0;font-size:12px}.ft-practice-panel button,.ft-practice-panel select{border:1px solid var(--amp-edge);min-height:40px;color:var(--amp-ink);font:inherit;background:var(--amp-btn);box-shadow:inset 0 1px 0 #ffffff1f, 0 2px 0 var(--amp-edge), 0 3px 6px #00000073;border-radius:6px;padding:6px 12px}.ft-practice-panel button{cursor:pointer;letter-spacing:.3px;font-size:12px;font-weight:750}.ft-practice-panel button:hover:not(:disabled){background:var(--amp-btn-hover);color:#fff}.ft-practice-panel button:active:not(:disabled),.ft-practice-panel button[aria-pressed=true]{background:var(--amp-btn-press);box-shadow:inset 0 2px 4px #000000b3, 0 0 0 var(--amp-edge);transform:translateY(2px)}.ft-practice-panel button:disabled{cursor:default;opacity:.45}.ft-practice-panel select{color:var(--amp-lcd);text-shadow:0 0 6px var(--amp-lcd-glow);background:#0c0b0a;border-color:#000;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700;box-shadow:inset 0 2px 5px #000000d9,0 1px #ffffff12}.ft-practice-panel option{color:var(--amp-ink);background:#1b1917}.ft-practice-panel :focus-visible{outline:2px solid var(--amp-led);outline-offset:3px}.ft-practice-panel header>button{min-width:44px;color:var(--amp-ink-dim);padding:0;font-size:24px}.ft-practice-block{border-top:1px solid #000000b3;padding:12px 0;box-shadow:0 -1px #ffffff0d}.ft-practice-block:first-of-type{box-shadow:none;border-top:0;padding-top:0}.ft-practice-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ft-practice-toggle{align-items:center;gap:6px;display:inline-flex}.ft-practice-toggle[aria-pressed=true]{color:#fff;background:linear-gradient(#b1361a,#7d250f);border-color:#4a140a}.ft-practice-volume{min-width:210px;color:var(--amp-ink);text-transform:uppercase;letter-spacing:1px;flex:1;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ft-practice-volume input{accent-color:var(--amp-led);flex:1;min-width:80px}.ft-practice-volume b{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;color:var(--amp-lcd)}.ft-practice-field{color:var(--amp-ink);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.ft-practice-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ft-practice-title b{color:var(--amp-gold-hi);letter-spacing:.6px}.ft-practice-speed{font-variant-numeric:tabular-nums;color:var(--amp-lcd);text-shadow:0 0 6px var(--amp-lcd-glow);font-size:18px;font-weight:800}.ft-practice-status{font-weight:600;color:var(--amp-ink)!important;margin-top:12px!important}.ft-practice-note{color:#ffb37a!important}.ft-practice-tool.on{color:var(--accent-strong)}@media (width<=900px){.ft-player:has(.ft-practice-panel) .ft-yt{visibility:hidden;pointer-events:none}}@media (width<=720px){.ft-player .ft-playerbar.ft-amp{grid-template-columns:minmax(0,1fr) 48px 80px 48px 48px;grid-template-areas:"track track play audio audio""seek seek seek time time""speed train volume loop sync"}.ft-practice-tool{background:var(--panel2);grid-area:train}.ft-practice-tool.on{background:var(--accent-soft)}.ft-practice-panel{padding:12px}.ft-practice-row{gap:6px}.ft-practice-toggle{flex:1;justify-content:center}.ft-practice-volume{flex-basis:100%}.ft-practice-field{flex:1;justify-content:space-between}.ft-practice-field select{flex:1}}@media (width<=370px){.ft-player .ft-playerbar.ft-amp{grid-template-columns:minmax(0,1fr) 44px 68px 44px 44px;gap:4px}.ft-knob.ft-speed,.ft-knob.ft-vol{--k:24px}.ft-knob.ft-speed .ft-knob-caption b,.ft-knob.ft-vol .ft-knob-caption b{display:none}}.ft-sharing{text-align:left;width:min(100%,680px);margin:12px auto 0}.ft-sharing-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.ft-publish-review{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-top:12px;padding:20px}.ft-publish-review h2{margin:0 0 12px;font-size:20px}.ft-publish-review p,.ft-sharing>p{font-size:13px;line-height:1.6}.ft-publish-confirmation{cursor:pointer;align-items:flex-start;gap:10px;padding:12px 0;font-size:14px;line-height:1.5;display:flex}.ft-publish-confirmation input{flex:none;width:20px;height:20px;margin-top:1px}.ft-publish-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ft-content-policy{max-width:760px;margin:32px auto;line-height:1.7}.ft-content-policy h1{font-size:30px}.ft-content-policy h2{margin-top:28px;font-size:20px}@media (width<=720px){.ft-publish-review{padding:16px}.ft-publish-actions>button{flex:1;min-height:44px}.ft-sharing-status{line-height:1.6}}