*{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--tg-theme-bg-color, #1c1c1e);--bg2: var(--tg-theme-secondary-bg-color, #2c2c2e);--text: var(--tg-theme-text-color, #f2f2f7);--hint: var(--tg-theme-hint-color, #8e8e93);--accent: var(--tg-theme-button-color, #0a7cff);--accent-text: var(--tg-theme-button-text-color, #fff);--border: rgba(255, 255, 255, .08)}html,body,#root{height:100%;height:100dvh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh}.app-header{padding:12px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.task-meta{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px;background:var(--bg2);color:var(--hint)}.badge.timer{color:var(--text)}.task-title{font-size:15px;font-weight:600;line-height:1.35}.tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.tab-btn{flex:1;padding:11px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--hint);font-size:13px;font-weight:500;cursor:pointer;position:relative;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.badge-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3b30;position:absolute;top:9px;right:calc(50% - 26px)}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.task-body{padding:16px;overflow-y:auto;flex:1}.task-body-text{font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.hint-box{margin-top:16px;padding:12px 14px;background:var(--bg2);border-radius:12px;font-size:13px;color:var(--hint);line-height:1.45}.app-footer{display:flex;gap:10px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-shrink:0;align-items:center}.btn{padding:11px 18px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--bg2);color:var(--text)}.btn-voice{flex:1;padding:12px;border:none;border-radius:12px;background:var(--accent);color:var(--accent-text);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn-voice.recording{background:#ff3b30;animation:pulse 1.2s ease-in-out infinite}.btn-voice:disabled{opacity:.45;cursor:not-allowed}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:8px;padding:24px;text-align:center}.hint{color:var(--hint);font-size:14px}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.voice-ping-toast{position:fixed;bottom:80px;left:12px;right:12px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--accent);color:var(--accent-text);border-radius:14px;box-shadow:0 4px 20px #00000059;cursor:pointer;z-index:100;animation:toast-in .25s ease-out}.voice-ping-icon{font-size:20px;flex-shrink:0}.voice-ping-text{flex:1;font-size:13px;font-weight:500;line-height:1.35}.voice-ping-dismiss{background:none;border:none;color:var(--accent-text);opacity:.7;font-size:16px;cursor:pointer;padding:0 2px;flex-shrink:0}.voice-ping-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}