.activity-view,.teach-view{--secondary-text-control:calc((var(--text-body) + var(--text-lead)) / 2);--secondary-card-padding:calc(var(--space-5) + var(--space-1) / 2);width:100%;max-width:var(--content-width);min-width:0;color:var(--text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);margin-inline:auto}.activity-view button,.teach-view button{min-width:var(--touch-target);min-height:var(--touch-target)}.activity-heading,.teach-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);padding:0;display:flex}.teach-heading{gap:var(--space-3);flex-direction:column}.activity-heading>div,.teach-heading>div,.teach-intro>div,.teach-section-heading>div,.teach-feedback-heading>div,.teach-prototype-note>div{min-width:0}.activity-heading .eyebrow,.teach-heading .eyebrow{margin:0 0 var(--space-3)}.activity-heading h1,.teach-heading h1{overflow-wrap:anywhere;margin:0}.activity-heading .muted,.teach-heading .muted{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.activity-heading-dot,.teach-heading-dot{color:var(--accent)}.activity-heading-icon{width:var(--space-12);height:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--accent);flex-shrink:0;place-items:center;display:none}.activity-safety-note{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent);display:flex}.activity-safety-note svg{margin-top:calc(var(--space-1) / 2);flex-shrink:0}.activity-safety-note p{font-size:var(--text-small);line-height:var(--leading-body);margin:0}.activity-toolbar{gap:var(--space-5);min-width:0;margin-top:var(--space-6);flex-direction:column;display:flex}.activity-type-filters{gap:var(--space-2);flex-wrap:wrap;width:100%;min-width:0;display:flex}.activity-type-filters button{padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font:inherit;font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-fluid), color var(--duration-fast) var(--ease-fluid), border-color var(--duration-fast) var(--ease-fluid), box-shadow var(--duration-fast) var(--ease-fluid);flex:auto}.activity-type-filters button:hover{background:var(--surface-hover);color:var(--ink)}.activity-type-filters .activity-filter-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:var(--shadow-card);font-weight:var(--weight-semibold)}.activity-secondary-filters{align-items:stretch;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.activity-select{min-width:0;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-fluid);flex-direction:column;display:flex;position:relative}.activity-select>span{color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-medium)}.activity-select select{width:100%;min-width:0;min-height:var(--touch-target);padding:0 var(--space-5) 0 0;appearance:none;border-radius:var(--radius-xs);background:var(--surface);color:var(--text);font:inherit;font-size:var(--secondary-text-control);text-overflow:ellipsis;cursor:pointer;border:0}.activity-select>svg{right:var(--space-2);bottom:calc(var(--space-2) + (var(--touch-target) - var(--space-4)) / 2);width:var(--space-4);height:var(--space-4);color:var(--muted);pointer-events:none;position:absolute}.activity-search{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);transition:border-color var(--duration-fast) var(--ease-fluid);grid-column:1/-1;display:flex}.activity-search>svg{flex-shrink:0}.activity-search input{width:100%;min-width:0;min-height:var(--touch-target);border-radius:var(--radius-xs);color:var(--ink);font:inherit;font-size:var(--secondary-text-control);background:0 0;border:0;padding:0}.activity-search input::placeholder,.teach-input-row input::placeholder{color:var(--muted);opacity:1}.activity-search input::-webkit-search-cancel-button{appearance:none}.activity-search .icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);color:var(--muted);flex-shrink:0;place-items:center;display:grid}.activity-search .icon-button:hover{background:var(--surface-hover);color:var(--ink)}.activity-results-heading{min-height:var(--space-16);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-2);color:var(--muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.activity-results-heading p{margin:0}.activity-results-heading strong{color:var(--text);font-weight:var(--weight-semibold)}.activity-results-heading .text-button{align-items:center;gap:var(--space-2);font-size:var(--text-caption);display:inline-flex}.activity-table-heading{padding:0 var(--space-5) var(--space-3);color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-medium);display:none}.activity-table-heading>span:last-child{justify-content:flex-end;align-items:center;gap:var(--space-1);display:flex}.activity-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none;overflow:hidden}.activity-list>li{min-width:0}.activity-list>li+li{border-top:1px solid var(--line)}.activity-row{align-items:center;gap:var(--space-4) var(--space-3);width:100%;padding:var(--space-5);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-fluid);background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.activity-row:hover{background:var(--surface-hover)}.activity-person{align-items:center;gap:var(--space-3);grid-area:1/1;min-width:0;display:flex}.activity-person .avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--weight-semibold);flex-shrink:0;place-items:center;display:grid}.activity-sender,.activity-content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.activity-sender strong{color:var(--text);font-size:var(--text-small);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-sender>span{color:var(--muted);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-content{gap:var(--space-2);grid-area:2/1/auto/-1}.activity-title{-webkit-line-clamp:2;color:var(--ink);font-size:var(--secondary-text-control);font-weight:var(--weight-semibold);line-height:var(--leading-body);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.activity-context{align-items:center;gap:var(--space-1) var(--space-3);min-width:0;color:var(--muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.activity-context .context-chip{gap:var(--space-2);min-width:0;max-width:100%;color:inherit;font-size:var(--text-caption);white-space:normal;overflow-wrap:anywhere}.activity-account{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-details{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;grid-area:3/1/auto/-1;min-width:0;display:flex}.activity-classification{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.activity-type{min-height:var(--space-8);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-body);letter-spacing:normal;text-transform:none;align-items:center;display:inline-flex}.activity-type-do{background:var(--accent-soft);color:var(--accent)}.activity-type-know{background:var(--know-soft);color:var(--know)}.activity-type-explore{background:var(--explore-soft);color:var(--explore)}.activity-urgency,.activity-status{align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-caption);display:inline-flex}.activity-urgency>span{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:currentColor;flex-shrink:0}.activity-urgency-now{color:var(--amber)}.activity-urgency-soon,.activity-status-completed{color:var(--accent)}.activity-status-hidden{color:var(--muted)}.activity-status-snoozed{color:var(--explore)}.activity-date{justify-content:flex-end;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-caption);white-space:nowrap;grid-area:1/2;display:flex}.activity-date>svg{color:var(--faint);transition:color var(--duration-fast) var(--ease-fluid);flex-shrink:0}.activity-row:hover .activity-date>svg{color:var(--accent)}.activity-pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;color:var(--muted);font-size:var(--text-caption);text-align:center;flex-wrap:wrap;display:flex}.activity-pagination p{width:100%;margin:0}.activity-load-more{justify-content:center;align-items:center;gap:var(--space-2);width:100%;font-size:var(--text-small);display:inline-flex}.activity-end{align-items:center;gap:var(--space-2);display:flex}.activity-empty{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.activity-empty .empty-state{min-width:0;padding:var(--space-6) 0;box-shadow:none;background:0 0;border:0}.teach-save-status{align-items:center;gap:var(--space-2);max-width:100%;color:var(--muted);font-size:var(--text-caption);display:inline-flex}.teach-save-status>svg{color:var(--accent);flex-shrink:0}.teach-intro{align-items:flex-start;gap:var(--space-4);min-width:0;margin-bottom:var(--space-6);padding:var(--secondary-card-padding);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.teach-intro-icon{width:var(--space-12);height:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);flex-shrink:0;place-items:center;display:grid}.teach-intro h2{margin:0 0 var(--space-2);color:var(--ink);font-size:var(--text-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-body);overflow-wrap:anywhere}.teach-intro p{color:var(--text);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.teach-intro-sparkle{color:var(--accent);flex-shrink:0;align-self:center;margin-left:auto;display:none}.teach-fieldset{border:0;min-width:0;margin:0;padding:0}.teach-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.teach-section{min-width:0;padding:var(--secondary-card-padding);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-fast) var(--ease-fluid);flex-direction:column;display:flex}.teach-section:focus-within{box-shadow:var(--shadow-hover)}.teach-section-heading{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.teach-section-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);flex-shrink:0;place-items:center;display:grid}.teach-section-contexts .teach-section-icon{background:var(--know-soft);color:var(--know)}.teach-section-interests .teach-section-icon{background:var(--explore-soft);color:var(--explore)}.teach-section-brands .teach-section-icon{background:var(--amber-soft);color:var(--amber)}.teach-section-ignored .teach-section-icon{background:var(--surface-subtle);color:var(--muted)}.teach-section-heading h2{margin:0 0 var(--space-1);color:var(--ink);font-size:var(--text-lead);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-body);overflow-wrap:anywhere}.teach-section-heading p{color:var(--muted);font-size:var(--text-small);line-height:var(--leading-body);margin:0}.teach-chips{min-width:0;min-height:var(--space-8);align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.teach-chip{min-width:0;max-width:100%;min-height:var(--space-8);align-items:center;gap:var(--space-1);padding:0 0 0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--text-small);line-height:var(--leading-body);display:inline-flex}.teach-chip>span{min-width:0;padding-block:var(--space-2);overflow-wrap:anywhere}.teach-chip button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);color:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-fluid), color var(--duration-fast) var(--ease-fluid);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.teach-chip button>svg{width:var(--space-6);height:var(--space-6)}.teach-chip button:hover{background:var(--surface-hover);color:var(--ink)}.teach-section-ignored .teach-chip{background:var(--surface-subtle);color:var(--text)}.teach-no-chips{padding:var(--space-2) 0;color:var(--muted);font-size:var(--text-small);line-height:var(--leading-body)}.teach-add-form{width:100%;min-width:0;margin-top:auto}.teach-input-row{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);transition:border-color var(--duration-fast) var(--ease-fluid);display:flex}.teach-input-row input{width:100%;min-width:0;min-height:var(--touch-target);border-radius:var(--radius-xs);color:var(--ink);font:inherit;font-size:var(--secondary-text-control);background:0 0;border:0;padding:0}.teach-input-row:focus-within,.activity-search:focus-within,.activity-select:focus-within{border-color:var(--accent)}.teach-add-button{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font:inherit;font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-fluid), color var(--duration-fast) var(--ease-fluid);border:0;flex-shrink:0;display:inline-flex}.teach-add-button:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.teach-add-button:disabled{background:var(--surface-subtle);color:var(--muted);cursor:default}.teach-input-error,.teach-input-error:focus-within{border-color:var(--amber)}.teach-field-error{margin:var(--space-2) 0 0;color:var(--amber);font-size:var(--text-caption);line-height:var(--leading-body)}.teach-prototype-note{align-items:flex-start;gap:var(--space-3);margin:var(--space-6) 0 var(--space-8);color:var(--muted);display:flex}.teach-prototype-note>svg{margin-top:var(--space-1);flex-shrink:0}.teach-prototype-note strong{color:var(--text);font-size:var(--text-small);font-weight:var(--weight-semibold)}.teach-prototype-note p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body)}.teach-feedback{min-width:0;padding-top:var(--space-6);border-top:1px solid var(--line)}.teach-feedback-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.teach-feedback-heading h2{margin:0 0 var(--space-1);color:var(--ink);font-size:var(--text-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-body)}.teach-feedback-heading p{color:var(--muted);font-size:var(--text-small);line-height:var(--leading-body);margin:0}.teach-feedback-label{color:var(--muted);font-size:var(--text-caption)}.teach-feedback-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none;overflow:hidden}.teach-feedback-list>li{grid-template-columns:var(--space-8) minmax(0, 1fr);align-items:start;gap:var(--space-2) var(--space-3);padding:var(--space-5);display:grid}.teach-feedback-list>li+li{border-top:1px solid var(--line)}.teach-feedback-icon{width:var(--space-8);height:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);flex-shrink:0;place-items:center;display:grid}.teach-feedback-content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.teach-feedback-content>strong{color:var(--text);font-size:var(--text-body);font-weight:var(--weight-medium);overflow-wrap:anywhere}.teach-feedback-content>span{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body);overflow-wrap:anywhere}.teach-feedback-list time{color:var(--muted);font-size:var(--text-caption);grid-column:2}.teach-feedback-empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);display:flex}.teach-feedback-empty p{min-width:0;color:var(--muted);font-size:var(--text-small);line-height:var(--leading-body);margin:0}.teach-loading{min-height:calc(var(--space-24) * 3);justify-content:center;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-body);flex-direction:column;display:flex}.teach-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.activity-view button:focus-visible,.activity-view input:focus-visible,.activity-view select:focus-visible,.teach-view button:focus-visible,.teach-view input:focus-visible{outline:calc(var(--space-1) / 2) solid var(--accent);outline-offset:var(--space-1)}.activity-view .activity-row:focus-visible{outline-offset:calc(-1 * var(--space-1))}@media (min-width:600px){.activity-heading,.teach-heading{align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-direction:row}.activity-heading-icon{display:grid}.activity-type-filters{width:fit-content;max-width:100%}.activity-type-filters button{padding-inline:var(--space-4);flex:0 auto}.activity-pagination{text-align:left;justify-content:space-between}.activity-pagination p,.activity-load-more{width:auto}.teach-intro{gap:var(--space-5);flex-direction:row}.teach-feedback-list>li{grid-template-columns:var(--space-8) minmax(0, 1fr) auto;align-items:center}.teach-feedback-list time{white-space:nowrap;grid-column:3}}@media (min-width:960px){.teach-view{--secondary-card-padding:calc(var(--space-6) + var(--space-1))}.teach-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.teach-intro-sparkle{display:block}}@media (min-width:1024px){.activity-secondary-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)}.activity-search{grid-column:auto}.activity-table-heading,.activity-row{gap:var(--space-5);grid-template-columns:minmax(0,.95fr) minmax(0,1.7fr) minmax(0,.8fr) minmax(0,.6fr);display:grid}.activity-person,.activity-content,.activity-details,.activity-date{grid-area:auto}.activity-details{align-items:flex-start;gap:var(--space-2);flex-direction:column}}
