:root{color-scheme:light;--bg: #FAFAFA;--bg-elev: #FFFFFF;--bg-elev-2: #F5F5F7;--text: #1D1D1F;--text-secondary: #86868B;--muted: rgba(29, 29, 31, .5);--hairline: rgba(29, 29, 31, .06);--accent: #1D1D1F;--accent-soft: rgba(29, 29, 31, .06);--accent-contrast: #FFFFFF;--accent-rgb: 29 29 31;--primary: var(--accent);--danger: #FF3B30;--danger-soft: rgba(255, 59, 48, .08);--ok: #34C759;--ok-soft: rgba(52, 199, 89, .08);--warning: #FF9500;--warning-soft: rgba(255, 149, 0, .08);--gradient-base: #FFFFFF;--gradient-primary: var(--accent-soft);--gradient-success: var(--ok-soft);--gradient-danger: var(--danger-soft);--gradient-warning: var(--warning-soft);--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-soft: 0 2px 4px rgba(0, 0, 0, .03);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .02);--shadow-floating: 0 8px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--control-bg: rgba(142, 142, 147, .08);--control-bg-strong: #FFFFFF;--control-border: rgba(29, 29, 31, .08);--focus-ring: 0 0 0 3px rgba(29, 29, 31, .1);--container-max: 680px;--container-pad-x: 20px;--container-pad-y: 24px;--edge-pad: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--safe-top: env(safe-area-inset-top, var(--telegram-safe-top, 0px));--safe-bottom: env(safe-area-inset-bottom, var(--telegram-safe-bottom, 0px));--safe-left: env(safe-area-inset-left, var(--telegram-safe-left, 0px));--safe-right: env(safe-area-inset-right, var(--telegram-safe-right, 0px))}html,body{min-height:100vh;width:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg)!important;color:var(--text)!important;overflow-x:hidden;letter-spacing:-.01em}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}div,span,p,h1,h2,h3,h4,h5,h6,label,a{color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;color:var(--text)}input,textarea,button{max-width:100%}.app-shell{min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:calc(var(--safe-top) + 20px);padding-bottom:calc(var(--safe-bottom) + 100px);box-sizing:border-box;color:var(--text);background:var(--bg)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--container-pad-y) var(--container-pad-x);color:var(--text)}.glass{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow);color:var(--text);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.glass:hover{box-shadow:var(--shadow-soft)}.glass-elevated{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.surface{background:var(--bg-elev-2);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:none}.scroll-inner{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;overscroll-behavior-y:contain;overscroll-behavior-x:none}[data-radix-accordion-content]{overscroll-behavior:contain}.row{display:flex;align-items:center;gap:var(--spacing-md)}.row-wrap{flex-wrap:wrap}.minw-0{min-width:0}.muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.hairline{height:1px;background:var(--hairline)}.tap{min-height:44px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text);transition:all var(--transition-fast);cursor:pointer;font-size:15px;font-weight:500}.tap:hover{background:var(--control-bg)}.tap:active{transform:scale(.98);opacity:.9}.tap[data-state=open],.tap[data-state=active]{background:var(--gradient-primary)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;border-radius:20px;border:1px solid var(--hairline);background:var(--bg-elev-2);color:var(--text)!important;font-size:13px;font-weight:500;max-width:100%;min-width:0;transition:all var(--transition-fast);cursor:pointer}.chip:hover{background:var(--control-bg);border-color:var(--control-border)}.chip[aria-pressed=true]{background:var(--gradient-primary);border-color:rgba(var(--accent-rgb) / .2)}.chip.active-task{background:var(--gradient-success);border-color:#34c75933;color:var(--ok);font-weight:600}.chip.overdue{background:var(--gradient-danger);border-color:#ff3b3033;color:var(--danger);font-weight:600}.chip.primary{background:var(--gradient-primary);border-color:rgba(var(--accent-rgb) / .2);color:var(--primary);font-weight:600}.line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cards-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.list-grid{display:grid;gap:var(--spacing-md)}.menu-content{max-width:calc(100vw - 24px);max-height:min(60vh,520px);overflow:auto}.field{width:100%;border:1px solid var(--hairline);background:var(--control-bg);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;min-height:44px;font-family:inherit;font-size:15px;transition:all var(--transition-fast)}.field:focus{outline:none;border-color:var(--text-secondary);background:var(--control-bg-strong);box-shadow:var(--focus-ring)}.field::placeholder{color:var(--muted)}.field-ghost{background:transparent!important;border:none!important;padding:0;min-height:28px;box-shadow:none!important;color:var(--text)}.field-ghost:focus{box-shadow:none!important;border:none!important;background:transparent!important;color:var(--text)}.field-ghost:focus-visible{outline:none;background:transparent!important}.icon-action{border:1px solid var(--hairline);background:var(--control-bg);display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.icon-action:hover{background:var(--control-bg-strong);border-color:var(--control-border)}.icon-action:active{transform:scale(.95)}.icon-danger{border:1px solid rgba(255,59,48,.2);background:var(--gradient-danger);color:var(--danger)}.icon-danger:hover{background:#ff3b301f}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.tabs-list{display:flex;gap:4px;padding:4px;background:var(--control-bg);border-radius:var(--radius-md);margin-bottom:20px}.tab-trigger{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab-trigger:hover{color:var(--text)}.tab-trigger[data-state=active]{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-xs)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.section-title-danger{color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-fadeInScale{animation:fadeInScale .2s ease forwards}.stagger-children>*{animation:fadeIn .3s ease forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:0s}.stagger-children>*:nth-child(2){animation-delay:.05s}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}@media (max-width: 768px){:root{--container-max: 100%}}@media (max-width: 480px),(pointer: coarse){:root{--container-pad-x: 16px;--container-pad-y: 20px;--edge-pad: 16px}.chip{padding:6px 10px;font-size:12px}.tap{padding:10px 14px;min-height:44px}}@media (max-width: 360px){:root{--container-pad-x: 12px}}@media (orientation: landscape) and (max-width: 900px){.app-shell{padding-top:calc(var(--safe-top) + 16px);padding-bottom:calc(var(--safe-bottom) + 90px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}