.main-nav{margin-top:35px;gap:3px}.main-nav .nav-item{padding:9px 12px}.sync-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.sync-state i{width:7px;height:7px;border-radius:50%;background:var(--sage)}
.day-start{background:linear-gradient(125deg,#7f9887,#587365);color:#fff;border-radius:26px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(440px,.8fr);align-items:center;gap:28px;box-shadow:var(--shadow);overflow:hidden;position:relative}.day-start:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-90px;top:-120px}.day-start h2{font:400 31px/1.15 Georgia,serif;margin:16px 0 9px}.day-start p{margin:0;color:rgba(255,255,255,.78);font-size:13px}.start-fields{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);padding:15px;border-radius:17px}.start-fields label{font-size:10px;color:rgba(255,255,255,.72);display:grid;gap:5px}.start-fields input,.start-fields select{border:0;border-bottom:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;padding:6px 1px;font:500 17px Georgia,serif;outline:0;color-scheme:dark}.start-fields option{color:var(--ink)}.start-fields .primary{grid-column:1/-1}
.status-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 25px;background:#fff;border-radius:16px;padding:15px 20px;box-shadow:0 8px 24px rgba(55,68,60,.05)}.status-strip>div{padding:1px 18px;border-right:1px solid var(--line)}.status-strip>div:last-child{border:0}.status-strip span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.status-strip strong{display:block;margin-top:5px;font:500 14px Georgia,serif}
.quick-section{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:9px;margin-bottom:32px}.quick-action{min-height:58px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:var(--ink);display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font:inherit}.quick-action span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-size:15px}.quick-action strong{font-size:11px}.quick-action.dark{background:#35423c;color:#fff;border-color:#35423c}.quick-action.dark span{background:rgba(255,255,255,.11)}.quick-action.gold{background:var(--gold);border-color:var(--gold);color:#40371f}.quick-action.pause{color:var(--sage-dark)}
.today-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);gap:28px}.gentle-explanation{background:var(--sage-soft);color:var(--sage-dark);border-radius:13px;padding:13px 16px;font-size:11px;line-height:1.55;margin-bottom:13px}.now-card{background:#fff;border-radius:22px;padding:25px;box-shadow:var(--shadow);border-left:5px solid var(--sage)}.now-card.empty{min-height:155px;display:grid;place-items:center;color:var(--muted);font-size:12px}.now-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.now-kicker{color:var(--sage-dark);font-weight:750;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.now-card h3{font:500 24px Georgia,serif;margin:8px 0}.now-card p{color:var(--muted);font-size:12px;margin:0}.task-meta{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.task-meta span{font-size:9px;background:var(--cream);border-radius:99px;padding:6px 9px;color:#68736c}.task-meta span.fixed-time{background:var(--coral-soft);color:#9b5f4c}.card-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:15px}.card-actions button{border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:8px;cursor:pointer;font-size:10px}.card-actions button:hover{background:var(--cream);color:var(--ink)}.card-actions .done-action{background:var(--sage-dark);color:#fff}.alternatives{margin-top:22px}.alternatives h3{font:500 17px Georgia,serif}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.next-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.next-card strong{font:500 14px Georgia,serif}.next-card p{font-size:10px;color:var(--muted);margin:7px 0 0}.window-label{font-size:9px;color:var(--sage-dark);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.later-panel{margin-top:15px;background:#fff;border-radius:15px;padding:0 18px}.later-panel summary{cursor:pointer;padding:17px 0;font:500 14px Georgia,serif;display:flex;justify-content:space-between}.later-panel summary span{font:600 9px system-ui;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.later-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0}.later-row strong{font-size:11px}.later-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.moved-note{margin-top:12px;background:#f2eee5;border-radius:14px;padding:15px;color:#746953;font-size:11px;line-height:1.5}
.gentle-card,.nap-card{background:#fff;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)}.gentle-card h3,.nap-card h3{font:500 21px Georgia,serif;margin:3px 0 8px}.gentle-card>p:not(.eyebrow),.nap-card>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.55}.care-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.care-chips span{font-size:9px;padding:7px 9px;background:var(--sage-soft);border-radius:99px;color:var(--sage-dark)}.nap-card{background:#35423c;color:#fff}.nap-card .eyebrow{color:#c9d6ce}.nap-card>p:not(.eyebrow){color:#bdc9c1}.nap-suggestion{background:rgba(255,255,255,.08);border-radius:12px;padding:12px;margin-top:8px}.nap-suggestion strong{font-size:11px}.nap-suggestion small{display:block;color:#bdc9c1;font-size:9px;margin-top:4px}
.week-message{background:var(--sage-soft);color:var(--sage-dark);border-radius:14px;padding:15px 18px;font-size:11px;line-height:1.5;margin-bottom:16px}.filter-row{display:flex;gap:7px;margin-bottom:16px;overflow:auto}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 12px;white-space:nowrap;font-size:10px;cursor:pointer}.filter.active{background:var(--sage-dark);border-color:var(--sage-dark);color:#fff}.task-catalog{display:grid;gap:10px}.catalog-item{background:#fff;border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.catalog-icon{width:42px;height:42px;background:var(--sage-soft);border-radius:12px;display:grid;place-items:center}.catalog-item h3{font:500 15px Georgia,serif;margin:0 0 5px}.catalog-item p{font-size:9px;color:var(--muted);margin:0}.catalog-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.catalog-tags span{background:var(--cream);padding:5px 7px;border-radius:20px;font-size:8px;color:var(--muted)}
.project-step{margin-top:11px;padding:9px 11px;border-radius:10px;background:var(--cream);font-size:9px}.calendar-list{display:grid;gap:12px}.appointment-card{background:#fff;border-radius:16px;padding:20px;display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:16px}.appointment-time{font:500 22px Georgia,serif;color:var(--coral)}.appointment-card h3{font:500 16px Georgia,serif;margin:0}.appointment-card p{color:var(--muted);font-size:10px;margin:5px 0 0}.locked{font-size:9px;background:var(--coral-soft);color:#9c5f4d;border-radius:99px;padding:7px 10px}
.location-filter{background:#fff;padding:18px;border-radius:16px;display:grid;grid-template-columns:1.4fr .7fr .8fr auto;gap:12px;align-items:end}.location-filter label,.settings-grid label{display:grid;gap:6px;color:var(--muted);font-size:10px}.location-filter input,.location-filter select,.settings-grid input,.settings-grid select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font:12px inherit;color:var(--ink)}.mock-banner{margin:13px 0;background:var(--gold-soft);color:#806a43;padding:11px 14px;border-radius:11px;font-size:10px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.event-card{background:#fff;border-radius:17px;padding:20px}.event-card h3{font:500 17px Georgia,serif;margin:10px 0 6px}.event-card p{font-size:10px;color:var(--muted);line-height:1.5}.event-meta{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.event-meta span{font-size:8px;background:var(--cream);border-radius:99px;padding:5px 7px}.event-preview{font-size:9px;color:var(--sage-dark);background:var(--sage-soft);border-radius:9px;padding:8px;margin-bottom:9px}
.insight-card{position:relative}.insight-actions{display:flex;gap:5px;margin-top:12px}.insight-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:9px;padding:6px 8px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-grid article{background:#fff;border-radius:18px;padding:24px;display:grid;gap:14px}.settings-grid h3{font:500 19px Georgia,serif;margin:0}.status-badge{display:inline-flex;width:max-content;background:var(--gold-soft);color:#806a43;padding:8px 10px;border-radius:99px;font-size:9px}.duration-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.duration-options button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;font-size:10px;cursor:pointer}
@media(max-width:1150px){.day-start{grid-template-columns:1fr}.today-layout{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.tip-card{grid-column:1/-1}.event-grid{grid-template-columns:1fr 1fr}.location-filter{grid-template-columns:1fr 1fr}.quick-section{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.main-nav .nav-item{padding:8px;justify-content:center}.main-nav .nav-item span{width:auto}.sync-state{display:none}}
@media(max-width:700px){body{padding-bottom:78px}.sidebar{height:78px;padding:7px 5px}.main-nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:2px}.main-nav .nav-item{min-width:72px;font-size:8px!important;flex-direction:column;gap:2px;padding:6px 3px}.main-nav .nav-item span{font-size:17px}.topbar{height:82px}.day-start{padding:24px 20px}.day-start h2{font-size:26px}.start-fields{grid-template-columns:1fr 1fr;padding:12px}.start-fields .primary{font-size:11px}.status-strip{grid-template-columns:1fr;padding:4px 15px}.status-strip>div{padding:10px 2px;border-right:0;border-bottom:1px solid var(--line)}.status-strip>div:last-child{border:0}.quick-section{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.quick-action{min-width:165px;scroll-snap-align:start}.today-layout{display:block}.right-rail{display:grid;grid-template-columns:1fr;margin-top:18px}.next-grid{grid-template-columns:1fr}.now-card{padding:20px}.section-heading{align-items:flex-start}.event-grid,.settings-grid{grid-template-columns:1fr}.location-filter{grid-template-columns:1fr}.appointment-card{grid-template-columns:64px 1fr}.appointment-card .locked{grid-column:2}.catalog-item{grid-template-columns:auto 1fr}.catalog-item>.secondary{grid-column:2}.duration-options{grid-template-columns:1fr 1fr}}
.booting .app-shell{visibility:hidden}.locked-app{display:none}.auth-gate{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 20% 10%,#edf2ec,transparent 40%),var(--cream);display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border-radius:27px;padding:34px;box-shadow:0 30px 90px rgba(38,51,45,.14);text-align:center}.auth-card .brand-mark{margin:0 auto 18px}.auth-card h1{font:400 30px Georgia,serif;margin:0}.auth-copy{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 23px}.auth-card form{display:grid;gap:13px;text-align:left}.auth-card label{display:grid;gap:6px;font-size:10px;color:var(--muted);font-weight:650}.auth-card input{border:1px solid var(--line);border-radius:11px;padding:12px;font:13px inherit;outline:0}.auth-card input:focus{border-color:var(--sage)}.auth-card .text-button{text-align:center;padding:8px}.auth-card>small{display:block;color:var(--muted);font-size:9px;margin-top:18px}.auth-message{min-height:18px;color:#a15d4a;font-size:10px;line-height:1.5}.danger-button{border:1px solid #e5b8ab;background:#fff;color:#a75d49;border-radius:11px;padding:11px 15px;font:600 12px inherit;cursor:pointer}.sync-state .offline-dot{background:var(--coral)}.sync-state .pending-dot{background:var(--gold)}
