:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#4a3f35;background-color:#faf8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.app{max-width:600px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.header{text-align:center;margin-bottom:24px}.header h1{color:#5c4a3d;font-size:2rem;margin:0}.version{color:#8a7d72;font-size:12px;margin-top:4px}.version a{color:#8a7d72;text-decoration:none}.version a:hover{text-decoration:underline}.controls{background:#f5f0eb;border-radius:12px;padding:20px;margin-bottom:20px}.profile-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:nowrap;min-height:41px}.profile-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #d4c4b5}.profile-name{color:#5c4a3d;font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1;min-width:0}.profile-loading{color:#8a7d72;font-size:14px;padding:10px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-start{background:#c4946a;color:#fff;width:70px;flex-shrink:0;margin-left:auto}.btn-start:hover:not(:disabled){background:#b38559}.btn-pause{background:#8a7d72;color:#fff;flex:1}.btn-pause:hover{background:#7a6d62}.btn-resume{background:#7a9f6a;color:#fff;flex:1}.btn-resume:hover{background:#6a8f5a}.btn-skip{background:#8a7d72;color:#fff;flex:1}.btn-skip:hover{background:#7a6d62}.btn-mute{background:#8a7d72;color:#fff;flex:1}.btn-mute:hover{background:#7a6d62}.btn-mute-active{background:#c47a6a;color:#fff;flex:1}.btn-mute-active:hover{background:#b46a5a}.btn-stop{background:#c47a6a;color:#fff;min-width:70px;margin-left:auto;flex-shrink:0}.btn-stop:hover{background:#b46a5a}.post-area{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.post-row{display:flex;gap:10px;align-items:center}.post-destinations{display:flex;gap:16px;padding-left:4px}.post-dest-checkbox{display:flex;align-items:center;gap:4px;font-size:11px;color:#8a7d72;cursor:pointer}.post-dest-checkbox input[type=checkbox]{margin:0;cursor:pointer;appearance:none;width:14px;height:14px;border:2px solid #b89f8a;border-radius:3px;background:#fff;flex-shrink:0;position:relative}.post-dest-checkbox input[type=checkbox]:checked{background:#b89f8a;border-color:#b89f8a}.post-dest-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.post-dest-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.post-textarea{flex:1;padding:8px 14px;border:2px solid #d4c4b5;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#4a3f35;resize:none;height:38px;box-sizing:border-box}.post-textarea:focus{outline:none;border-color:#b89f8a}.post-textarea:disabled{background:#ebe5df;color:#8a7d72}.btn-post{background:#7a9f6a;color:#fff;width:70px;flex-shrink:0}.btn-post:hover:not(:disabled){background:#6a8f5a}.btn-mic{background:#8a7d72;color:#fff;width:70px;flex-shrink:0;white-space:nowrap;padding-left:8px;padding-right:8px}.btn-mic:hover:not(:disabled){background:#7a6d62}.btn-mic-active{background:#c47a6a;color:#fff}.btn-mic-active:hover:not(:disabled){background:#b46a5a}.status{background:#faf8f5;border:2px solid #e8e0d8;border-radius:12px;padding:2px 16px;margin-top:16px}.queue-status{color:#6a5d52;font-size:14px}.ws-debug-status{color:#8a7d72;font-size:12px;margin-top:4px}.ws-debug-status.error{color:#c47a6a}.current-note{border-top:1px solid #e8e0d8;padding-top:12px}.current-label{color:#8a7d72;font-size:12px;margin-bottom:8px}.current-content{color:#4a3f35;font-size:14px;line-height:1.5;word-break:break-word}.current-content strong{color:#5c4a3d}.notes-list{margin-top:16px;max-height:calc(100vh - 460px);overflow-y:auto;border:2px solid #e8e0d8;border-radius:12px;background:#faf8f5}.note-item{padding:8px 12px;border-bottom:1px solid #e8e0d8;font-size:13px;line-height:1.4}.note-text{display:inline}.note-item:last-child{border-bottom:none}.note-item.unread{background:#fff}.note-item.read{background:#f0ebe5;color:#8a7d72}.note-item.current{background:#fff;border-left:3px solid #c4946a}.note-datetime{color:#8a7d72;font-size:12px;margin-right:8px}.note-item.read .note-datetime{color:#a89888}.note-item.current .note-datetime{color:#666}.note-author{color:#5c4a3d;font-weight:500;margin-right:8px}.note-item.read .note-author{color:#8a7d72}.note-content{color:#4a3f35;word-break:break-word;white-space:pre-line}.note-item.read .note-content{color:#a89888}.note-item.current .note-author,.note-item.current .note-content{color:#000}.note-content a{color:#5a8fcf;text-decoration:underline}.note-content a:hover{color:#3a6faf}.note-item.read .note-content a{color:#8ab0d8}.note-actions{float:right;display:inline-flex;align-items:center;gap:4px;margin-left:8px;margin-bottom:2px}.note-action-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.note-action-btn:disabled{cursor:default}.note-fav{width:1em;height:1em}.note-fav svg{width:100%;height:100%}.icon-heart{fill:transparent;stroke:#8a7d72;stroke-width:2}.note-fav:hover .icon-heart{stroke:#c47a6a}.note-fav.favorited .icon-heart{fill:#8a7d72;stroke:#8a7d72}.icon-nostr,.icon-bluesky,.icon-misskey{fill:#b89f8a;width:.88em;height:.88em}.note-source:hover .icon-nostr,.note-source:hover .icon-bluesky,.note-source:hover .icon-misskey{fill:#8a7d72}.config-row{display:flex;justify-content:flex-end;gap:4px;margin-top:8px}.btn-export{background:none;border:none;cursor:pointer;padding:4px 8px;opacity:.6}.btn-export:hover{opacity:1}.icon-export{width:20px;height:20px;fill:#c6bbaf}.btn-export:hover .icon-export{fill:#8a7d72}.btn-config{background:none;border:none;cursor:pointer;padding:4px 8px;opacity:.6}.btn-config:hover{opacity:1}.icon-config{width:20px;height:20px;fill:#c6bbaf}.btn-config:hover .icon-config{fill:#8a7d72}.config-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.config-dialog{background:#fff;border-radius:12px;min-width:300px;max-width:90%;max-height:80%;overflow-y:auto;box-shadow:0 4px 20px #0003}.config-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e0d8;font-weight:500;color:#5c4a3d}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#8a7d72;padding:0;line-height:1}.btn-close:hover{color:#5c4a3d}.config-content{padding:20px}.config-section{margin-bottom:20px}.config-section:last-child{margin-bottom:0}.config-label{font-weight:500;color:#5c4a3d;margin-bottom:10px}.config-radio{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#4a3f35;cursor:pointer}.config-radio input[type=radio]{margin:0;cursor:pointer;appearance:none;width:16px;height:16px;border:2px solid #b89f8a;border-radius:50%;background:#fff;flex-shrink:0}.config-radio input[type=radio]:checked{background:#b89f8a;border-color:#b89f8a;box-shadow:inset 0 0 0 3px #fff}.config-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#4a3f35;cursor:pointer}.config-checkbox input[type=checkbox]{margin:0;cursor:pointer;appearance:none;width:16px;height:16px;border:2px solid #b89f8a;border-radius:4px;background:#fff;flex-shrink:0;position:relative}.config-checkbox input[type=checkbox]:checked{background:#b89f8a;border-color:#b89f8a}.config-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.config-nostr-inputs{display:flex;flex-direction:column;gap:8px;margin-left:24px;margin-top:4px}.config-nostr-inputs .config-input-text{margin-left:24px}.config-bluesky-inputs,.config-misskey-inputs{display:flex;flex-direction:column;gap:8px;margin-left:24px;margin-top:4px}.config-input-text{padding:6px 10px;border:1px solid #d4c4b5;border-radius:4px;background:#fff;color:#4a3f35;font-size:14px}.config-input-text::placeholder{color:#a89888}.config-select{margin-left:8px;padding:4px 8px;border:1px solid #d4c4b5;border-radius:4px;background:#fff;color:#4a3f35;font-size:14px}.config-select:disabled{background:#ebe5df;color:#8a7d72}.config-input-number{margin:0 8px;padding:4px 8px;border:1px solid #d4c4b5;border-radius:4px;background:#fff;color:#4a3f35;font-size:14px;width:60px;text-align:center}.config-input-number:disabled{background:#ebe5df;color:#8a7d72}.config-volume{display:flex;align-items:center;gap:12px}.config-volume-slider{flex:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.config-volume-slider::-webkit-slider-runnable-track{height:4px;background:#e8e0d8;border-radius:2px}.config-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#b89f8a;border-radius:50%;margin-top:-6px;cursor:pointer}.config-volume-slider::-moz-range-track{height:4px;background:#e8e0d8;border-radius:2px}.config-volume-slider::-moz-range-thumb{width:16px;height:16px;background:#b89f8a;border-radius:50%;border:none;cursor:pointer}.config-volume-value{min-width:40px;text-align:right;color:#5c4a3d;font-size:14px}@media(max-width:480px){.app{padding:12px}.header h1{font-size:1.5rem}.controls{padding:12px}.profile-icon{width:32px;height:32px}.profile-name{font-size:13px;max-width:80px}.btn{font-size:12px;padding:8px 14px}.post-textarea{font-size:12px;height:34px;padding:6px 10px}.btn-mic,.btn-post{min-width:56px}.queue-status{font-size:12px}.note-item{font-size:12px;padding:6px 10px}}:root.dark{color-scheme:dark}:root.dark body{background:#0a1628}.dark .app{background:#0a1628}.dark .header h1{color:#ff8c00}.dark .version,.dark .version a{color:#cc7000}.dark .controls{background:#152238;border:1px solid #2a4058}.dark .profile-icon{border-color:#3a5068}.dark .profile-name{color:#ff8c00}.dark .profile-loading{color:#cc7000}.dark .btn-start{background:#c60}.dark .btn-start:hover:not(:disabled){background:#ff8c00}.dark .btn-pause{background:#3a5068}.dark .btn-pause:hover{background:#4a6078}.dark .btn-resume{background:#5a7f4a}.dark .btn-resume:hover{background:#6a8f5a}.dark .btn-skip{background:#3a5068}.dark .btn-skip:hover{background:#4a6078}.dark .btn-mute{background:#3a5068}.dark .btn-mute:hover{background:#4a6078}.dark .btn-mute-active{background:#a45a4a}.dark .btn-mute-active:hover{background:#b46a5a}.dark .btn-stop{background:#a45a4a}.dark .btn-stop:hover{background:#b46a5a}.dark .post-dest-checkbox{color:#cc7000}.dark .post-dest-checkbox input[type=checkbox]{border-color:#c60;background:#1a2a42}.dark .post-dest-checkbox input[type=checkbox]:checked{background:#c60;border-color:#c60}.dark .post-textarea{border-color:#3a5068;background:#1a2a42;color:#ff9f33}.dark .post-textarea:focus{border-color:#c60}.dark .post-textarea:disabled{background:#152238;color:#5a6578}.dark .btn-post{background:#5a7f4a}.dark .btn-post:hover:not(:disabled){background:#6a8f5a}.dark .btn-mic{background:#3a5068}.dark .btn-mic:hover:not(:disabled){background:#4a6078}.dark .btn-mic-active{background:#a45a4a}.dark .btn-mic-active:hover:not(:disabled){background:#b46a5a}.dark .status{background:#152238;border-color:#2a4058}.dark .queue-status{color:#ff9f33}.dark .ws-debug-status{color:#cc7000}.dark .ws-debug-status.error{color:#ff6b5a}.dark .current-note{border-top-color:#2a4058}.dark .current-label{color:#cc7000}.dark .current-content{color:#ff9f33}.dark .current-content strong{color:#ff8c00}.dark .notes-list{border-color:#2a4058;background:#152238}.dark .note-item{border-bottom-color:#2a4058}.dark .note-item.unread{background:#1a2a42}.dark .note-item.read{background:#0c1828;color:#7a8598}.dark .note-item.current{background:#1a2a42;border-left-color:#ff8c00}.dark .note-datetime{color:#7a8598}.dark .note-item.read .note-datetime{color:#5a6578}.dark .note-item.current .note-datetime{color:#9ab0c8}.dark .note-author{color:#ff8c00}.dark .note-item.read .note-author{color:#960}.dark .note-content{color:#ff9f33}.dark .note-item.read .note-content{color:#7a6840}.dark .note-item.current .note-author,.dark .note-item.current .note-content{color:#ffb347}.dark .note-content a{color:#6ab0ff}.dark .note-content a:hover{color:#8ac4ff}.dark .note-item.read .note-content a{color:#5080a8}.dark .icon-heart{stroke:#7a8598}.dark .note-fav:hover .icon-heart{stroke:#ff8c00}.dark .note-fav.favorited .icon-heart{fill:#cc7000;stroke:#cc7000}.dark .icon-nostr,.dark .icon-bluesky,.dark .icon-misskey{fill:#cc7000}.dark .note-source:hover .icon-nostr,.dark .note-source:hover .icon-bluesky,.dark .note-source:hover .icon-misskey{fill:#ff8c00}.dark .btn-export{opacity:.7}.dark .icon-export{fill:#cc7000}.dark .btn-export:hover .icon-export{fill:#ff8c00}.dark .btn-config{opacity:.7}.dark .icon-config{fill:#cc7000}.dark .btn-config:hover .icon-config{fill:#ff8c00}.dark .config-overlay{background:#000000b3}.dark .config-dialog{background:#152238;box-shadow:0 4px 20px #00000080}.dark .config-header{border-bottom-color:#2a4058;color:#ff8c00}.dark .btn-close{color:#7a8598}.dark .btn-close:hover,.dark .config-label{color:#ff8c00}.dark .config-radio{color:#ff9f33}.dark .config-radio input[type=radio]{border-color:#c60;background:#1a2a42}.dark .config-radio input[type=radio]:checked{background:#c60;border-color:#c60;box-shadow:inset 0 0 0 3px #1a2a42}.dark .config-checkbox{color:#ff9f33}.dark .config-checkbox input[type=checkbox]{border-color:#c60;background:#1a2a42}.dark .config-checkbox input[type=checkbox]:checked{background:#c60;border-color:#c60}.dark .config-input-text{border-color:#3a5068;background:#1a2a42;color:#ff9f33}.dark .config-input-text::placeholder{color:#5a6578}.dark .config-select{border-color:#3a5068;background:#1a2a42;color:#ff9f33}.dark .config-select:disabled{background:#0c1828;color:#5a6578}.dark .config-input-number{border-color:#3a5068;background:#1a2a42;color:#ff9f33}.dark .config-input-number:disabled{background:#0c1828;color:#5a6578}.dark .config-volume-slider::-webkit-slider-runnable-track{background:#2a4058}.dark .config-volume-slider::-webkit-slider-thumb{background:#c60}.dark .config-volume-slider::-moz-range-track{background:#2a4058}.dark .config-volume-slider::-moz-range-thumb{background:#c60}.dark .config-volume-value{color:#ff8c00}