.workspace-shell { padding-bottom: 35px; }.workspace-shell .intro-row { padding-top: 30px; }.workspace-userline { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; font-size: 13px; color: var(--muted); padding: 16px 0 12px; }.workspace-userline [data-user-email] { color: var(--ink); overflow-wrap: anywhere; }.workspace-tabs { display: flex; gap: 4px; border: 1px solid var(--line); border-radius: 12px; padding: 5px; background: var(--surface); margin-bottom: 24px; flex-wrap: wrap; }.workspace-tabs button { flex: 1 1 120px; min-height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); padding: 9px 13px; font-size: 14px; font-weight: 650; cursor: pointer; }.workspace-tabs button[aria-current="page"] { background: var(--blue); color: #fff; }.workspace-tabs button:hover:not([aria-current="page"]) { background: var(--blue-soft); color: var(--blue-dark); }
.workspace-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 28px; min-width: 0; }.workspace-panel h2 { font-size: 22px; line-height: 1.45; letter-spacing: -.02em; margin: 0 0 12px; }.workspace-panel h3 { font-size: 17px; line-height: 1.5; margin: 0 0 6px; }.workspace-panel p { overflow-wrap: anywhere; }.workspace-panel .site-heading h2 { margin-bottom: 4px; }.workspace-overview { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 22px; padding-bottom: 12px; }.workspace-overview h2 { font-size: 25px; }.workspace-overview p { margin-bottom: 0; }.usage-inline { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 20px; padding: 12px 18px; border: 1px solid #ccdce1; border-radius: 10px; min-width: 240px; text-decoration: none; color: var(--blue); }.usage-inline span { font-size: 13px; }.usage-inline strong { font-size: 24px; font-variant-numeric: tabular-nums; grid-row: span 2; }.usage-inline small { color: var(--muted); font-size: 12px; }.usage-inline:hover { background: var(--blue-soft); }.workspace-dashboard-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 34px; }.workspace-list { list-style: none; padding: 0; margin: 0; }.workspace-list li { border-top: 1px solid var(--line); padding: 14px 0; }.workspace-list li:first-child { border-top: 0; }.workspace-list a { font-size: 14px; color: var(--blue); text-decoration: none; font-weight: 650; line-height: 1.7; overflow-wrap: anywhere; }.workspace-list a:hover { text-decoration: underline; text-underline-offset: 4px; }.workspace-list small, .workspace-list .site-hint { display: block; margin: 5px 0 0; font-size: 12px; color: var(--muted); }.workspace-list .site-row { justify-content: space-between; gap: 8px; }.workspace-guest { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); padding: 40px; margin-top: 24px; }.workspace-guest h2 { font-size: 25px; }.workspace-guest p { color: var(--muted); max-width: 60ch; line-height: 1.8; }.workspace-form { max-width: 740px; }.workspace-form button { justify-self: start; }
.workspace-library-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(290px,1fr); gap: 30px; align-items: start; }.workspace-filters { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(110px,.8fr) minmax(110px,.8fr); gap: 12px; }.workspace-filters label { font-size: 12px; color: var(--muted); }.workspace-editor { border-top: 1px solid var(--line); padding-top: 20px; }.workspace-ideas { margin-top: 14px; }.workspace-idea { border-bottom: 1px solid var(--line); padding: 17px 0; }.workspace-idea-head { display: flex; gap: 12px; align-items: flex-start; }.workspace-check { display: inline-flex; align-items: center; min-height: 44px; gap: 8px; cursor: pointer; font-size: 14px; }.workspace-check input { width: 18px; height: 18px; accent-color: var(--blue); flex-shrink: 0; }.workspace-idea-head .workspace-check { flex-shrink: 0; min-height: 28px; }.workspace-idea h3 { font-size: 16px; line-height: 1.7; margin: 0; overflow-wrap: anywhere; }.workspace-idea-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 7px; }.workspace-idea-meta span { font-size: 12px; color: var(--muted); }.workspace-idea > p { margin: 10px 0; color: var(--muted); font-size: 13px; line-height: 1.8; white-space: pre-wrap; }.workspace-idea .button { min-height: 44px; padding: 7px 0; font-size: 13px; }.workspace-brief { margin-top: 10px; font-size: 13px; color: var(--muted); }.workspace-brief summary { color: var(--blue); cursor: pointer; min-height: 44px; display: flex; align-items: center; }.workspace-brief ol { padding-left: 20px; line-height: 1.8; }.workspace-brief strong { color: var(--ink); display: block; }.workspace-selection { border-top: 1px solid var(--line); padding-top: 18px; margin-top: 10px; }.workspace-selection .site-field { flex: 1 1 160px; max-width: 230px; }.workspace-selection .site-row { align-items: end; }
.workspace-week { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 0; margin: 20px 0 28px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }.workspace-day { min-width: 0; padding: 14px 12px; background: #fbfcfc; min-height: 190px; }.workspace-day + .workspace-day { border-left: 1px solid var(--line); }.workspace-day h3 { font-size: 12px; color: var(--muted); margin-bottom: 12px; font-weight: 650; }.workspace-day h3 strong { font-size: 16px; display: block; color: var(--ink); margin-top: 3px; }.workspace-day-empty { font-size: 12px; color: var(--muted); }.workspace-calendar-task { width: 100%; padding: 9px 0; border: 0; border-top: 1px solid var(--line); background: transparent; cursor: pointer; text-align: left; color: var(--ink); overflow-wrap: anywhere; font-size: 12px; line-height: 1.7; }.workspace-calendar-task:first-of-type { border-top: 0; }.workspace-calendar-task span { display: block; color: var(--blue); font-weight: 600; margin-bottom: 3px; }.workspace-calendar-task[data-status="done"] { color: var(--muted); }.workspace-calendar-task[data-status="done"] span { color: var(--green); }.workspace-calendar-task:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }.workspace-calendar-editor { max-width: 740px; }.workspace-calendar-editor .site-row { justify-content: flex-start; }
.workspace-review { padding: 20px 0; border-bottom: 1px solid var(--line); }.workspace-review h3 { font-size: 16px; }.workspace-review dl { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 16px 0; }.workspace-review dt { color: var(--muted); font-size: 12px; }.workspace-review dd { color: var(--ink); margin: 4px 0 0; font-size: 17px; font-variant-numeric: tabular-nums; }.workspace-review-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.workspace-review-metrics label { font-size: 12px; }.workspace-review .site-hint { margin: 7px 0; }.workspace-local-samples { display: grid; gap: 9px; margin: 15px 0; }.workspace-local-samples .workspace-check { padding: 8px 0; border-top: 1px solid var(--line); align-items: flex-start; }.workspace-local-samples .workspace-check input { margin-top: 3px; }.workspace-local-samples small { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
@media (max-width: 1000px) { .workspace-library-grid { grid-template-columns: minmax(0,1.2fr) minmax(270px,1fr); gap: 24px; }.workspace-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }.workspace-filters .site-field:first-child { grid-column: 1 / -1; }.workspace-week { grid-template-columns: minmax(0,1fr); }.workspace-day { min-height: 70px; display: grid; grid-template-columns: 70px minmax(0,1fr); column-gap: 16px; padding: 13px 15px; }.workspace-day + .workspace-day { border-left: 0; border-top: 1px solid var(--line); }.workspace-day h3 { grid-column: 1; grid-row: 1; margin: 2px 0; }.workspace-day-empty, .workspace-calendar-task { grid-column: 2; }.workspace-day-empty { margin: 6px 0; }.workspace-calendar-task { font-size: 13px; }.workspace-calendar-task span { display: inline; margin-right: 8px; } }
@media (max-width: 760px) { .workspace-panel { padding: 22px; }.workspace-library-grid, .workspace-dashboard-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }.workspace-library-grid .workspace-editor { margin-top: 12px; }.workspace-tabs button { flex-basis: 90px; font-size: 13px; }.workspace-overview { align-items: flex-start; }.workspace-shell .intro-row { align-items: flex-start; flex-wrap: wrap; }.workspace-dashboard-grid { gap: 0; }.workspace-overview h2 { font-size: 22px; }.workspace-guest { padding: 28px; } }
@media (max-width: 420px) { .workspace-panel { padding: 18px; }.workspace-shell .intro-row > .site-row { width: 100%; }.workspace-shell .intro-row > .site-row .button { flex: 1; }.workspace-review dl { gap: 5px; }.workspace-review dd { font-size: 14px; }.workspace-week { margin-top: 16px; }.workspace-day { padding: 12px; grid-template-columns: 62px minmax(0,1fr); gap: 10px; } }
.membership-balances { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 26px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.membership-balances > div { padding: 20px 24px 20px 0; }.membership-balances > div + div { padding-left: 24px; border-left: 1px solid var(--line); }.membership-balances dt { font-size: 14px; color: var(--muted); }.membership-balances dd { font-size: 34px; font-weight: 700; color: var(--blue); margin: 8px 0; font-variant-numeric: tabular-nums; }.membership-balances p { margin: 0; font-size: 12px; color: var(--muted); }.membership-ledger { margin-top: 22px; }.membership-table-scroll { overflow-x: auto; }.membership-table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.7; min-width: 640px; }.membership-table th, .membership-table td { border-bottom: 1px solid var(--line); padding: 13px 12px; text-align: left; vertical-align: top; }.membership-table th { color: var(--muted); font-weight: 600; background: #fbfcfc; }.membership-table td:nth-child(n+4) { font-variant-numeric: tabular-nums; }.membership-future { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px 24px; margin-top: 34px; padding: 28px 0; border-top: 1px solid var(--line); }.membership-future h2 { font-size: 23px; margin-bottom: 10px; }.membership-future p { margin: 0; font-size: 14px; color: var(--muted); line-height: 1.8; }.membership-future .button { align-self: center; }.membership-future .site-hint { grid-column: 1 / -1; font-size: 12px; }
@media (max-width: 520px) { .membership-balances > div { padding: 18px 12px 18px 0; }.membership-balances > div + div { padding-left: 12px; }.membership-balances dd { font-size: 28px; }.membership-balances dt { font-size: 12px; }.membership-balances p { font-size: 11px; }.membership-future { grid-template-columns: minmax(0,1fr); }.membership-future .button { justify-self: start; }.membership-future .site-hint { grid-column: 1; } }

.workspace-calendar-topic { display: block; color: var(--ink); font-size: 13px; line-height: 1.65; font-weight: 650; margin: 3px 0 5px; }