:root{color-scheme:light;--ink:#143f3d;--muted:#617471;--teal:#087f78;--teal-dark:#06655f;--line:#dce6e3;--bg:#f4f7f5;--soft:#eaf5f0;--white:#fff;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled,input:disabled{opacity:.45;cursor:not-allowed}a{color:var(--teal)}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #edb463;outline-offset:4px}input:focus,select:focus{outline:2px solid #58a99a;outline-offset:2px}button{touch-action:manipulation}input,select{min-height:48px;border:1px solid #b6ccc6;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;max-width:100%}select{width:100%;padding-right:30px}label{display:block;font-size:.88rem;font-weight:600;margin-bottom:7px}h1,h2,p{margin-top:0}h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.055rem;margin-bottom:10px;font-weight:650}h2{font-size:1rem;margin-bottom:0;font-weight:650}p{color:var(--muted)}.site-header{height:88px;padding:0 max(24px,calc((100vw - 900px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:650;color:var(--ink);text-decoration:none;line-height:1.3}.brand small{display:block;font-size:.55rem;letter-spacing:.12rem;font-weight:600;margin-top:4px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:39px;height:41px;border-radius:12px;background:var(--teal);color:#fff;font-size:1.8rem;font-weight:400;font-family:Georgia,serif;font-style:italic}.mobile-label{font-size:.72rem;border:1px solid var(--line);padding:5px 12px;border-radius:20px;color:var(--muted)}main{max-width:792px;margin:0 auto;padding:36px 24px 20px}.connection-message{text-align:center;margin:60px 0}.eyebrow{font-size:.62rem;letter-spacing:.13rem;color:var(--teal);font-weight:750;display:block;margin-bottom:11px}.login-card{max-width:480px;margin:50px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 12px 44px #103d3510}.login-card h1{font-size:2.2rem;margin-bottom:20px}.login-card h1 span{color:var(--teal)}.login-card p{font-size:.94rem}.login-card form{margin-top:26px}.login-card input{width:100%;margin-bottom:16px}.primary,.secondary,.square-button{min-height:50px;border-radius:10px;padding:10px 18px;border:1px solid transparent;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px}.primary{background:var(--teal);color:#fff}.primary:hover:enabled{background:var(--teal-dark)}.secondary{color:var(--teal);background:#f4faf6;border-color:#bed7cc}.secondary:hover:enabled{background:var(--soft)}.login-card .primary{width:100%;justify-content:space-between}.quiet-note{font-size:.76rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:flex;gap:10px}.quiet-note span{color:var(--teal);font-size:1.1rem}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:8px 0 29px}.page-heading p{font-size:.9rem;margin-bottom:0}.text-button{background:none;border:0;color:var(--muted);font-size:.75rem;text-decoration:underline;text-underline-offset:4px;padding:9px 0;white-space:nowrap}.library-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;margin-bottom:20px}.section-label{display:flex;gap:10px;align-items:center;margin-bottom:13px}.step{display:inline-grid;place-items:center;min-width:24px;height:24px;font-size:.7rem;background:var(--soft);color:var(--teal);border-radius:7px;font-weight:700}.count{margin-left:auto;color:var(--muted);font-size:.72rem}.player-panel{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 24px #123d3207}.video-heading{padding:22px 24px}.video-heading .eyebrow{margin-bottom:8px}.video-heading h2{font-size:1.08rem;line-height:1.45}.video-shell{width:100%;aspect-ratio:16/9;min-height:200px;background:#112d2b;position:relative}.video-shell iframe,.video-shell #youtube-player{position:absolute;inset:0;width:100%;height:100%;border:0;min-height:200px}.video-shell div#youtube-player:empty{display:none}#video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#acc6bd;padding:20px}.play-mark{display:grid;place-items:center;border:1px solid #6e93894d;border-radius:50%;width:54px;height:54px;padding-left:4px;color:#d8ede4;margin-bottom:16px;font-size:1.1rem}#video-placeholder p{font-size:.88rem;color:#c6d8d0;margin:0 0 5px}#video-placeholder small{font-size:.72rem}.player-content{padding:22px 24px}.voice-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.voice-badge{font-size:.61rem;letter-spacing:.07rem;font-weight:700;color:var(--teal);display:flex;gap:7px;align-items:center}.voice-dot{width:6px;height:6px;border-radius:100%;background:var(--teal)}.position{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.caption{font-size:1.08rem;line-height:1.7;color:var(--ink);min-height:88px;padding:16px 18px;margin-bottom:18px;background:#f4f8f5;border-left:3px solid #94bfac;border-radius:0 10px 10px 0}.transport{display:flex;gap:10px;align-items:center}.transport .primary{flex:1}.square-button{background:#fff;border:1px solid var(--line);color:var(--ink);font-size:.84rem;min-width:74px}.square-button:hover:enabled{background:#f4f8f5}.player-status{display:flex;gap:8px;align-items:start;font-size:.75rem;line-height:1.5;color:var(--muted);margin:14px 0 0;min-height:25px}.status-dot{width:6px;height:6px;border-radius:50%;background:#94aea3;flex-shrink:0;margin-top:6px}.player-status[data-kind="playing"] .status-dot{background:var(--teal)}.player-status[data-kind="error"],.player-status[data-kind="sound-blocked"]{color:#9c481e}.player-status[data-kind="error"] .status-dot,.player-status[data-kind="sound-blocked"] .status-dot{background:#bf6a3d}.full-width{width:100%;margin:12px 0}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:26px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.settings-row label{font-size:.75rem;color:var(--muted);font-weight:500;margin:0}.settings-row select{margin-top:8px;font-size:.85rem;min-height:44px}.settings-row input[type="range"]{display:block;width:100%;accent-color:var(--teal);border:0;padding:0;min-height:44px;margin:8px 0 0}.settings-row output{float:right;font-variant-numeric:tabular-nums;color:var(--ink)}.voice-toggle{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:20px;margin-bottom:12px;min-height:44px}.voice-toggle input{accent-color:var(--teal);width:19px;height:19px;min-height:19px;margin:0;flex-shrink:0}.player-note{font-size:.7rem;line-height:1.65;margin:0;color:#75847f}.form-message{font-size:.82rem;color:#a23f28;margin:12px 0 0;overflow-wrap:anywhere}.form-message:empty{display:none}.external-link{font-size:.82rem;display:inline-block;margin-top:12px}.import-panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:20px}.import-panel summary{cursor:pointer;list-style:none;padding:20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.87rem;min-height:64px}.import-panel summary::-webkit-details-marker{display:none}.import-panel summary .step{margin-right:8px}.summary-chevron{color:var(--muted);font-size:1.2rem}.import-content{padding:0 24px 24px}.import-content h2{font-size:1rem;margin:8px 0}.import-content p{font-size:.83rem}.import-content input{display:block;width:100%;margin-bottom:16px;font-size:.88rem}.import-content input[type="file"]{padding:9px;background:#f8faf8;min-width:0}.import-content input::file-selector-button{font:inherit;background:#e8f1eb;border:0;border-radius:6px;padding:5px 8px;margin-right:10px;color:var(--ink)}.import-content .secondary{width:100%;font-size:.88rem}footer{text-align:center;color:#85928b;font-size:.66rem;padding:27px 0}footer span{padding:0 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.site-header{height:76px;padding:0 20px}.brand{font-size:.99rem}.brand small{font-size:.49rem}.brand-mark{width:34px;height:37px}.mobile-label{padding:4px 9px;font-size:.66rem}main{padding:27px 14px 12px}.page-heading{display:block;margin:0 5px 22px}.page-heading h1{font-size:1.7rem;letter-spacing:-.04rem}.page-heading p{font-size:.81rem}.page-heading .text-button{margin-top:7px;font-size:.7rem}.library-panel{padding:16px;margin-bottom:15px}.count{font-size:.65rem}.section-label h2{font-size:.9rem}.library-panel select{font-size:.85rem}.video-heading{padding:18px}.video-heading h2{font-size:.98rem}.player-content{padding:18px 16px}.caption{font-size:1rem;min-height:90px;padding:14px}.transport{gap:8px}.transport button{padding:10px 12px}.square-button{min-width:64px;font-size:.76rem}.primary{font-size:.92rem}.settings-row{gap:18px}.voice-badge{font-size:.56rem;letter-spacing:.04rem}.player-note{font-size:.65rem}.import-panel{margin-top:16px}.import-panel summary{padding:17px}.import-content{padding:0 18px 20px}.login-card{padding:26px 22px;margin:32px 0;border-radius:16px}.login-card h1{font-size:1.9rem}.login-card p{font-size:.88rem}footer{font-size:.61rem;line-height:1.7;padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease,border-color .15s ease}}