:root{--color-primary:#1e40af;--color-on-primary:#fff;--color-secondary:#3b82f6;--color-accent:#d97706;--color-background:#f8fafc;--color-surface:#fff;--color-foreground:#0f172a;--color-text-secondary:#47566e;--color-muted:#e9eef6;--color-border:#dbeafe;--color-destructive:#dc2626;--color-ring:#1e40af;--zone-green:#15803d;--zone-green-bg:#dcfce7;--zone-yellow:#a16207;--zone-yellow-bg:#fef9c3;--zone-red:#b91c1c;--zone-red-bg:#fee2e2;--zone-none:#64748b;--zone-none-bg:#e2e8f0;--score-critical:#b91c1c;--score-low:#c2410c;--score-normal:#a16207;--score-good:#15803d;--score-top:#1d4ed8;--score-pending:#64748b;--chart-1:#2563eb;--chart-2:#d97706;--chart-3:#0d9488;--chart-grid:#e2e8f0;--chart-axis:#94a3b8;--font-heading:"Fira Code",ui-monospace,monospace;--font-body:"Fira Sans",system-ui,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-card:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html{font-size:16px}body{background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.25;margin:0}p,ul{margin:0}ul{list-style:none;padding:0}a{color:var(--color-primary);text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}:focus-visible{border-radius:var(--radius-md);outline:2px solid var(--color-ring);outline-offset:2px}.shell{min-height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right)}.content{margin:0 auto;max-width:880px;padding:calc(var(--safe-top) + var(--space-xl)) var(--space-md) calc(var(--safe-bottom) + var(--space-2xl))}@media(min-width:768px){.content{padding-left:var(--space-xl);padding-right:var(--space-xl)}}.masthead{margin-bottom:var(--space-xl)}.masthead-title{color:var(--color-foreground);font-size:1.75rem;font-weight:500;letter-spacing:-.03em}.masthead-title .tld{color:var(--color-primary)}.masthead-sub{font-family:var(--font-heading);font-size:.75rem;margin-top:var(--space-xs)}.masthead-sub,.section-title{color:var(--color-text-secondary)}.section-title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;margin:var(--space-xl) 0 var(--space-md);text-transform:uppercase}.card{background:var(--color-surface);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-lg)}.card+.card{margin-top:var(--space-md)}.card-head{margin-bottom:var(--space-md)}.card-head,.card-title{align-items:center;display:flex;gap:var(--space-sm)}.card-title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.card-src,.card-title{color:var(--color-text-secondary)}.card-src{font-family:var(--font-heading);font-size:.75rem}.card-open{align-items:center;border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-xs);margin-left:auto;margin-right:-12px;min-height:44px;padding:0 12px;transition:background .15s ease}.card-open:hover{background:var(--color-muted)}.stat-row{display:grid;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--space-md)}.stat{background:var(--color-muted);border-radius:var(--radius-lg);min-width:0;padding:12px var(--space-md)}.stat-num{font-size:1.875rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em;line-height:1.15}.stat--danger .stat-num{color:var(--color-destructive)}.stat-lbl{color:var(--color-text-secondary);font-size:.75rem;margin-top:var(--space-xs)}.task-row{align-items:baseline;border-top:1px solid var(--color-muted);display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.task-dot{align-self:center;border-radius:50%;flex:none;height:8px;width:8px}.task-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-due,.task-proj{color:var(--color-text-secondary);flex:none;font-size:.75rem}.task-due{font-family:var(--font-heading);margin-left:auto}.task-due--late{color:var(--color-destructive);font-weight:500}.task-more{border-top:1px solid var(--color-muted);font-size:.875rem;padding-top:var(--space-md)}.empty,.task-more{color:var(--color-text-secondary)}.empty{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.empty svg{color:var(--zone-green)}.skeleton{animation:pulse 1.2s ease infinite;background:var(--color-muted);border-radius:var(--radius-md);height:14px;margin:var(--space-md) 0}@keyframes pulse{50%{opacity:.45}}.error{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-md)}.retry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;min-height:44px;padding:0 var(--space-md);transition:background .15s ease}.retry:hover{background:var(--color-muted)}.tiles{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.tiles>*+*{margin-top:0}@media(min-width:560px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{align-items:center;background:var(--color-surface);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--color-foreground);display:flex;gap:var(--space-md);min-height:76px;padding:var(--space-md);transition:box-shadow .2s ease,translate .2s ease}a.tile:hover{box-shadow:var(--shadow-md);translate:0 -2px}.tile-icon{background:var(--color-muted);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:grid;flex:none;height:40px;place-items:center;width:40px}.tile--live .tile-icon{background:var(--color-primary);color:var(--color-on-primary)}.tile-name{font-weight:600}.tile-desc{font-size:.875rem}.tile-arrow,.tile-desc{color:var(--color-text-secondary)}.tile-arrow{margin-left:auto}.tile--off{opacity:.75}.badge{border:1px solid var(--color-border);border-radius:999px;margin-left:auto;padding:2px var(--space-sm);white-space:nowrap}.badge,.foot{color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.75rem}.foot{margin-top:var(--space-2xl);overflow-wrap:break-word}.rise{animation:rise .28s ease both;animation-delay:calc(var(--i, 0)*60ms)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}