@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,200,0,0&icon_names=group,group_add,key,settings,token,warning&display=block";.accordion{border-top:1px solid var(--color-rule)}.accordion-item{border-bottom:1px solid var(--color-rule)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) 0;font-size:var(--text-base);font-weight:500;color:var(--color-text);text-align:left;transition:color var(--duration-fast)}.accordion-trigger:hover{color:var(--color-accent)}.accordion-trigger[data-disabled]{color:var(--color-text-faint);pointer-events:none}.accordion-trigger-title{flex:1;min-width:0}.accordion-indicator{flex-shrink:0;display:inline-flex;color:var(--color-text-dim);transition:transform var(--duration-base) var(--ease-out)}.accordion-trigger[data-state=open] .accordion-indicator{transform:rotate(180deg)}.accordion-content{overflow:hidden;font-size:var(--text-base);color:var(--color-text-sec);line-height:1.6}.accordion-content[data-state=open]{padding-bottom:var(--sp-4);animation:accordion-open var(--duration-base) var(--ease-out)}.accordion-content[data-state=closed]{animation:accordion-close var(--duration-base) var(--ease-out)}@keyframes accordion-open{0%{height:0}to{height:var(--height)}}@keyframes accordion-close{0%{height:var(--height)}to{height:0}}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--color-text-sec);font-family:var(--font-mono);font-weight:600;letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-md{width:36px;height:36px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.carousel{display:flex;flex-direction:column;gap:var(--sp-4)}.carousel-item-group{border-radius:var(--radius-md);overflow:hidden}.carousel-item{display:flex;align-items:center;justify-content:center;min-height:220px;background:var(--neutral-50);border:1px solid var(--color-rule-light);font-size:var(--text-lg);color:var(--color-text-sec)}.carousel-control{display:flex;align-items:center;justify-content:center;gap:var(--sp-5)}.carousel-nav-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-rule);color:var(--color-text-sec);transition:border-color var(--duration-fast),color var(--duration-fast)}.carousel-nav-trigger:hover{border-color:var(--color-text-dim);color:var(--color-text)}.carousel-nav-trigger:disabled{opacity:.35;pointer-events:none}.carousel-indicator-group{display:flex;align-items:center;gap:var(--sp-2)}.carousel-indicator{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-rule);transition:background var(--duration-fast),transform var(--duration-fast)}.carousel-indicator[data-current]{background:var(--color-accent);transform:scale(1.35)}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox[data-disabled]{cursor:default;opacity:.45}.checkbox-control{position:relative;width:16px;height:16px;flex-shrink:0;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--neutral-0);display:flex;align-items:center;justify-content:center;color:var(--neutral-0);transition:background var(--duration-fast),border-color var(--duration-fast)}.checkbox[data-state=checked] .checkbox-control,.checkbox[data-state=indeterminate] .checkbox-control{background:var(--color-accent);border-color:var(--color-accent)}.checkbox:not([data-disabled]):hover .checkbox-control{border-color:var(--color-text-dim)}.checkbox:not([data-disabled])[data-state=checked]:hover .checkbox-control,.checkbox:not([data-disabled])[data-state=indeterminate]:hover .checkbox-control{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.checkbox[data-focus] .checkbox-control{outline:none}:root[data-input-modality=keyboard] .checkbox[data-focus] .checkbox-control{outline:2px solid var(--color-accent);outline-offset:2px}.checkbox-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.checkbox-indicator[hidden]{display:none}.checkbox-indicator svg{display:block}.checkbox-label{font-size:var(--text-base);color:var(--color-text)}.clipboard-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.clipboard-control{display:flex;align-items:center;gap:var(--sp-2)}.clipboard-input{flex:1;width:100%;cursor:text}.clipboard-trigger{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-rule);border-radius:var(--radius-md);color:var(--color-text-dim);transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.clipboard-trigger:hover{color:var(--color-text);border-color:var(--color-text-dim)}.clipboard-trigger[data-copied]{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.clipboard-indicator{display:flex;align-items:center;justify-content:center}.code-block{position:relative;border:1px solid var(--neutral-800);border-radius:10px;overflow:hidden;background:var(--neutral-950)}.code-block-file{position:absolute;top:12px;left:var(--sp-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--neutral-500);white-space:nowrap;pointer-events:none}.code-block>.copy-btn,.code-pair-frame>.copy-btn{position:absolute;top:10px;right:10px;z-index:1;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;color:var(--neutral-400);background:var(--neutral-900);border:1px solid var(--neutral-700);border-radius:5px;padding:4px 10px;transition:color var(--duration-fast),border-color var(--duration-fast)}.code-block>.copy-btn:hover,.code-pair-frame>.copy-btn:hover{color:var(--signal-300);border-color:var(--neutral-600);background:var(--neutral-900)}.code-block>.copy-btn.copied,.code-pair-frame>.copy-btn.copied{color:var(--signal-400);border-color:var(--signal-700)}.code-block-pre{margin:0;padding:var(--sp-5);overflow-x:auto}.code-block[data-file]>.code-block-pre,.code-pair-pane[data-file]>.code-block-pre{padding-top:40px}.code-block-code{font-family:var(--font-mono);font-size:12.5px;line-height:1.85;color:var(--neutral-200);white-space:pre}.c-key{color:var(--signal-400)}.c-str{color:#8fd98f}.c-com{color:var(--neutral-500)}.c-fn{color:#9bc7ff}.c-pun{color:var(--neutral-400)}.c-diff{color:var(--signal-200);background:color-mix(in srgb,var(--signal-500) 18%,transparent);border-radius:3px;padding:1px 4px}.code-pair{width:fit-content;max-width:100%}.code-pair-fill{width:100%}.code-pair-caption{width:0;min-width:100%}.code-pair-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:var(--sp-3)}.code-pair-heading-group{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.code-pair-heading{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:-.01em}.code-pair-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);font-weight:400;margin-left:var(--sp-2)}.code-pair-toggle{display:none}.code-pair-stage{position:relative;cursor:col-resize;user-select:none;-webkit-user-select:none;touch-action:none}.code-pair-layer{overflow:hidden}.code-pair-reveal{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neutral-950);clip-path:inset(0 0 0 var(--wipe))}.code-pair-reveal .code-pair-layer{position:absolute;top:0;right:0;bottom:0;left:0}.code-pair-wiper-handle{position:absolute;top:0;bottom:0;left:var(--wipe);width:16px;margin-left:-8px;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.code-pair-wiper-handle:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--neutral-700);transition:background var(--duration-fast)}.code-pair-wiper-handle:hover:before,.code-pair-wiper-handle:active:before,.code-pair-wiper-handle:focus-visible:before{background:var(--signal-500)}.code-pair-wiper-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:32px;border-radius:7px;background:var(--neutral-900);border:1px solid var(--neutral-700);color:var(--neutral-400);display:inline-flex;align-items:center;justify-content:center;pointer-events:none;transition:color var(--duration-fast),border-color var(--duration-fast)}.code-pair-wiper-handle:hover .code-pair-wiper-grip,.code-pair-wiper-handle:active .code-pair-wiper-grip,.code-pair-wiper-handle:focus-visible .code-pair-wiper-grip{color:var(--signal-300);border-color:var(--neutral-600)}.code-pair-caption{margin-top:var(--sp-3);font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim)}@media(max-width:880px){.code-pair-heading-group{display:none}.code-pair-toggle{display:block}}.collapsible{border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:hidden}.collapsible-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--text-base);font-weight:500;color:var(--color-text);text-align:left;transition:background var(--duration-fast)}.collapsible-trigger:hover{background:var(--neutral-50)}.collapsible-chevron{flex-shrink:0;display:inline-flex;color:var(--color-text-dim);transition:transform var(--duration-base) var(--ease-out)}.collapsible-trigger[data-state=open] .collapsible-chevron{transform:rotate(180deg)}.collapsible-content{padding:0 var(--sp-4);font-size:var(--text-base);color:var(--color-text-sec);overflow:hidden}.collapsible-content[data-state=open]{padding-bottom:var(--sp-4);animation:collapsible-open var(--duration-base) var(--ease-out)}.collapsible-content[data-state=closed]{animation:collapsible-close var(--duration-base) var(--ease-out)}@keyframes collapsible-open{0%{height:0}to{height:var(--height)}}@keyframes collapsible-close{0%{height:var(--height)}to{height:0}}.color-picker{display:flex;flex-direction:column;gap:var(--sp-2);width:max-content}.color-picker-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.color-picker-control{display:flex}.color-picker-trigger{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);transition:border-color var(--duration-fast)}.color-picker-trigger:hover{border-color:var(--color-text-dim)}.color-picker-value-swatch{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--color-rule);flex-shrink:0}.color-picker-value-text{font-family:var(--font-mono);font-size:13px;color:var(--color-text-sec)}.color-picker-positioner{z-index:100}.color-picker-content{display:flex;flex-direction:column;gap:var(--sp-4);width:220px;background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000014;padding:var(--sp-4);animation:menu-in .15s var(--ease-out)}.color-picker-area{width:100%;height:140px;border-radius:var(--radius-sm);overflow:hidden}.color-picker-area-bg{width:100%;height:100%}.color-picker-area-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--neutral-0);box-shadow:0 0 0 1px #00000040,0 1px 3px #0000004d}.color-picker-channel-slider{height:14px}.color-picker-channel-track{width:100%;height:100%;border-radius:var(--radius-full)}.color-picker-channel-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--neutral-0);box-shadow:0 0 0 1px #00000040,0 1px 3px #0000004d;transform:translate(-50%,-50%)}.color-picker-swatches{display:flex}.color-picker-swatch-group{display:flex;gap:var(--sp-2)}.color-picker-swatch-trigger{width:22px;height:22px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-rule)}.color-picker-swatch{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.color-picker-swatch-indicator{color:var(--neutral-0);font-size:11px;text-shadow:0 0 2px rgba(0,0,0,.6)}.color-picker-hex-input{width:100%;text-transform:uppercase}.combobox-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.combobox-control{position:relative;display:flex;align-items:center}.combobox-input{width:100%;padding-right:56px}.combobox-clear{position:absolute;right:28px;color:var(--color-text-dim);font-size:15px;line-height:1;padding:0 4px}.combobox-clear:hover{color:var(--color-accent)}.combobox-trigger{position:absolute;right:10px;display:flex;align-items:center;color:var(--color-text-dim);transition:transform var(--duration-fast),color var(--duration-fast)}.combobox-trigger:hover{color:var(--color-text)}.combobox-control:has(.combobox-input[data-state=open]) .combobox-trigger{transform:rotate(180deg)}.combobox-content{min-width:var(--reference-width, 220px);max-height:280px;overflow-y:auto}.combobox-empty{font-size:13px;color:var(--color-text-dim);padding:8px 12px}.combobox-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:13px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast)}.combobox-item[data-highlighted]{background:var(--neutral-50)}.combobox-item[data-disabled]{color:var(--color-text-faint);pointer-events:none}.combobox-item[data-state=checked]{color:var(--color-accent);font-weight:500}.combobox-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-item-indicator{display:flex;align-items:center;color:var(--color-accent);flex-shrink:0}.date-picker{display:flex;flex-direction:column;gap:var(--sp-2);width:max-content}.date-picker-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.date-picker-control{display:flex;align-items:center;gap:var(--sp-2)}.date-picker-input{font-family:var(--font-mono);font-size:13px;padding:8px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);outline:none;background:var(--neutral-0);color:var(--color-text);transition:border-color var(--duration-fast);min-width:150px}.date-picker-input:focus{border-color:var(--color-accent)}.date-picker-trigger,.date-picker-clear{font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);padding:6px 10px;border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast)}.date-picker-trigger:hover,.date-picker-clear:hover{color:var(--color-accent);background:var(--color-accent-soft)}.date-picker-positioner{z-index:100}.date-picker-content{background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000014;padding:var(--sp-3);animation:menu-in .15s var(--ease-out)}.date-picker-view-control{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.date-picker-nav{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-sec);font-size:16px;transition:background var(--duration-fast),color var(--duration-fast)}.date-picker-nav:hover{background:var(--neutral-50);color:var(--color-text)}.date-picker-view-trigger{font-size:13px;font-weight:600;color:var(--color-text);padding:4px 10px;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.date-picker-view-trigger:hover{background:var(--neutral-50)}.date-picker-table{border-collapse:collapse}.date-picker-table-header{font-size:10px;font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;padding:4px 0;text-align:center}.date-picker-table-cell{text-align:center;padding:1px}.date-picker-cell-trigger{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-sec);border-radius:var(--radius-sm);transition:background var(--duration-fast),color var(--duration-fast)}.date-picker-cell-trigger:hover{background:var(--neutral-50);color:var(--color-text)}.date-picker-cell-trigger[data-today]{font-weight:700;color:var(--color-accent)}.date-picker-cell-trigger[data-selected]{background:var(--color-accent);color:var(--neutral-0)}.date-picker-cell-trigger[data-outside-range]{color:var(--color-text-faint)}.date-picker-cell-trigger[data-disabled]{opacity:.35;pointer-events:none}.editable{display:flex;align-items:flex-start;gap:var(--sp-3)}.editable-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);flex-shrink:0;padding-top:8px}.editable-area{flex:1;min-width:0}.editable-preview{font-size:var(--text-base);padding:7px 2px;border:1px solid transparent;border-radius:var(--radius-md);cursor:text;transition:background var(--duration-fast)}.editable-preview:hover{background:var(--neutral-50)}.editable-area[data-placeholder-shown] .editable-preview{color:var(--color-text-faint)}.editable-input{font-family:inherit;font-size:var(--text-base);width:100%;padding:7px 8px;border:1px solid var(--color-accent);border-radius:var(--radius-md);outline:none;background:var(--neutral-0);color:var(--color-text)}.editable-control{display:flex;gap:6px;flex-shrink:0;padding-top:4px}.editable-trigger{font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);padding:4px 10px;border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast)}.editable-trigger:hover{background:var(--neutral-50);color:var(--color-text)}.editable-submit{color:var(--color-accent)}.editable-submit:hover{background:var(--color-accent-soft)}.editable-cancel:hover{color:var(--color-danger)}.fieldset{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--sp-5);margin:0}.fieldset[data-disabled]{opacity:.5;pointer-events:none}.fieldset[data-invalid]{border-color:var(--color-danger)}.fieldset-legend{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);padding:0 6px}.fieldset[data-invalid] .fieldset-legend{color:var(--color-danger)}.fieldset-helper{display:block;font-size:13px;color:var(--color-text-sec);margin-top:4px;margin-bottom:var(--sp-4)}.fieldset-body{display:flex;flex-direction:column;gap:var(--sp-4)}.fieldset-error{display:block;font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--sp-3)}.file-upload-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.file-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);border:1px dashed var(--color-rule);border-radius:var(--radius-md);background:var(--neutral-50);transition:border-color var(--duration-fast),background var(--duration-fast)}.file-upload-dropzone[data-dragging]{border-color:var(--color-accent);background:var(--color-accent-soft)}.file-upload[data-disabled] .file-upload-dropzone{opacity:.5;pointer-events:none}.file-upload-hint{font-size:13px;color:var(--color-text-dim)}.file-upload-item-group{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4);list-style:none}.file-upload-item{display:flex;align-items:center;gap:var(--sp-3);padding:8px 12px;border:1px solid var(--color-rule-light);border-radius:var(--radius-md)}.file-upload-item-preview{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;background:var(--neutral-100)}.file-upload-item-preview-image{width:100%;height:100%;object-fit:cover;display:block}.file-upload-item-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-upload-item-name{font-size:13px;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-item-size{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.file-upload-item-delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--color-text-dim);font-size:15px;line-height:1;transition:color var(--duration-fast),background var(--duration-fast)}.file-upload-item-delete:hover{color:var(--neutral-0);background:var(--color-danger)}.format-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.highlight-mark{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600;border-radius:2px;padding:0 1px}.hover-card-positioner{z-index:120}.hover-card-content{background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a;padding:var(--sp-4);min-width:220px;max-width:300px;font-size:var(--text-base);color:var(--color-text-sec);line-height:1.55;animation:hover-card-in var(--duration-base) var(--ease-out)}.hover-card-content[data-state=closed]{animation:hover-card-out var(--duration-fast) var(--ease-out)}.hover-card-arrow{--arrow-size: 8px;--arrow-background: var(--neutral-0)}.hover-card-arrow-tip{border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule)}@keyframes hover-card-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes hover-card-out{0%{opacity:1}to{opacity:0}}.number-input-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.number-input-control{display:inline-flex;align-items:stretch;border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast);width:fit-content}:root[data-input-modality=keyboard] .number-input[data-focus] .number-input-control{border-color:var(--color-accent)}.number-input[data-disabled] .number-input-control{background:var(--neutral-100)}.number-input-input{font-family:var(--font-mono);font-size:13px;width:64px;text-align:center;padding:8px 4px;border:none;outline:none;background:none;color:var(--color-text)}.number-input-input:disabled{color:var(--neutral-300)}.number-input-trigger{display:flex;align-items:center;justify-content:center;width:28px;font-size:14px;font-weight:600;color:var(--color-text-dim);background:var(--neutral-0);transition:background var(--duration-fast),color var(--duration-fast)}.number-input-decrement{border-right:1px solid var(--color-rule)}.number-input-increment{border-left:1px solid var(--color-rule)}.number-input-trigger:not([data-disabled]):hover{background:var(--neutral-50);color:var(--color-accent)}.number-input-trigger[data-disabled]{opacity:.35;cursor:default}.pagination{display:flex;align-items:center;gap:var(--sp-2)}.pagination-pages{display:flex;align-items:center;gap:var(--sp-1)}.pagination-trigger{font-size:var(--text-sm);font-weight:500;color:var(--color-text-sec);padding:6px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);transition:color var(--duration-fast),border-color var(--duration-fast)}.pagination-trigger:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-dim)}.pagination-trigger:disabled{opacity:.4;cursor:default}.pagination-item{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--color-text-sec);min-width:30px;height:30px;border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast)}.pagination-item:hover{background:var(--neutral-50);color:var(--color-text)}.pagination-item[data-selected]{background:var(--color-text);color:var(--neutral-0)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;color:var(--color-text-faint);font-size:13px}@media(max-width:520px){.pagination{max-width:100%;gap:var(--sp-1)}.pagination-pages{min-width:0;gap:0}.pagination-trigger{padding-right:8px;padding-left:8px}.pagination-item,.pagination-ellipsis{min-width:26px}}.pin-input-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.pin-input-control{display:inline-flex;gap:var(--sp-2)}.pin-input-box{font-family:var(--font-mono);font-size:var(--text-lg);width:40px;height:48px;text-align:center;border:1px solid var(--color-rule);border-radius:var(--radius-md);outline:none;background:var(--neutral-0);color:var(--color-text);transition:border-color var(--duration-fast)}.pin-input-box:focus{border-color:var(--color-accent)}.pin-input-box:disabled{background:var(--neutral-100);color:var(--neutral-300)}.popover-positioner{z-index:120}.popover-content{background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a;padding:var(--sp-4);min-width:240px;max-width:320px;animation:popover-in var(--duration-base) var(--ease-out)}.popover-content[data-state=closed]{animation:popover-out var(--duration-fast) var(--ease-out)}.popover-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--sp-2)}.popover-body{font-size:var(--text-base);color:var(--color-text-sec);line-height:1.55}.popover-arrow{--arrow-size: 8px;--arrow-background: var(--neutral-0)}.popover-arrow-tip{border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule)}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-out{0%{opacity:1}to{opacity:0}}.progress{width:100%}.progress-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.progress-label{font-size:13px;font-weight:500;color:var(--color-text)}.progress-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-accent)}.progress-track{height:3px;background:var(--color-rule);border-radius:1.5px;overflow:hidden}.progress-range{display:block;height:100%;background:var(--color-accent);border-radius:1.5px;transition:width .6s var(--ease-out)}.progress-circle-root{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle-track{stroke:var(--color-rule)}.progress-circle-range{stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out)}.progress-circle-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.progress-circle-value{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1;font-weight:600;color:var(--color-text)}.progress-circle-label{font-size:10px;line-height:1;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em}.qr-code{display:inline-block;padding:var(--sp-3);background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md)}.qr-code-frame{display:block;width:100%;height:100%}.qr-code-pattern{fill:var(--color-text)}.qr-code-overlay{display:flex;align-items:center;justify-content:center;background:var(--neutral-0);border-radius:var(--radius-sm)}.radio-group-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-3);display:block}.radio-group-items{display:flex;flex-direction:column;gap:var(--sp-3)}.radio-group-item{display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;-webkit-user-select:none;user-select:none}.radio-group-item[data-disabled]{cursor:default;opacity:.45}.radio-group-item-control{width:16px;height:16px;flex-shrink:0;border:1px solid var(--color-rule);border-radius:var(--radius-full);background:var(--neutral-0);position:relative;transition:border-color var(--duration-fast)}.radio-group-item-control:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:var(--radius-full);background:var(--color-accent);transform:scale(0);transition:transform var(--duration-fast) var(--ease-out)}.radio-group-item[data-state=checked] .radio-group-item-control{border-color:var(--color-accent)}.radio-group-item[data-state=checked] .radio-group-item-control:after{transform:scale(1)}.radio-group-item:not([data-disabled]):hover .radio-group-item-control{border-color:var(--color-text-dim)}.radio-group-item:not([data-disabled])[data-state=checked]:hover .radio-group-item-control{border-color:var(--color-accent-hover)}.radio-group-item[data-focus] .radio-group-item-control{outline:none}:root[data-input-modality=keyboard] .radio-group-item[data-focus] .radio-group-item-control{outline:2px solid var(--color-accent);outline-offset:2px}.radio-group-item-text{font-size:var(--text-base);color:var(--color-text)}.rating-group-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.rating-group-control{display:inline-flex;gap:var(--sp-1)}.rating-group-item{display:inline-flex;color:var(--color-rule);cursor:pointer;transition:color var(--duration-fast)}.rating-group-item[data-highlighted]{color:var(--color-accent)}.rating-group-item[data-disabled]{cursor:default;opacity:.6}.rating-group[data-disabled] .rating-group-item{cursor:default}.rating-group-item[data-focus]{outline:none;border-radius:var(--radius-sm)}:root[data-input-modality=keyboard] .rating-group-item[data-focus]{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.segment-group{position:relative;display:inline-flex;align-items:stretch;gap:2px;padding:3px;background:var(--neutral-50);border:1px solid var(--color-rule-light);border-radius:var(--radius-md)}.segment-group-indicator{position:absolute;background:var(--neutral-0);border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000014;z-index:0}.segment-group-item{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-sec);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:color var(--duration-fast)}.segment-group-item+.segment-group-item:before{content:"";position:absolute;left:calc(var(--segment-divider-offset, 0px) * -1);top:var(--segment-divider-inset, 6px);bottom:var(--segment-divider-inset, 6px);width:1px;background:var(--color-rule);opacity:.55;pointer-events:none}.segment-group[data-size=sm]{--segment-divider-inset: 5px;--segment-divider-offset: 1px;gap:1px;padding:2px}.segment-group[data-size=md]{--segment-divider-inset: 7px;--segment-divider-offset: 1px}.segment-group[data-size=sm] .segment-group-item{padding:4px 10px;font-size:var(--text-xs)}.segment-group[data-size=md] .segment-group-item{padding:6px 16px;font-size:var(--text-sm)}.segment-group-item[data-disabled]{cursor:default;opacity:.45}.segment-group-item[data-state=checked]{color:var(--color-text);font-weight:600}.segment-group-item:not([data-disabled]):not([data-state=checked]):hover{color:var(--color-text)}.segment-group-item[data-focus]{outline:none}:root[data-input-modality=keyboard] .segment-group-item[data-focus]{outline:2px solid var(--color-accent);outline-offset:2px}.segment-group-item-text{font-family:var(--font-body)}.select-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.select-control{position:relative}.select-trigger{display:flex;align-items:center;gap:var(--sp-2);width:100%;font-family:var(--font-mono);font-size:13px;padding:8px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--neutral-0);color:var(--color-text);transition:border-color var(--duration-fast)}.select-trigger:hover{border-color:var(--color-text-dim)}.select-trigger[data-state=open]{border-color:var(--color-accent)}.select-trigger[data-disabled]{background:var(--neutral-100);color:var(--neutral-300);pointer-events:none}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger[data-placeholder-shown] .select-value{color:var(--color-text-faint)}.select-indicator{display:flex;align-items:center;color:var(--color-text-dim);flex-shrink:0;transition:transform var(--duration-fast)}.select-trigger[data-state=open] .select-indicator{transform:rotate(180deg)}.select-clear{position:absolute;right:32px;top:50%;transform:translateY(-50%);color:var(--color-text-dim);font-size:15px;line-height:1;padding:0 2px}.select-clear:hover{color:var(--color-accent)}.select-content.menu-content{width:max(var(--reference-width, 180px),180px);min-width:180px;max-height:280px;overflow-y:auto}.select-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:13px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast)}.select-item[data-highlighted]{background:var(--neutral-50)}.select-item[data-disabled]{color:var(--color-text-faint);pointer-events:none}.select-item[data-state=checked]{color:var(--color-accent);font-weight:500}.select-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-item-indicator{display:none;align-items:center;color:var(--color-accent);flex-shrink:0}.select-item[data-state=checked] .select-item-indicator{display:flex}.signature-pad{width:min(100%,520px);min-width:min(100%,360px)}.signature-pad-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.signature-pad-control{position:relative;width:100%;height:180px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--neutral-0);overflow:hidden;cursor:crosshair;touch-action:none}.signature-pad-control[data-disabled]{background:var(--neutral-100);cursor:default;pointer-events:none}.signature-pad-guide{position:absolute;left:var(--sp-6);right:var(--sp-6);bottom:var(--sp-8);border-bottom:1px dashed var(--color-rule)}.signature-pad-clear{margin-top:var(--sp-3)}.slider{width:100%;max-width:360px;--slider-thumb-size: 14px;--slider-track-size: 3px}.slider-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-3)}.slider-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.slider-value-text{font-family:var(--font-mono);font-size:13px;color:var(--color-accent);font-weight:600}.slider-control{position:relative;display:block;height:20px}.slider[data-disabled] .slider-control{opacity:.45}.slider-track{position:absolute;top:50%;transform:translateY(-50%);width:auto;margin-inline:calc(var(--slider-thumb-size) / 2);height:var(--slider-track-size);background:var(--color-rule);border-radius:calc(var(--slider-track-size) / 2);overflow:hidden}.slider-range{height:100%;background:var(--color-accent);border-radius:calc(var(--slider-track-size) / 2)}.slider-thumb{top:50%;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc(var(--slider-thumb-size) / -2);border-radius:var(--radius-full);background:var(--neutral-0);border:2px solid var(--color-accent);box-shadow:0 1px 3px #00000026;cursor:pointer}.slider-thumb[data-focus]{outline:none}:root[data-input-modality=keyboard] .slider-thumb[data-focus]{outline:2px solid var(--color-accent);outline-offset:2px}.slider[data-disabled] .slider-thumb{cursor:default}.slider-marker-group{position:absolute;inset-inline:0;top:calc(50% + var(--sp-2));width:100%;height:0}.slider-marker{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--sp-3)}.slider-marker[data-state=under-value]{color:var(--color-text-dim)}.splitter{border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:hidden;min-height:240px}.splitter-panel{padding:var(--sp-5);font-size:var(--text-base);color:var(--color-text-sec);overflow:auto}.splitter-resize-trigger{background:var(--color-rule);position:relative;transition:background var(--duration-fast);flex-shrink:0}.splitter-resize-trigger:hover,.splitter-resize-trigger[data-active]{background:var(--color-accent)}.splitter-resize-trigger[data-orientation=horizontal]{width:1px;cursor:col-resize}.splitter-resize-trigger[data-orientation=vertical]{height:1px;cursor:row-resize}.splitter-resize-trigger[data-disabled]{cursor:default;pointer-events:none}.splitter-resize-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.steps-list{display:flex;align-items:center;list-style:none;margin-bottom:var(--sp-8)}.steps-item{display:flex;align-items:center;flex:1}.steps-item:last-child{flex:0 0 auto}.steps-trigger{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.steps-trigger[data-disabled]{pointer-events:none;opacity:.5}.steps-indicator{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text-dim);background:var(--neutral-0);transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.steps-indicator[data-current]{border-color:var(--color-accent);color:var(--color-accent)}.steps-indicator[data-complete]{background:var(--color-accent);border-color:var(--color-accent);color:var(--neutral-0)}.steps-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-sec);white-space:nowrap}.steps-separator{flex:1;height:1px;background:var(--color-rule);margin:0 var(--sp-3)}.steps-separator[data-complete]{background:var(--color-accent)}.steps-content{font-size:var(--text-base);color:var(--color-text-sec);line-height:1.6;min-height:80px}.steps-completed-content{font-size:var(--text-base);color:var(--color-text-sec)}.steps-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:1px solid var(--color-rule-light)}@media(max-width:520px){.steps-list{flex-direction:column;align-items:stretch;gap:var(--sp-3);margin-bottom:var(--sp-6)}.steps-item,.steps-item:last-child{flex:0 0 auto}.steps-trigger{width:100%;justify-content:flex-start}.steps-title{min-width:0;white-space:normal}.steps-separator{display:none}.steps-content{min-height:64px}.steps-actions{justify-content:stretch;gap:var(--sp-2);margin-top:var(--sp-6)}.steps-actions .btn{flex:1 1 0}}.tabs-list{position:relative;display:flex;gap:var(--sp-6);border-bottom:1px solid var(--color-rule)}.tabs-trigger{position:relative;padding:var(--sp-3) 0;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);transition:color var(--duration-fast)}.tabs-trigger:hover{color:var(--color-text-sec)}.tabs-trigger[data-selected]{color:var(--color-text);font-weight:600}.tabs-trigger[data-disabled]{color:var(--color-text-faint);pointer-events:none}.tabs-indicator{height:2px;background:var(--color-accent);bottom:-1px;transition:width var(--duration-base) var(--ease-out),translate var(--duration-base) var(--ease-out)}.tabs-content{padding-top:var(--sp-5);font-size:var(--text-base);color:var(--color-text-sec);line-height:1.6}.tabs-content:focus-visible{outline:none}.tags-input-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.tags-input-control{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--neutral-0);transition:border-color var(--duration-fast)}.tags-input-control:focus-within{border-color:var(--color-accent)}.tags-input[data-disabled] .tags-input-control{background:var(--neutral-100);pointer-events:none}.tags-input-item{display:inline-flex}.tags-input-item-preview{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);padding:3px 6px 3px 10px;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--color-text)}.tags-input-item-preview[data-highlighted]{background:var(--color-accent-soft);color:var(--color-accent)}.tags-input-item-text{white-space:nowrap}.tags-input-item-delete{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--color-text-dim);line-height:1;font-size:13px}.tags-input-item-delete:hover{color:var(--neutral-0);background:var(--color-danger)}.tags-input-item-input{font-family:var(--font-mono);font-size:var(--text-xs);border:none;outline:none;background:none;width:60px}.tags-input-input{flex:1;min-width:80px;font-family:var(--font-mono);font-size:13px;border:none;outline:none;background:none;padding:4px 6px;color:var(--color-text)}.tags-input-input::placeholder{color:var(--color-text-faint)}.tags-input-clear{margin-top:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-dim)}.tags-input-clear:hover{color:var(--color-accent)}.time-picker{display:flex;flex-direction:column;gap:var(--sp-2);width:max-content}.time-picker-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.time-picker-control{display:flex;align-items:center;gap:var(--sp-2)}.time-picker-input{font-family:var(--font-mono);font-size:13px;padding:8px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);outline:none;background:var(--neutral-0);color:var(--color-text);transition:border-color var(--duration-fast);min-width:140px}.time-picker-input:focus{border-color:var(--color-accent)}.time-picker-clear,.time-picker-trigger{font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);padding:6px 10px;border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast)}.time-picker-clear:hover,.time-picker-trigger:hover{color:var(--color-accent);background:var(--color-accent-soft)}.time-picker-positioner{z-index:100}.time-picker-content{display:flex;background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000014;padding:var(--sp-2);max-height:220px;animation:menu-in .15s var(--ease-out)}.time-picker-column{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;padding:0 2px}.time-picker-column::-webkit-scrollbar{width:4px}.time-picker-cell{font-family:var(--font-mono);font-size:13px;color:var(--color-text-sec);padding:6px 14px;border-radius:var(--radius-sm);text-align:center;transition:background var(--duration-fast),color var(--duration-fast)}.time-picker-cell:hover{background:var(--neutral-50);color:var(--color-text)}.time-picker-cell[data-selected]{background:var(--color-accent);color:var(--neutral-0)}.time-picker-spacer{display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--font-mono);color:var(--color-text-faint)}.timer{display:inline-flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.timer-area,.timer-segment-group{display:flex;align-items:baseline;gap:var(--sp-2)}.timer-segment{display:flex;flex-direction:column;align-items:center;gap:2px}.timer-item{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;color:var(--color-text);min-width:1.6ch;text-align:center;font-variant-numeric:tabular-nums}.timer-item-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em}.timer-separator{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--color-text-faint);align-self:flex-start}.timer-control{display:flex;gap:var(--sp-2)}.timer-action{font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);padding:5px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);transition:color var(--duration-fast),border-color var(--duration-fast)}.timer-action:hover{color:var(--color-accent);border-color:var(--color-accent)}.toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-text-sec);background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.toggle-btn:not([data-disabled]):hover{border-color:var(--color-text-dim);color:var(--color-text)}.toggle-btn[data-state=on]{color:var(--neutral-0);background:var(--color-accent);border-color:var(--color-accent)}.toggle-btn[data-state=on]:not([data-disabled]):hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.toggle-btn[data-disabled]{cursor:default;opacity:.45}.toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-group{display:inline-flex;gap:var(--sp-2)}.toggle-group-item{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-sec);background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.toggle-group-item:not([data-disabled]):hover{border-color:var(--color-text-dim);color:var(--color-text)}.toggle-group-item[data-state=on]{color:var(--neutral-0);background:var(--color-accent);border-color:var(--color-accent)}.toggle-group-item[data-state=on]:not([data-disabled]):hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.toggle-group-item[data-disabled]{cursor:default;opacity:.45}.toggle-group-item[data-focus]{outline:none}:root[data-input-modality=keyboard] .toggle-group-item[data-focus]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;animation:fade-in var(--duration-base) ease-out}.tour-spotlight{box-shadow:0 0 0 9999px #00000073;border-radius:var(--radius-md);transition:all var(--duration-slow) var(--ease-out)}.tour-positioner{z-index:201}.tour-content{background:var(--neutral-0);border-radius:6px;padding:var(--sp-6);max-width:320px;box-shadow:0 8px 30px #0000002e;animation:tour-in var(--duration-base) var(--ease-out);position:relative}.tour-arrow{--arrow-size: 8px;--arrow-background: var(--neutral-0)}.tour-arrow-tip{border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule)}.tour-close-trigger{position:absolute;top:var(--sp-3);right:var(--sp-3);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);color:var(--color-text-dim);transition:color var(--duration-fast),background var(--duration-fast)}.tour-close-trigger:hover{color:var(--color-text);background:var(--neutral-100)}.tour-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--sp-2);padding-right:var(--sp-6)}.tour-description{font-size:var(--text-base);color:var(--color-text-sec);line-height:1.55;margin-bottom:var(--sp-5)}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.tour-progress-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}.tour-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;flex:1}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tree-view{display:flex;flex-direction:column;gap:var(--sp-2);min-width:220px}.tree-view-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.tree-view-tree,.tree-view-branch,.tree-view-item{display:flex;flex-direction:column}.tree-view-branch-control{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast)}.tree-view-branch-control:hover,.tree-view-branch-control[data-selected]{background:var(--neutral-50)}.tree-view-branch-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.tree-view-branch-indicator{font-size:14px;color:var(--color-text-dim);transition:transform var(--duration-fast);display:inline-block}.tree-view-branch-indicator[data-state=open]{transform:rotate(90deg)}.tree-view-branch-text{font-size:13px;color:var(--color-text)}.tree-view-branch-content{position:relative;margin-left:8px;padding-left:12px}.tree-view-branch-indent-guide{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--color-rule)}.tree-view-item{flex-direction:row;align-items:center;gap:6px;padding:5px 6px;margin-left:20px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast)}.tree-view-item:hover,.tree-view-item[data-selected]{background:var(--neutral-50)}.tree-view-item-text{font-size:13px;color:var(--color-text-sec)}.tree-view-item[data-selected] .tree-view-item-text{color:var(--color-text)}.tree-view-item-indicator{color:var(--color-accent);font-size:11px}:root{--signal-50: #FFF0F3;--signal-100: #FFD6DE;--signal-200: #FFB0C2;--signal-300: #FF8099;--signal-400: #FF5078;--signal-500: #FF2D5C;--signal-600: #E0204A;--signal-700: #B8183C;--signal-800: #8E122E;--signal-900: #660D22;--signal-950: #450818;--neutral-0: #FFFFFF;--neutral-50: #FAFAFA;--neutral-100: #F0F0F0;--neutral-200: #E2E2E2;--neutral-300: #C0C0C0;--neutral-400: #9A9A9A;--neutral-500: #6B6B6B;--neutral-600: #525252;--neutral-700: #3A3A3A;--neutral-800: #262626;--neutral-900: #1A1A1A;--neutral-950: #111111;--color-bg: var(--neutral-0);--color-text: var(--neutral-900);--color-text-sec: var(--neutral-500);--color-text-dim: var(--neutral-400);--color-text-faint: var(--neutral-300);--color-accent: var(--signal-500);--color-accent-hover: var(--signal-600);--color-accent-soft: var(--signal-50);--color-rule: var(--neutral-200);--color-rule-light: var(--neutral-100);--color-section-num: var(--neutral-200);--color-section-icon: #D0D0D0;--color-danger: #AA2020;--color-danger-soft: #FDF0EE;--font-display: "Chivo Mono", "SF Mono", "Menlo", monospace;--font-body: "Chivo", system-ui, -apple-system, sans-serif;--font-mono: "Chivo Mono", "SF Mono", "Menlo", monospace;--font-wordmark: "Fragment Mono", "Chivo Mono", "SF Mono", "Menlo", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 32px;--text-4xl: 40px;--text-num: 64px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--radius-sm: 3px;--radius-md: 4px;--radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--page-max: 920px;--gutter: 48px;--section-gap: 72px;--num-width: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100vh}#root{display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}:root:not([data-input-modality=keyboard]) :focus-visible{outline:none}:root[data-input-modality=keyboard] :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 20px;border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast),transform 80ms;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{color:var(--neutral-0);background:var(--color-text)}.btn-primary:hover{background:var(--neutral-700)}.btn-accent{color:var(--neutral-0);background:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-hover)}.btn-outline{color:var(--color-text-sec);background:none;border:1px solid var(--color-rule)}.btn-outline:hover{border-color:var(--color-text-dim);color:var(--color-text)}.btn-text{color:var(--color-text);background:none;padding:8px 4px;font-weight:500}.btn-text:hover{color:var(--color-accent)}.btn-danger{color:var(--color-danger);background:none;border:1px solid #DEC0B8}.btn-danger:hover{background:var(--color-danger-soft)}.btn-sm{font-size:12px;padding:5px 14px}.input{font-family:var(--font-mono);font-size:13px;padding:8px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);outline:none;background:var(--neutral-0);color:var(--color-text);transition:border-color var(--duration-fast)}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-faint)}.input:disabled{background:var(--neutral-100);color:var(--neutral-300)}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-group{display:flex;align-items:center;gap:var(--sp-2)}.input-prefix{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-dim)}.badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:2px 8px;letter-spacing:.03em;white-space:nowrap;transition:color var(--duration-base),border-color var(--duration-base)}.badge-on,.badge.on{color:var(--color-accent);border-color:var(--color-accent)}.meter{margin-bottom:var(--sp-4)}.meter-row{display:flex;justify-content:space-between;margin-bottom:5px}.meter-label{font-size:13px;font-weight:500}.meter-meta{font-size:var(--text-sm);color:var(--color-text-dim)}.meter-pct{font-family:var(--font-mono);font-weight:600;font-size:13px;color:var(--color-accent)}.meter-track{height:3px;background:var(--color-rule);border-radius:1.5px;overflow:hidden}.meter-fill{height:100%;background:var(--color-accent);border-radius:1.5px;transition:width .6s var(--ease-out)}.eyebrow{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim)}.figure-mono{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em}.section-num{color:var(--color-section-num);line-height:1;width:var(--num-width);min-width:var(--num-width);-webkit-user-select:none;user-select:none;display:flex;justify-content:flex-start}.section-num-text{font-family:var(--font-mono);font-size:var(--text-num);font-weight:200;letter-spacing:-.06em}.section-num-icon{color:var(--color-section-icon);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;font-size:52px;font-weight:200;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;-webkit-font-smoothing:antialiased}.section-danger .section-num-icon{color:var(--color-accent)}.toggle{width:38px;height:22px;border-radius:var(--radius-full);background:var(--color-rule);position:relative;cursor:pointer;transition:background var(--duration-base);flex-shrink:0;border:none;padding:0}.toggle.on{background:var(--color-accent)}.toggle:disabled{cursor:default;opacity:.45}.toggle-knob{width:18px;height:18px;border-radius:50%;background:var(--neutral-0);box-shadow:0 1px 3px #00000026;position:absolute;top:2px;left:2px;transition:left var(--duration-base) var(--ease-out);pointer-events:none}.toggle.on .toggle-knob{left:18px}.copy-btn{font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);padding:4px 10px;border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast)}.copy-btn:hover{color:var(--color-accent);background:var(--color-accent-soft)}.copy-btn.copied{color:var(--color-accent)}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);z-index:200;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:var(--sp-3);padding:12px 20px;background:var(--neutral-900);color:var(--neutral-0);border-radius:6px;font-size:13px;box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:toast-in .3s var(--ease-out) forwards}.toast-exiting{animation:toast-out .2s ease-in forwards}.toast-action{font-weight:600;color:var(--signal-300);cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;padding:0}.toast-action:hover{color:var(--signal-200)}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.top-nav{position:sticky;top:0;z-index:50;background:var(--color-bg);padding:0 var(--gutter);border-bottom:1px solid var(--color-rule)}.top-nav-inner{display:flex;align-items:center;height:54px;gap:36px;min-width:0}.top-nav-brand{font-family:var(--font-wordmark, var(--font-display));font-size:19px;font-weight:400;letter-spacing:-.02em;flex-shrink:0;display:flex;align-items:center;gap:8px}.top-nav-links{display:flex;flex:1 1 auto;gap:24px;list-style:none;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top-nav-links::-webkit-scrollbar{display:none}.top-nav-measure{position:fixed;top:-9999px;left:0;display:flex;gap:24px;width:max-content;visibility:hidden;pointer-events:none}.top-nav-link{display:inline-block;flex:0 0 auto;font-size:var(--text-xs);font-weight:400;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;padding-top:3.5px;padding-bottom:2px;border-bottom:1.5px solid transparent;transition:color var(--duration-fast),border-color var(--duration-fast);background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:var(--font-body);white-space:nowrap}.top-nav-link:before{content:attr(data-label);display:block;height:0;overflow:hidden;font-weight:600;visibility:hidden}.top-nav-link:hover{color:var(--color-text-sec)}.top-nav-link.active,.top-nav-link[aria-current=page]{font-weight:600;color:var(--color-text);border-bottom-color:var(--color-accent)}.top-nav-more{color:var(--color-text-sec)}.top-nav-spacer{flex:0 0 0;min-width:0}.top-nav-accessory{flex-shrink:0;display:flex;align-items:center}.top-nav-account{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-dim);font-family:var(--font-mono);flex-shrink:0;cursor:pointer;transition:color var(--duration-fast)}.top-nav-account:hover{color:var(--color-text-sec)}.top-nav-account-chevron{flex-shrink:0;transition:transform var(--duration-fast)}.top-nav-account[data-state=open] .top-nav-account-chevron{transform:rotate(180deg)}.side-nav{position:sticky;top:0;box-sizing:border-box;height:100vh;min-width:0;border-right:1px solid var(--color-rule);padding:var(--sp-8) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6);background:var(--color-bg)}.side-nav-head{display:flex;flex-direction:column;gap:var(--sp-2)}.side-nav-brand{font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:-.02em;line-height:1;color:var(--color-text)}.side-nav-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.02em;line-height:1.4}.side-nav-links{display:flex;flex-direction:column;gap:var(--sp-1)}.side-nav-link{position:relative;display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:400;text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);padding:7px 0 7px 14px;transition:color var(--duration-fast)}.side-nav-link:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:1.5px;background:transparent}.side-nav-link:after{content:attr(data-label);display:block;height:0;overflow:hidden;font-weight:600;visibility:hidden}.side-nav-link:hover{color:var(--color-text-sec)}.side-nav-link.active,.side-nav-link[aria-current=location]{color:var(--color-text);font-weight:600}.side-nav-link.active:before,.side-nav-link[aria-current=location]:before{background:var(--color-accent)}.side-nav-footer{margin-top:auto;padding-top:var(--sp-5);min-width:0;overflow:hidden}.field{margin-bottom:var(--sp-4)}.field-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--sp-2);display:block}.field-error{font-size:var(--text-sm);color:var(--color-accent);margin-top:var(--sp-1)}.inline-error{font-size:13px;color:var(--color-danger);margin-top:var(--sp-2)}.status-note{font-size:13px;color:var(--color-text-dim);background:var(--neutral-50);border:1px solid var(--color-rule-light);border-radius:var(--radius-md);padding:10px 12px;margin-top:var(--sp-4)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111157;z-index:100;animation:fade-in .2s ease-out}.dialog-positioner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:101;padding:var(--sp-6)}.dialog-content{background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:6px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 18px 48px #11111129;animation:dialog-in .2s var(--ease-out)}.dialog-content-wide{max-width:min(780px,calc(100vw - 32px))}.dialog-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;line-height:1.25;padding:var(--sp-6) var(--sp-6) 0}.dialog-desc{font-size:13px;line-height:1.55;color:var(--color-text-sec);padding:var(--sp-3) var(--sp-6) 0}.dialog-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6) var(--sp-6);font-size:13.5px;line-height:1.55;color:var(--color-text)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-rule-light);background:var(--neutral-50)}.dialog-actions .btn{min-height:34px;padding:7px var(--sp-4)}.dialog-actions .btn-danger{color:var(--neutral-0);background:var(--color-danger);border-color:var(--color-danger)}.dialog-actions .btn-danger:hover{color:var(--neutral-0);background:#8c1919;border-color:#8c1919}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.menu-content{background:var(--neutral-0);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000014;padding:var(--sp-1);min-width:180px;z-index:100;animation:menu-in .15s var(--ease-out)}.menu-item{font-size:13px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast);display:block;width:100%;text-align:left}.menu-item:hover,.menu-item[data-highlighted]{background:var(--neutral-50)}.menu-separator{height:1px;background:var(--color-rule-light);margin:var(--sp-1) 0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip{background:var(--neutral-800);color:var(--neutral-0);font-family:var(--font-mono);font-size:var(--text-xs);padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;z-index:150;animation:fade-in .1s ease-out}.section{display:flex;gap:var(--section-gap);padding:52px 0 44px}.section+.section{border-top:1px solid var(--color-rule)}.section-body{flex:1;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;line-height:1.15}.section-desc{font-size:13.5px;color:var(--color-text-sec);margin-top:6px;max-width:50ch}.page{flex:1;width:100%;max-width:calc(var(--page-max) + var(--gutter) * 2);padding:0 var(--gutter) var(--sp-12)}.app-loading,.auth-shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--gutter)}.app-loading{flex-direction:column;gap:var(--sp-3);font-family:var(--font-mono);font-size:13px;color:var(--color-text-dim)}.auth-card{width:min(100%,380px)}.auth-mark{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-wordmark, var(--font-display));font-size:var(--text-lg);margin-bottom:var(--sp-8)}.auth-title{font-size:var(--text-2xl);font-weight:600;line-height:1.2;margin-bottom:var(--sp-6)}.form-stack{display:flex;flex-direction:column}.form-stack .input{width:100%}.form-stack .btn-primary{width:100%;margin-top:var(--sp-2)}.auth-actions{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-5)}.auth-link{font-size:13px;color:var(--color-text-dim);transition:color var(--duration-fast)}.auth-link:hover{color:var(--color-accent)}.muted-action{font-size:12px;color:var(--color-text-faint)}.retry-row{margin-top:var(--sp-4)}.key-table{margin-top:var(--sp-8);width:100%}.key-table-head{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px 70px;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--color-rule);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.key-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px 70px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-rule-light)}.key-name{font-size:var(--text-base);font-weight:500}.key-value{font-family:var(--font-mono);font-size:13px;color:var(--color-text-dim)}.key-value-button{background:none;border:none;padding:0;cursor:pointer;text-decoration:underline dotted var(--color-rule);text-underline-offset:3px}.key-value-button:hover{color:var(--color-text)}.key-value-full{display:block;font-family:var(--font-mono);font-size:13px;color:var(--color-text);background:var(--neutral-50);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:9px 14px;white-space:nowrap;overflow-x:auto;-webkit-user-select:all;user-select:all}.key-date{font-size:var(--text-sm);color:var(--color-text-faint)}.key-action{text-align:right}.setting-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6);padding:var(--sp-4) 0;border-bottom:1px solid var(--color-rule-light)}.setting-row:first-child{border-top:1px solid var(--color-rule-light)}.setting-copy{flex:1 1 220px;min-width:0}.setting-label{font-size:var(--text-base);font-weight:500}.setting-desc{max-width:34ch;font-size:13px;line-height:1.45;color:var(--color-text-sec);margin-top:3px}.setting-value{font-family:var(--font-mono);font-size:13px;color:var(--color-text-sec);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-4);margin-left:auto;flex-shrink:0}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8) var(--sp-10);margin-top:var(--sp-8)}.billing-stat{min-width:0}.billing-stat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.billing-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);min-width:0}.billing-stat-value{min-width:0}.billing-stat-action{flex:0 0 auto;margin-top:-3px}.billing-card{font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-text-sec);display:flex;align-items:center;gap:var(--sp-2)}.billing-help-row{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--color-rule-light);font-size:13px;color:var(--color-text-dim)}.billing-help-link{color:var(--color-accent)}.billing-help-link:hover{color:var(--color-accent-hover)}.auto-reload-settings{margin-top:var(--sp-2)}.auto-reload-settings .setting-row:first-child{border-top:1px solid var(--color-rule-light)}.auto-reload-settings .setting-row{border-bottom:none}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-3) 0;margin-top:var(--sp-5)}.toggle-text{display:inline-flex;align-items:center;gap:var(--sp-2);min-width:0;font-size:13px;color:var(--color-text-dim)}.toggle-label{min-width:0}.member-table-head{display:grid;grid-template-columns:1fr 100px 140px 60px;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--color-rule);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.member-row{display:grid;grid-template-columns:1fr 100px 140px 60px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-rule-light)}.member-email{font-size:var(--text-base);font-weight:500}.member-role{font-size:13px;color:var(--color-text-sec)}.member-limit{font-family:var(--font-mono);font-size:13px;color:var(--color-text-dim)}.referral-box{margin-top:var(--sp-4);display:flex;gap:var(--sp-3)}.referral-url{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-sec);padding:9px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--neutral-0);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{width:100%;padding:40px var(--gutter) 32px;border-top:1px solid var(--color-rule);margin-top:auto;display:flex;justify-content:space-between;align-items:baseline}.footer-copy{font-size:var(--text-xs);color:var(--color-text-faint)}.footer-links{display:flex;gap:var(--sp-5)}.footer-link{font-size:var(--text-xs);color:var(--color-text-dim);text-decoration:none;transition:color var(--duration-fast)}.footer-link:hover{color:var(--color-text)}@media(max-width:900px){.side-nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--color-rule);gap:var(--sp-3)}.side-nav-head{flex-direction:row;align-items:baseline;gap:var(--sp-3)}.side-nav-meta{display:none}.side-nav-links{flex-direction:row;flex-wrap:wrap}.side-nav-link{width:auto}.side-nav-footer{margin-top:0;padding-top:0}}@media(max-width:768px){:root{--gutter: 20px}.top-nav-inner{gap:20px}.top-nav-account{display:none}.top-nav-links,.top-nav-measure{gap:16px}.section{flex-direction:column;gap:16px;padding:36px 0 32px}.section-num-text{font-size:48px}.section-num-icon{width:44px;height:44px;font-size:44px}.billing-grid{grid-template-columns:1fr;gap:var(--sp-6)}.key-table-head,.key-row{grid-template-columns:1fr 1fr}.key-table-head>:nth-child(3),.key-table-head>:nth-child(4),.key-row>:nth-child(3),.key-row>:nth-child(4){display:none}.member-table-head{display:none}.member-row{grid-template-columns:minmax(0,1fr) auto;gap:4px var(--sp-3);align-items:start}.member-email,.member-role,.member-limit{grid-column:1;min-width:0}.member-email{overflow-wrap:anywhere}.member-row>:nth-child(4){grid-column:2;grid-row:1 / span 3;justify-self:end;align-self:center}.referral-box{flex-direction:column;align-items:stretch}.referral-box .btn{width:100%}}
