*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:var(--text-md);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--c-accentSoft)}.shell{max-width:720px;padding:var(--space-xl) var(--space-lg) var(--space-xxl);margin:0 auto}.topbar{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.mark{color:var(--c-text);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:-.01em;margin-right:var(--space-sm)}.mark:before{content:"";border-radius:var(--radius-pill);background:var(--c-accent);width:6px;height:6px;margin-right:7px;display:inline-block;transform:translateY(-1px)}.tab{color:var(--c-faint);font-size:var(--text-sm);letter-spacing:.04em;text-transform:lowercase;transition:color var(--motion-fast) var(--ease);text-decoration:none}.tab:hover{color:var(--c-dim)}.tab[data-active=true]{color:var(--c-text);font-weight:var(--weight-medium)}.spacer{flex:1}.ghost{color:var(--c-faint);font-size:var(--text-sm);transition:color var(--motion-fast) var(--ease)}.ghost:hover{color:var(--c-text)}.counts{color:var(--c-dim);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.counts b{color:var(--c-text);font-weight:var(--weight-medium)}.counts .late{color:var(--c-accent)}.section{color:var(--c-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:var(--space-xl) 0 var(--space-sm)}.empty{color:var(--c-faint);font-size:var(--text-sm);padding:var(--space-xl) 0;line-height:1.6}.empty b{color:var(--c-dim);font-weight:var(--weight-regular);font-size:var(--text-md);margin-bottom:var(--space-xs);display:block}.empty kbd{font:inherit;color:var(--c-dim);border:1px solid var(--c-line);border-radius:3px;padding:1px 5px}.list{flex-direction:column;display:flex}.row{align-items:baseline;gap:var(--space-md);width:100%;padding:var(--space-sm) 0;border-bottom:1px solid var(--c-line);text-align:left;transition:opacity var(--motion-base) var(--ease), transform var(--motion-base) var(--ease), background var(--motion-fast) var(--ease);display:flex;position:relative}.row:hover{background:var(--c-raised);box-shadow:-8px 0 0 var(--c-raised), 8px 0 0 var(--c-raised)}.row:has(.row-title:active){background:var(--c-raised);transform:scale(.995)}.row-title:focus-visible,.row-done:focus-visible,.tab:focus-visible,.ghost:focus-visible{outline:2px solid var(--c-accentSoft);outline-offset:3px;border-radius:var(--radius-sm)}.row[data-done=true] .row-title{color:var(--c-faint);text-decoration:line-through}.row-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color var(--motion-base) var(--ease);flex:1;overflow:hidden}.row[data-priority=high] .row-title{font-weight:var(--weight-medium)}.row-mark{color:var(--c-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.row-mark[data-late=true]{color:var(--c-accent)}.row-mark[data-timed=true]{color:var(--c-text)}.dot{left:calc(-1 * var(--space-md));top:calc(var(--space-sm) + .55em);border-radius:var(--radius-pill);width:6px;height:6px;position:absolute}.dot[data-kind=high]{background:var(--c-accent)}.dot[data-kind=none]{background:0 0}.row-done{color:var(--c-faint);font-size:var(--text-sm);opacity:.45;transition:opacity var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease)}.row:hover .row-done,.row-done:focus-visible{opacity:1}.row-done:hover{color:var(--c-text);opacity:1}.row-done:active{color:var(--c-accent)}@media (hover:none){.row-done{opacity:.7}}.row[data-leaving=true]{opacity:0;transform:translate(8px)}.row[data-entering=true]{animation:row-in var(--motion-slow) var(--ease)}@keyframes row-in{0%{opacity:0;transform:translateY(-4px)}}.controls{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.segmented{gap:var(--space-md);display:flex}.segmented button{color:var(--c-faint);font-size:var(--text-sm);transition:color var(--motion-fast) var(--ease)}.segmented button[data-active=true]{color:var(--c-text);font-weight:var(--weight-medium)}.search{border:0;border-bottom:1px solid var(--c-line);padding:var(--space-xs) 0;font-size:var(--text-sm);transition:border-color var(--motion-fast) var(--ease);background:0 0;outline:none;flex:1}.search:focus{border-color:var(--c-dim)}.chips{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.chip{color:var(--c-faint);font-size:var(--text-xs);padding:2px var(--space-sm);border:1px solid var(--c-line);border-radius:var(--radius-pill);transition:color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease)}.scrim{background:color-mix(in srgb, var(--c-bg) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade var(--motion-fast) var(--ease);z-index:10;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.capture{width:min(560px, calc(100vw - var(--space-xl)));background:var(--c-raised);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--lift);padding:var(--space-md);z-index:11;animation:capture-in var(--motion-slow) var(--ease);position:fixed;top:18vh;left:50%;transform:translate(-50%)}@keyframes capture-in{0%{opacity:0;transform:translate(-50%,-6px)}}.capture input{width:100%;font-size:var(--text-lg);background:0 0;border:0;outline:none}.capture-hint{color:var(--c-faint);font-size:var(--text-xs);margin-top:var(--space-sm);justify-content:space-between;display:flex}.tick{color:var(--c-dim);animation:fade var(--motion-fast) var(--ease)}.panel{background:var(--c-raised);border-left:1px solid var(--c-line);width:min(420px,100vw);padding:var(--space-lg);z-index:11;animation:panel-in var(--motion-slow) var(--ease);position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}}.panel-title{width:100%;font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:-.01em;margin-bottom:var(--space-md);background:0 0;border:0;outline:none}.facts{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.chip-wrap{display:inline-flex;position:relative}.chip[data-tone=accent]{color:var(--c-accent);border-color:color-mix(in srgb, var(--c-accent) 35%, transparent)}.chip[data-tone=quiet]{border-style:dashed}.chip[data-active=true]{color:var(--c-text);border-color:var(--c-dim)}.panel-notes{border:0;border-left:1px solid var(--c-line);width:100%;min-height:72px;padding:0 0 0 var(--space-md);resize:vertical;color:var(--c-dim);transition:border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;outline:none}.panel-notes:focus{border-color:var(--c-dim);color:var(--c-text)}.more{margin-top:var(--space-lg)}.more summary{color:var(--c-faint);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}.more summary::-webkit-details-marker{display:none}.more summary:hover{color:var(--c-dim)}.more>:not(summary){margin-top:var(--space-sm)}.menu{top:calc(100% + var(--space-xs));background:var(--c-raised);border:1px solid var(--c-line);border-radius:var(--radius-md);min-width:180px;max-width:280px;box-shadow:var(--lift);padding:var(--space-xs);z-index:12;animation:menu-in var(--motion-fast) var(--ease);position:absolute;left:0}.menu[data-align=right]{left:auto;right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)}}.menu-list{flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.menu-item{justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left;color:var(--c-dim);transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);display:flex}.menu-item[data-active=true]{background:var(--c-bg);color:var(--c-text)}.menu-item[data-current=true]{color:var(--c-text);font-weight:var(--weight-medium)}.menu-hint{color:var(--c-faint)}.menu-filter{border:0;border-bottom:1px solid var(--c-line);width:100%;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs);font-size:var(--text-sm);background:0 0;outline:none}.menu-empty{color:var(--c-faint);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);margin:0}.section{align-items:baseline;gap:var(--space-sm);display:flex}.section[data-late=true]{color:var(--c-accent)}.section-count{color:var(--c-faint);letter-spacing:0}.more-rows{color:var(--c-faint);font-size:var(--text-sm);padding:var(--space-sm) 0;transition:color var(--motion-fast) var(--ease)}.more-rows:hover{color:var(--c-text)}.field{margin-bottom:var(--space-md);display:block}.field>span{color:var(--c-faint);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;display:block}.field input,.field textarea,.field select{border:0;border-bottom:1px solid var(--c-line);width:100%;padding:var(--space-xs) 0;transition:border-color var(--motion-fast) var(--ease);background:0 0;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--c-dim)}.field textarea{resize:vertical;min-height:60px}.readonly{color:var(--c-dim);font-size:var(--text-sm);white-space:pre-wrap}.meta{color:var(--c-faint);font-size:var(--text-xs);line-height:1.8}.panel-actions{gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--c-line);display:flex}.panel-actions button{font-size:var(--text-sm);color:var(--c-dim);transition:color var(--motion-fast) var(--ease)}.panel-actions button:hover{color:var(--c-text)}.panel-actions .danger:hover{color:var(--c-accent)}audio{width:100%;margin-top:var(--space-sm)}.gate{max-width:320px;padding:0 var(--space-lg);margin:24vh auto}.gate input{border:0;border-bottom:1px solid var(--c-line);width:100%;padding:var(--space-sm) 0;margin-top:var(--space-md);background:0 0;outline:none}.gate input:focus{border-color:var(--c-dim)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.schedule{margin-bottom:var(--space-lg)}.event{align-items:baseline;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--c-line);transition:opacity var(--motion-base) var(--ease);display:flex;position:relative}.dot[data-kind=event]{background:var(--c-line)}.event-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.event-where{color:var(--c-faint);font-size:var(--text-sm);margin-left:var(--space-sm)}.event-when{color:var(--c-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.event[data-past=true]{opacity:.4}.person-context{color:var(--c-faint);font-size:var(--text-sm);margin-left:var(--space-sm)}.person-fact{gap:var(--space-md);margin-bottom:var(--space-sm);line-height:1.5;display:flex}.touch-when{min-width:56px;color:var(--c-faint);font-size:var(--text-xs);letter-spacing:.04em;flex:none}.touches{gap:var(--space-md);flex-direction:column;padding:0;list-style:none;display:flex}.touches li{gap:var(--space-xs);padding-left:var(--space-md);border-left:1px solid var(--c-line);flex-direction:column;line-height:1.5;display:flex}
