@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Kalam:wght@400;700&family=Noto+Music&display=swap";.bk{--paper:#f6f2e9;--page:#fffdf8;--ink:#2b2620;--soft:#6f665a;--line:#e4dccd;--accent:#2f5d4a;--accent-2:#b5713a;--accent-bg:#e7efe9;--warm-bg:#f6eadc;--ok:#2f7a4e;--bad:#b2463b;--serif:"Newsreader", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);font-size:16px}.bk a{color:inherit}.bk main{padding:0 16px 64px}.bk-top{z-index:40;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px max(16px,50% - 560px);display:flex;position:sticky;top:0}.bk-brand{font-family:var(--serif);letter-spacing:-.5px;font-size:28px;font-weight:600}.bk-brand span,.bk-cover h1 span{color:var(--accent-2)}.bk-top nav{gap:4px;display:flex}.bk-top nav a{color:var(--soft);border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:flex}.bk-top nav a:hover{background:var(--line);color:var(--ink)}.bk-top nav a.on{background:var(--ink);color:var(--paper)}@media (max-width:560px){.bk-top{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper)}.bk-top nav{z-index:50;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.bk-top nav a{border-radius:10px;flex-direction:column;flex:1 1 0;gap:3px;min-width:0;padding:6px 2px;font-size:10.5px}.bk-top nav a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bk-top nav a.on{background:var(--accent-bg);color:var(--accent)}.bk main{padding-bottom:96px}.bk-foot{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}}.bk-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.bk h1{font-family:var(--serif);letter-spacing:-.02em;margin:8px 0 14px;font-size:clamp(34px,6vw,52px);font-weight:500;line-height:1.05}.bk-lede{font-family:var(--serif);color:var(--soft);max-width:62ch;font-size:20px;line-height:1.5}.bk-btn{border:1px solid var(--line);background:var(--page);border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex}.bk-btn:hover{border-color:var(--ink)}.bk-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.bk-btn.primary:hover{filter:brightness(1.1)}.bk-cta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.bk-bar-track{background:var(--line);border-radius:9px;flex:1;min-width:60px;height:6px;position:relative;overflow:hidden}.bk-bar-track i{background:var(--accent);border-radius:9px;transition:width .4s;position:absolute;inset:0 auto 0 0}.bk-badge{background:var(--warm-bg);color:var(--accent-2);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:600}.bk-badge.ok{background:var(--accent-bg);color:var(--ok)}.bk-crumbs{color:var(--soft);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:26px;font-size:13px;display:flex}.bk-crumbs a:hover{color:var(--ink);text-decoration:underline}.bk-home{max-width:1120px;margin:0 auto}.bk-cover{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:40px;padding:56px 0 40px;display:grid}.bk-cover h1{margin:6px 0 18px;font-size:clamp(64px,12vw,120px)}.bk-cover-art{width:200px;height:270px}.bk-cover-str{stroke:var(--soft);opacity:.55}.bk-cover-fret{stroke:var(--line);stroke-width:3px}@media (max-width:720px){.bk-cover{grid-template-columns:1fr;padding-top:32px}.bk-cover-art{display:none}}.bk-overall{max-width:460px;color:var(--soft);flex-direction:column;gap:8px;margin-top:24px;font-size:14px;display:flex}.bk-section{padding:40px 0}.bk-sechead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:18px;display:flex}.bk-sechead h2,.bk-h2{font-family:var(--serif);font-size:30px;font-weight:500}.bk-sechead span{color:var(--soft);font-size:14px}.bk-levels{gap:12px;display:grid}.bk-level{text-align:left;border:1px solid var(--line);background:var(--page);border-radius:16px;align-items:center;gap:22px;width:100%;padding:22px 24px;transition:transform .15s,border-color .15s;display:flex}.bk-level:hover{border-color:var(--accent);transform:translateY(-1px)}.bk-level-n{font-family:var(--serif);width:64px;color:var(--accent-2);text-align:center;flex-shrink:0;font-size:40px}.bk-level-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bk-level-body small{text-transform:uppercase;letter-spacing:.1em;color:var(--soft);font-size:12px;font-weight:600}.bk-level-body b{font-family:var(--serif);font-size:24px;font-weight:500}.bk-level-body em{color:var(--soft);font-size:15px;font-style:normal}.bk-level-meta{color:var(--soft);align-items:center;gap:10px;max-width:380px;margin-top:10px;font-size:13px;display:flex}@media (max-width:560px){.bk-level{gap:12px;padding:18px 16px}.bk-level-n{width:36px;font-size:30px}}.bk-page{max-width:760px;margin:0 auto;padding:32px 0 0}.bk-page.wide{max-width:980px}.bk-prose{margin-top:32px}.bk-prose>p,.bk-prose li{font-family:var(--serif);font-size:19px;line-height:1.65}.bk-prose>p{margin:0 0 18px}.bk-prose h3{font-family:var(--serif);margin:40px 0 12px;font-size:25px;font-weight:600}.bk-prose ul,.bk-prose ol{margin:0 0 22px;padding-left:24px}.bk-prose li{margin-bottom:8px}.bk-prose li::marker{color:var(--accent-2)}.bk-note{border-radius:12px;gap:12px;margin:24px 0;padding:16px 18px;display:flex}.bk-note b{text-transform:uppercase;letter-spacing:.08em;font-size:13px}.bk-note p{margin-top:4px;font-size:15.5px;line-height:1.55}.bk-note svg{flex:none;margin-top:2px}.bk-note>div{min-width:0}.bk-note.tip{background:var(--accent-bg);color:#1f4535}.bk-note.warn{background:var(--warm-bg);color:#7a4517}.bk-ex{border:1px dashed var(--accent);background:var(--page);border-radius:14px;margin:28px 0;padding:18px 22px}.bk-ex h4{color:var(--accent);align-items:center;gap:8px;margin-bottom:10px;font-size:15px;display:flex}.bk-ex ol,.bk-ex ul{margin:0;padding-left:20px}.bk-ex li{margin-bottom:6px;line-height:1.55;font-family:var(--sans)!important;font-size:15.5px!important}.bk-table{border:1px solid var(--line);background:var(--page);border-radius:12px;margin:22px 0;overflow-x:auto}.bk-table table{border-collapse:collapse;width:100%;font-size:15px}.bk-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);background:var(--paper);font-size:12px}.bk-table th,.bk-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.bk-table tr:last-child td{border-bottom:0}.bk-score{background:var(--page);border:1px solid var(--line);border-radius:14px;margin:28px 0;padding:16px 18px 10px}.bk-score.bk-compact{margin:10px 0 18px;padding:6px 10px;display:inline-block}.bk-score.bk-compact .bk-sys{width:180px}.bk-score figcaption{margin-bottom:10px;font-size:15px;font-weight:600}.bk-player{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bk-play{background:var(--accent);color:#fff;border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.bk-tempo{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:2px;padding:2px;font-size:13px;display:flex}.bk-tempo span{text-align:center;min-width:64px}.bk-tempo button{border-radius:99px;place-items:center;width:28px;height:28px;display:grid}.bk-tempo button:hover{background:var(--line)}.bk-loop{border:1px solid var(--line);color:var(--soft);border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.bk-loop.on{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.bk-meter{color:var(--soft);margin-left:auto;font-size:13px}.bk-sys{width:100%;height:auto;color:var(--ink);display:block;overflow:visible}.bk-ln{stroke:#b5ab9a;stroke-width:1px}.bk-bar{stroke:var(--ink);stroke-width:1.2px}.bk-clef,.bk-time,.bk-tabclef{fill:var(--ink);font-family:var(--serif)}.bk-sym{fill:var(--accent-2);font-size:14px;font-weight:700;font-family:var(--sans)}.bk-tabbg{fill:var(--page)}.bk-on .bk-tabbg{fill:var(--warm-bg)}.bk-chords{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.bk-chord{background:var(--page);border:1px solid var(--line);width:132px;color:var(--ink);text-align:center;border-radius:12px;margin:0;padding:8px 6px 10px}.bk-chord svg{width:100%}.bk-chord figcaption{flex-direction:column;gap:2px;display:flex}.bk-chord figcaption b{font-size:15px}.bk-chord figcaption span{color:var(--soft);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:12px}.bk-nut{fill:var(--ink)}.bk-dot{fill:var(--accent)}.bk-root{fill:var(--accent-2)}.bk-mute,.bk-fr{fill:var(--soft)}.bk-fb{background:var(--page);border:1px solid var(--line);border-radius:14px;margin:24px 0;padding:14px 16px}.bk-fb figcaption{margin-bottom:8px;font-size:15px;font-weight:600}.bk-fb svg{width:100%;display:block}.bk-wood{fill:#efe3cd}.bk-fret{stroke:#b9a582;stroke-width:2px}.bk-str{stroke:#8c7f6c}.bk-fbdot{cursor:pointer}.bk-fbdot:hover circle{filter:brightness(1.2)}.bk-reader{grid-template-columns:250px 1fr;gap:48px;max-width:1120px;margin:0 auto;display:grid}.bk-side{align-self:start;max-height:calc(100vh - 80px);padding-top:32px;position:sticky;top:76px;overflow:auto}.bk-side-head{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:14px;display:block}.bk-side-head small{text-transform:uppercase;letter-spacing:.1em;color:var(--soft);font-size:12px;font-weight:600;display:block}.bk-side-head b{font-family:var(--serif);font-size:21px;font-weight:500}.bk-side ol{margin:0;padding:0;list-style:none}.bk-side li a{color:var(--soft);border-radius:8px;gap:10px;padding:8px 10px;font-size:14.5px;line-height:1.35;display:flex}.bk-side li a span{background:var(--line);width:20px;height:20px;color:var(--ink);border-radius:99px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.bk-side li a.done span{background:var(--accent);color:#fff}.bk-side li a:hover{background:var(--line);color:var(--ink)}.bk-side li a.cur{background:var(--page);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent-2);font-weight:600}.bk-side-close,.bk-tocbtn{display:none}.bk-reader .bk-page{margin:0}@media (max-width:900px){.bk-reader{grid-template-columns:1fr;gap:0}.bk-side{z-index:60;background:var(--paper);width:min(320px,86vw);max-height:none;padding:24px 18px;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:0 0 40px #00000026}.bk-side.open{transform:none}.bk-side-close{border-radius:99px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.bk-tocbtn{border:1px solid var(--line);background:var(--page);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:14px;display:inline-flex}}.bk-done{border:1.5px dashed var(--accent);width:100%;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:44px;padding:16px;font-weight:600;display:flex}.bk-done.on{background:var(--accent);color:#fff;border-style:solid}.bk-pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.bk-pager a{border:1px solid var(--line);background:var(--page);border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:15px;font-weight:600;display:flex}.bk-pager a:hover{border-color:var(--ink)}.bk-pager a.nx{text-align:right;justify-content:flex-end}.bk-pager small{color:var(--soft);font-size:12px;font-weight:500;display:block}@media (max-width:560px){.bk-pager{grid-template-columns:1fr}}.bk-goals{background:var(--page);border:1px solid var(--line);border-radius:14px;margin:26px 0 8px;padding:20px 22px}.bk-goals h4{text-transform:uppercase;letter-spacing:.1em;color:var(--soft);margin-bottom:10px;font-size:13px}.bk-goals ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bk-goals li{align-items:flex-start;gap:10px;display:flex}.bk-goals li svg{color:var(--accent);margin-top:3px}.bk-h2{margin:40px 0 14px}.bk-toc{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bk-toc a{border:1px solid var(--line);background:var(--page);border-radius:12px;align-items:center;gap:16px;padding:16px 18px;display:flex}.bk-toc a:hover{border-color:var(--accent)}.bk-toc a>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.bk-toc b{font-family:var(--serif);font-size:20px;font-weight:500}.bk-toc small{color:var(--soft);font-size:14px;line-height:1.4}.bk-toc-n{background:var(--paper);border:1px solid var(--line);border-radius:99px;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.bk-toc a.done .bk-toc-n{background:var(--accent);color:#fff;border-color:var(--accent)}.bk-min{color:var(--soft);white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:flex}.bk-quizcard{background:var(--ink);border-radius:14px;align-items:center;gap:16px;margin-top:16px;padding:20px;display:flex;color:var(--paper)!important}.bk-quizcard svg:first-child{color:#e2b27d}.bk-quizcard>span:nth-child(2){flex-direction:column;flex:1;display:flex}.bk-quizcard b{font-family:var(--serif);font-size:21px;font-weight:500}.bk-quizcard small{opacity:.7}.bk-songgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.bk-songcard{border:1px solid var(--line);background:var(--page);border-radius:14px;flex-direction:column;gap:4px;min-height:150px;padding:18px;display:flex}.bk-songcard:hover{border-color:var(--accent)}.bk-songcard b{font-family:var(--serif);margin-top:6px;font-size:22px;font-weight:500;line-height:1.15}.bk-songcard small{color:var(--soft);font-size:13.5px;line-height:1.4}.bk-songlv{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);align-self:flex-start;font-size:11px;font-weight:700}.bk-songmeta{color:var(--soft);margin-top:auto;padding-top:10px;font-size:13px}.bk-filter{flex-wrap:wrap;gap:6px;margin:24px 0 18px;display:flex}.bk-filter button{border:1px solid var(--line);background:var(--page);border-radius:99px;padding:7px 14px;font-size:14px}.bk-filter button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bk-origin{font-style:italic;font-family:var(--serif);color:var(--accent-2);margin:-6px 0 12px;font-size:17px}.bk-empty{color:var(--soft)}.bk-qprog{color:var(--soft);align-items:center;gap:14px;margin:18px 0 20px;font-size:14px;display:flex}.bk-qcard{background:var(--page);border:1px solid var(--line);border-radius:16px;padding:26px}.bk-qcard h2{font-family:var(--serif);margin-bottom:18px;font-size:26px;font-weight:500;line-height:1.25}.bk-opts{gap:8px;margin-bottom:18px;display:grid}.bk-opts button{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;display:flex}.bk-opts button:disabled{cursor:default;opacity:1}.bk-opts button span{background:var(--page);border:1px solid var(--line);border-radius:99px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.bk-opts button:not(:disabled):hover{border-color:var(--ink)}.bk-opts .right{border-color:var(--ok);background:#e6f2ea}.bk-opts .right span{background:var(--ok);color:#fff;border-color:var(--ok)}.bk-opts .wrong{border-color:var(--bad);background:#f8e7e4}.bk-opts .wrong span{background:var(--bad);color:#fff;border-color:var(--bad)}.bk-opts .dim{opacity:.5!important}.bk-explain{border-radius:10px;margin-bottom:18px;padding:14px 16px;line-height:1.5}.bk-explain.right{color:#1e5236;background:#e6f2ea}.bk-explain.wrong{color:#7e2c23;background:#f8e7e4}.bk-result{text-align:center;padding:40px 0}.bk-result h2{font-family:var(--serif);margin:20px 0 10px;font-size:34px;font-weight:500}.bk-result p{color:var(--soft);max-width:50ch;margin:0 auto 8px;line-height:1.55}.bk-result .bk-cta{justify-content:center}.bk-best{font-size:14px}.bk-score-ring{border:8px solid var(--accent-2);border-radius:99px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;display:flex}.bk-score-ring.ok{border-color:var(--ok)}.bk-score-ring b{font-family:var(--serif);font-size:44px;font-weight:500;line-height:1}.bk-score-ring small{color:var(--soft)}.bk-tool{background:var(--page);border:1px solid var(--line);border-radius:16px;margin-top:28px;padding:24px}.bk-tool h2{font-family:var(--serif);align-items:center;gap:10px;margin-bottom:14px;font-size:24px;font-weight:500;display:flex}.bk-tool>p{color:var(--soft);margin-bottom:16px}.bk-metro{flex-direction:column;align-items:center;gap:14px;display:flex}.bk-metro input{width:100%;max-width:420px;accent-color:var(--accent)}.bk-metro .bk-filter{margin:0}.bk-beats{gap:12px;display:flex}.bk-beats i{background:var(--line);border-radius:99px;width:22px;height:22px;transition:background 50ms}.bk-beats i.on{background:var(--accent)}.bk-beats i.first.on{background:var(--accent-2)}.bk-bpm{align-items:center;gap:14px;display:flex}.bk-bpm b{font-family:var(--serif);font-variant-numeric:tabular-nums;text-align:center;min-width:2.2ch;font-size:60px;font-weight:500;line-height:1}.bk-bpm span{color:var(--soft);font-size:14px}.bk-bpm button{border:1px solid var(--line);border-radius:99px;width:40px;height:40px;font-size:22px}.bk-tune{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.bk-tune button{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:14px 4px;display:flex}.bk-tune button:hover{border-color:var(--accent);background:var(--accent-bg)}.bk-tune b{font-family:var(--serif);font-size:22px;font-weight:500}.bk-tune small,.bk-tune span{color:var(--soft);font-size:12px}@media (max-width:480px){.bk-tune{grid-template-columns:repeat(3,1fr)}}.bk-foot{text-align:center;color:var(--soft);border-top:1px solid var(--line);padding:28px 16px 40px;font-size:13px}@media print{.bk-top,.bk-side,.bk-player,.bk-done,.bk-pager,.bk-tocbtn,.bk-foot{display:none!important}.bk,.bk-score,.bk-chord,.bk-fb{background:#fff}.bk-reader{display:block}}.bk-staffd svg{color:var(--ink)}.bk-head{fill:var(--accent)}.bk-lbl{fill:var(--accent-2);font-family:var(--sans)}.bk-ln-hi{stroke:var(--accent-2);stroke-width:2px}.bk-band{fill:var(--warm-bg)}.bk-acc{background:var(--page);border:1px solid var(--line);border-radius:14px;margin:28px 0;padding:18px}.bk-pattabs{gap:6px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.bk-pattabs button{border:1px solid var(--line);background:var(--paper);white-space:nowrap;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.bk-pattabs button small{color:var(--soft);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.bk-pattabs button.on{border-color:var(--accent);background:var(--accent-bg)}.bk-patdesc{color:var(--soft);margin-bottom:12px;font-size:15px;line-height:1.5}.bk-grid{gap:4px;max-width:520px;margin-bottom:14px;display:grid}.bk-cell{background:var(--paper);border-radius:8px;flex-direction:column;align-items:center;padding:8px 0 6px;display:flex}.bk-cell b{color:var(--line);font-size:20px;line-height:1}.bk-cell small{color:var(--soft);margin-top:4px;font-size:11px}.bk-cell.hit b{color:var(--accent)}.bk-cell.hit.U b{color:var(--accent-2)}.bk-cell.hit.p b,.bk-cell.hit.i b,.bk-cell.hit.m b,.bk-cell.hit.a b{font-family:var(--serif);font-style:italic}.bk-bars{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;margin-top:10px;display:grid}.bk-bars span{text-align:center;border:1px solid var(--line);border-radius:8px;padding:10px 4px;font-size:15px;font-weight:700}.bk-bars span.on{background:var(--accent);color:#fff;border-color:var(--accent)}.bk-lyrics{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.bk-lyrics p{font-family:var(--serif);flex-wrap:wrap;margin:0 0 12px;font-size:18px;display:flex}.bk-seg{white-space:pre;flex-direction:column;display:inline-flex}.bk-seg b{font-family:var(--sans);color:var(--accent-2);border-radius:4px;min-height:18px;padding-right:6px;font-size:13px}.bk-seg b.on{background:var(--accent-2);color:#fff;padding:0 4px}.bk-unit{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);margin:22px 0 8px;font-size:12px;font-weight:700}.bk-side .bk-unit{margin:14px 10px 4px;font-size:11px}.bk-toc a.draft,.bk-side li a.draft{opacity:.55}.bk-draftnote{border:1px dashed var(--line);color:var(--soft);background:var(--page);border-radius:14px;margin-top:28px;padding:22px;line-height:1.55}.bk-songlink{background:var(--warm-bg);border-radius:14px;align-items:center;gap:14px;margin:24px 0;padding:16px 18px;display:flex}.bk-songlink b{font-family:var(--serif);font-size:20px;font-weight:500;display:block}.bk-songlink small{color:var(--soft)}.bk-songlink svg{color:var(--accent-2);flex-shrink:0}.bk-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.bk-yearnote{color:var(--soft);margin:-4px 0 4px;font-size:14px}.bk-unitline{color:var(--soft);margin-top:-6px;font-size:13px}.bk-acctitle{margin:28px 0 -16px;font-size:15px}.bk-side li.bk-unit{list-style:none}.bk-mixer{color:var(--soft);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 14px;font-size:13px;display:flex}.bk-views{border-bottom:1px solid var(--line);gap:2px;margin:6px 0 16px;display:flex;overflow-x:auto}.bk-views button{color:var(--soft);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:600}.bk-views button.on{color:var(--ink);border-color:var(--accent-2)}.bk-chart{border-left:2px solid var(--ink);grid-template-columns:repeat(4,1fr);margin:6px 0 10px;display:grid}.bk-cbar{border-right:2px solid var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:54px;padding:6px 8px;font-family:Kalam,cursive;display:flex}.bk-cbar span{flex-direction:column;display:flex}.bk-cbar b{font-size:21px;line-height:1.1}.bk-cbar i{color:var(--soft);letter-spacing:.3em;font-size:15px;font-style:normal}.bk-cbar.on{background:var(--warm-bg)}@media (max-width:480px){.bk-chart{grid-template-columns:repeat(2,1fr)}}.bk-realbook{padding:6px 2px}.bk-realbook h3{text-align:center;margin:4px 0 8px;font-family:Kalam,cursive;font-size:30px;font-weight:700}.bk-lead .bk-sym{fill:var(--ink);font-family:Kalam,cursive;font-size:19px;font-weight:700}.bk-lead .bk-clef,.bk-lead .bk-time{font-family:Kalam,cursive}.bk-cbar .bk-rpt{color:var(--soft);flex:1;justify-content:center;align-items:center;font-size:26px}.bk-pop{margin-top:20px}.bk-media{background:var(--page);border:1px solid var(--line);border-radius:14px;margin-bottom:22px;padding:16px}.bk-yt{aspect-ratio:16/9;background:#000;border-radius:10px;position:relative;overflow:hidden}.bk-yt iframe,.bk-yt>div{width:100%;height:100%;position:absolute;inset:0}.bk-audio{width:100%}.bk-nomedia p{margin-bottom:12px;line-height:1.5}.bk-nomedia .bk-cta{margin-top:12px}.bk-linkform{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.bk-linkform input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0;font-size:15px}.bk-linkform .bk-btn{padding:8px 14px}.bk-sync{color:var(--soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:14px;display:flex}.bk-sync .bk-btn{padding:8px 14px;font-size:14px}.bk-nudge{gap:4px;display:flex}.bk-nudge button,.bk-unlink{border:1px solid var(--line);border-radius:99px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;display:inline-flex}.bk-unlink{color:var(--soft);margin-left:auto}.bk-rbmeta{text-align:center;color:var(--soft);margin:-6px 0 14px;font-family:Kalam,cursive}.bk-sec{margin-bottom:14px}.bk-sec h4{align-items:center;gap:8px;margin-bottom:4px;font-family:Kalam,cursive;font-size:19px;display:flex}.bk-sec h4 span{border:2px solid var(--ink);place-items:center;width:26px;height:26px;font-size:15px;display:grid}.bk-sec h4 em{color:var(--accent-2);font-style:normal}.bk-sec.live h4{color:var(--accent-2)}.bk-form{color:var(--soft);text-align:right;font-family:Kalam,cursive}.bk-h3{font-family:var(--serif);margin:30px 0 -10px;font-size:24px;font-weight:500}.bk-yt[hidden]{display:none}.bk .bk-clef{font-family:Noto Music,serif}.bk-hw{background:var(--warm-bg);border-radius:16px;margin-top:40px;padding:22px 22px 16px}.bk-hw header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.bk-hw h3{font-family:var(--serif);align-items:center;gap:8px;font-size:23px;font-weight:600;display:flex}.bk-hw h3 svg{color:var(--accent-2)}.bk-hw header span{color:var(--soft);font-size:13px}.bk-hw ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bk-hw li{background:var(--page);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.bk-hw li label{cursor:pointer;flex:1;gap:12px;font-size:15.5px;line-height:1.5;display:flex}.bk-hw li input{opacity:0;pointer-events:none;position:absolute}.bk-hwbox{border:2px solid var(--accent);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.bk-hw li input:focus-visible+.bk-hwbox{outline-offset:2px;outline:3px solid #86a88a}.bk-hw li.ok .bk-hwbox{background:var(--accent)}.bk-hw li.ok .bk-hwtxt{color:var(--soft);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.bk-hwtxt a{color:var(--accent);white-space:nowrap;font-weight:600}.bk-hw li em{color:var(--soft);white-space:nowrap;padding-top:2px;font-size:13px;font-style:normal}.bk-hwfoot{color:var(--soft);margin-top:10px;font-size:13px}.bk-hwmini{background:var(--warm-bg);color:var(--accent-2);border-radius:99px;align-items:center;gap:3px;margin-right:8px;padding:2px 7px;font-size:12px;display:inline-flex}.bk-hwmini.ok{background:var(--accent-bg);color:var(--ok)}.bk-rhythm{background:var(--page);border:1px solid var(--line);border-radius:14px;margin:28px 0;padding:16px 18px}.bk-rhythm figcaption{margin-bottom:4px;font-size:15px;font-weight:600}.bk-rlines{color:var(--ink)}.bk-rline{width:100%;height:auto;margin-top:6px;display:block}.bk-syl{font-family:var(--sans);fill:var(--accent-2);font-size:14px;font-weight:600}.bk-syl.on,.bk-on .bk-syl{fill:var(--accent)}.bk-on{color:var(--accent-2)}.bk-m-ok{color:var(--ok)}.bk-m-ok .bk-syl{fill:var(--ok)}.bk-m-early,.bk-m-late,.bk-m-miss{color:var(--bad)}.bk-m-early .bk-syl,.bk-m-late .bk-syl,.bk-m-miss .bk-syl{fill:var(--bad)}.bk-mtxt{fill:var(--bad);font-size:11px;font-family:var(--sans)}.bk-test{flex-direction:column;align-items:center;gap:10px;margin-top:10px;display:flex}.bk-test .bk-patdesc{text-align:center;margin:0}.bk-tap{background:var(--paper);border:2px dashed var(--line);width:min(260px,100%);color:var(--soft);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:22px;font-weight:700;display:flex}.bk-tap.live{background:var(--accent);color:#fff;border:2px solid var(--accent);cursor:pointer}.bk-tap.live:active{filter:brightness(1.15);transform:scale(.97)}.bk-test .bk-explain{width:100%;margin:4px 0 0}.bk-play:disabled{opacity:.5}.bk-views{scrollbar-width:none}.bk-warm{background:var(--page);border:1px solid var(--line);border-left:4px solid var(--accent-2);border-radius:14px;margin:28px 0;padding:18px}.bk-warm h4{align-items:center;gap:8px;margin-bottom:8px;font-size:16px;display:flex}.bk-warm h4 svg{color:var(--accent-2)}.bk-whow{color:var(--soft);margin:0 0 12px;padding-left:20px;font-size:14.5px;line-height:1.5}.bk-prose .bk-whow li{font-family:var(--sans);margin-bottom:2px;font-size:14.5px}.bk-wsave{color:var(--soft);flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 4px;font-size:13px;display:flex}.bk-wsave .bk-btn{padding:9px 14px;font-size:14px}.bk-wnote{color:var(--soft);margin-top:10px;font-size:14px}.bk-wchart{margin:14px 0 0}.bk-wchart figcaption{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.bk-wchart figcaption span{color:var(--soft);font-size:13px;font-weight:500}.bk-wchart svg{width:100%;max-width:560px;height:auto;display:block}.bk-wgrid{stroke:var(--line);stroke-width:1px}.bk-wtarget{stroke:var(--soft);stroke-width:1.5px;stroke-dasharray:5 4}.bk-wtick{fill:var(--soft);font-size:11px;font-family:var(--sans)}.bk-wline{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.bk-wdot{fill:var(--accent);stroke:var(--page);stroke-width:2px}.bk-wval{fill:var(--ink);font-size:13px;font-weight:700;font-family:var(--sans)}.bk-wtip{fill:var(--ink)}.bk-wtiptxt{fill:var(--paper);font-size:12px;font-family:var(--sans);font-weight:600}.bk-wlist{color:var(--soft);margin-top:4px;font-size:12.5px}.bk-seg-ctl{border:1px solid var(--line);border-radius:99px;padding:2px;display:inline-flex}.bk-seg-ctl button{color:var(--soft);border-radius:99px;padding:5px 11px;font-size:13px}.bk-seg-ctl button.on{background:var(--accent-bg);color:var(--accent);font-weight:600}.bk-cpick{z-index:5;background:var(--paper);margin-top:18px;padding:12px 0 2px;position:sticky;top:62px}.bk-roots{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.bk-roots button{border:1px solid var(--line);background:var(--page);border-radius:10px;flex-direction:column;align-items:center;padding:8px 0;display:flex}.bk-roots b{font-size:17px}.bk-roots small{color:var(--soft);font-size:11px}.bk-roots button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bk-roots button.on small{color:var(--line)}@media (max-width:640px){.bk-roots{grid-template-columns:repeat(6,1fr)}.bk-cpick{position:static}}.bk-cpick .bk-filter{margin:10px 0 8px}.bk-chead{margin:18px 0 4px}.bk-chead h2{font-family:var(--serif);font-size:40px;font-weight:500;line-height:1}.bk-chead h2 span{color:var(--soft);font-size:20px}.bk-chead p{color:var(--soft);margin-top:8px}.bk-chead b{color:var(--ink);font-weight:600}.bk-cv{flex-direction:column;align-items:center;gap:6px;display:flex}.bk-cv small{color:var(--soft);text-align:center;max-width:140px;font-size:12px}.bk-cdict .bk-chord{width:140px}.bk-views small{color:var(--soft);margin-left:4px;font-weight:500}.bk-exbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.bk-exbar .bk-filter{margin:4px 0}.bk-search{border:1px solid var(--line);background:var(--page);color:var(--soft);border-radius:99px;align-items:center;gap:8px;padding:7px 12px;display:flex}.bk-search input{width:180px;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.bk-exlist{grid-template-columns:minmax(0,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.bk-exlist>li{border:1px solid var(--line);background:var(--page);border-radius:12px}.bk-exlist>li.open{border-color:var(--accent)}.bk-exhead{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.bk-exhead span{flex-direction:column;flex:1;gap:2px;display:flex}.bk-exhead b{font-size:16px}.bk-exhead small{color:var(--soft);font-size:13px}.bk-exhead svg{color:var(--soft);transition:transform .2s}.open .bk-exhead svg{transform:rotate(180deg)}.bk-exbody{padding:0 16px 16px}.bk-exbody>section,.bk-exbody>figure,.bk-exbody>.bk-acc{margin-top:0}.bk-exlink{color:var(--accent);margin-top:10px;font-size:14px;font-weight:600;display:inline-block}.bk-grid.fine{gap:2px;max-width:760px}.bk-grid.fine .bk-cell b{font-size:16px}.bk-cell.hit.X b{color:var(--soft)}.bk-cell.hit.C b{color:var(--accent-2);font-size:24px}.bk-tuplet{fill:var(--soft);font-size:12px;font-style:italic;font-weight:700;font-family:var(--serif)}.bk-slur{fill:none;stroke:currentColor;stroke-width:1.2px}.bk-techln{fill:none;stroke:currentColor;stroke-width:1.4px}.bk-tech{fill:currentColor;font-size:10px;font-weight:700;font-family:var(--sans)}.bk-pending{color:var(--accent-2);font-style:normal}.bk-user{align-items:center;gap:8px;margin-left:12px;font-size:13px;display:flex}.bk-user span{text-align:right;flex-direction:column;font-weight:600;line-height:1.15;display:flex}.bk-user small{color:var(--accent-2);font-size:11px;font-weight:500}.bk-user a,.bk-user button{cursor:pointer;width:32px;height:32px;color:inherit;border:1px solid var(--line,#e3dccd);background:0 0;border-radius:50%;place-items:center;display:grid}.bk-user a:hover,.bk-user button:hover{background:var(--accent-bg)}@media (max-width:720px){.bk-user span{display:none}.bk-user{margin-left:4px}}.bk main.bk-gate{flex-direction:column;align-items:flex-start;gap:14px;max-width:520px;margin:0 auto;padding:16vh 16px 40px;display:flex}.bk-gate .bk-brand{margin-bottom:12px;font-size:28px}.bk-gate h1{margin:0}.bk-gate-small{opacity:.7;font-size:13px}.bk-loading{color:var(--accent);justify-content:center;align-items:center;gap:10px;padding:60px 16px;display:flex}.spin{animation:1s linear infinite bk-spin}@keyframes bk-spin{to{transform:rotate(360deg)}}.bk-mynotes{background:var(--warm-bg);border-radius:14px;margin:28px 0 8px;padding:16px 18px}.bk-mynotes h4{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.bk-notestate{opacity:.75;align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.bk-notestate.error{color:#b3261e;opacity:1}.bk-mynotes textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:90px;font:inherit;background:#fffdf8;border:1px solid #e3d6c3;border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.5}.bk-attach{margin:28px 0 8px}.bk-attach h3{align-items:center;gap:8px;margin:0 0 10px;font-size:18px;display:flex}.bk-attach ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bk-attach li{background:#fffdf8;border:1px solid #e6dfd1;border-radius:14px;padding:12px 14px}.bk-attach-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bk-attach-row b{flex:1;min-width:160px}.bk-attach-act{align-items:center;gap:6px;display:flex}.bk-ytframe{aspect-ratio:16/9;background:#000;border-radius:10px;margin-top:10px;position:relative;overflow:hidden}.bk-ytframe iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.bk-video,.bk-attach-img{border-radius:10px;width:100%;margin-top:10px}.bk-iconbtn{width:34px;height:34px;color:inherit;cursor:pointer;background:#fffdf8;border:1px solid #e3dccd;border-radius:9px;place-items:center;display:inline-grid}.bk-iconbtn:hover{background:var(--accent-bg)}.bk-admin-edit{border:1px dashed var(--accent-2);border-radius:14px;margin:24px 0 8px;padding:14px 16px}.bk-admin-edit h4{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);margin:0 0 10px;font-size:13px}.bk-admin-edit .bk-filter button,.bk-views button{align-items:center;gap:6px;display:inline-flex}.bk-admin-form{gap:10px;margin-top:12px;display:grid}.bk-admin-form>input,.bk-admin-form select,.bk-invite input{font:inherit;background:#fffdf8;border:1px solid #ddd3c2;border-radius:10px;min-width:0;padding:9px 12px;font-size:14px}.bk-admin-hint{opacity:.7;margin:4px 0 0;font-size:13px}.bk-error{color:#b3261e;margin:4px 0 0;font-size:14px}.bk-invite{background:var(--accent-bg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;padding:16px;display:flex}.bk-invite h3{align-items:center;gap:8px;width:100%;margin:0 0 4px;font-size:17px;display:flex}.bk-invite input{flex:180px}.bk-invite .bk-error{width:100%}.bk-tablewrap{margin:16px 0;overflow-x:auto}.bk-students{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.bk-students th{text-align:left;text-transform:uppercase;letter-spacing:.06em;opacity:.65;border-bottom:1px solid #e3dccd;padding:8px 10px;font-size:12px}.bk-students td{vertical-align:top;border-bottom:1px solid #efe8da;padding:10px}.bk-students td small{opacity:.7;font-size:12px;display:block}.bk-meter-bar{background:#ebe3d4;border-radius:3px;width:120px;height:6px;margin:6px 0 4px;display:block;overflow:hidden}.bk-meter-bar i{background:var(--accent);height:100%;display:block}.bk-drop{text-align:center;cursor:pointer;background:#fffdf8;border:2px dashed #d8ccb8;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin:18px 0;padding:28px 16px;display:flex}.bk-drop:hover{border-color:var(--accent)}.bk-drop small{opacity:.65}.bk-files{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.bk-files li{background:#fffdf8;border:1px solid #e6dfd1;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bk-files li>span{flex-direction:column;flex:1;min-width:0;display:flex}.bk-files li b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bk-files small{opacity:.75;flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.bk-pdf{background:#e9e4da;border:1px solid #ddd3c2;border-radius:14px;outline:none;margin:12px 0;overflow:hidden}.bk-pdf:focus-visible{box-shadow:0 0 0 3px var(--accent-bg)}.bk-pdf.full{border-radius:0;flex-direction:column;height:100vh;display:flex}.bk-pdfbar{z-index:2;background:#fffdf8;border-bottom:1px solid #ddd3c2;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 10px;display:flex;position:sticky;top:0}.bk-pdftitle{text-overflow:ellipsis;white-space:nowrap;flex:160px;font-size:14px;overflow:hidden}.bk-pdfnav{align-items:center;gap:4px;display:flex}.bk-pdfnav button,.bk-pdfnav a{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.bk-pdfnav button:hover,.bk-pdfnav a:hover,.bk-pdfnav button.on{background:var(--accent-bg);color:var(--accent)}.bk-pdfnav button:disabled{opacity:.3;cursor:default}.bk-pdfnav form{align-items:center;gap:4px;font-size:13px;display:flex}.bk-pdfnav input{text-align:center;width:38px;font:inherit;border:1px solid #ddd3c2;border-radius:6px;padding:4px}.bk-pdfzoom{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:12px}.bk-pdfpages{flex-direction:column;align-items:center;gap:12px;max-height:80vh;padding:12px;display:flex;overflow:auto}.bk-pdf.full .bk-pdfpages{flex:1;max-height:none}.bk-pdfpage{background:#fff;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 1px 4px #0000002e}.bk-pdfpage canvas{position:absolute;inset:0}.bk-login{gap:10px;width:100%;display:grid}.bk-login label{font-size:14px;font-weight:600}.bk-login-row{flex-wrap:wrap;gap:8px;display:flex}.bk-login-row input{font:inherit;background:#fffdf8;border:1px solid #ddd3c2;border-radius:10px;flex:220px;padding:11px 14px;font-size:16px}.bk-login .bk-lede{align-items:flex-start;gap:8px;display:flex}.bk-login .bk-lede svg{flex:none;margin-top:6px}.bk-backing-scale{color:var(--accent);align-items:center;gap:6px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.bk-sites{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:12px 0;display:grid}.bk-site{color:inherit;background:#fffdf8;border:1px solid #e6dfd1;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;display:flex}.bk-site:hover{border-color:var(--accent)}.bk-site b{align-items:center;gap:6px;display:flex}.bk-site span{font-size:14px}.bk-site small{opacity:.7;font-size:12px}.bk-badge{background:var(--accent-2);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;display:inline-grid}.bk-top nav a{position:relative}@media (max-width:560px){.bk-top nav a .bk-badge{margin:0;position:absolute;top:1px;left:calc(50% + 6px)}}.bk-h2{align-items:center;gap:8px;display:flex}.bk-stats{flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex}.bk-stats span{background:var(--page);border:1px solid var(--line);color:var(--soft);border-radius:12px;flex-direction:column;padding:10px 14px;font-size:13px;display:flex}.bk-stats b{font-family:var(--serif);color:var(--ink);font-size:22px;font-weight:500}.bk-tasks,.bk-thread,.bk-notelist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bk-task{background:var(--page);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;list-style:none;display:flex}.bk-task>div{flex:1;min-width:0}.bk-task p{white-space:pre-wrap;margin:4px 0}.bk-task small,.bk-msg small,.bk-notelist small{color:var(--soft);font-size:12.5px}.bk-task.done{opacity:.6}.bk-task.done p,.bk-task.done .bk-task-target{text-decoration:line-through}.bk-task-target{align-items:center;gap:2px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--accent)!important}.bk-check{border:2px solid var(--accent);background:var(--page);color:#fff;cursor:pointer;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;margin-top:1px;display:grid}.bk-check[aria-pressed=true]{background:var(--accent)}.bk-msg{background:var(--page);border:1px solid var(--line);border-radius:14px;max-width:86%;padding:10px 14px 12px;position:relative}.bk-msg.teacher{background:var(--accent-bg);border-color:#cfe0d5}.bk-msg.mine{margin-left:auto}.bk-msg p{white-space:pre-wrap;margin:4px 0 0}.bk-msg .bk-audio{margin-top:8px}.bk-msg .bk-iconbtn,.bk-task .bk-iconbtn{flex:none;width:28px;height:28px}.bk-msg .bk-iconbtn{opacity:0;position:absolute;top:6px;right:6px}.bk-msg:hover .bk-iconbtn,.bk-msg .bk-iconbtn:focus{opacity:1}@media (hover:none){.bk-msg .bk-iconbtn{opacity:.6}}.bk-notelist li{background:var(--warm-bg);border-radius:12px;padding:10px 14px}.bk-notelist p{white-space:pre-wrap;margin:4px 0 0}.bk-compose{background:var(--page);border:1px solid var(--line);border-radius:14px;gap:10px;margin-top:14px;padding:14px;display:grid}.bk-compose textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.5}.bk-compose select,.bk-due input{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;border-radius:10px;padding:9px 10px;font-size:14px}.bk-compose select{flex:260px}.bk-compose-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bk-compose-row.end{justify-content:flex-end}.bk-due{color:var(--soft);align-items:center;gap:8px;font-size:14px;display:flex}.bk-rec{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bk-rec .bk-btn{padding:9px 13px;font-size:14px}.bk-rec.on{color:var(--bad);background:#fbe9e6;border-radius:10px;padding:8px 12px}.bk-rec.on b{flex:1}.bk-recdot{animation:1s infinite bk-blink}@keyframes bk-blink{50%{opacity:.2}}.bk-rec audio,.bk-rec video{flex:1;min-width:0;margin:0}.bk-assign{margin-top:12px}.bk-assign summary{border:1px dashed var(--accent-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;list-style:none;display:inline-flex}.bk-assign summary::-webkit-details-marker{display:none}.bk-send{gap:10px;margin:28px 0 0;display:grid}.bk-send h4{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.bk-send h4 .bk-iconbtn{margin-left:auto}.bk-send .bk-compose{margin:0}.bk-send>.bk-btn{justify-self:start}.bk-sent{color:var(--ok);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.bk-students td .bk-btn{padding:7px 12px;font-size:13px}.bk-tuner{justify-items:center;gap:14px;display:grid}.bk-tuner>.bk-tune{width:100%}.bk-tune>span{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;transition:background .15s,border-color .15s;display:flex}.bk-tune>span.on{border-color:var(--accent-2);background:var(--warm-bg)}.bk-tune>span.ok{border-color:var(--ok);background:var(--accent-bg)}.bk-tuner-dial{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:16px;justify-items:center;gap:4px;width:100%;padding:44px 16px 18px;display:grid;position:relative}.bk-tuner-dial.ok{border-color:var(--ok);background:var(--accent-bg)}.bk-tuner-scale{border-bottom:2px solid var(--line);height:16px;position:absolute;top:14px;left:8%;right:8%}.bk-tuner-scale i{background:var(--soft);width:2px;height:10px;position:absolute;bottom:-2px;transform:translate(-50%)}.bk-tuner-scale i:nth-child(3){background:var(--ok);height:16px}.bk-tuner-scale small{color:var(--soft);font-size:10px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.bk-tuner-needle{background:var(--accent-2);border-radius:2px;width:4px;height:30px;transition:left .12s;position:absolute;top:8px;transform:translate(-50%)}.bk-tuner-dial.ok .bk-tuner-needle{background:var(--ok)}.bk-tuner-dial b{font-family:var(--serif);margin-top:12px;font-size:52px;font-weight:500;line-height:1}.bk-tuner-dial sub{font-family:var(--sans);color:var(--soft);vertical-align:baseline;margin-left:6px;font-size:15px}.bk-tuner-dial em{color:var(--accent-2);align-items:center;gap:4px;font-size:14px;font-style:normal;font-weight:600;display:inline-flex}.bk-tuner-dial em.ok{color:var(--ok)}.bk-tuner-dial>small{color:var(--soft);font-size:13px}.bk-tuner-hint{color:var(--soft);text-align:center;margin:0;font-size:14px}.bk-ear{gap:12px;display:grid}.bk-ear p,.bk-ear .bk-filter{margin:0}.bk-filter.small button{padding:6px 12px;font-size:13px}.bk-ear-play{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bk-ear-score{text-align:right;flex-direction:column;margin-left:auto;font-size:14px;display:flex}.bk-ear-score small{color:var(--soft);font-size:12.5px}.bk-ear-opts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bk-ear-opts button{justify-content:center;gap:6px}.bk-ear .bk-explain{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.bk-ear .bk-explain .bk-btn{margin-left:auto;padding:8px 14px}.bk-reader>*{min-width:0}.bk-code{letter-spacing:.25em;text-align:center;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:22px!important}