:root{--bg: #111214;--bg-2: #1c1d20;--bg-3: #23252a;--border: #2e3035;--border-focus: #4b5563;--text: #e8e9eb;--text-2: #9ca3af;--text-3: #6b7280;--text-4: #4b5563;--accent: #f97316;--accent-hover: #ea6a0c;--accent-dim: rgba(249,115,22,.15);--success: #16a34a;--success-dim: rgba(22,163,74,.15);--warning: #d97706;--warning-dim: rgba(217,119,6,.15);--error: #dc2626;--error-dim: rgba(220,38,38,.15);--info: #3b82f6;--info-dim: rgba(59,130,246,.15);--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--sidebar-w: 260px;--transition: .18s ease;--fs-2xs: clamp(9px, 2.3vw, 10px);--fs-xs: clamp(10px, 2.6vw, 11px);--fs-sm: clamp(11px, 2.9vw, 13px);--fs-md: clamp(13px, 3.5vw, 15px);--fs-lg: clamp(15px, 4vw, 17px);--fs-xl: clamp(17px, 4.5vw, 20px);--fs-2xl: clamp(20px, 5.5vw, 26px);--sp-1: clamp(3px, .8vw, 5px);--sp-2: clamp(5px, 1.3vw, 7px);--sp-3: clamp(7px, 1.8vw, 10px);--sp-4: clamp(10px, 2.5vw, 14px);--sp-5: clamp(14px, 3.5vw, 18px);--sp-6: clamp(18px, 4.5vw, 24px);--h-header: clamp(50px, 13vw, 58px);--h-nav: clamp(60px, 15.5vw, 68px);--h-input: clamp(42px, 11vw, 50px);--h-touch: clamp(44px, 11.5vw, 52px);--bubble-r: clamp(14px, 3.8vw, 18px)}[data-theme=light]{--bg: #ffffff;--bg-2: #f9fafb;--bg-3: #f3f4f6;--border: #e5e7eb;--border-focus: #d1d5db;--text: #111214;--text-2: #374151;--text-3: #6b7280;--text-4: #9ca3af;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-sm: 0 2px 8px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,3.9vw,16px);-webkit-text-size-adjust:100%;height:100%;height:-webkit-fill-available;overflow:hidden;background:var(--bg-2)}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;line-height:1.5;height:100%;min-height:-webkit-fill-available;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .2s ease}.status-todo{color:var(--text-3)}.status-active{color:var(--info)}.status-blocked{color:var(--error)}.status-review{color:var(--warning)}.status-done{color:var(--success)}.status-cancelled{color:var(--text-4);text-decoration:line-through}.priority-urgent{color:var(--error)}.priority-high{color:var(--warning)}.priority-normal{color:var(--text-3)}.priority-low{color:var(--text-4)}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-wrap{width:var(--sidebar-w);flex-shrink:0}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;min-height:var(--h-header);padding-top:max(var(--sp-3),calc(var(--sp-3) + env(safe-area-inset-top)))}.bottom-nav{display:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);border:none;background:none;cursor:pointer;color:var(--text-3);font-family:inherit;-webkit-tap-highlight-color:transparent;transition:color var(--transition);min-height:var(--h-nav)}.bn-item.bn-active{color:var(--accent)}.bn-icon{font-size:var(--fs-xl);line-height:1}.bn-label{font-size:var(--fs-2xs);font-weight:600;letter-spacing:.3px}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--error);color:#fff;text-align:center;padding:8px 16px;font-size:13px;font-weight:600;z-index:9999;padding-top:max(8px,calc(8px + env(safe-area-inset-top)))}.install-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-2);border-top:2px solid var(--accent);display:flex;align-items:center;gap:12px;padding:12px 16px;z-index:300;box-shadow:0 -4px 20px #0000004d;padding-bottom:max(12px,calc(12px + env(safe-area-inset-bottom)))}.ios-hint-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:400;display:flex;align-items:flex-end;justify-content:center}.ios-hint-card{background:var(--bg-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;width:100%;max-width:480px;padding-bottom:max(24px,calc(24px + env(safe-area-inset-bottom)));border-top:2px solid var(--accent);animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.sidebar-wrap{display:none}.mobile-header{display:flex}.nav-root{flex-direction:column!important;height:100%!important}.bottom-nav{display:flex;flex-shrink:0;background:var(--bg-2);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px)}.bn-item{min-height:var(--h-nav)}.main-content{padding-bottom:var(--sp-4)!important}.main-content.page-chat{padding:0!important;overflow:hidden!important}.main-content::-webkit-scrollbar{display:none}.main-content{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.install-banner{bottom:0;padding-bottom:12px}.nav-layout-compact,.nav-layout-icons{--h-nav: clamp(46px, 12vw, 54px)}.nav-layout-field{--h-nav: clamp(64px, 16.5vw, 72px)}.nav-layout-fab .main-content:not(.page-chat){padding-bottom:calc(var(--h-nav) + 32px)!important}.nav-layout-fab .main-content.page-chat{padding-bottom:0!important}.nav-theme-compact .bn-theme-compact{min-height:var(--h-nav);padding:var(--sp-1) var(--sp-1) 0;gap:2px}.nav-theme-compact .bn-theme-compact .bn-icon{font-size:clamp(24px,6.2vw,28px);line-height:1;transition:transform .15s ease}.nav-theme-compact .bn-theme-compact .bn-label{font-size:var(--fs-xs);max-height:0;overflow:hidden;opacity:0;transition:max-height .18s ease,opacity .18s ease,margin .18s ease;margin-top:0}.nav-theme-compact .bn-theme-compact.bn-active .bn-label{max-height:16px;opacity:1;margin-top:2px}.nav-theme-compact .bn-theme-compact.bn-active .bn-icon{transform:scale(1.1)}.nav-theme-pill{gap:0;padding:8px 4px}.nav-theme-pill .bn-theme-pill{position:relative;min-height:0;padding:6px 4px;flex-direction:column;gap:2px;border-radius:12px;overflow:visible;transition:color var(--transition)}.nav-theme-pill .bn-theme-pill.bn-active{color:var(--accent)}.nav-theme-pill .bn-theme-pill:not(.bn-active){color:var(--text-3)}.nav-theme-pill .bn-theme-pill.bn-active:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:52px;height:30px;background:var(--accent-dim);border-radius:15px;z-index:0}.nav-theme-pill .bn-theme-pill .bn-icon,.nav-theme-pill .bn-theme-pill .bn-label{position:relative;z-index:1}.nav-theme-pill .bn-theme-pill .bn-icon{font-size:clamp(19px,5vw,22px);line-height:1}.nav-theme-pill .bn-theme-pill .bn-label{font-size:var(--fs-2xs);font-weight:600}.nav-theme-icons .bn-theme-icons{min-height:var(--h-nav);padding:var(--sp-2) var(--sp-1);gap:0}.nav-theme-icons .bn-theme-icons .bn-icon{font-size:clamp(26px,6.8vw,30px);transition:transform .15s ease}.nav-theme-icons .bn-theme-icons .bn-label{display:none}.nav-theme-icons .bn-theme-icons.bn-active .bn-icon{transform:scale(1.2)}.nav-theme-icons .bn-theme-icons.bn-active:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:3px}.nav-theme-fab .bn-theme-fab{min-height:var(--h-nav);padding:var(--sp-2) var(--sp-1)}.nav-theme-field .bn-item{min-height:clamp(64px,16.5vw,72px)}.nav-theme-field .bn-icon{font-size:clamp(26px,6.8vw,30px)}.nav-theme-field .bn-label{font-size:var(--fs-sm);font-weight:800;letter-spacing:0}.nav-theme-field .bn-item.bn-active{background:var(--accent-dim);border-radius:12px}.nav-theme-dock .bn-theme-dock{position:relative;min-height:var(--h-nav)}.nav-theme-dock .bn-theme-dock .bn-icon{font-size:clamp(20px,5.2vw,24px);transition:font-size .22s cubic-bezier(.34,1.56,.64,1),transform .22s cubic-bezier(.34,1.56,.64,1)}.nav-theme-dock .bn-theme-dock.bn-active .bn-icon{font-size:clamp(30px,7.8vw,36px);transform:translateY(-4px)}.nav-theme-dock .bn-theme-dock .bn-label{font-size:var(--fs-2xs);color:var(--text-4);transition:color var(--transition),font-weight var(--transition)}.nav-theme-dock .bn-theme-dock.bn-active .bn-label{font-weight:800;color:var(--accent)}.nav-theme-dock .bn-theme-dock.bn-active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent)}}