:root{--color-background: #ffffff;--color-surface: #f5f5f4;--color-text: #1c1c1c;--color-muted: #5b5b5b;--color-border: #d6d6d3;--color-notice-background: #f2eede;--color-notice-text: #4a4224;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-small: 4px;--radius-medium: 8px;--border-width: 1px;--type-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--type-page-size: 24px;--type-page-weight: 600;--type-page-line: 32px;--type-heading-size: 18px;--type-heading-weight: 600;--type-heading-line: 26px;--type-body-size: 16px;--type-body-weight: 400;--type-body-line: 24px;--type-meta-size: 13px;--type-meta-weight: 400;--type-meta-line: 18px;--layout-wide-max-width: 720px}*{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--type-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.page{padding:var(--space-4)}.page[data-layout=wide]{max-width:var(--layout-wide-max-width);margin-left:auto;margin-right:auto;padding:var(--space-6)}.page__title{font-size:var(--type-page-size);font-weight:var(--type-page-weight);line-height:var(--type-page-line);margin:0 0 var(--space-4) 0}.meta{font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line);color:var(--color-muted)}.notice{background:var(--color-notice-background);color:var(--color-notice-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);padding:var(--space-3);margin-bottom:var(--space-4)}.notice__list{margin:var(--space-2) 0 0 0;padding-left:var(--space-5)}.sections{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.section{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);padding:var(--space-4)}.section__header{display:flex;align-items:baseline;gap:var(--space-2);width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit;font-family:inherit}.section__title{font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);margin:0}.section__count{font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line);color:var(--color-muted)}.section__next{margin:var(--space-2) 0 0 0}.section__items{list-style:none;margin:var(--space-3) 0 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.item{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-3)}.item__title{margin:0}.item__meta{font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line);color:var(--color-muted);margin:var(--space-1) 0 0 0}.setting{margin-top:var(--space-5);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}.setting__row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}button.action,input.field,select.field{font-family:inherit;font-size:var(--type-body-size);line-height:var(--type-body-line);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);color:var(--color-text)}button.action{cursor:pointer}.signin{padding:var(--space-6) var(--space-4);max-width:var(--layout-wide-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.signin__field{display:flex;flex-direction:column;gap:var(--space-1)}.signin__error{color:var(--color-notice-text);background:var(--color-notice-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);padding:var(--space-3)}