:root{--bg:#f4f4f1;--surface:#fff;--surface-sunken:#f4f4f1;--text:#1b1b19;--muted:#64645f;--border:#dfdfd9;--border-strong:#8a8a83;--accent:#17654f;--accent-hover:#11513f;--accent-contrast:#fff;--success:#17654f;--error:#b42318;--error-soft:#fdeceb;--warning:#7a4f00;--warning-soft:#fff3d6;--focus:#2f6fd6;--chart-mark:#11866a;--radius:14px;--radius-sm:9px;--card-gap:18px;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121211;--surface:#1b1b1a;--surface-sunken:#121211;--text:#ececea;--muted:#a2a29c;--border:#2f2f2c;--border-strong:#70706a;--accent:#4fc39f;--accent-hover:#6fd3b3;--accent-contrast:#082019;--success:#4fc39f;--error:#ff8a80;--error-soft:#3a1714;--warning:#f3c260;--warning-soft:#33280f;--focus:#7aa7ff;--chart-mark:#36a985;--shadow:0 1px 2px #0000004d}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{max-width:1040px;margin:0 auto;padding:40px 16px 56px}.app-header{margin-bottom:24px}.app-header h1{letter-spacing:-.02em;font-size:1.75rem;line-height:1.2}.app-header p{color:var(--muted);margin-top:6px}.layout{grid-template:"content preview""style preview"1fr/minmax(0,1fr) minmax(0,360px);align-items:start;gap:20px;display:grid}.content-card{grid-area:content}.preview-card{grid-area:preview}.style-card{grid-area:style}.card{gap:var(--card-gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;display:grid}.preview-card{position:sticky;top:20px}@media (width<=820px){.app{padding-top:24px}.layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"content""preview""style"}.preview-card{position:static}}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.section-head{justify-content:space-between;align-items:center;display:flex}.tabs{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;padding:8px 10px;font-weight:500}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--border);font-weight:700}@media (forced-colors:active){.tab[aria-selected=true]{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=480px){.form-grid{grid-template-columns:minmax(0,1fr)}}.span-2{grid-column:1/-1}.field{gap:6px;min-width:0;display:grid}.field-label{justify-content:space-between;gap:8px;font-size:.875rem;font-weight:500;display:flex}.field-label .field-value{color:var(--muted);font-variant-numeric:tabular-nums}input[type=text],input[type=password],input[type=tel],input[type=email],input[type=url],select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-width:0;padding:9px 12px}::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-height:104px}input:disabled{background:var(--surface-sunken);color:var(--muted);cursor:not-allowed}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;border-color:var(--focus)}input[type=range]{width:100%;accent-color:var(--accent);margin:8px 0}.checkbox{cursor:pointer;align-items:center;gap:8px;font-size:.9375rem;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent);margin:0}.color-field{cursor:pointer;align-items:center;gap:12px;display:flex}.color-field input[type=color]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex:none;width:44px;height:44px;padding:3px}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.color-field input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.color-field>span{display:grid}.color-field code{color:var(--muted);font-size:.8125rem}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:.875rem;font-weight:500}.link-button:hover{text-decoration:underline}.notice-slot:empty{margin-top:calc(-1 * var(--card-gap))}.field-hint{color:var(--warning);margin-top:-6px;font-size:.8125rem}.notice{border-radius:var(--radius-sm);padding:10px 12px;font-size:.875rem}.notice-warning{background:var(--warning-soft);color:var(--warning)}.notice-error{background:var(--error-soft);color:var(--error)}.preview-frame{aspect-ratio:1;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);place-items:center;width:100%;max-width:320px;margin:0 auto;padding:12px;display:grid}.preview-image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;border-radius:4px;display:block}.preview-message{text-align:center;color:var(--muted);align-content:center;gap:12px;padding:24px;font-size:.9375rem}.preview-message .notice{text-align:left}.placeholder-icon{fill:currentColor;opacity:.35;width:56px;height:56px}.export{gap:8px;display:grid}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;padding:10px 14px;font-weight:500;transition:background-color .12s,border-color .12s}.button:hover:not(:disabled){background:var(--surface-sunken)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.button-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.button:disabled{opacity:.45;cursor:not-allowed}.export-status{text-align:center;min-height:1.5em;color:var(--muted);font-size:.875rem}.export-status.is-success{color:var(--success)}.export-status.is-error{color:var(--error)}.skip-link{z-index:10;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner{flex-wrap:wrap;align-items:center;gap:8px 20px;max-width:1040px;margin:0 auto;padding:10px 16px;display:flex}.brand{letter-spacing:-.01em;color:var(--text);font-weight:700;text-decoration:none}.topnav{flex-basis:100%;order:3;gap:4px;display:flex}@media (width>=640px){.topnav{flex-basis:auto;order:0}}.topnav-link{border-radius:var(--radius-sm);color:var(--muted);padding:6px 10px;font-weight:500;text-decoration:none}.topnav-link:hover{color:var(--text);background:var(--surface-sunken)}.topnav-link[aria-current=page]{color:var(--text);background:var(--surface-sunken);font-weight:700}.account{align-items:center;gap:12px;margin-left:auto;font-size:.875rem;display:flex}.account-email{max-width:22ch;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-message{text-align:center;justify-items:center;max-width:480px;margin:0 auto}.page-message-title{font-size:1.25rem}.page-message p{color:var(--muted)}.form-footnote{color:var(--muted);margin-top:10px;font-size:.875rem}.form-footnote a{color:var(--accent);font-weight:500}a.button{color:var(--text);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.button-primary{color:var(--accent-contrast)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-card,.form-card{max-width:420px;margin:0 auto}.auth-card h1,.form-card h1{font-size:1.5rem;line-height:1.2}.auth-card .button-primary{width:100%}.auth-lede,.field-help{color:var(--muted);font-size:.875rem}.field-error{color:var(--error);font-size:.875rem;font-weight:500}input[aria-invalid=true]{border-color:var(--error)}.auth-link{color:var(--accent);justify-self:center;font-size:.875rem;font-weight:500}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:1.75rem;line-height:1.2}.page-lede,.page-loading{color:var(--muted);margin-top:6px}.back-link{color:var(--accent);margin-bottom:12px;font-size:.875rem;font-weight:500;display:inline-block}.button-small{padding:5px 10px;font-size:.8125rem}.empty-state,.notice-card{justify-items:start}.empty-state h2{font-size:1.125rem}.empty-state p,.notice-card p{color:var(--muted)}.qr-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.qr-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px}@media (width>=820px){.qr-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1.6fr) auto auto;align-items:center;gap:20px}}.qr-row-main{gap:2px;min-width:0;display:grid}.qr-row-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.qr-row-name:hover{text-decoration:underline}.qr-row-dest{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.qr-row-link{align-items:center;gap:8px;min-width:0;display:flex}.qr-row-link code{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.qr-row-scans{color:var(--muted);white-space:nowrap;font-size:.875rem}.qr-row-scans strong{color:var(--text)}.switch{cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.switch input{width:18px;height:18px;accent-color:var(--accent);margin:0}.short-link{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.short-link code{word-break:break-all;font-size:.9375rem}.detail-form{gap:14px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.unsaved{color:var(--warning);font-size:.875rem;font-weight:500}.form-status{min-height:1.5em;font-size:.875rem}.form-status.is-success{color:var(--success)}.form-status.is-error{color:var(--error)}.preview-note{text-align:center;color:var(--muted);font-size:.8125rem}.link-danger{color:var(--error);justify-self:start}.danger-zone{background:var(--error-soft);border-radius:var(--radius-sm);gap:10px;padding:12px;font-size:.9375rem;display:grid}.danger-actions{flex-wrap:wrap;gap:8px;display:flex}.button-danger{border-color:var(--error);background:var(--error);color:var(--surface)}.button-danger:hover:not(:disabled){background:var(--error);filter:brightness(.92)}.stats-card{margin-top:20px}.range-picker{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.range-option{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:.8125rem;font-weight:500}.range-option[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border);font-weight:700}.stats-body{gap:24px;transition:opacity .15s;display:grid}.stats-body.is-refreshing{opacity:.55}.stats-loading,.stats-note{color:var(--muted);font-size:.8125rem}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0;display:grid}.stat-tile{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:12px 14px}.stat-tile dt{color:var(--muted);font-size:.8125rem}.stat-tile dd{letter-spacing:-.01em;margin:2px 0 0;font-size:1.5rem;font-weight:600}.daily-chart{gap:10px;margin:0;display:grid}.chart-caption{color:var(--muted);font-size:.875rem}.chart-grid{grid-template-columns:auto minmax(0,1fr);gap:6px 8px;display:grid}.y-axis{min-width:2.5ch;height:160px;position:relative}.y-axis span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;position:absolute;right:0;transform:translateY(50%)}.plot{border-radius:4px;height:160px;position:relative}.plot:focus-visible{outline-offset:4px}.gridline{border-top:1px solid var(--border);position:absolute;left:0;right:0}.columns{gap:2px;display:flex;position:absolute;inset:0}.column-slot{flex:1;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex}.column{background:var(--chart-mark);border-radius:4px 4px 0 0;width:100%;max-width:24px}.column.has-scans{min-height:2px}.column-slot.is-active .column{filter:brightness(1.15)}.chart-tooltip{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;gap:2px;padding:8px 10px;font-size:.8125rem;display:grid;position:absolute;top:0}.x-axis{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.chart-table summary,.bar-list-title{font-size:.875rem;font-weight:600}.chart-table summary{color:var(--accent);cursor:pointer}.chart-table table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.875rem}.chart-table th,.chart-table td{border-bottom:1px solid var(--border);text-align:left;padding:4px 8px}.chart-table td{font-variant-numeric:tabular-nums}.breakdowns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px 28px;display:grid}.bar-list{align-content:start;gap:8px;display:grid}.bar-list-empty{color:var(--muted);font-size:.875rem}.bar-list-table{border-collapse:collapse;width:100%}.bar-list-table th{text-align:left;gap:4px;padding:4px 0;font-weight:400;display:grid}.bar-list-table td{font-variant-numeric:tabular-nums;text-align:right;vertical-align:bottom;padding:4px 0 4px 12px}.bar-label{font-size:.875rem}.bar-track{height:8px;display:block}.bar-fill{background:var(--chart-mark);border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.invite-form{margin-bottom:8px}.invite-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.users-card{padding:0;overflow:hidden}.users-table{border-collapse:collapse;width:100%;font-size:.9375rem}.users-table th,.users-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 16px}.users-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.users-table tbody th{word-break:break-all;font-weight:500}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.confirm-inline{flex-wrap:wrap;align-items:center;gap:6px;font-size:.875rem;display:flex}.status-badge{background:var(--surface-sunken);border-radius:999px;padding:2px 8px;font-size:.8125rem;font-weight:500;display:inline-block}.status-badge.is-suspended{background:var(--error-soft);color:var(--error)}.status-badge.is-invited{background:var(--warning-soft);color:var(--warning)}.muted{color:var(--muted)}@media (width<=720px){.users-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.users-table tr{border-bottom:1px solid var(--border);gap:4px;padding:12px 16px;display:grid}.users-table th,.users-table td{border:0;padding:0}.users-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.row-actions{justify-content:flex-start;margin-top:6px}}