:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #999999);--button: var(--tg-theme-button-color, #3390ec);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f4f4f5);--tap: 44px}*{box-sizing:border-box}body{margin:0;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.add-form{display:flex;gap:8px;margin-bottom:12px}.add-form input{flex:1;min-height:var(--tap);padding:10px 12px;border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:15px}.add-form button,.task .actions button{min-height:var(--tap);border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:15px;padding:10px 16px;cursor:pointer}.board{display:flex;flex-direction:column;gap:12px}.column{background:var(--secondary-bg);border-radius:10px;padding:10px}.column h2{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.column h2 .count{font-weight:400}.task{background:var(--bg);border-radius:8px;padding:8px 10px;margin-bottom:6px;cursor:pointer}.task:active{opacity:.85}.task:last-child{margin-bottom:0}.task .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.task .title{flex:1;min-width:0;font-size:14px;word-break:break-word}.task .chevron{flex-shrink:0;color:var(--hint);font-size:18px;line-height:1}.task .notes-badge{font-size:11px}.task .actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.task .actions button{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:18px}.task .actions select.status{min-height:var(--tap);border:none;border-radius:8px;background:var(--secondary-bg);color:var(--hint);font-size:13px;padding:8px;max-width:8.5rem}.task .meta{display:flex;gap:8px;margin-top:6px}.task .meta .field{flex:1;min-width:0;min-height:var(--tap);display:flex;align-items:center;gap:6px;border-radius:8px;background:var(--secondary-bg);padding:6px 10px}.task .meta .icon{flex-shrink:0;font-size:13px;line-height:1}.task .meta input[type=date],.task .meta select{flex:1;min-width:0;border:none;background:transparent;color:var(--hint);font-size:13px;padding:0;color-scheme:light dark}.task .meta input[type=date].overdue{color:#e53935;font-weight:600}.error{text-align:center;color:var(--hint);padding:40px 20px;font-size:15px}.detail{display:flex;flex-direction:column;gap:14px}.detail-header{display:flex;align-items:center;gap:8px}.detail-header h2{flex:1;margin:0;font-size:16px}.detail-header button{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:17px;padding:0 12px;cursor:pointer}.detail-header button.danger{color:#e53935}.detail .field-row{display:flex;flex-direction:column;gap:4px}.detail .field-row>label{font-size:12px;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.detail input,.detail textarea,.detail select{border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-family:inherit;font-size:15px;min-height:var(--tap);padding:10px 12px;color-scheme:light dark}.detail textarea{resize:vertical;min-height:120px}.detail .save{min-height:var(--tap);border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:15px;padding:10px;cursor:pointer}.detail .history h3{margin:4px 0 6px;font-size:12px;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.detail .history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.detail .history li{font-size:12px;color:var(--hint)}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs button{flex:1;min-height:var(--tap);border:none;border-radius:8px;background:var(--secondary-bg);color:var(--hint);font-size:15px;padding:8px;cursor:pointer}.tabs button.active{background:var(--button);color:var(--button-text)}.mtable{display:flex;flex-direction:column;gap:2px;padding-bottom:76px}.mrow{display:flex;flex-direction:column;container-type:inline-size;gap:4px;min-height:var(--tap);padding:8px 8px 8px calc(8px + var(--depth, 0) * 16px);background:var(--secondary-bg);border-radius:6px;cursor:pointer}.mrow:active{opacity:.85}.key-line{display:flex;align-items:center;gap:4px;min-width:0}.mrow.stacked{flex-direction:column;gap:4px}.mrow.inline{flex-direction:row;align-items:center;gap:8px}.mrow.inline .value-line{padding-left:0;flex-shrink:0}.mrow.inline .mvalue{max-width:45%}@container (max-width: 290px){.mrow.inline{flex-direction:column;align-items:stretch;gap:4px}.mrow.inline .value-line{padding-left:16px}.mrow.inline .mvalue{max-width:100%}}.mchev{flex-shrink:0;width:12px;color:var(--hint);font-size:10px;line-height:1}.mname{flex:1;min-width:0;font-size:14px;word-break:break-word}.tag-name{color:var(--button);font-size:12px}.value-line{padding-left:16px}.mvalue{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--hint)}.mvalue.empty{display:none}.mvalue.editable{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.add-value{min-height:32px;border:1px dashed var(--hint);border-radius:6px;background:transparent;color:var(--hint);font-size:12px;padding:2px 10px;cursor:pointer}.mname-cell .inline-edit{flex:1;min-width:0}.mvalue .inline-edit{width:100%}.inline-edit{width:100%;min-width:0;min-height:36px;border:none;border-radius:6px;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;padding:6px 8px}.mactions{position:relative;display:flex;gap:2px;flex-shrink:0}.mactions button{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--hint);font-size:18px;line-height:1;padding:0;cursor:pointer}.overflow-menu{position:absolute;top:100%;right:0;z-index:20;min-width:150px;display:flex;flex-direction:column;padding:4px;background:var(--bg);border:1px solid var(--secondary-bg);border-radius:8px;box-shadow:0 4px 16px #00000040}.overflow-menu button{min-height:var(--tap);justify-content:flex-start;padding:0 12px;font-size:14px;color:var(--text)}.overflow-menu hr{width:100%;margin:4px 0;border:none;border-top:1px solid var(--secondary-bg)}.medit{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px calc(8px + var(--depth, 0) * 16px);padding:6px 8px;background:var(--bg);border:1px solid var(--secondary-bg);border-radius:8px}.medit .tag{display:inline-flex;align-items:center;min-height:28px;background:var(--button);color:var(--button-text);border-radius:14px;font-size:12px;padding:2px 8px}.medit .tag button{border:none;background:transparent;color:inherit;font-size:14px;line-height:1;padding:0 0 0 4px;cursor:pointer}.medit input{flex:1;min-width:0;min-height:var(--tap);border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:15px;padding:10px 12px}.medit>button{min-height:var(--tap);border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:14px;padding:0 14px;cursor:pointer}.fab{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border:none;border-radius:50%;background:var(--button);color:var(--button-text);font-size:28px;line-height:1;box-shadow:0 2px 10px #0000004d;cursor:pointer;z-index:10}.fab:active{transform:scale(.96)}.detail .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.detail .crumbs button{min-height:36px;border:none;background:transparent;color:var(--button);font-size:14px;padding:6px 8px;cursor:pointer}.detail .crumbs button.active{color:var(--hint)}.detail .crumbs .sep{color:var(--hint);font-size:13px}.detail .tags{display:flex;flex-wrap:wrap;gap:4px}.detail .tag{display:inline-flex;align-items:center;min-height:32px;background:var(--button);color:var(--button-text);border-radius:16px;font-size:13px;padding:3px 10px}.detail .tag button{border:none;background:transparent;color:inherit;font-size:16px;line-height:1;padding:0 0 0 6px;cursor:pointer}.detail .tag-form{display:flex;gap:6px}.detail .tag-form input{flex:1;min-height:var(--tap);border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:15px;padding:10px 12px}.detail .tag-form button{min-height:var(--tap);border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:14px;padding:0 14px;cursor:pointer}.detail .mvalue{font-size:12px;color:var(--hint)}