:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #0d1117;--card-bg: #161b22;--text-main: #c9d1d9;--text-muted: #8b949e;--border-color: #30363d;--primary-color: #2ea043;--primary-hover: #3fb950;--danger-color: #da3633;--danger-hover: #f85149;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;font-weight:400;margin:0;padding:0;min-height:100vh}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;align-items:flex-start}#root{width:100%;max-width:1000px;margin:0 auto;padding:2rem}button{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);padding:6px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}button:hover{background-color:var(--border-color)}button.danger{color:var(--danger-color);border-color:var(--danger-color);background-color:transparent}button.danger:hover{background-color:var(--danger-color);color:#fff}h1{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:-webkit-linear-gradient(45deg,#2ea043,#79c0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logs-container{display:flex;flex-direction:column;gap:1.5rem}.log-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px #0000001a}.log-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0003}.log-info{display:flex;flex-direction:column;gap:.5rem}.log-sender{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px}.log-status{font-size:.9rem;display:inline-block;padding:2px 8px;border-radius:12px;background:var(--border-color);color:var(--text-main)}.log-status.pending_processing{background:#2ea04333;color:#3fb950}.log-status.downloading{background:#79c0ff33;color:#79c0ff}.log-status.error{background:#da363333;color:#ff7b72}.log-date{font-size:.85rem;color:var(--text-muted)}.log-actions{display:flex;align-items:center;gap:1rem}audio{height:40px;border-radius:20px;outline:none}audio::-webkit-media-controls-panel{background-color:var(--border-color)}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:var(--text-main)}.empty-state{text-align:center;padding:4rem;color:var(--text-muted);font-size:1.2rem;background-color:var(--card-bg);border-radius:12px;border:1px dashed var(--border-color)}.glass-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117b3;position:sticky;top:0;z-index:10;padding-bottom:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.log-card.selected{border-color:var(--primary-color);background-color:#2ea0430d}.log-checkbox{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);padding:2rem;border-radius:12px;max-width:400px;text-align:center;box-shadow:0 10px 25px #00000080}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.modal-actions button{min-width:100px;justify-content:center}