:root{--trio-colors-brand: #13211b;--trio-colors-brand-rgb: 19 33 27;--trio-colors-brand-deep: #0c1712;--trio-colors-brand-deep-rgb: 12 23 18;--trio-colors-brand-muted: #4a6b58;--trio-colors-brand-muted-rgb: 74 107 88;--trio-colors-brand-ink: #13211b;--trio-colors-brand-ink-rgb: 19 33 27;--trio-colors-accent: #c8892f;--trio-colors-accent-rgb: 200 137 47;--trio-colors-amber: #8f5a15;--trio-colors-amber-rgb: 143 90 21;--trio-colors-sand: #e3d5b8;--trio-colors-sand-rgb: 227 213 184;--trio-colors-ocean: #1d5f66;--trio-colors-ocean-rgb: 29 95 102;--trio-colors-surface: #f7f4ed;--trio-colors-surface-rgb: 247 244 237;--trio-colors-surface-raised: #ffffff;--trio-colors-surface-raised-rgb: 255 255 255;--trio-colors-surface-sunken: #ece6da;--trio-colors-surface-sunken-rgb: 236 230 218;--trio-colors-border: #ddd5c6;--trio-colors-border-rgb: 221 213 198;--trio-colors-text: #17201b;--trio-colors-text-rgb: 23 32 27;--trio-colors-text-muted: #525c55;--trio-colors-text-muted-rgb: 82 92 85;--trio-colors-text-on-brand: #ffffff;--trio-colors-text-on-brand-rgb: 255 255 255;--trio-colors-text-on-accent: #17201b;--trio-colors-text-on-accent-rgb: 23 32 27;--trio-colors-focus: #0f4750;--trio-colors-focus-rgb: 15 71 80;--trio-colors-focus-on-brand: #e8c169;--trio-colors-focus-on-brand-rgb: 232 193 105;--trio-colors-focus-on-accent: #0f4750;--trio-colors-focus-on-accent-rgb: 15 71 80;--trio-colors-danger: #a03020;--trio-colors-danger-rgb: 160 48 32;--trio-colors-success: #2f6b3a;--trio-colors-success-rgb: 47 107 58;--trio-colors-chrome-edge: #ddd5c6;--trio-colors-chrome-edge-rgb: 221 213 198}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--trio-colors-brand: #1b2a22;--trio-colors-brand-rgb: 27 42 34;--trio-colors-brand-deep: #16241d;--trio-colors-brand-deep-rgb: 22 36 29;--trio-colors-brand-muted: #7fa992;--trio-colors-brand-muted-rgb: 127 169 146;--trio-colors-brand-ink: #9dbfa8;--trio-colors-brand-ink-rgb: 157 191 168;--trio-colors-accent: #c8892f;--trio-colors-accent-rgb: 200 137 47;--trio-colors-amber: #e0a95c;--trio-colors-amber-rgb: 224 169 92;--trio-colors-sand: #e3d5b8;--trio-colors-sand-rgb: 227 213 184;--trio-colors-ocean: #6fb9c4;--trio-colors-ocean-rgb: 111 185 196;--trio-colors-surface: #14120f;--trio-colors-surface-rgb: 20 18 15;--trio-colors-surface-raised: #1d1a16;--trio-colors-surface-raised-rgb: 29 26 22;--trio-colors-surface-sunken: #0d0b09;--trio-colors-surface-sunken-rgb: 13 11 9;--trio-colors-border: #332f29;--trio-colors-border-rgb: 51 47 41;--trio-colors-text: #f2ede4;--trio-colors-text-rgb: 242 237 228;--trio-colors-text-muted: #a9a196;--trio-colors-text-muted-rgb: 169 161 150;--trio-colors-text-on-brand: #ffffff;--trio-colors-text-on-brand-rgb: 255 255 255;--trio-colors-text-on-accent: #17201b;--trio-colors-text-on-accent-rgb: 23 32 27;--trio-colors-focus: #7fd4e0;--trio-colors-focus-rgb: 127 212 224;--trio-colors-focus-on-brand: #e8c169;--trio-colors-focus-on-brand-rgb: 232 193 105;--trio-colors-focus-on-accent: #0f4750;--trio-colors-focus-on-accent-rgb: 15 71 80;--trio-colors-danger: #e8735c;--trio-colors-danger-rgb: 232 115 92;--trio-colors-success: #6bbd7a;--trio-colors-success-rgb: 107 189 122;--trio-colors-chrome-edge: #3c4b42;--trio-colors-chrome-edge-rgb: 60 75 66}}:root[data-theme=dark]{--trio-colors-brand: #1b2a22;--trio-colors-brand-rgb: 27 42 34;--trio-colors-brand-deep: #16241d;--trio-colors-brand-deep-rgb: 22 36 29;--trio-colors-brand-muted: #7fa992;--trio-colors-brand-muted-rgb: 127 169 146;--trio-colors-brand-ink: #9dbfa8;--trio-colors-brand-ink-rgb: 157 191 168;--trio-colors-accent: #c8892f;--trio-colors-accent-rgb: 200 137 47;--trio-colors-amber: #e0a95c;--trio-colors-amber-rgb: 224 169 92;--trio-colors-sand: #e3d5b8;--trio-colors-sand-rgb: 227 213 184;--trio-colors-ocean: #6fb9c4;--trio-colors-ocean-rgb: 111 185 196;--trio-colors-surface: #14120f;--trio-colors-surface-rgb: 20 18 15;--trio-colors-surface-raised: #1d1a16;--trio-colors-surface-raised-rgb: 29 26 22;--trio-colors-surface-sunken: #0d0b09;--trio-colors-surface-sunken-rgb: 13 11 9;--trio-colors-border: #332f29;--trio-colors-border-rgb: 51 47 41;--trio-colors-text: #f2ede4;--trio-colors-text-rgb: 242 237 228;--trio-colors-text-muted: #a9a196;--trio-colors-text-muted-rgb: 169 161 150;--trio-colors-text-on-brand: #ffffff;--trio-colors-text-on-brand-rgb: 255 255 255;--trio-colors-text-on-accent: #17201b;--trio-colors-text-on-accent-rgb: 23 32 27;--trio-colors-focus: #7fd4e0;--trio-colors-focus-rgb: 127 212 224;--trio-colors-focus-on-brand: #e8c169;--trio-colors-focus-on-brand-rgb: 232 193 105;--trio-colors-focus-on-accent: #0f4750;--trio-colors-focus-on-accent-rgb: 15 71 80;--trio-colors-danger: #e8735c;--trio-colors-danger-rgb: 232 115 92;--trio-colors-success: #6bbd7a;--trio-colors-success-rgb: 107 189 122;--trio-colors-chrome-edge: #3c4b42;--trio-colors-chrome-edge-rgb: 60 75 66}:root{--page: calc(var(--trio-measure-wide) * 1px);--gap: calc(var(--trio-spacing-md) * 1px);--gap-lg: calc(var(--trio-spacing-lg) * 1px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--trio-colors-surface);color:var(--trio-colors-text);font-family:var(--trio-font-family-body);font-size:calc(var(--trio-font-size-body) * 1px);line-height:calc(var(--trio-line-height-body) * 1px)}.page{max-width:var(--page);margin:0 auto;padding:var(--gap-lg)}.page__header{border-bottom:1px solid var(--trio-colors-border);padding-bottom:var(--gap);margin-bottom:var(--gap-lg)}h1,h2,h3{font-family:var(--trio-font-family-display);color:var(--trio-colors-brand);margin:0}h1{font-size:calc(var(--trio-font-size-title) * 1px);line-height:calc(var(--trio-line-height-title) * 1px)}h2{font-size:calc(var(--trio-font-size-subtitle) * 1px);line-height:calc(var(--trio-line-height-subtitle) * 1px)}h3{font-size:calc(var(--trio-font-size-body) * 1px);line-height:calc(var(--trio-line-height-body) * 1px)}.muted{color:var(--trio-colors-text-muted)}.caption{font-size:calc(var(--trio-font-size-caption) * 1px);line-height:calc(var(--trio-line-height-caption) * 1px);color:var(--trio-colors-text-muted)}.panel{background:var(--trio-colors-surface-raised);border:1px solid var(--trio-colors-border);border-radius:calc(var(--trio-radius-md) * 1px);box-shadow:var(--trio-elevation-raised);padding:var(--gap-lg);margin-bottom:var(--gap-lg)}.panel__title{margin-bottom:var(--gap)}.field{display:block;margin-bottom:var(--gap)}.field__label{display:block;font-size:calc(var(--trio-font-size-caption) * 1px);color:var(--trio-colors-text-muted);margin-bottom:calc(var(--trio-spacing-xs) * 1px)}.field__control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{width:100%;min-height:44px;padding:calc(var(--trio-spacing-sm) * 1px) calc(var(--trio-spacing-md) * 1px);border:1px solid var(--trio-colors-border);border-radius:calc(var(--trio-radius-sm) * 1px);background:var(--trio-colors-surface-raised);color:var(--trio-colors-text);font:inherit}textarea{min-height:96px;resize:vertical}:focus-visible{outline:2px solid var(--trio-colors-focus);outline-offset:2px}.field__help{font-size:calc(var(--trio-font-size-caption) * 1px);color:var(--trio-colors-text-muted);margin-top:calc(var(--trio-spacing-xs) * 1px)}.fields{display:grid;gap:var(--gap);grid-template-columns:1fr}@media (min-width: 768px){.fields--two{grid-template-columns:1fr 1fr}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:calc(var(--trio-spacing-sm) * 1px) calc(var(--trio-spacing-lg) * 1px);border-radius:calc(var(--trio-radius-md) * 1px);border:1px solid transparent;font:inherit;cursor:pointer;background:var(--trio-colors-brand);color:var(--trio-colors-text-on-brand)}.button--secondary{background:var(--trio-colors-surface-raised);border-color:var(--trio-colors-brand);color:var(--trio-colors-brand)}.button--danger{background:var(--trio-colors-surface-raised);border-color:var(--trio-colors-danger);color:var(--trio-colors-danger)}.button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--trio-spacing-sm) * 1px);align-items:center}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:calc(var(--trio-spacing-sm) * 1px) calc(var(--trio-spacing-md) * 1px);border-bottom:1px solid var(--trio-colors-border);vertical-align:top}.table th{font-size:calc(var(--trio-font-size-caption) * 1px);color:var(--trio-colors-text-muted);font-weight:600;white-space:nowrap;background:var(--trio-colors-surface-sunken)}.table tbody tr:hover{background:var(--trio-colors-surface)}.alert{border:1px solid var(--trio-colors-danger);border-radius:calc(var(--trio-radius-md) * 1px);padding:var(--gap);margin-bottom:var(--gap);color:var(--trio-colors-danger);background:var(--trio-colors-surface-raised)}.badge{display:inline-block;padding:2px calc(var(--trio-spacing-sm) * 1px);border-radius:calc(var(--trio-radius-pill) * 1px);font-size:calc(var(--trio-font-size-caption) * 1px);background:var(--trio-colors-sand);color:var(--trio-colors-text)}.stack>*+*{margin-top:var(--gap)}.list{list-style:none;margin:0;padding:0}.list>li+li{margin-top:var(--gap);border-top:1px solid var(--trio-colors-border);padding-top:var(--gap)}.check{display:inline-flex;align-items:center;gap:calc(var(--trio-spacing-sm) * 1px);min-height:44px;margin-right:var(--gap);cursor:pointer}.check input[type=checkbox]{width:auto;min-height:auto;margin:0}label:not([class]){display:block;margin-bottom:var(--gap)}label:not([class])>input,label:not([class])>textarea,label:not([class])>select{margin-top:calc(var(--trio-spacing-xs) * 1px)}.theme-choice{display:flex;gap:calc(var(--trio-spacing-sm) * 1px);align-items:center;border:0;margin:0;padding:0;font-size:calc(var(--trio-font-size-caption) * 1px);color:var(--trio-colors-text-muted)}.theme-choice legend{float:left;padding:0;margin-right:calc(var(--trio-spacing-sm) * 1px)}.theme-choice label{display:inline-flex;gap:calc(var(--trio-spacing-xs) * 1px);align-items:center;min-height:calc(var(--trio-spacing-lg) * 1px)}