.sp-frame{align-items:stretch;min-height:calc(100vh - 68px);display:flex}.sp-content{flex:auto;min-width:0}.sp-dock{border-left:1px solid var(--line);z-index:5;background:#fff;flex:none;height:calc(100vh - 68px);display:flex;position:sticky;top:68px}.sp-dock .sp-body{border-right:1px solid var(--line);width:340px}.sp-rail{flex-direction:column;align-items:center;gap:6px;width:52px;padding:14px 0;display:flex}.sp-rail-button{color:#51606c;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.sp-rail-button:hover{background:var(--soft);color:var(--ink)}.sp-rail-button[aria-selected=true]{background:var(--brand-soft);color:var(--brand-dark)}.sp-rail-button:focus-visible,.sp-icon-button:focus-visible,.sp-fab:focus-visible,.sp-task-title:focus-visible,.sp-contact-row:focus-visible,.sp-body h2:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sp-body h2:focus:not(:focus-visible){outline:none}.sp-body{background:#fff;flex-direction:column;min-height:0;display:flex}.sp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px 18px;display:flex}.sp-head h2{letter-spacing:-.01em;margin:0;font-size:16px}.sp-scroll{flex:auto;padding:14px 18px 24px;overflow-y:auto}.sp-icon-button{color:#51606c;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sp-icon-button:hover{background:var(--soft);color:var(--ink)}.sp-icon{flex:none}.sp-fab{display:none}@media (max-width:900px){.sp-dock{display:none}.sp-fab{background:var(--brand);color:#fff;z-index:40;cursor:pointer;border:0;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #0a3c3247}}.sp-sheet-layer{z-index:60;position:fixed;inset:0}.sp-sheet-backdrop{background:#17212b61;position:absolute;inset:0}.sp-sheet{background:#fff;flex-direction:column;width:min(420px,100vw);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 32px #17212b2e}.sp-sheet .sp-body{flex:auto}.sp-tabs{border-bottom:1px solid var(--line);gap:4px;padding:10px 12px 0;display:flex}.sp-tabs .sp-rail-button{border-radius:10px 10px 0 0;gap:6px;width:auto;height:38px;padding:0 12px;font-size:13px;font-weight:700;display:flex}@media (prefers-reduced-motion:no-preference){.sp-sheet{animation:.18s ease-out sp-slide}@keyframes sp-slide{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:none}}}.sp-section{gap:12px;font-size:14px;display:grid}.sp-actions{flex-wrap:wrap;gap:8px;display:flex}.sp-small{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.sp-small .sp-icon{width:16px;height:16px}.sp-muted{color:var(--muted);margin:0;font-size:13px}.sp-ellipsis{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sp-status{margin:0}.sp-empty{padding:8px 0}.sp-more{color:var(--brand);font-size:13px;font-weight:700}.sp-more:hover{text-decoration:underline}.sp-subhead{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.sp-subhead h3,.sp-sender h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:12px}.sp-danger{color:#b42318;align-items:center;gap:4px;display:inline-flex}.sp-form{border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:10px;padding:12px;display:grid}.sp-form label{color:#51606c;gap:4px;font-size:12px;font-weight:700;display:grid}.sp-form input:not([type=checkbox]),.sp-form textarea,.sp-search input{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:400}.sp-form input:focus-visible,.sp-form textarea:focus-visible,.sp-search input:focus-visible{outline:2px solid var(--brand);outline-offset:0;border-color:#0000}.sp-form label.sp-check{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:400;display:flex}.sp-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sp-form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-inline{gap:8px;display:flex}.sp-inline input{flex:auto;min-width:0}.sp-agenda{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sp-agenda h4{color:var(--ink);margin:0 0 6px;font-size:13px}.sp-agenda ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sp-event{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 8px 8px 0;gap:2px;padding:8px 10px;display:grid}.sp-event-time{color:var(--brand-dark);font-size:12px;font-weight:700}.sp-event-title{overflow-wrap:anywhere;font-weight:600}.sp-task-form{background:#fff}.sp-details-toggle{cursor:pointer;justify-self:start;padding:0;font-size:12px}.sp-task-details{gap:10px;display:grid}.sp-task-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sp-task{border-radius:9px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;padding:8px 6px;display:grid}.sp-task:hover{background:var(--soft)}.sp-task input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand);cursor:pointer;margin:2px 0 0}.sp-task.editing{padding:0;display:block}.sp-task-main{gap:3px;min-width:0;display:grid}.sp-task-title{max-width:100%;font:inherit;color:var(--ink);text-align:left;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;justify-self:start;padding:0;font-weight:600}.sp-task.done .sp-task-title{color:var(--muted);font-weight:400;text-decoration:line-through}.sp-task-notes{color:var(--muted);white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.sp-task-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.sp-due{background:var(--soft);border:1px solid var(--line);color:#51606c;border-radius:999px;padding:1px 8px}.sp-due.overdue{color:#b42318;background:#fdebea;border-color:#f3c6c2}.sp-task-link{color:var(--brand);align-items:center;gap:4px;font-weight:700;display:inline-flex}.sp-task-link .sp-icon{width:14px;height:14px}.sp-done-toggle{cursor:pointer;justify-self:start;padding:0;font-size:13px}.sp-sync-hint{font-size:12px}.sp-tasks-page{max-width:720px}.sp-tasks-page .sp-task-form{background:var(--soft)}.sp-search input{padding-left:12px}.sp-contact-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sp-contact-row{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:7px 6px;display:flex}.sp-contact-row:hover{background:var(--soft)}.sp-contact-text{min-width:0;display:grid}.sp-avatar{background:var(--brand-soft);width:32px;height:32px;color:var(--brand-dark);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.sp-card{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:12px;gap:8px;padding:12px;display:grid}.sp-card-head{align-items:center;gap:10px;display:flex}.sp-card-head strong{flex:auto}.sp-card dl{gap:6px;margin:0;font-size:13px;display:grid}.sp-card dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.sp-card dd{margin:0}.sp-card dd a{color:var(--brand)}.sp-compose{justify-self:start}.sp-sender{gap:8px;display:grid}.sp-event-open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.sp-event-open:hover{text-decoration:underline}.sp-event-open:focus-visible{outline:2px solid var(--brand);outline-offset:2px}