:root{color-scheme:dark;font-family:Graphik,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--task-divider: rgba(255, 255, 255, .2);background:#000;color:#f5f5f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:inherit}html,body,#root{margin:0;width:100%;height:100%;background:#000}body{min-height:100vh;overflow:hidden}.shell{min-height:100vh;width:100vw;background:#000;color:#f4f1ea;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.dashboard-stage{position:relative;width:100vw;height:100vh;overflow:hidden}.dashboard{--dashboard-top-space: 64px;--dashboard-bottom-space: 64px;position:absolute;top:50%;left:50%;width:1080px;height:1920px;transform:translate(-50%,-50%) scale(var(--ui-scale, 1));transform-origin:center center;display:flex;flex-direction:column;padding:var(--dashboard-top-space) 52px var(--dashboard-bottom-space);background:radial-gradient(circle at top,#0d0d0d,#000 58%)}.dashboard-fit{display:flex;flex-direction:column;min-height:100%;transform:scale(var(--content-scale, 1));transform-origin:top center}.clock{display:flex;flex-direction:row;align-items:center;gap:36px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.clock-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;color:#9a978f;line-height:1.08;transform:translateY(-3px)}.day-name{font-size:clamp(1.8rem,3vw,2.08rem);letter-spacing:.01em;text-transform:none;color:inherit;font-weight:700}.date-line{font-size:clamp(2.08rem,3.5vw,2.4rem);font-weight:700;color:inherit;line-height:inherit;white-space:nowrap}.date-day{display:inline-block;margin-left:.06em;color:inherit;font-size:1.1em;line-height:0}.time-line{display:inline-flex;align-items:baseline;flex:0 0 auto;gap:8px;font-size:clamp(4.4rem,7.4vw,5rem);font-weight:700;letter-spacing:-.025em;color:#e7e2d9;line-height:1;font-variant-numeric:tabular-nums}.time-period{font-size:.42em;letter-spacing:.01em}.content-stack{display:flex;flex-direction:column;gap:42px}.section-card{border:none;border-radius:0;padding:0;background:transparent;min-height:0;display:flex;flex-direction:column}.section-heading{margin-bottom:14px}.section-title{font-size:clamp(1.32rem,2.25vw,1.66rem);font-weight:700;color:#f2eee7;margin:0;letter-spacing:-.008em;text-transform:none}.section-card.events-card .section-heading .section-title{font-size:clamp(1.32rem,2.25vw,1.66rem);font-weight:700;color:#f2eee7;letter-spacing:-.008em;text-transform:none}.section-card.events-card .section-heading{margin-top:-4px;margin-bottom:18px}.section-body{flex:0 0 auto;overflow:visible;padding-right:6px}.project-section{display:flex;flex-direction:column;gap:0;margin-top:0;padding-top:6px;padding-bottom:var(--dashboard-top-space)}.task-list{padding-bottom:0}.project-group+.project-group{margin-top:42px}.section-card.events-card .section-body{background:transparent;border:none;border-radius:0;padding:0}.completed-summary{margin:8px 0 10px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:0;border:0;background:transparent;color:#c5c1b8;font-size:clamp(1.18rem,2.08vw,1.48rem);font-weight:400;line-height:1.25;letter-spacing:0}.completed-summary-icon{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}.completed-summary-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.event-list{display:flex;flex-direction:column;gap:1px}.event-item{display:flex;align-items:center;gap:10px;padding:4px 10px;margin-left:12px;border-left:3px solid var(--event-color, #60b8ff);background:#ffffff06;border-radius:0}.event-time{color:#9a978f;font-size:clamp(1.16rem,2.08vw,1.42rem);min-width:104px;font-weight:400}.event-main{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden;min-width:0;padding-left:10px}.event-title,.project-label,.task-title{font-size:clamp(1.28rem,2.15vw,1.6rem);line-height:1.2}.event-title{font-weight:400;color:#f2eee7;font-size:clamp(1.18rem,2.08vw,1.48rem);line-height:1.2;flex:0 1 auto;max-width:72%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-meta,.task-badge{font-size:clamp(1.14rem,2vw,1.42rem);color:#9a978f;white-space:nowrap}.event-meta{flex:0 1 auto;max-width:28%;overflow:hidden;text-overflow:ellipsis}.project-label{font-size:clamp(1.32rem,2.25vw,1.66rem);letter-spacing:-.008em;text-transform:none;color:#f2eee7;font-weight:700;padding-top:4px;margin-bottom:12px}.project-tasks{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--task-divider);border-bottom:1px solid var(--task-divider)}.task-row+.task-row{border-top:1px solid var(--task-divider)}.project-tasks .task-divider{display:none}.task-ring{width:22px;height:22px;border-radius:999px;border:2px solid #f5f5f3;box-sizing:border-box;margin-top:6px;flex-shrink:0}.task-ring.high{border-color:#ff8f8f}.task-ring.medium{border-color:#ffb347}.task-ring.low{border-color:#7fc9ff}.task-ring.normal{border-color:#ffffff8c}.task-content,.event-main{flex:1}.task-title{font-weight:400;color:#ddd8cf;font-size:clamp(1.32rem,2.25vw,1.66rem);line-height:1.3;letter-spacing:0}.task-meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.task-badge{display:inline-flex;align-items:center;gap:4px;color:#8f8d87;padding:2px 0;font-weight:400;letter-spacing:0}.task-badge.overdue{color:#ff8f8f}.task-badge.today{color:#58ca6b}.task-badge.deadline{color:#8f8d87}.task-badge.due.overdue,.task-badge.deadline.overdue{color:#ff8f8f}.task-badge.due.today,.task-badge.deadline.today{color:#58ca6b}.task-badge.deadline.tomorrow{color:#ffbd59}.task-badge.deadline.upcoming{color:#c79cff}.task-badge.deadline.date{color:#f2eee7}.meta-icon{width:1.05em;height:1.05em;margin-right:6px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.deadline-icon{margin-right:6px}.recurring-icon{width:.98em;height:.98em;margin-left:2px;margin-right:1px}.task-row{display:flex;flex-direction:column}.task-divider{width:100%;height:1px;background:var(--task-divider);border-radius:999px;margin:1px 0}.task-divider-bottom{margin-top:3px}.task-item{display:flex;align-items:flex-start;gap:11px;padding:7px 0}@media (max-height: 1400px){.dashboard{--dashboard-top-space: 30px;--dashboard-bottom-space: 30px;padding:30px 40px}.section-card{padding:18px 20px}}.connection-status{position:absolute;top:34px;right:52px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.integration-alert{position:absolute;top:34px;right:52px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,112,112,.55);border-radius:999px;background:#2e0404c2;color:#e8e2d8;font:inherit;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;z-index:3}.integration-alert-dot{width:.58rem;height:.58rem;border-radius:999px;background:#ff5757;display:inline-flex;box-shadow:0 0 .4rem #ff5757a6}.integration-alert-text{font-weight:600}.integrations-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;z-index:20}.integrations-panel{width:min(560px,100%);max-height:min(80vh,720px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#111;box-shadow:0 24px 80px #00000073}.integrations-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.integrations-title{margin:0;font-size:1.35rem;font-weight:500}.integrations-subtitle,.integration-description,.integration-account{margin:6px 0 0;color:#9a978f;font-size:.92rem;line-height:1.45}.integrations-close{border:0;background:transparent;color:#9a978f;font-size:1.8rem;line-height:1;cursor:pointer}.integrations-list{display:flex;flex-direction:column;gap:14px}.integration-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff05}.integration-row-main{display:flex;align-items:flex-start;gap:14px;min-width:0}.integration-mark{width:28px;height:28px;flex:0 0 auto}.integration-name{margin:0;font-size:1rem;font-weight:500}.integration-account{color:#9ec5e8}.integration-actions{flex:0 0 auto}.integration-button{display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:10px 14px;border-radius:999px;font:inherit;font-size:.88rem;text-decoration:none;cursor:pointer}.integration-button--google{border:1px solid rgba(255,255,255,.12);background:#fff;color:#1f1f1f}.integration-button--ghost{border:1px solid rgba(255,255,255,.14);background:transparent;color:#e8e2d8}.integration-button:disabled{opacity:.6;cursor:wait}.integration-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);margin:0;padding:12px 16px;border-radius:999px;background:#e4433229;color:#ffb4aa;font-size:.9rem;z-index:30}.connection-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:.85rem;letter-spacing:.04em}.connection-link--todoist{color:#e7a29b}.connection-link--calendar{color:#9ec5e8}.connection-dot{width:9px;height:9px;border-radius:50%}.connection-dot--todoist{background:#e44332;box-shadow:0 0 0 3px #e4433226}.connection-dot--calendar{background:#4285f4;box-shadow:0 0 0 3px #4285f426}.empty-state,.inline-connect{margin:0;color:#9a978f;font-size:.95rem}.inline-connect{border:0;background:transparent;color:#9ec5e8;font:inherit;cursor:pointer;text-decoration:none}.inline-connect--todoist{color:#e7a29b}
