.bkacc{--bk-ink:#132b4c;--bk-blue:#1559d9;color:var(--bk-ink);max-width:1180px;margin:0 auto;padding:32px 24px 90px;font-family:system-ui,sans-serif}.bkacc-intro{padding:30px 0}.bkacc-intro h1{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.12;font-size:clamp(32px,4vw,52px);color:#132b4c}.bkacc-card{border:1px solid #dce6ed;border-radius:20px;background:#fff;padding:24px;box-shadow:0 4px 20px #15355006}.bkacc section{scroll-margin-top:100px}.bkacc-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:#eff6fc;border:1px solid #deebf8;border-radius:16px;margin:20px 0 32px}.bkacc-tabs a{padding:10px 14px;border-radius:10px;background:#fff;color:#17385d;font-weight:650;text-decoration:none}.bkacc .button{border-radius:12px;background:#1559d9;border:1px solid #1559d9;color:white;font-weight:700;padding:12px 18px;cursor:pointer}.bkacc .button-outline{color:#1547a2;background:white}.bkacc h2{font-size:clamp(24px,2.5vw,32px);margin-top:36px}.bkacc label{display:block;font-size:16px;margin:14px 0}.bkacc input:not([type=checkbox]),.bkacc select{font:inherit;padding:12px;border:1px solid #a9bdcf;border-radius:8px;max-width:100%;box-sizing:border-box}.bkacc .bkacc-check{display:flex;align-items:flex-start;gap:10px}.bkacc input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.bkchild-settings summary{padding:8px;cursor:pointer;font-size:18px}.bkchild-settings{margin:16px 0}.bkchild-settings form{margin-top:20px}.bkchild-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.bkchild-days fieldset{min-width:0;border:1px solid #dce6ed;border-radius:12px;padding:4px 14px 12px;background:#f7fafc}.bkchild-days label{display:flex;align-items:center;gap:10px}.bkchild-days input[type=time]{margin-left:auto;min-width:0}.bkchild-login{max-width:560px;margin:48px auto}.bkchild-login input{display:block;width:100%}.bkchild-clock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:99999;display:flex;gap:16px;align-items:center;max-width:calc(100% - 24px);padding:12px 20px;border:1px solid #9bb9d9;border-radius:16px;background:#fff;color:#152d4c;box-shadow:0 6px 28px #12334d22;font:14px system-ui;white-space:nowrap}.bkchild-clock strong{font-variant-numeric:tabular-nums}.bkchild-clock a{color:#1348a6}.bkchild-soon{background:#fff4d7;border-color:#cda038}.bkchild-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bkchild-pause{max-width:min(520px,90vw);padding:32px;border:0;border-radius:24px;color:#17385d;background:#fff;font-family:system-ui}.bkchild-pause::backdrop{background:#10253ccc}.bkchild-pause a{display:inline-block;background:#1559d9;color:white;padding:12px 20px;border-radius:12px}.bkfamily-results{padding:16px;background:#eef7f7;border-radius:12px;margin:16px 0}.bkfamily-results li{margin:12px 0}.bkacc-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 32px}.bkacc-quick a{padding:24px;border-radius:20px;text-decoration:none;color:#183858;background:#eef6ff;border:1px solid #dce9fb}.bkacc-quick a:nth-child(2){background:#fff7eb}.bkacc-quick a:nth-child(3){background:#eef9f5}.bkacc-quick strong{display:block;font-size:20px;margin-bottom:10px}.bkacc-quick span{font-size:15px}@media(max-width:640px){.bkacc{padding:20px 16px 100px}.bkacc-card{padding:18px}.bkacc-quick{grid-template-columns:1fr}.bkchild-clock{gap:10px;font-size:13px;padding:12px}.bkchild-clock>span:first-child{display:none}.bkacc-tabs a{font-size:14px}.bkacc input:not([type=checkbox]){width:100%}.bkchild-days{grid-template-columns:1fr}.bkchild-days input[type=time]{width:auto;max-width:70%}}

.bkl-dialog>header{flex-wrap:wrap!important}.bkl-dialog [data-bkchild-readout]{font:700 13px system-ui;color:#17385d;background:#fff4dc;padding:7px 10px;border-radius:9px;font-variant-numeric:tabular-nums}

/* Daily rhythm controls — comfortably usable from 320px upwards. */
.bkchild-time-panel{margin:28px 0;padding:24px;border-radius:18px;background:#f5f9ff;border:1px solid #cedff0}.bkchild-time-panel h3{font-size:21px;margin:0 0 12px}.bkchild-time-panel input[type=range]{display:block;width:100%;padding:14px 0;accent-color:#1754bc;cursor:pointer}.bkchild-scale{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#36516d}.bkchild-time-panel fieldset{min-width:0;margin:24px 0;padding:16px;border:1px solid #b8cbe1;border-radius:12px}.bkchild-time-panel legend{font-weight:750;padding:0 8px}.bkchild-time-panel select{width:100%;margin-top:6px}.bkchild-custom-days{padding:16px 0}.bkchild-album-note{padding:18px;background:#fff6de;border-left:4px solid #e7a521;border-radius:8px}.bkchild-usage{padding-top:24px}.bkchild-pause a,.bkchild-pause button{margin:8px 8px 0 0}.bkchild-clock{white-space:normal;text-align:center;width:max-content}.bkchild-clock strong{max-width:260px}.bkc-modal-top [data-bkchild-readout]{font:700 13px system-ui;color:#17385d;background:#fff4dc;padding:7px;border-radius:8px}.bkc-modal-top{flex-wrap:wrap}.bkchild-time-panel input:focus-visible{outline:3px solid #206bd2;outline-offset:4px}@media(max-width:640px){.bkchild-time-panel{padding:16px}.bkchild-clock{width:calc(100% - 24px);box-sizing:border-box;justify-content:space-between;bottom:max(8px,env(safe-area-inset-bottom))}.bkchild-clock strong{max-width:200px}.bkchild-time-panel fieldset{padding:12px}.bkchild-scale{font-size:11px;gap:8px}.bkchild-settings{overflow-wrap:anywhere}}

.bkchild-week{margin-top:24px}.bkchild-week table{width:100%;border-collapse:collapse;font-size:14px}.bkchild-week caption{text-align:left;font-weight:700;padding:8px 0}.bkchild-week th,.bkchild-week td{padding:10px 7px;text-align:left;border-bottom:1px solid #ccdbea}.bkchild-week details{padding:18px 0}.bkchild-table-scroll{max-width:100%;overflow-x:auto}.bkchild-week td{white-space:nowrap}.bkchild-week summary{font-size:16px}@media(max-width:400px){.bkchild-week table{font-size:12px}.bkchild-week th,.bkchild-week td{padding:8px 4px}}

/* Child login picker: five suggestions, ten syllables, one final username. */
.bkchild-names{border:1px solid #d7e3eb;border-radius:14px;padding:22px;margin:20px 0;min-width:0;background:#f5f9fc}.bkchild-names legend{font-weight:750;padding:0 8px;color:#183552}.bkchild-name-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0}.bkchild-names label.bkchild-name-choice{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #bdcfdd;border-radius:10px;margin:0;cursor:pointer;overflow-wrap:anywhere;min-width:0;min-height:48px;font-weight:650}.bkchild-name-choice input{width:18px!important;height:18px;min-height:0!important;margin:0!important;flex:0 0 18px;accent-color:#225f97}.bkchild-name-choice:has(input:checked){border-color:#225f97;box-shadow:0 0 0 1px #225f97;background:#edf5ff!important}.bkchild-composer{margin-top:24px;padding-top:20px;border-top:1px solid #d7e3eb}.bkchild-composer-title{font-weight:700}.bkchild-syllables{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}.bkchild-syllables button{min-width:0;min-height:48px;font-size:1.1rem;font-weight:750;border:1px solid #d5b47d;border-radius:9px;color:#173550;background:#fff3dc;cursor:pointer;padding:8px}.bkchild-syllables button:hover{background:#ffdf9e}.bkchild-names button:focus-visible,.bkchild-name-choice:focus-within{outline:3px solid #c17813;outline-offset:3px}.bkchild-name-draft output{display:block;min-height:52px;border-radius:10px;background:#fff;padding:14px;text-align:center;font-size:1.25rem;font-weight:750;color:#183552;overflow-wrap:anywhere}.bkchild-name-draft>div{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bkchild-name-draft button{background:transparent;color:#235d93;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0;min-height:44px;text-align:left}.bkchild-name-draft button+button{margin-left:12px}.bkchild-names [hidden]{display:none!important}.bkchild-settings [data-bkchild-save]:disabled{opacity:.65;cursor:wait}.bkchild-names [data-name-status]{margin-top:16px;min-height:3em;line-height:1.6}
@media(max-width:480px){.bkchild-names{padding:16px}.bkchild-name-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.bkchild-names label.bkchild-name-choice{font-size:.95rem;padding:10px}.bkchild-name-draft button+button{margin-left:0}.bkchild-name-draft>div{flex-direction:column;gap:0}}

.bkchild-names[hidden]{display:none!important}.bkchild-rename{margin:16px 0 24px!important;padding:16px!important;border:1px solid #d7e3eb!important;border-radius:12px}.bkchild-rename>summary{cursor:pointer;min-height:44px;font-weight:700}.bkchild-rename>.bkacc-check{margin:14px 0}.bkchild-settings form>label:not(.bkacc-check){display:block;margin:16px 0 8px}.bkchild-settings form>label:not(.bkacc-check)>input{display:block;margin-top:8px;max-width:100%;width:360px}.bkchild-settings [data-bkchild-show]+p{margin-top:12px}
/* 2.9: the pause action remains reachable inside the native exercise dialog. */
.bkchild-clock [data-bk-pause],.bkl-dialog [data-bkchild-pause],.bkc-dialog [data-bkchild-pause]{min-height:42px;padding:.5rem .85rem;border:1px solid #b9cbdf;border-radius:12px;background:#fff;color:#173552;font:inherit;font-weight:700;cursor:pointer}
.bkchild-clock [data-bk-pause]:disabled{opacity:.55;cursor:default}
.bkchild-pause{max-width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;box-sizing:border-box}
.bkchild-pause h2{font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.25;margin:0 0 12px}
.bkchild-pause button,.bkchild-pause a{display:block;margin-top:12px;min-height:44px;box-sizing:border-box;white-space:normal}
.bkchild-pause button{width:100%;padding:12px 18px;border:1px solid #dc8a20;border-radius:12px;background:#ffb248;color:#173552;font:inherit;font-weight:750;cursor:pointer}
.bkchild-pause button:disabled{opacity:.65;cursor:wait}
.bkchild-pause a{margin-right:0;background:#edf3fa;color:#173552;text-align:center;text-decoration:none;font-weight:650}
.bkchild-pause button:focus-visible,.bkchild-pause a:focus-visible{outline:3px solid #235db4;outline-offset:3px}
.bkl-dialog>header [data-bkchild-readout]{font-size:.85rem;white-space:normal;line-height:1.25}
@media(max-width:480px){.bkl-dialog>header{flex-wrap:wrap;gap:6px}.bkl-dialog>header [data-bkchild-pause]{padding:.4rem .6rem}.bkchild-clock{flex-wrap:wrap;gap:6px}}