:root{--lad-player-clearance:110px}
[hidden]{display:none!important}
#ssPill .ssRichUnit,#ssPill .ssUnit{line-height:1.45!important;overflow:visible;overflow-wrap:anywhere}
#ssPill .ssRich{max-height:min(60dvh,640px)!important;overflow-y:auto;overscroll-behavior:contain}
#ssPill button:focus-visible,.bnp-sw:focus-visible{outline:3px solid var(--tok-btn-bg-active);outline-offset:3px}
.lad-player-expanded #transport,.lad-player-expanded #vd-play{display:none!important}
.lad-room-voice[hidden]{display:none!important}
#bnd-panel .lad-voice-details summary{min-height:44px}
#bnd-panel .lad-voice-details{font-size:13px}
#bnd-panel .bnp-row:has(.lad-voice-preview){gap:4px 8px!important}
#bnd-panel .bnp-meta{line-height:1.6}
#bnd-panel .bnp-w{font-size:11px;max-width:72px;white-space:normal}
.lad-preview-state{color:var(--tok-text-support);font-size:13px;line-height:1.5}
.lad-rotate-voices{display:block;margin:4px 0 12px;padding:10px 14px;border-radius:24px;border:1px solid currentColor;background:transparent;color:inherit;min-height:44px;font:inherit}
#screen-mode .top-bar{position:sticky;top:-1px;z-index:6;background:var(--tok-page-bg);padding-block:4px}
.lad-viewing-painting #ssPill{opacity:0;pointer-events:none;visibility:hidden}
.lad-viewing-painting .lad-art-toggle{opacity:.82}
.lad-stage.lad-art-only{background-size:contain!important;background-position:center!important}
.lad-share{margin-top:20px;border-top:1px solid var(--tok-border);padding:12px 0;font-size:15px}
.lad-share summary{cursor:pointer;min-height:44px;align-content:center}
.lad-share>div{display:flex;gap:8px;flex-wrap:wrap}
.lad-share button,.lad-share a{border-radius:22px;padding:10px 16px;min-height:44px;box-sizing:border-box;border:1px solid var(--tok-border);font:inherit;color:var(--tok-text-target);background:var(--tok-page-bg)}
@media(min-width:900px),(min-width:600px) and (orientation:landscape){
 .lad-player-expanded .lad-stage .lad-sheet{left:20px;right:auto;transform:none;width:calc(100vw - 480px);max-width:760px;max-height:calc(100dvh - 90px)!important;padding-bottom:28px}
 .lad-player-expanded #screen-bandura{width:calc(100% - 480px);margin-left:20px;margin-right:460px}
}
@media(max-width:899px) and (orientation:portrait),(max-width:599px){
 .lad-player-expanded .lad-stage .lad-sheet{bottom:var(--lad-player-clearance);max-height:calc(100dvh - var(--lad-player-clearance) - 76px)!important;padding:12px 16px 18px;border-radius:24px}
 .lad-player-expanded #screen-bandura{padding-bottom:calc(var(--lad-player-clearance) + 24px)}
 #ssPill .ssRich{max-height:54dvh!important}
 #screen-mode #line-nav{margin-block:12px}
 #screen-mode .card .target{line-height:1.65}
}
@media(max-height:500px){#ssPill .ssRich{max-height:calc(100dvh - 44px)!important}}
@media(prefers-reduced-motion:no-preference){body::before{transition:opacity 240ms ease}.lad-viewing-painting #ssPill{transition:opacity 180ms ease}}
@media(prefers-reduced-motion:reduce){#ssPill,.lad-sheet,body::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#screen-mode .lad-stage-header{position:sticky;top:-12px;z-index:6;background:var(--tok-page-bg);padding-block:4px}

.lad-word-practice{margin:12px 0}.lad-word-practice>summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;font-size:15px;line-height:1.5}
body:not(.lad-player-expanded) .lad-word-practice>summary{display:none}
.lad-word-practice>.card{margin:8px 0!important}

.lad-panel-notes{font-size:13px;line-height:1.6;margin:16px 0}.lad-panel-notes>summary{min-height:44px;cursor:pointer;align-content:center}
.lad-bandura-font-chooser{display:grid;gap:8px;margin:20px 0 12px;font-size:14px}.lad-bandura-font-chooser select{min-height:48px;border-radius:16px;background:var(--tok-page-bg);color:inherit;border:1px solid var(--tok-border);padding:8px 14px;font:inherit}
#bnp-t-fonts .bnp-srow[hidden]{display:none!important}
#bnp-t-fonts .bnp-sp{line-height:1.65;padding-block:8px}

body[data-painting-shape="portrait"]:has(#screen-home[hidden])::before{background-position:center top}

#ssPill .ssRich button.ssEnglishHear{grid-column:1 / -1;justify-self:start;width:max-content;max-width:100%;min-width:min(116px,100%);height:auto;min-height:44px;padding:8px 16px;border-radius:999px;font-size:14px;white-space:normal;margin-top:8px;overflow-wrap:anywhere;}

#ssPill .ssEnglishPreviewGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5em),1fr));}
#ssPill .ssRich button.ssEnglishPreviewCard{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:44px;justify-content:flex-start;text-align:left;}
#ssPill .ssEnglishPreviewCard>span:last-child{min-width:0;overflow-wrap:anywhere;}