:root,:root[data-theme=light]{color-scheme:light;--bg-canvas: #f7f8fa;--bg-surface: #ffffff;--bg-surface-sunken: #eff1f4;--bg-brand-subtle: #eaf7f4;--fg-primary: #111827;--fg-secondary: #4b5563;--fg-tertiary: #9aa2ae;--fg-brand: #0e7263;--fg-on-brand: #ffffff;--fg-link: #2563eb;--action-primary: #128c7a;--action-primary-pressed: #0e7263;--border-subtle: #e2e5ea;--border-default: #cbd0d8;--border-strong: #9aa2ae;--border-brand: #128c7a;--domain-owner-bg: #cbebe4;--domain-owner-fg: #0b5a4e;--domain-accent: #f59e0b;--domain-accent-bg: #fff7e6;--status-success-bg: #ecfdf3;--status-success-fg: #15803d;--status-success-dot: #16a34a;--status-warning-bg: #fffbeb;--status-warning-fg: #b45309;--status-warning-border: #f59e0b;--status-error-bg: #fef2f2;--status-error-fg: #b91c1c;--status-error-border: #dc2626;--status-info-bg: #eff6ff;--status-info-fg: #1d4ed8;--status-info-border: #2563eb;--status-neutral-bg: #eff1f4;--status-neutral-fg: #4b5563;--shadow-1: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--shadow-2: 0 4px 8px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .06);--overlay: rgba(17, 24, 39, .45)}:root[data-theme=dark]{color-scheme:dark;--bg-canvas: #0a0f16;--bg-surface: #131a23;--bg-surface-sunken: #0e141b;--bg-brand-subtle: #0e2e29;--fg-primary: #f2f5f8;--fg-secondary: #a8b3c0;--fg-tertiary: #6f7c8b;--fg-brand: #36a795;--fg-on-brand: #ffffff;--fg-link: #7fadf5;--action-primary: #128c7a;--action-primary-pressed: #0e7263;--border-subtle: #232e3a;--border-default: #2e3b49;--border-strong: #3e4c5c;--border-brand: #36a795;--domain-owner-bg: #0e2e29;--domain-owner-fg: #66c1b1;--domain-accent: #ffb02e;--domain-accent-bg: #2a2110;--status-success-bg: #0f2a1b;--status-success-fg: #4ade80;--status-success-dot: #22c55e;--status-warning-bg: #2a2110;--status-warning-fg: #fbbf4e;--status-warning-border: #f59e0b;--status-error-bg: #2c1416;--status-error-fg: #f05252;--status-error-border: #dc2626;--status-info-bg: #111d33;--status-info-fg: #7fadf5;--status-info-border: #3b6fd1;--status-neutral-bg: #1b2430;--status-neutral-fg: #a8b3c0;--shadow-1: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 8px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--overlay: rgba(0, 0, 0, .6)}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:20px;color:var(--fg-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--fg-link);text-decoration:none}svg{flex-shrink:0}.t-heading-xl{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.3px}.t-heading-lg{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.2px}.t-heading-md{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.1px}.t-heading-sm{font-size:16px;line-height:22px;font-weight:600}.t-body-md{font-size:14px;line-height:20px}.t-body-md-strong{font-size:14px;line-height:20px;font-weight:600}.t-body-sm{font-size:13px;line-height:18px}.t-caption{font-size:12px;line-height:16px;letter-spacing:.1px}.t-caption-strong{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.1px}.t-overline{font-size:11px;line-height:14px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.t-numeric-md{font-size:15px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}.fg-secondary{color:var(--fg-secondary)}.fg-tertiary{color:var(--fg-tertiary)}.fg-brand{color:var(--fg-brand)}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:2px solid var(--border-brand);outline-offset:2px}.shell{display:flex;min-height:100vh}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:28px 32px 40px;display:flex;flex-direction:column;gap:20px;width:100%}.side-nav{width:260px;flex-shrink:0;padding:12px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.nav-section{display:flex;flex-direction:column}.nav-section-title{height:28px;display:flex;align-items:flex-end;padding:0 0 4px 12px;margin:0;color:var(--fg-tertiary)}.nav-item{position:relative;display:flex;align-items:center;gap:10px;height:30px;padding:0 12px;border-radius:var(--radius-sm);color:var(--fg-secondary)}.nav-item svg{color:var(--fg-secondary)}.nav-item:hover{background:var(--bg-surface-sunken)}.nav-item.active{background:var(--bg-brand-subtle);color:var(--fg-brand);font-weight:600}.nav-item.active svg{color:var(--fg-brand)}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;width:3px;height:18px;background:var(--action-primary);border-radius:0 2px 2px 0}.nav-item-label{flex:1}.nav-soon{color:var(--fg-tertiary);background:var(--bg-surface-sunken);border-radius:var(--radius-full);padding:0 6px}.switcher{position:relative;margin-bottom:4px}.switcher-button{width:100%;height:52px;display:flex;align-items:center;gap:10px;padding:0 8px;background:var(--bg-surface-sunken);border:0;border-radius:var(--radius-md);cursor:pointer;text-align:left}.switcher-button svg{color:var(--fg-secondary)}.switcher-mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--action-primary);color:var(--fg-on-brand);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.switcher-mark.small{width:28px;height:28px}.switcher-text{display:flex;flex-direction:column;flex:1;min-width:0}.switcher-text>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-menu{position:absolute;z-index:20;top:56px;left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:6px}.switcher-menu-title{margin:4px 6px 6px}.switcher-option{width:100%;display:flex;gap:10px;align-items:center;padding:6px;border:0;background:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left}.switcher-option:hover,.switcher-option.is-active{background:var(--bg-brand-subtle)}.switcher-add{display:block;padding:8px 6px 4px;color:var(--fg-brand);font-weight:600;border-top:1px solid var(--border-subtle);margin-top:4px}.top-bar{height:64px;display:flex;align-items:center;gap:16px;padding:0 24px 0 32px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.breadcrumb{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.breadcrumb-part{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.breadcrumb svg{color:var(--fg-tertiary)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:none;border-radius:var(--radius-sm);color:var(--fg-secondary);cursor:pointer;font-size:16px}.icon-btn:hover{background:var(--bg-surface-sunken)}.nav-toggle{display:none}.user-menu{position:relative}.user{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;padding:0;text-align:left}.user-text{display:flex;flex-direction:column}.avatar{border-radius:var(--radius-full);background:var(--domain-owner-bg);color:var(--domain-owner-fg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.menu{position:absolute;right:0;top:44px;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:6px;z-index:30}.menu-caption{padding:4px 8px 6px;margin:0}.menu-item{display:block;width:100%;text-align:left;padding:8px;border:0;background:none;border-radius:var(--radius-sm);color:var(--fg-primary);cursor:pointer}.menu-item:hover{background:var(--bg-surface-sunken)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap}.btn-lg{height:48px;padding:0 20px;font-size:15px}.btn-md{height:40px;padding:0 16px;font-size:14px;line-height:20px}.btn-sm{height:32px;padding:0 12px;font-size:12px;line-height:16px;letter-spacing:.1px}.btn-primary{background:var(--action-primary);color:var(--fg-on-brand)}.btn-primary:hover:not(:disabled){background:var(--action-primary-pressed)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-brand);color:var(--fg-brand)}.btn-secondary:hover:not(:disabled){background:var(--bg-brand-subtle)}.btn-tertiary{background:transparent;color:var(--fg-brand)}.btn-tertiary:hover:not(:disabled){background:var(--bg-brand-subtle)}.btn-ghost{background:transparent;color:var(--fg-secondary);border-color:var(--border-default)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-sunken)}.btn-danger{background:transparent;color:var(--status-error-fg);border-color:var(--status-error-border)}.btn-danger:hover:not(:disabled){background:var(--status-error-bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:8px;padding:24px;color:var(--fg-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--radius-full);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.1px;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--status-success-bg);color:var(--status-success-fg)}.badge-success .badge-dot{background:var(--status-success-dot)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning-fg)}.badge-error{background:var(--status-error-bg);color:var(--status-error-fg)}.badge-info{background:var(--status-info-bg);color:var(--status-info-fg)}.badge-neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.badge-brand{background:var(--bg-brand-subtle);color:var(--fg-brand)}.banner{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:var(--radius-md);border:1px solid;font-size:13px;line-height:18px}.banner-text{flex:1}.banner-info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-fg)}.banner-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-fg)}.banner-error{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error-fg)}.banner-success{background:var(--status-success-bg);border-color:var(--status-success-dot);color:var(--status-success-fg)}.banner-icon{margin-top:-1px}.page-header{display:flex;gap:16px;align-items:flex-start}.page-header-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.page-header-title>*{margin:0}.page-header-actions{display:flex;gap:16px;flex-wrap:wrap}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}.card-header{display:flex;align-items:center;gap:12px;justify-content:space-between}.card-header h2{margin:0}.row{display:flex;gap:16px;align-items:flex-start}.row>*{flex:1}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.kpi{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-brand-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-brand)}.kpi-value{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi p{margin:0}.tone-warning{color:var(--status-warning-fg)}.tone-error{color:var(--status-error-fg)}.tone-info{color:var(--status-info-fg)}.tone-brand{color:var(--fg-brand)}.stacked{display:flex;height:16px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-surface-sunken)}.stacked>span{height:100%}.legend-row{display:flex;align-items:center;gap:10px}.legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-row .grow{flex:1}.bar-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center}.bar-track{height:12px}.bar{height:12px;border-radius:3px;background:var(--border-strong);min-width:4px}.bar.is-top{background:var(--action-primary)}.attention{display:flex;flex-direction:column}.attention-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border-subtle)}.attention-row .grow{flex:1}.table-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;min-width:0}.table-scroll{overflow-x:auto}table.table{width:100%;border-collapse:collapse}.table th{height:44px;padding:0 12px;text-align:left;background:var(--bg-surface-sunken);color:var(--fg-tertiary);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.1px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.table td{padding:0 12px;height:60px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.is-selected>td{background:var(--bg-brand-subtle)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover>td{background:var(--bg-surface-sunken)}.table tr.clickable.is-selected:hover>td{background:var(--bg-brand-subtle)}.table td.num{color:var(--fg-tertiary);font-size:13px;width:36px}.table .note-row td{height:auto;padding:0 16px 12px 48px;border-top:0}.table tr.has-note>td{border-bottom:0}.rule-note{display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:16px;letter-spacing:.1px}.rule-note .grow{flex:1}.rule-note.info{color:var(--fg-secondary)}.rule-note.warning{color:var(--status-warning-fg)}.link-btn{border:0;background:none;padding:0;color:var(--fg-link);font-weight:600;cursor:pointer;font-size:inherit}.select-control,.rate-field{height:32px;border-radius:var(--radius-sm);font-size:13px;line-height:18px}.select-control{width:148px;display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--fg-primary);position:relative}.select-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;outline:none;cursor:pointer;padding:0}.select-control svg{color:var(--fg-secondary);pointer-events:none}.select-control.is-locked{background:var(--bg-surface-sunken);border-color:var(--border-subtle);color:var(--fg-secondary)}.select-control.is-locked svg{color:var(--fg-brand)}.rate-field{width:110px;padding:0 8px;border:1px solid var(--border-default);background:var(--bg-surface);text-align:right;font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}.rate-field:focus{outline:none;border-color:var(--border-brand);box-shadow:0 0 0 3px var(--bg-brand-subtle)}.badge-button{border:0;background:none;padding:0;cursor:pointer}.charges-columns{display:grid;grid-template-columns:minmax(0,1fr) 368px;gap:24px;align-items:start}.preview{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;position:sticky;top:84px}.preview-header{background:var(--bg-brand-subtle);padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px}.preview-title{display:flex;align-items:center;gap:8px;color:var(--fg-brand)}.preview-title .dot{width:8px;height:8px;border-radius:50%;background:var(--status-success-dot)}.unit-select{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);position:relative}.unit-select select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.unit-select .grow{flex:1;display:flex;flex-direction:column;min-width:0}.unit-select svg{color:var(--fg-secondary)}.preview-group{padding:14px 16px 6px;color:var(--fg-tertiary);display:flex;flex-direction:column}.preview-line{display:flex;gap:8px;align-items:center;padding:5px 16px}.preview-line .grow{flex:1;min-width:0;display:flex;flex-direction:column}.preview-line .name{display:flex;align-items:center;gap:5px}.preview-line .name svg{color:var(--fg-brand)}.preview-line.is-muted .t-numeric-md{color:var(--fg-tertiary)}.preview-rule{height:1px;background:var(--border-subtle);margin:0 16px}.preview-total{height:60px;display:flex;align-items:center;padding:0 16px;background:var(--bg-surface-sunken);border-top:1px solid var(--border-strong);font-weight:600}.preview-total .grow{flex:1;font-size:16px;line-height:22px}.preview-total .value{font-size:20px;line-height:26px;letter-spacing:-.2px}.preview-foot{display:flex;gap:6px;align-items:center;padding:10px 16px;color:var(--fg-tertiary)}.preview-foot svg{color:var(--fg-brand)}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--fg-secondary);font-weight:600}.field-hint{color:var(--fg-tertiary)}.field-error{color:var(--status-error-fg)}.input,.select,.textarea{height:40px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg-primary);width:100%}.textarea{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-brand);box-shadow:0 0 0 3px var(--bg-brand-subtle)}.input:disabled,.select:disabled{background:var(--bg-surface-sunken);color:var(--fg-tertiary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-grid .span-2{grid-column:span 2}.check{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.check input{margin-top:3px;accent-color:var(--action-primary)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:32px;padding:0 12px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);cursor:pointer;font-size:13px}.chip.is-on{background:var(--bg-brand-subtle);border-color:var(--border-brand);color:var(--fg-brand);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:64px 16px;z-index:100;overflow-y:auto}.modal{width:100%;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);border:1px solid var(--border-subtle)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.modal-header h2{margin:0}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px}.error-text{color:var(--status-error-fg);font-size:13px;margin:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle)}.tab{border:0;background:none;padding:10px 12px;color:var(--fg-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}.tab.is-active{color:var(--fg-brand);border-bottom-color:var(--action-primary);font-weight:600}.count{background:var(--bg-surface-sunken);color:var(--fg-secondary);border-radius:var(--radius-full);padding:0 6px;font-size:12px;line-height:18px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-surface-sunken);border-radius:var(--radius-sm);width:320px;max-width:100%}.search svg{color:var(--fg-tertiary)}.search input{border:0;background:none;outline:none;flex:1;font-size:13px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 16px}.empty p{margin:0}.empty-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-brand-subtle);color:var(--fg-brand);display:inline-flex;align-items:center;justify-content:center}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:28px;display:flex;flex-direction:column;gap:16px}.auth-card h1,.auth-card p{margin:0}.brand-lockup{display:flex;align-items:center;gap:10px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px;background:var(--bg-surface);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px}.choice:hover{border-color:var(--border-brand)}.choice.is-on{border-color:var(--border-brand);background:var(--bg-brand-subtle)}.code-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;letter-spacing:1px;background:var(--bg-surface-sunken);border-radius:var(--radius-sm);padding:4px 10px}.share-box{white-space:pre-wrap;background:var(--bg-surface-sunken);border-radius:var(--radius-sm);padding:12px;font-size:13px;line-height:18px;margin:0}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}.tick{color:var(--fg-brand);font-weight:700}.dash{color:var(--fg-tertiary)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--fg-primary);color:var(--bg-surface);padding:10px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-2);z-index:200;font-size:13px}@media (max-width: 1100px){.charges-columns{grid-template-columns:1fr}.preview{position:static}}@media (max-width: 900px){.side-nav{position:fixed;z-index:50;left:0;top:0;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-2)}.nav-open .side-nav{transform:none}.nav-open .nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:40}.nav-toggle{display:inline-flex}.top-bar{padding:0 16px}.content{padding:20px 16px 32px}.row{flex-direction:column}.row>*{width:100%}.user-text{display:none}.page-header{flex-direction:column}}@media (max-width: 560px){.form-grid,.choice-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.bar-row{grid-template-columns:110px 1fr auto}}