:root{color-scheme:light;--paper:#eeebe5;--panel:#faf8f2;--screen:#e1d8bd;--ink:#292922;--muted:#756f63;--line:#d4cdc2;--gold:#85632e;--error:#9c363d;--ok:#31634d;--raja-gold:var(--gold)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{font:15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f8f7f4;overflow:hidden}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{min-height:44px;padding:10px 15px;background:var(--gold);color:#fff;border:1px solid transparent;border-radius:12px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b0915b;outline-offset:3px}input,select{min-width:0;max-width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:16px}input[type=range]{padding:0;accent-color:var(--gold)}input[type=file]{width:100%}a{color:var(--gold)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:24px;margin:12px 0}h2{font-size:19px;margin:8px 0}h3{font-size:17px;margin:8px 0}p{margin:9px 0;color:var(--muted)}small,.muted,.raja-tip,.library-note{font-size:12px;color:var(--muted)}label{display:grid;gap:6px;margin:8px 0}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}form .wide{grid-column:1/-1}[hidden]{display:none!important}
main{height:100dvh;width:100%;max-width:480px;display:flex;flex-direction:column;min-height:0;margin:auto;background:var(--paper);padding:max(12px,env(safe-area-inset-top)) 20px max(10px,env(safe-area-inset-bottom));position:relative}main.is-managing{max-width:760px}.raja-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:55px}.raja-brand{display:flex;align-items:baseline;gap:10px;color:var(--ink);text-decoration:none}.raja-brand strong{font:32px Georgia,serif}.raja-brand small{color:var(--gold);letter-spacing:4px;font-size:11px}.recorder-menu,.recorder-back{width:46px;height:46px;padding:11px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.recorder-menu svg,.recorder-back svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#recorderScreen{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px;padding-top:12px}.recorder-status{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.recorder-status b{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-inline-end:5px}.recorder-display{background:var(--screen);border:1px solid var(--line);box-shadow:inset 0 3px 12px #00000005;border-radius:17px;padding:clamp(12px,2.5vh,24px) 16px}.recorder-list{font-size:12px;color:var(--gold);margin-bottom:10px}#recorderTitle{font-size:clamp(18px,3vh,24px);font-weight:650;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#recorderSubtitle{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recorder-range{display:block;width:100%;height:20px;margin:15px 0 4px}.recorder-time{direction:ltr;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.recorder-media{flex:0 1 190px;min-height:95px;position:relative}.recorder-cassette{height:100%;background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:20px 16px;display:flex;flex-direction:column;justify-content:center}.recorder-reels{display:flex;justify-content:space-around;align-items:center;gap:10px}.recorder-reel{width:clamp(58px,11vh,92px);height:clamp(58px,11vh,92px);border:8px solid var(--line);outline:1px solid var(--muted);outline-offset:5px;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(from 25deg,var(--muted) 0deg 8deg,transparent 8deg 60deg)}.recorder-reel:after{content:'';height:25%;width:25%;border:7px solid var(--paper);border-radius:50%;background:var(--muted);box-sizing:content-box}.recorder-tape-label{text-align:center;color:var(--gold);font-size:12px;letter-spacing:3px}.recorder-tape-label span{display:block;letter-spacing:1px;margin-bottom:6px}.recorder-speaker{background:radial-gradient(circle,#a29a8c .8px,transparent 1px);background-size:5px 5px;opacity:.5;height:20px;margin-top:20px}.recorder-playing .recorder-reel{animation:reel-spin 7s linear infinite}@keyframes reel-spin{to{transform:rotate(360deg)}}
.recorder-controls{display:flex;justify-content:space-evenly;align-items:center;gap:4px;direction:ltr}.recorder-controls button{background:transparent;color:var(--ink);width:44px;height:44px;padding:10px}.recorder-controls svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.recorder-controls .recorder-play{width:clamp(58px,10vh,76px);height:clamp(58px,10vh,76px);background:var(--gold);color:#fff;border-radius:50%;box-shadow:0 8px 20px #0001;display:grid;place-items:center}.recorder-play svg{width:29px;height:29px}.recorder-replay{text-align:center}.recorder-replay button{min-height:40px;background:transparent;color:var(--muted);font-size:12px;padding:5px 12px}.recorder-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:12px;gap:6px;font-size:11px}.recorder-summary span{display:block;color:var(--muted);margin-bottom:4px}.recorder-summary strong{font-weight:500;font-size:12px}.recorder-footer{border-top:1px solid var(--line);text-align:center;flex:none;font-size:11px;color:var(--muted);padding-top:10px;margin-top:10px}.recorder-footer strong{font-weight:500;color:var(--gold)}.recorder-footer p{font-size:11px;margin:3px 0}.recorder-footer button{font-size:11px;min-height:27px;padding:0 5px;background:transparent;color:var(--muted)}#recorderMessage{min-height:18px;margin:0;text-align:center;font-size:11px;color:var(--gold)}
#managementScreen{display:flex;flex-direction:column;flex:1;min-height:0}.management-tabs{display:flex;gap:6px;flex:none;padding:12px 0;align-items:center}.management-tabs button{flex:1;background:transparent;color:var(--muted);border-color:transparent;padding:8px;font-size:13px}.management-tabs button[aria-current=page]{background:var(--panel);border-color:var(--line);color:var(--gold)}#manageContent{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;padding:0 3px 20px;overscroll-behavior:contain}.raja-panel{padding-top:5px}.management-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.management-tools button{background:transparent;border:1px solid var(--line);color:var(--gold);font-size:12px}.card,.raja-settings-item,.org-list,.lesson-list{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px;margin:14px 0}.line,.controls,.org-actions,.format-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.line input{flex:1}.lib-btn,.org-btn,.quiet-btn,.format-option,.raja-pill,.raja-signout{background:var(--panel);color:var(--ink);border:1px solid var(--line);font-size:12px}.lib-item,.org-item,.request-row,.lesson-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.lib-copy,.org-desc,.request-detail{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.lib-copy strong,.org-desc strong{font-size:14px}.lib-copy small,.org-desc small{font-size:11px}.lib-upload{display:block;padding:10px;background:var(--gold);border-radius:12px;color:#fff;cursor:pointer}.lib-upload input{max-width:260px;background:transparent;color:#fff;border:0}.lesson-form label:first-child{grid-column:1/-1}.lesson-row{flex-wrap:wrap}.lesson-row strong{flex:1 1 120px;font-size:13px}.lesson-row .org-actions{gap:5px}.lesson-list>details{margin:16px 0}.lesson-list select{width:100%;margin:8px 0}summary{color:var(--gold);cursor:pointer;padding:8px 0;font-size:13px}.request-source{direction:ltr;overflow-wrap:anywhere;font-size:11px}.raja-section-intro{font-size:13px}.search-primary{display:flex;gap:6px;align-items:center}.search-primary input{width:100%;flex:1}.search-primary button{width:45px;flex:none;padding:10px}.search-primary svg,.raja-pill svg{width:22px;height:22px}.paste-btn{background:var(--panel);color:var(--gold);border-color:var(--line)}.raja-browse{margin:10px 0}#formatChooser{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.format-option{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.format-option.chosen{border-color:var(--gold);background:var(--screen)}.format-download-anchor,.raja-auth-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);border-radius:12px;padding:12px;color:#fff;text-decoration:none;min-height:44px;font-size:13px}.format-download-anchor[aria-disabled=true]{opacity:.5;pointer-events:none}#formatCover{max-width:100%;width:210px;border-radius:10px}.format-warning{color:var(--error)!important}.local-download-progress,.ss-fallback{padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:12px;margin:12px 0}.ss-auto-label{display:flex;gap:7px;font-size:12px}.local-progress-head{display:flex;justify-content:space-between;gap:5px;font-size:12px}progress{width:100%;accent-color:var(--gold)}video,iframe.youtube{width:100%;aspect-ratio:16/9;border-radius:12px;border:0;background:#1c1c1a}#seek{flex:1}#localStatus,#organizerStatus,#lessonStatus{min-height:20px}#lessonStatus{font-size:12px}
#lessonNow{position:absolute;inset:0;margin:0;border:0;padding:0;border-radius:18px;background:var(--panel);overflow:hidden}#lessonNow>strong,#lessonProgress,#lessonDailyProgress,#lessonNow>.line{display:none}#lessonNow audio{position:absolute;width:1px;height:1px;opacity:0}#lessonNow video,#lessonNow iframe{width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;margin:0;object-fit:contain}#lessonYoutubeWrap{height:100%}#lessonNow:has(audio:not([hidden])){position:absolute;width:1px;height:1px;inset:auto;overflow:hidden}#recorderMedia.has-picture .recorder-cassette{visibility:hidden}.raja-account{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0}.raja-account-id{min-width:0;display:flex;flex-direction:column}.raja-account-id small{overflow-wrap:anywhere}.raja-auth-overlay{position:fixed;inset:0;z-index:70;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.raja-auth-card{width:min(430px,100%);padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.raja-auth-card h1{font-size:23px}.raja-auth-card p{font-size:13px}.raja-auth-icon{font:36px Georgia,serif;color:var(--gold)}.raja-auth-required .management-tabs{display:none}.auth-form{display:block}.auth-channels{display:flex;gap:8px;margin:18px 0}.auth-channels button{flex:1;background:var(--paper);color:var(--muted);border:1px solid var(--line);font-size:12px}.auth-channels button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.auth-form input{width:100%}.auth-form button[type=submit]{width:100%;margin-top:12px}.auth-status{font-size:12px;min-height:20px}.auth-divider{margin:18px 0;border:0;border-top:1px solid var(--line)}#legalDialog{max-width:540px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);max-height:85dvh;overflow:auto}#legalDialog::backdrop{background:#25221c66}#legalContent{font-size:13px}
@media(min-width:700px){body{display:grid;place-items:center}main{height:min(870px,calc(100dvh - 28px));border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 65px #3e352012}}
@media(max-width:380px){main{padding-inline:13px}.recorder-summary strong{font-size:11px}.recorder-footer{font-size:10px}.management-tabs{gap:2px}.management-tabs button{font-size:12px;padding-inline:6px}form{grid-template-columns:1fr}form .wide{grid-column:auto}.lib-item,.org-item{flex-wrap:wrap}.format-options{grid-template-columns:1fr}}
@media(max-height:680px){#recorderScreen{gap:5px;padding-top:5px}.recorder-display{padding:10px 14px}.recorder-list{margin-bottom:4px}#recorderTitle{font-size:18px;margin:3px 0}.recorder-range{margin-top:8px}.recorder-media{flex-basis:110px;min-height:75px}.recorder-cassette{padding:12px}.recorder-reel{width:50px;height:50px;border-width:6px}.recorder-speaker{height:10px;margin-top:12px}.recorder-controls .recorder-play{width:54px;height:54px}.recorder-summary{padding-top:5px}.recorder-footer{margin-top:5px;padding-top:5px}.raja-top{min-height:46px}.recorder-footer p{margin:0}.recorder-replay button{min-height:30px}}
@media(prefers-reduced-motion:reduce){.recorder-playing .recorder-reel{animation:none}}
/* Keep every primary control inside short mobile screens as well as tall ones. */
#recorderSubtitle{margin:4px 0}
#recorderMessage{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(min-height:681px) and (max-height:800px){.recorder-display{padding:12px 16px}.recorder-media{flex-basis:125px;min-height:80px}.recorder-cassette{padding:14px}.recorder-reel{width:60px;height:60px}.recorder-speaker{height:10px;margin-top:12px}#recorderScreen{gap:6px}.recorder-controls .recorder-play{width:60px;height:60px}.recorder-footer{padding-top:6px;margin-top:6px}}
@media(max-height:600px){
 main{padding-block:max(8px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-bottom))}.raja-top{min-height:40px}.raja-brand strong{font-size:26px}.recorder-menu,.recorder-back{height:40px;min-height:40px;width:40px;padding:8px}
 #recorderScreen{display:grid;grid-template-rows:18px 122px minmax(52px,1fr) 48px 24px 34px 14px;gap:5px;padding-top:3px;align-content:stretch}
 .recorder-status{font-size:11px;line-height:16px}.recorder-display{padding:7px 12px;overflow:hidden}.recorder-list{font-size:11px;line-height:16px;margin:0 0 2px}#recorderTitle{font-size:17px;line-height:23px;white-space:nowrap;display:block;text-overflow:ellipsis;margin:2px 0}#recorderSubtitle{font-size:11px;line-height:16px;margin:2px 0}.recorder-range{height:15px;margin:7px 0 3px}.recorder-time{font-size:11px;line-height:16px}
 .recorder-media{min-height:52px}.recorder-cassette{padding:8px}.recorder-reel{width:34px;height:34px;border-width:4px;outline-offset:3px}.recorder-reel:after{border-width:4px}.recorder-speaker{display:none}.recorder-tape-label{font-size:10px;line-height:14px}.recorder-tape-label span{margin:0}
 .recorder-controls button{height:44px;min-height:44px}.recorder-controls .recorder-play{height:48px;width:48px}.recorder-replay button{height:24px;min-height:24px;padding:0 8px;font-size:11px}.recorder-summary{padding-top:3px;line-height:14px;font-size:10px}.recorder-summary span{margin:0}.recorder-summary strong{font-size:11px;line-height:14px}#recorderMessage{font-size:10px;line-height:14px;min-height:14px}.recorder-footer{font-size:10px;line-height:14px;padding-top:4px;margin-top:5px}.recorder-footer p{font-size:10px;line-height:14px}.recorder-footer button{min-height:18px;line-height:14px;font-size:10px}
}

.raja-brand{align-items:center}.raja-logo{display:block;width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff}.raja-tape-logo{display:block;margin:0 auto 5px;width:32px;height:32px;object-fit:contain;background:#fff;border-radius:6px}.raja-auth-icon{display:block;object-fit:contain;border-radius:12px;background:#fff}@media(max-height:600px){.raja-logo{width:38px;height:38px}.raja-tape-logo{width:24px;height:24px;margin-bottom:1px}}