:root{--tg-bg-color: #ffffff;--tg-text-color: #000000;--tg-hint-color: #999999;--tg-secondary-bg-color: #f0f0f0;--tg-section-bg-color: #ffffff;--tg-button-color: #3390ec;--tg-button-text-color: #ffffff;--tg-destructive-text-color: #d14e4e;--tg-link-color: #2678b6;--warn: #b8860b}*{box-sizing:border-box}body{margin:0;background:var(--tg-secondary-bg-color);color:var(--tg-text-color);font:16px/1.4 -apple-system,system-ui,sans-serif}.screen{max-width:640px;margin:0 auto;padding:8px 12px calc(72px + env(safe-area-inset-bottom))}.hint-bar{font-size:13px;color:var(--tg-hint-color);padding:8px 4px}.toggle{display:flex;gap:4px;background:var(--tg-secondary-bg-color);border-radius:10px;padding:3px;margin:8px 0}.toggle button{flex:1;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--tg-hint-color);font-size:14px}.toggle button[aria-pressed=true]{background:var(--tg-section-bg-color);color:var(--tg-text-color);font-weight:600}.section-title{font-size:13px;font-weight:600;color:var(--tg-hint-color);text-transform:uppercase;padding:16px 4px 6px}.card{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 12px;background:var(--tg-section-bg-color);border-radius:12px;margin-bottom:6px;width:100%;text-align:left;border:0;color:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.card:active{background:color-mix(in srgb,var(--tg-section-bg-color),var(--tg-text-color) 10%)}.card.done .card-title{text-decoration:line-through;color:var(--tg-hint-color)}.card-icon{font-size:22px}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.card-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{font-size:13px;color:var(--tg-hint-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-badge{font-size:12px;color:var(--warn)}.chevron{color:var(--tg-hint-color);font-size:18px}.card-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.card-action{width:44px;height:44px;margin:-6px 0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;font-size:18px;padding:0}.card-action.check{color:var(--tg-button-color)}.card-action.check.active{background:var(--tg-button-color);color:var(--tg-button-text-color)}.card-action.danger{color:var(--tg-destructive-text-color)}.card-action:disabled{opacity:.5}.empty{text-align:center;padding:64px 24px;color:var(--tg-hint-color)}.empty .mic{font-size:48px}.detail-head{display:flex;align-items:center;gap:12px;padding:12px 4px}.detail-title{font-size:20px;font-weight:600}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid var(--tg-section-separator-color, var(--tg-secondary-bg-color))}.detail-row .label{color:var(--tg-hint-color)}.detail-group{background:var(--tg-section-bg-color);border-radius:12px;margin:12px 0;overflow:hidden}.detail-group .detail-row:last-child{border-bottom:0}.detail-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-badge{font-size:12px;color:var(--warn)}.detail-row.editing{flex-direction:column;align-items:stretch;gap:4px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.btn{min-height:48px;border:0;border-radius:12px;font-size:16px}.btn-primary{background:var(--tg-button-color);color:var(--tg-button-text-color)}.btn-danger{background:transparent;color:var(--tg-destructive-text-color)}.btn:disabled{opacity:.5}.back{min-height:44px;background:transparent;border:0;color:var(--tg-link-color);font-size:16px;padding:8px 4px}.version-badge{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));right:8px;z-index:10;font-size:10px;color:var(--tg-hint-color);opacity:.55;cursor:pointer;-webkit-user-select:none;user-select:none}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:var(--tg-section-bg-color);border-top:1px solid var(--tg-secondary-bg-color);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:6px 0;border:0;background:transparent;color:var(--tg-hint-color);font-size:11px}.tabbar button[aria-pressed=true]{color:var(--tg-link-color);font-weight:600}.tab-icon{font-size:20px}.chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:34px;padding:6px 12px;border:0;border-radius:17px;background:var(--tg-section-bg-color);color:var(--tg-text-color);font-size:14px;white-space:nowrap}.chip[aria-pressed=true]{background:var(--tg-button-color);color:var(--tg-button-text-color)}.detail-row a.value.link{color:var(--tg-link-color, var(--tg-button-color));word-break:break-all;text-decoration:none}.field-editor{padding:8px 0 12px;display:flex;flex-direction:column;gap:8px}.field-editor input,.field-editor textarea,.field-editor select{background:var(--tg-secondary-bg-color);color:var(--tg-text-color);border:1px solid var(--tg-section-separator-color, var(--tg-hint-color));border-radius:8px;padding:8px 10px;font-size:15px}.field-editor .row{display:flex;gap:8px;align-items:center}.field-error{color:var(--tg-destructive-text-color);font-size:13px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip-row .chip{border:1px solid var(--tg-hint-color);border-radius:14px;padding:4px 10px;font-size:13px;color:var(--tg-text-color);background:transparent}.chip-row .chip.active{background:var(--tg-button-color);color:var(--tg-button-text-color);border-color:var(--tg-button-color)}.convert-sheet{position:fixed;inset:0;background:color-mix(in srgb,var(--tg-bg-color) 40%,transparent);display:flex;align-items:flex-end;z-index:20}.convert-sheet .sheet-body{background:var(--tg-bg-color);width:100%;border-radius:12px 12px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto}.convert-option{display:flex;gap:10px;align-items:center;padding:12px 4px;width:100%;background:none;border:none;color:var(--tg-text-color);font-size:16px;border-bottom:1px solid var(--tg-section-separator-color, transparent)}.detail-row.editable{cursor:pointer}.detail-row .chevron{color:var(--tg-hint-color);margin-left:4px}.card,.card-action,.detail-row.editable,.detail-title.editable,.btn,.back,.chip,.toggle button,.tabbar button,.convert-option{cursor:pointer}.btn:disabled,.chip:disabled,.card-action:disabled,.convert-option:disabled{cursor:default}.card,.card-action,.detail-row.editable,.btn,.back,.chip,.toggle button,.tabbar button,.convert-option{transition:background-color .15s}.back{border-radius:8px}@media(hover:hover)and (pointer:fine){.card:hover{background:color-mix(in srgb,var(--tg-section-bg-color),var(--tg-text-color) 5%)}.btn-primary:not(:disabled):hover{background:color-mix(in srgb,var(--tg-button-color),var(--tg-text-color) 8%)}.chip:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--tg-section-bg-color),var(--tg-text-color) 5%)}.chip[aria-pressed=true]:hover{background:color-mix(in srgb,var(--tg-button-color),var(--tg-text-color) 8%)}.detail-row.editable:hover,.back:hover,.btn-danger:not(:disabled):hover,.btn:not(.btn-primary):not(:disabled):hover,.toggle button:hover,.tabbar button:hover,.convert-option:not(:disabled):hover,.chip-row .chip:hover{background:color-mix(in srgb,var(--tg-text-color) 6%,transparent)}.chip-row .chip.active:hover{background:color-mix(in srgb,var(--tg-button-color),var(--tg-text-color) 8%)}.card-action:not(:disabled):not(.active):hover{background:color-mix(in srgb,var(--tg-text-color) 6%,transparent)}.card-action.check.active:not(:disabled):hover{background:color-mix(in srgb,var(--tg-button-color),var(--tg-text-color) 8%)}}.btn-primary:not(:disabled):active{background:color-mix(in srgb,var(--tg-button-color),var(--tg-text-color) 14%)}.detail-row.editable:active,.back:active,.btn-danger:not(:disabled):active,.toggle button:active,.tabbar button:active,.convert-option:not(:disabled):active,.chip-row .chip:active{background:color-mix(in srgb,var(--tg-text-color) 12%,transparent)}.card-action:not(:disabled):not(.active):active{background:color-mix(in srgb,var(--tg-text-color) 12%,transparent)}.card-action.check.active:not(:disabled):active{background:color-mix(in srgb,var(--tg-button-color),var(--tg-text-color) 14%)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px}.setting-label{color:var(--tg-text-color)}.setting-row select,.setting-row input[type=time]{background:var(--tg-secondary-bg-color);color:var(--tg-text-color);border:1px solid var(--tg-hint-color);border-radius:8px;padding:6px 10px;font-size:15px}.setting-hint{font-size:13px;color:var(--tg-hint-color);padding:0 4px 8px}.switch{position:relative;display:inline-block;flex:0 0 auto}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch .track{display:block;width:44px;height:26px;border-radius:13px;background:var(--tg-secondary-bg-color);border:1px solid var(--tg-hint-color);transition:background-color .15s,border-color .15s}.switch .track:after{content:"";display:block;box-sizing:border-box;width:22px;height:22px;margin:1px;border-radius:50%;background:var(--tg-section-bg-color);border:1px solid var(--tg-hint-color);transition:transform .15s,background-color .15s}.switch input:checked+.track{background:var(--tg-button-color);border-color:var(--tg-button-color)}.switch input:checked+.track:after{transform:translate(18px);background:var(--tg-button-text-color);border-color:transparent}.switch input:focus-visible+.track{box-shadow:0 0 0 2px var(--tg-link-color)}