:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #50a8eb;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f1f1f4;--tg-theme-section-bg-color: #ffffff;--tg-theme-section-separator-color: #e5e5ea;--tg-theme-accent-text-color: #2481cc;--tg-theme-destructive-text-color: #ff3b30;--tg-theme-subtitle-text-color: #999999;--tg-safe-area-top: env(safe-area-inset-top, 0px);--tg-safe-area-bottom: env(safe-area-inset-bottom, 0px);--color-success: #34c759;--color-warning: #ff9500}@media(prefers-color-scheme:dark){:root{--tg-theme-bg-color: #17212b;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #7f8b99;--tg-theme-link-color: #6ab2f2;--tg-theme-button-color: #5288c1;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #232e3c;--tg-theme-section-bg-color: #17212b;--tg-theme-section-separator-color: #0e1621;--tg-theme-accent-text-color: #6ab2f2;--tg-theme-destructive-text-color: #ff5e54;--tg-theme-subtitle-text-color: #7f8b99}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);font-size:16px;line-height:1.4}#root{min-height:100vh}.screen{max-width:640px;margin:0 auto;padding:calc(12px + var(--tg-safe-area-top)) 16px calc(24px + var(--tg-safe-area-bottom));display:flex;flex-direction:column;gap:16px}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-header h1{font-size:20px;margin:0}.header-link{color:var(--tg-theme-link-color);text-decoration:none;font-size:14px}.btn{border:none;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;color:var(--tg-theme-button-text-color);background:var(--tg-theme-button-color);white-space:nowrap}.btn:disabled{opacity:.55;cursor:default}.btn-secondary{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-accent-text-color)}.btn-success{background:var(--color-success);color:#fff}.btn-block{width:100%;padding:13px 16px;font-size:16px}.card-list{background:var(--tg-theme-secondary-bg-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card-row{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;border-bottom:.5px solid var(--tg-theme-section-separator-color)}.card-row:last-child{border-bottom:none}button.card-row,.card-row-btn{background:none;border:none;border-bottom:.5px solid var(--tg-theme-section-separator-color);font:inherit;text-align:left;cursor:pointer;width:100%}button.card-row:last-child{border-bottom:none}.card-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-row-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-done{text-decoration:line-through;color:var(--tg-theme-hint-color)}.card-row-sub{font-size:13px;color:var(--tg-theme-hint-color)}.card-row-chevron{color:var(--tg-theme-hint-color);font-size:20px}.tabs{display:flex;background:var(--tg-theme-secondary-bg-color);border-radius:10px;padding:2px;gap:2px}.tab{flex:1;border:none;background:transparent;color:var(--tg-theme-text-color);padding:7px 4px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer}.tab-active{background:var(--tg-theme-bg-color);box-shadow:0 1px 3px #0000002e}.badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.badge-new{background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-hint-color)}.badge-in_progress{background:color-mix(in srgb,var(--tg-theme-button-color) 18%,transparent);color:var(--tg-theme-button-color)}.badge-done{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.due{color:var(--tg-theme-hint-color)}.due-overdue{color:var(--tg-theme-destructive-text-color);font-weight:600}.due-today{color:var(--color-warning);font-weight:600}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.04em}.input{width:100%;border:none;border-radius:10px;background:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);padding:12px 14px;font-size:16px;font-family:inherit;outline:none}.input:focus{box-shadow:0 0 0 2px var(--tg-theme-button-color)}.textarea{resize:vertical;min-height:90px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-creator{font-size:13px;color:var(--tg-theme-hint-color);margin:0}.invite-box{display:flex;align-items:center;gap:10px;background:var(--tg-theme-secondary-bg-color);border-radius:12px;padding:12px 14px}.invite-url{flex:1;min-width:0;font-size:13px;color:var(--tg-theme-link-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;color:var(--tg-theme-hint-color);text-align:center}.empty-state p{margin:0}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton-row{height:58px;border-radius:12px;background:var(--tg-theme-secondary-bg-color);position:relative;overflow:hidden}.skeleton-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(128,128,128,.15),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast{position:fixed;left:50%;bottom:calc(24px + var(--tg-safe-area-bottom));transform:translate(-50%);background:#141414e6;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;max-width:calc(100vw - 32px);text-align:center;z-index:100;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.outside-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.outside-icon{font-size:48px}.outside-screen h1{font-size:20px;margin:0}.outside-screen p{margin:0;color:var(--tg-theme-hint-color);max-width:320px}