:root{--bg:#f6f2ea;--card:#fffdf9;--ink:#23272f;--muted:#7c7669;--navy:#1b2a4a;--navy-2:#2b3e63;--gold:#b8893b;--gold-tint:#f6e4c1;--line:#e7e0d2;--radius:14px;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}.page{max-width:760px;margin:0 auto;padding:32px 20px 80px}.home-head h1{font-family:var(--serif);color:var(--navy);margin:0 0 4px;font-size:2rem}.muted{color:var(--muted)}.small{font-size:.85rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:22px;padding:22px;box-shadow:0 1px 2px #00000008}.card h2{color:var(--navy);margin:0 0 16px;font-size:1.15rem}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field span{color:var(--muted);font-size:.85rem}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}.lang-block{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.lang-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.lang-row select{min-width:130px}.file-btn{cursor:pointer;border:1px dashed var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:9px 12px;font-size:.9rem}.file-btn:hover{border-color:var(--gold);color:var(--ink)}.review{resize:vertical;width:100%;font-family:var(--serif);line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 16px}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy-2)}.primary:disabled{opacity:.6;cursor:default}.ghost{border-color:var(--line);color:var(--navy);background:#fff}.ghost:hover{border-color:var(--navy)}.danger{color:#a4321f}.danger:hover{border-color:#a4321f}.ghost.small,.small{padding:6px 10px}.error{color:#a4321f;margin-top:12px}.warnbox{color:#6b4a16;background:#fff6e6;border:1px solid #e6c06a;border-radius:10px;margin-top:16px;padding:14px 16px}.warnbox ul{margin:8px 0;padding-left:20px}.warnbox .primary{margin-top:8px;text-decoration:none;display:inline-block}.listen .warnbox{margin:0 0 18px}.msg-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.msg-link{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.msg-link:hover{border-color:var(--gold)}.msg-title{color:var(--navy);font-weight:600}.msg-meta{color:var(--muted);font-size:.85rem}.foot{text-align:center;margin-top:26px}.textlink{color:var(--navy);text-decoration:none}.textlink:hover{text-decoration:underline}.listen{max-width:760px;min-height:100%;margin:0 auto;padding:20px 20px 120px}.listen-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.listen-head.public{justify-content:flex-end}.title{font-family:var(--serif);color:var(--navy);margin:6px 0 16px;font-size:1.6rem}.lang-tabs{gap:8px;margin-bottom:18px;display:flex}.tab{border:1px solid var(--line);color:var(--navy);background:#fff}.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}.voice-row{flex-wrap:wrap;align-items:end;gap:12px;margin:-6px 0 18px;display:flex}.voice-row label{flex-direction:column;gap:5px;display:flex}.voice-row span{font-size:.85rem}.voice-row select{min-width:180px}.message{font-family:var(--serif);color:#2b2b2b;font-size:1.3rem;line-height:2}.para{margin:0 0 1.2em}.sentence{cursor:pointer;border-radius:6px;padding:1px 2px;transition:background .15s,color .15s}.sentence:hover{background:#efe7d6}.sentence.active{background:var(--gold-tint);color:#3a2c12;box-shadow:inset 0 0 0 1px #eccf93}.controls{background:var(--navy);color:#fff;align-items:center;gap:12px;padding:12px 18px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000001f}.controls .play{min-width:64px;height:46px;color:var(--navy);background:#fff;border:none;border-radius:24px;flex:none;font-size:1.1rem;line-height:1}.controls .play:hover{background:var(--gold-tint)}.time{font-variant-numeric:tabular-nums;opacity:.9;text-align:center;min-width:38px;font-size:.85rem}.scrub{accent-color:var(--gold);flex:1}.listen.projection{background:#10131a;max-width:1100px}.listen.projection .listen-head,.listen.projection .lang-tabs{display:none}.listen.projection .title{color:#e9e3d3;text-align:center;font-size:2rem}.projection-exit{display:none}.listen.projection .projection-exit{z-index:5;color:#10131a;opacity:.88;background:#e9e3d3;border:1px solid #6b5a3a;display:block;position:fixed;top:14px;right:14px}.listen.projection .projection-exit:hover{opacity:1}.listen.projection .message{color:#d7d2c6;font-size:2.5rem;line-height:1.9}.listen.projection .sentence:hover{background:#232838}.listen.projection .sentence.active{color:#fff7e6;background:#3a3046;box-shadow:inset 0 0 0 1px #6b5a3a}body:has(.listen.projection){background:#10131a}@media (width<=560px){.message{font-size:1.18rem}.listen.projection .message{font-size:1.7rem}}.recording-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.recording-list li{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.recording-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.check-row{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:.9rem;display:flex}.check-row input{width:auto}@media (width<=680px){.recording-grid{grid-template-columns:1fr}}