@font-face{font-family:BravuraText;src:url(/fonts/BravuraText.woff2) format("woff2")}@font-face{font-family:Petaluma;src:url(/fonts/Petaluma.woff2) format("woff2")}@font-face{font-family:PetalumaScript;src:url(/fonts/PetalumaScript.woff2) format("woff2")}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#e8e8ea;font-family:-apple-system,sans-serif}#app,.split{height:100%}.split{display:grid;grid-template-columns:230px 1fr}.songs{overflow-y:auto;background:#f6f6f7;border-right:1px solid #d8d8db;padding:6px}.song-link{display:block;width:100%;text-align:left;font:13px -apple-system,sans-serif;color:#222;background:none;border:0;border-radius:6px;padding:7px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-link:hover{background:#e9e9ec}.song-link.on{background:#d7d7dc;font-weight:600}.paper{overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start}.paper .sheet{box-shadow:0 2px 14px #00000040}main.print{padding:0}:root{--ink: #000;--ink-soft: rgb(77 77 77);--paper: #fff}body.dark{--ink: #f2f2f2;--ink-soft: rgb(168 168 168);--paper: #000}.sheet{position:relative;width:612px;height:792px;background:var(--paper);overflow:hidden;flex:none}.design{position:absolute;left:0;top:0;width:768px;height:993.9px;transform:scale(.796875);transform-origin:0 0}.design .txt{position:absolute;white-space:pre;line-height:1;color:var(--ink);-webkit-font-smoothing:antialiased}.design .rule{position:absolute;height:0;border-top:1.9px solid var(--ink)}.design .ink{position:absolute;background:var(--ink)}.design .tie{position:absolute;overflow:visible;fill:var(--ink)}.design .notehead{border-radius:50%;transform:rotate(-20deg)}.scroll-more{position:fixed;left:0;right:0;bottom:0;height:30px;background:linear-gradient(to top,#22c55e,#22c55e99 35%,#22c55e00);opacity:0;pointer-events:none;z-index:50;transition:opacity .25s}.scroll-more.on{animation:scroll-more-blink 1.1s ease-in-out infinite}@keyframes scroll-more-blink{0%,to{opacity:.2}50%{opacity:.95}}.bar-singers{flex:1 1 auto;min-width:0;text-align:center;padding:0 10px;font:700 clamp(15px,2.4vw,26px) -apple-system,sans-serif;color:var(--ink, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-singers.stale{color:#e2464a;font-weight:500;font-size:clamp(12px,1.6vw,16px)}body.dark .bar-singers{color:#f2f2f2}body.realbook .design .txt.chord,body.realbook .design .txt.acc,body.realbook .design .txt.label{-webkit-text-stroke:.4px currentColor}.design .mod-box{position:absolute;border:1px solid var(--ink);border-radius:3px}.design .sec-band{position:absolute;background:var(--fam-c)}:root{--c-repeat: hsl(0 85% 45%);--c-jump: hsl(215 85% 45%)}.design .txt.ink-repeat{color:var(--c-repeat)}.design .txt.ink-jump{color:var(--c-jump)}.sym-repeat-ink .design .txt.ink-repeat,.sym-jump-ink .design .txt.ink-jump{color:var(--ink)}.design .fam-verse{--fam-c: hsl(130 72% 88%)}.design .fam-chorus{--fam-c: hsl(5 72% 88%)}.design .fam-bridge{--fam-c: hsl(215 72% 88%)}.design .fam-solo{--fam-c: hsl(52 72% 88%)}.design .rule.inv-stack{border-top-width:1.6px}.design .rule.vertical.cell{border-left:1px solid #c9c9c9;border-top:0}.design .rule.vertical.barline{border-left:2.2px solid var(--ink)}.design .overrun{position:absolute;width:5px;background:#f5a623;border-radius:2px}.design .rule.gray,.design .rule.vertical{border-top-width:1.25px}.design .rule.gray{border-top-color:var(--ink-soft)}.design .rule.vertical{width:0;border-top:0;border-left:1.25px solid var(--ink-soft)}.design .rule.dashes{border-top-style:dashed}.design .stroke{position:absolute;height:0;border-top:1.6px solid var(--ink)}.design .ending-ring{position:absolute;border:1.1px solid var(--ink);border-radius:50%}:root{--ios-blue: #007aff;--kb-bg: #d6d9de;--kb-toolbar: #ececee;--key-gray: #aeb3bc;--key-shadow: #898a8d;--switch-dim: #a5c3ec;--switch-on: #0f62d6}.app-screen{height:100dvh;display:flex;flex-direction:column;background:#f2f2f6;font-family:-apple-system,Avenir Next,Avenir,sans-serif}.ios-bar{flex:none;height:50px;background:#fff;border-bottom:1px solid #b2b2b2;display:flex;align-items:center;padding:0 10px;position:relative;z-index:30}.ios-bar .bar-title{position:absolute;left:50%;transform:translate(-50%);font-size:17px;font-weight:600;color:#000;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-left,.bar-right{display:flex;align-items:center;gap:4px}.bar-right{margin-left:auto}.bar-btn{border:0;background:none;color:var(--ios-blue);font:inherit;font-size:17px;padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center}.bar-btn svg{width:24px;height:24px}.bar-btn.back:before{content:"‹";font-size:26px;line-height:1;margin-right:3px}.bar-btn.help{font-size:20px}.bar-btn.lock.on{color:#e8862d}.bar-btn.plus{margin-left:auto;font-size:30px;line-height:1}.chart-screen.chrome-hidden .edit-bar{display:none}.browser .chart-list{overflow-y:auto;background:#fff}.chart-row{display:flex;width:100%;align-items:center;border:0;background:#fff;border-bottom:.5px solid #c8c7cc;padding:17px 22px;font:23px -apple-system,sans-serif;cursor:pointer;text-align:left}.search-bar{flex:none;background:#fff;padding:10px 16px 12px;border-bottom:.5px solid #c8c7cc}.search-field{width:100%;border:0;border-radius:11px;background:#e9e9ec;font:21px -apple-system,sans-serif;padding:12px 16px;outline:none;-webkit-appearance:none}body.dark .search-bar{background:#141416;border-bottom-color:#37373a}.sort-bar{flex:none;display:flex;gap:8px;padding:10px 16px 12px;background:#fff;border-bottom:.5px solid #c8c7cc;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sort-bar::-webkit-scrollbar{display:none}.sort-chip{flex:0 0 auto;border:0;border-radius:999px;background:#e9e9ec;color:#000;font:17px -apple-system,sans-serif;padding:8px 17px;cursor:pointer;white-space:nowrap}.sort-chip.on{background:var(--ios-blue);color:#fff;font-weight:600}.chart-group{position:sticky;top:0;z-index:1;background:#e4e4ea;color:#3a3a3c;font:700 22px -apple-system,sans-serif;padding:8px 22px;border-top:.5px solid #c8c7cc;border-bottom:.5px solid #c8c7cc}.chart-empty{padding:28px 22px;font:21px -apple-system,sans-serif;color:#8a8a90}.chart-row:active{background:#d9d9d9}.chart-cell{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chart-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-artist{font-size:15px;color:#8a8a90;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-info{color:var(--ios-blue);font-size:26px;align-self:center}.chart-rank{flex:0 0 auto;width:2.2em;color:var(--ios-blue);font-variant-numeric:tabular-nums;font-weight:600}.row-remove{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;align-self:center;color:#ff3b30;font-size:34px;line-height:1;font-weight:300}.row-add{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;align-self:center;color:var(--ios-blue);font-size:30px;line-height:1}.row-add.dans-set{color:#34c759;font-size:24px}body.dark .row-add{color:#4c9dff}.row-confirm{display:none;flex:0 0 auto;align-items:center;justify-content:center;min-width:104px;height:44px;align-self:center;border-radius:9px;background:#ff3b30;color:#fff;font:600 17px -apple-system,sans-serif}.chart-row.confirming .row-confirm{display:flex}.chart-row.confirming .row-remove{display:none}.drag-handle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;color:#8a8a90;align-self:center;cursor:grab;touch-action:none}.drag-handle svg{width:26px;height:26px}.chart-list.editing .chart-row{cursor:default;background:#f7f7fa}.chart-row.dragging{position:relative;z-index:2;box-shadow:0 6px 18px #00000047;background:#fff}.pl-btn.on{background:var(--ios-blue);color:#fff}body.dark .chart-rank{color:#4c9dff}body.dark .chart-list.editing .chart-row{background:#232326}body.dark .chart-row.dragging{background:#2c2c30}.filter-bar{flex:none;display:flex;gap:8px;padding:2px 16px 12px;background:#fff;border-bottom:.5px solid #c8c7cc}.playlist-bar{flex:none;display:flex;align-items:flex-end;gap:8px;padding:8px 16px 10px;background:#fff}.pl-btn{flex:0 0 auto;min-height:44px;border:0;border-radius:9px;background:#e9e9ec;color:var(--ios-blue);font:600 16px -apple-system,sans-serif;padding:0 14px;cursor:pointer}.pl-btn.danger{color:#ff3b30}body.dark .playlist-bar{background:#141416}body.dark .pl-btn{background:#2a2a2e;color:#4c9dff}body.dark .pl-btn.danger{color:#ff6961}.filter-summary{flex:none;padding:8px 16px;font:13px -apple-system,sans-serif;color:#8a8a90;background:#fff;border-bottom:.5px solid #c8c7cc}.filter{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}.filter>span{font:12px -apple-system,sans-serif;color:#8a8a90;padding-left:3px}.filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;border-radius:9px;background:#e9e9ec url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%238a8a90' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 11px center;color:#000;font:16px -apple-system,sans-serif;padding:10px 28px 10px 12px;cursor:pointer;text-overflow:ellipsis}.filter select.active{color:var(--ios-blue);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--ios-blue)}.chart-scroll{flex:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:flex-start;align-items:flex-start}.chart-holder{flex:none}.sheet.editing{width:768px;height:auto;overflow:visible;background:var(--paper)}.sheet.editing .design{transform-origin:0 0}.hit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.hit{position:absolute;cursor:pointer}.hit:hover{background:#007aff0f;border-radius:4px}.caret{position:absolute;width:2px;height:27px;background:var(--ios-blue);animation:caret-blink 1.1s step-end infinite}.caret.beam{background:#f08a1d}.caret.triplet{background:#d549b5}@keyframes caret-blink{50%{opacity:0}}.kb-holder{flex:none;display:block;overflow:hidden;background:var(--kb-bg);box-shadow:0 -.5px #9a9a9e}.kb{position:relative;width:768px;height:318px;background:var(--kb-bg);user-select:none;-webkit-user-select:none}.kb:before{content:"";position:absolute;left:0;top:0;width:100%;height:57px;background:var(--kb-toolbar);border-bottom:1px solid #9a9da3}.kb:after{content:"";position:absolute;left:368px;top:8px;width:1px;height:42px;background:#4a4a4a;box-shadow:199px 0 #4a4a4a}.key{position:absolute;border:0;border-radius:5px;background:#fff;box-shadow:0 1px 0 var(--key-shadow);font-family:-apple-system,sans-serif;font-size:23px;color:#000;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden}.key .mdot{font-size:13px}.key .mdot.big,.key .mtri{font-size:15px}.key .mtri.big{font-size:17px}.key:active{filter:brightness(.85)}.key.gray{background:var(--key-gray);font-size:20px}.key.bar{background:none;box-shadow:none;border-radius:6px;font-size:21px}.key.bar:active{background:#0000001f}.key.bar.txt{font-size:15.5px;font-weight:400}.key.bar .chev{color:var(--ios-blue);font-size:30px;font-weight:600}.key.bar.brush{font-size:19px;opacity:.85}.key.big{font-size:24px}.key.gray.newsec{font-size:13.5px;line-height:1.15;flex-direction:column}.key.gray.newsec i{font-style:normal;position:absolute;right:7px;top:4px;font-size:12px}.key.space{font-size:16.5px}.key.switch{background:var(--switch-dim);color:#fff;font-size:22px}.key.switch .brv{color:#fff;font-size:28px!important}.key.switch.on{background:var(--switch-on)}.key.toggle{background:#2fa06d;color:#fff}.key.toggle .brv{color:#fff}.key.toggle.red{background:#d0393b}.key.mode-on{background:#cfe0f7;border-radius:6px}.key.mode-on.beam{background:#f6ddba}.key.mode-on.triplet{background:#f3cdeb}.brv{font-family:BravuraText;line-height:1}.key .hashcap{font-family:Helvetica Neue,Helvetica,sans-serif;font-size:20px;font-weight:300;transform:scaleY(1.3);display:inline-block}.key .hideicon{width:30px;height:26px;color:#222}.key .acc3{font-size:16px;letter-spacing:1px}.key .accbig{font-family:Hiragino Sans,sans-serif;font-size:24px}.key .majsup{font-size:17px;border-bottom:2px dashed #5c5c5c;padding-bottom:7px;transform:translateY(-6px)}.key .majbase{font-size:17px;border-bottom:2px dotted #5c5c5c;padding-bottom:1px}.key .frac{display:inline-flex;flex-direction:column;align-items:center;font-size:15px;font-style:italic;font-family:Georgia,serif}.key .frac em{width:16px;border-top:1.5px solid #000;margin:1.5px 0}.key .frac i{font-style:italic;line-height:1}.key .dotcap{font-size:34px;font-weight:700}.key .dia{font-size:30px;font-weight:300}.key .dia.small{font-size:20px}.key .dia.half{position:relative;font-size:20px}.key .dia.half i{position:absolute;right:-1px;top:-12px;width:1.5px;height:16px;background:#000}.key .dorito{font-size:26px}.key .dorito.small{font-size:17px}.key .tiecap{font-size:18px;margin-left:-3px;transform:translateY(2px);display:inline-block}.key .beamcap{border-top:2.5px solid #000;padding-top:3px;font-size:15.5px}.key .tripcap{font-size:15.5px;position:relative;padding-top:5px}.key .tripcap:before{content:"3";position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:11px;font-style:italic;background:var(--kb-toolbar);padding:0 3px}.key .tripcap:after{content:"";position:absolute;top:-1px;left:-4px;right:-4px;height:7px;border:1.5px solid #000;border-bottom:0}.key .hidecap{font-size:21px;position:relative}.key .hidecap i{font-style:normal;position:absolute;left:50%;transform:translate(-50%);bottom:-12px;font-size:13px}.key .tscap{display:inline-flex;align-items:center;font-family:Baskerville,Times New Roman,serif;font-size:30px;font-weight:500}.key .tsfrac{display:inline-flex;flex-direction:column;margin:0 1px}.key .tsfrac b{font-size:15px;font-weight:700;line-height:.95;text-align:center}.key .repsvg text{font-family:BravuraText;font-size:30px;fill:#000}.key .ds{font-family:Baskerville,Times New Roman,serif;font-weight:700;font-size:19px}.key .ds.sm{font-size:14px}.key .dssub{font-family:Baskerville,Times New Roman,serif;font-size:10.5px;margin-left:2px}.key .modarrow{font-size:24px}.key-menu{position:absolute;z-index:50;left:50%;top:70px;transform:translate(-50%);background:#fff;border-radius:10px;box-shadow:0 6px 24px #0000004d;padding:8px;display:flex;gap:6px;flex-wrap:wrap;max-width:520px}.key-menu button{border:0;border-radius:6px;background:#eef0f3;font:20px -apple-system,sans-serif;padding:10px 14px;cursor:pointer}.key-menu button:active{background:#cfd4da}.dlg-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:60}.ios-alert{width:270px;background:#f8f8faf7;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #0000004d;font:13px -apple-system,Helvetica Neue,sans-serif;text-align:center}.ios-alert .a-title{font-size:17px;font-weight:600;padding:16px 16px 2px}.ios-alert .a-sub{padding:0 16px 12px;color:#333}.ios-alert input{display:block;width:calc(100% - 32px);margin:0 16px 14px;border:1px solid #c9c9cd;border-radius:6px;background:#fff;font:14px -apple-system,sans-serif;padding:5px 7px}.ios-alert .a-btns{display:flex;border-top:.5px solid #c9c9cd}.ios-alert .a-btns button{flex:1;border:0;background:none;font:17px -apple-system,sans-serif;color:#007aff;padding:11px 0;cursor:pointer}.ios-alert .a-btns button+button{border-left:.5px solid #c9c9cd;font-weight:600}.ios-alert .a-btns button:active{background:#e3e5e8}.popover{position:fixed;background:#f8f8fafa;border-radius:14px;box-shadow:0 6px 30px #00000052;z-index:55;font:18px -apple-system,Helvetica Neue,sans-serif;color:#1c1c1e;color-scheme:light}.popover:after{content:"";position:absolute;left:var(--arrow-x, 50%);border:10px solid transparent;transform:translate(-50%)}.popover.arrow-down:after{top:100%;border-top-color:#f8f8fafa}.popover.arrow-up:after{bottom:100%;border-bottom-color:#f8f8fafa}.popover .pop-item{display:block;width:100%;text-align:left;border:0;background:none;font:19px -apple-system,sans-serif;padding:14px 20px;cursor:pointer;border-bottom:.5px solid #d8d8dc;white-space:nowrap}.popover .pop-item:last-child{border-bottom:0}.popover .pop-item:active{background:#e3e5e8}.popover .pop-item:disabled{color:#999;cursor:default}.popover .pop-item .chev{float:right;color:#b0b0b5;margin-left:18px}.popover .pop-title{text-align:center;font-weight:600;font-size:19px;padding:13px 20px 10px;border-bottom:.5px solid #d8d8dc}.measure-menu .pop-item{text-align:center}.measure-menu .prev{font:20px Avenir-Heavy,Avenir Next,sans-serif;font-weight:800;margin-right:12px}.measure-menu .prev.u{border-bottom:2px solid #000}.measure-menu .prev.b{border:2px solid #000;padding:0 3px}.ending-pad{display:grid;grid-template-columns:repeat(3,56px);gap:6px;padding:12px}.ending-pad button{height:46px;border:0;border-radius:8px;background:#eef0f3;font:20px -apple-system,sans-serif;cursor:pointer}.ending-pad button:active{background:#cfd4da}.select-key{width:336px;padding-bottom:12px}.select-key .sk-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:.5px solid #d8d8dc}.select-key .sk-bar .sk-title{font-weight:600;font-size:16px}.select-key .sk-bar button{border:0;background:none;color:#007aff;font:16px -apple-system,sans-serif;cursor:pointer;padding:4px 2px}.select-key .sk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:12px 12px 4px}.select-key .sk-grid button{height:40px;border:.5px solid #c9c9cd;border-radius:7px;background:#fff;font:15px -apple-system,sans-serif;cursor:pointer}.select-key .sk-grid button.sel{background:#007aff;border-color:#007aff;color:#fff}.select-key .sk-grid button.orig{font-weight:800;box-shadow:inset 0 0 0 2px #ff9500}.select-key .seg{margin:10px 12px 0}.select-key .sk-toggle{display:flex;align-items:center;gap:10px;padding:12px 12px 0;font-size:13px;text-align:left}.seg{display:flex;background:#e9e9eb;border-radius:8px;padding:2px}.seg button{flex:1;border:0;border-radius:6px;background:none;font:17px -apple-system,sans-serif;padding:7px 13px;cursor:pointer;white-space:nowrap}.seg button.sel{background:#fff;box-shadow:0 1px 3px #00000026}.sw{width:54px;height:33px;border-radius:14px;background:#d5d5da;border:0;position:relative;cursor:pointer;flex:none;transition:background .15s}.sw:after{content:"";position:absolute;top:2px;left:2px;width:29px;height:29px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .15s}.sw.on{background:#34c759}.sw.on:after{left:23px}.settings-pop{width:430px;max-height:82vh;overflow-y:auto}.settings-pop .set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;background:#fff;border-bottom:.5px solid #e3e3e6;font-size:18px}.settings-pop .set-row.group-end{border-bottom:6px solid #f0f0f2}.settings-pop .set-row .seg{flex:none}.settings-pop .set-row button.nav{border:0;background:none;font:18px -apple-system,sans-serif;cursor:pointer;color:#000;width:100%;text-align:left;padding:0}.hue-row .hue-pick{display:flex;gap:9px;flex:none}.hue-dot{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:var(--c)}.hue-dot.ink{background:linear-gradient(135deg,#000 50%,#f2f2f2 50%)}.hue-dot.sel{border-color:#007aff;box-shadow:0 0 0 3px #007aff38}.hue-row.sel{background:#e9f2ff}.hue-row.sel>span{font-weight:600}.hue-row.sel .hue-dot{border-color:#007aff}.hue-wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 18px 22px;background:#fff;border-bottom:.5px solid #e3e3e6}.hue-target{font:17px -apple-system,sans-serif;color:#3a3a3f}.hue-wheel{position:relative;width:264px;height:264px;touch-action:none;cursor:pointer}.hue-wheel canvas.disc{width:264px;height:264px;border-radius:50%;display:block;box-shadow:0 1px 5px #0000002e}.hue-wheel .knob{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 5px #00000073;pointer-events:none}.hue-wheel .knob.off{display:none}.hue-lum{display:flex;align-items:center;gap:12px;width:264px;font:15px -apple-system,sans-serif;color:#7a7a80}.hue-lum input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:12px;border-radius:6px;background:linear-gradient(to right,#000,gray,#fff);border:.5px solid #d0d0d5}.hue-lum input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #c8c8cd;box-shadow:0 1px 4px #0000004d}.hue-code{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:264px}.hue-code input.hex{flex-basis:100%}.hue-code button{flex:1 1 0}.hue-code input.hex{flex:1;min-width:0;font:17px ui-monospace,Menlo,monospace;text-align:center;padding:9px 6px;border:1.5px solid #d0d0d5;border-radius:10px;background:#fff;color:#000;-webkit-appearance:none}.hue-code input.hex:disabled{background:#f2f2f4;color:#9a9aa0}.hue-code button{font:15px -apple-system,sans-serif;padding:9px 11px;border-radius:10px;border:1.5px solid #d0d0d5;background:#fff;color:var(--ios-blue);cursor:pointer;white-space:nowrap}.hue-eye-veil{position:fixed;top:0;right:0;bottom:0;left:0;visibility:visible;z-index:9999;cursor:crosshair;background:#007aff0f;display:flex;align-items:flex-start;justify-content:center}.hue-eye-veil span{margin-top:62px;background:#000000d1;color:#fff;font:17px -apple-system,sans-serif;padding:10px 18px;border-radius:22px}.hue-ink{font:17px -apple-system,sans-serif;padding:9px 18px;border-radius:10px;border:1.5px solid #d0d0d5;background:#fff;color:#000;cursor:pointer}.hue-ink.sel{border-color:#007aff;color:#007aff;font-weight:600}.hue-ink[hidden]{display:none}.settings-pop .set-group{font:600 13px -apple-system,sans-serif;letter-spacing:.06em;color:#7a7a80;padding:16px 18px 7px;background:#f0f0f2}.settings-pop .set-note{font-size:14px;color:#7a7a80;padding:10px 14px 12px}.settings-pop .set-back{border:0;background:none;color:#007aff;font:18px -apple-system,sans-serif;cursor:pointer;padding:10px 14px 4px;text-align:left}.inline-edit{position:absolute;border:2px solid #007aff;border-radius:5px;background:#fffffff5;font:inherit;padding:1px 5px;min-width:60px;z-index:40;outline:none}.margin-plus{position:absolute;width:34px;height:34px;border:0;border-radius:8px;background:none;color:#9a9aa0;font:30px/30px -apple-system,sans-serif;cursor:pointer;z-index:30}.margin-plus:active{color:#666}body.dark{color-scheme:dark}body.dark .app-screen{background:#000}body.dark .ios-bar{background:#101010;border-bottom-color:#3a3a3c}body.dark .ios-bar .bar-title{color:#fff}body.dark .app-screen{background:#0a0a0a}body.dark .ios-bar{background:#141416;border-bottom-color:#37373a}body.dark .ios-bar .bar-title,body.dark .chart-row{color:#f2f2f2}body.dark .chart-list,body.dark .chart-row{background:#141416;border-bottom-color:#37373a}body.dark .chart-row:active{background:#2a2a2e}body.dark .chart-date{color:#9a9aa0}body.dark .search-field{background:#2a2a2e;color:#f2f2f2}body.dark .search-field::placeholder{color:#8a8a90}body.dark .sort-bar{background:#141416;border-bottom-color:#37373a}body.dark .sort-chip{background:#2a2a2e;color:#f2f2f2}body.dark .sort-chip.on{background:var(--ios-blue);color:#fff}body.dark .chart-group{background:#232326;color:#e6e6ea;border-top-color:#37373a;border-bottom-color:#37373a}body.dark .filter-bar{background:#141416;border-bottom-color:#37373a}body.dark .filter-summary{background:#141416;border-bottom-color:#37373a;color:#9a9aa0}body.dark .filter select{background-color:#1f1f22;color:#fff}body.dark .filter select.active{color:#4c9dff;box-shadow:inset 0 0 0 1.5px #4c9dff}.bar-btn.spotify{color:#1db954}.bar-btn.spotify svg{width:26px;height:26px}.spotify-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#1a1a1d;color:#fff;font:600 16px/1.2 -apple-system,system-ui,sans-serif;transform:translateY(110%);transition:transform .22s ease}.spotify-bar.show{transform:translateY(0)}.spotify-bar .sp-icon{display:inline-flex;color:#1db954}.spotify-bar .sp-icon svg{width:24px;height:24px}.spotify-bar .sp-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-bar .sp-close{border:0;background:#333;color:#fff;cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:15px;flex:none}.spotify-bar .sp-open{border:0;background:#1db954;color:#fff;cursor:pointer;flex:none;padding:8px 14px;border-radius:16px;font-size:15px;font-weight:600}.spotify-bar .sp-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.spotify-bar .sp-devices{display:none}.spotify-bar.choosing .sp-devices{display:flex;flex-wrap:wrap;gap:8px}.spotify-bar .sp-device{border:1.5px solid #1db954;background:transparent;color:#fff;min-height:44px;padding:8px 16px;border-radius:22px;font-size:16px;font-weight:600;cursor:pointer}.spotify-bar .sp-device:active{background:#1db954}.spotify-bar .sp-switch{border:0;background:#333;color:#fff;cursor:pointer;flex:none;width:34px;height:34px;border-radius:50%;font-size:17px}