:root{--bg: var(--tg-bg-color, #ffffff);--secondary-bg: var(--tg-secondary-bg-color, #f1f1f4);--text: var(--tg-text-color, #000000);--hint: var(--tg-hint-color, #8b8e93);--link: var(--tg-link-color, #2f81f7);--button: var(--tg-button-color, #2f81f7);--button-text: var(--tg-button-text-color, #ffffff);--danger: #e5484d;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;padding-bottom:env(safe-area-inset-bottom)}.app{max-width:640px;margin:0 auto;padding:12px 16px 32px}.state{padding:48px 16px;text-align:center;color:var(--hint)}.state--error{color:var(--danger)}.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;border:none;border-radius:999px;padding:8px 14px;font-size:15px;background:var(--secondary-bg);color:var(--text);cursor:pointer;white-space:nowrap}.tab--active{background:var(--button);color:var(--button-text)}.tab__count{opacity:.6;margin-left:6px;font-size:13px}.list{display:flex;flex-direction:column;gap:8px}.card{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:none;border-radius:var(--radius);padding:14px;background:var(--secondary-bg);color:var(--text);cursor:pointer;font:inherit}.card--done{opacity:.5}.card--done .card__title{text-decoration:line-through}.card__emoji{font-size:22px;line-height:1.2}.card__body{flex:1;min-width:0}.card__title{font-weight:600;margin:0 0 2px;word-break:break-word}.card__meta{display:flex;gap:10px;font-size:13px;color:var(--hint)}.card__meta--overdue{color:var(--danger)}.detail__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:4px}.detail__title{font-size:22px;font-weight:700;margin:0;word-break:break-word}.detail__theme{color:var(--hint);font-size:14px;margin:0 0 16px}.detail__text{white-space:pre-wrap;word-break:break-word;margin:0 0 16px}.detail__link{color:var(--link);word-break:break-all;display:block;margin-bottom:16px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);margin:24px 0 8px}.attachment{background:var(--secondary-bg);border-radius:var(--radius);padding:12px;margin-bottom:8px;position:relative}.attachment img{width:100%;border-radius:10px;display:block}.attachment__text{white-space:pre-wrap;word-break:break-word;margin:0}.attachment__del{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;border:none;border-radius:999px;width:26px;height:26px;cursor:pointer;font-size:15px;line-height:1}.actions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.btn{border:none;border-radius:var(--radius);padding:13px 16px;font-size:16px;font-weight:500;cursor:pointer;font-family:inherit;background:var(--secondary-bg);color:var(--text)}.btn--primary{background:var(--button);color:var(--button-text)}.btn--danger{background:transparent;color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--hint)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--secondary-bg);border-radius:10px;padding:11px 12px;font:inherit;background:var(--secondary-bg);color:var(--text)}.field textarea{resize:vertical;min-height:84px}.note-form{display:flex;gap:8px;margin-top:8px}.note-form input{flex:1}