:root{--color-canvas-lavender: #e8e4f5;--color-canvas-mint: #d8f0e8;--color-card: #ffffff;--color-text: #1a1a1a;--color-primary: #1a1a1a;--color-primary-contrast: #ffffff;--color-link: #4a3f8c;--color-focus: #4a3f8c;--color-border: #6b6b6b;--color-error: #b3261e;--color-well: #d8f0e8;--color-chip-bg: #e8e4f5;--color-chip-mint: #d8f0e8;--color-chip-rose: #f0d8e0;--color-chip-text: #1a1a1a;--color-surface: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--font-size-small: .875rem;--font-size-base: 1rem;--font-size-large: 1.25rem;--font-size-h1: 2.25rem;--font-size-h2: 1.5rem;--radius-1: .5rem;--radius-2: .75rem;--radius-3: 1.25rem;--radius-pill: 9999px;--shadow-1: 0 .25rem 1rem color-mix(in srgb, var(--color-text) 8%, transparent);--measure: 60ch;--content-max: 68rem;--card-min: 16rem;--focus-ring: .1875rem solid var(--color-focus);--focus-offset: var(--space-1);--control-max: 24rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(160deg,var(--color-canvas-lavender) 0%,var(--color-canvas-mint) 100%);background-attachment:fixed;color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);line-height:1.5;min-height:100vh}h1,h2{line-height:1.2;font-weight:600}h1{font-size:var(--font-size-h1);margin:0 0 var(--space-3)}h2{font-size:var(--font-size-h2);margin:var(--space-4) 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--color-link);text-decoration:underline}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.skip-link{position:absolute;top:var(--space-2);left:-999em;background:var(--color-card);color:var(--color-text);padding:var(--space-2) var(--space-3);border:.125rem solid var(--color-focus);border-radius:var(--radius-2);z-index:100}.skip-link:focus-visible{left:var(--space-2)}.app-column{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-3)}.page-frame{min-width:0}.frame-brand{display:flex;flex-wrap:wrap;align-items:center}.frame-session{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.signed-in-email{display:none}.page-frame header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);background:color-mix(in srgb,var(--color-card) 82%,transparent);padding:var(--space-3) var(--space-4);border-bottom:.0625rem solid color-mix(in srgb,var(--color-border) 35%,transparent);position:fixed;top:0;left:0;right:0;z-index:10}.app-version{margin-left:var(--space-2);font-size:var(--font-size-small)}main{margin:0 auto;padding:var(--space-4);padding-top:calc(var(--space-5) + var(--space-5) + var(--space-4))}.page-frame:has(nav)+main{padding-bottom:calc(var(--space-5) + var(--space-5) + var(--space-4))}html{scroll-padding-top:calc(var(--space-5) + var(--space-5) + var(--space-4));scroll-padding-bottom:calc(var(--space-5) + var(--space-5) + var(--space-4))}nav{background:color-mix(in srgb,var(--color-card) 82%,transparent);padding:var(--space-2) var(--space-2);border-top:.0625rem solid color-mix(in srgb,var(--color-border) 35%,transparent);position:fixed;bottom:0;left:0;right:0;z-index:10}nav ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);list-style:none;margin:0;padding:0}nav a{display:block;padding:var(--space-1);text-align:center;overflow-wrap:anywhere;font-size:var(--font-size-small);text-decoration:none}@media(min-width:768px){.signed-in-email{display:inline}.page-frame{background:color-mix(in srgb,var(--color-card) 82%,transparent);border:.0625rem solid color-mix(in srgb,var(--color-border) 35%,transparent);border-radius:var(--radius-3)}.page-frame header{position:static;background:transparent;border-radius:0}nav{position:static;background:transparent;border-top:none;padding:var(--space-2) var(--space-4)}nav ul{display:flex;flex-wrap:wrap;gap:var(--space-3)}nav a{display:inline-block;padding:var(--space-1) 0;text-align:start;font-size:var(--font-size-base)}main{padding:var(--space-4)}.page-frame:has(nav)+main{padding-bottom:var(--space-4)}html{scroll-padding-top:0;scroll-padding-bottom:0}}nav a[aria-current=page]{font-weight:600;text-decoration:underline;text-decoration-thickness:.1875rem}.card{background:var(--color-card);border-radius:var(--radius-3);box-shadow:var(--shadow-1);padding:var(--space-4);margin:0 0 var(--space-4)}.card-form{max-width:var(--measure)}.btn{display:inline-block;font-size:var(--font-size-base);font-family:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:.125rem solid transparent;cursor:pointer;text-decoration:none;line-height:1.25}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.btn-secondary{background:var(--color-card);color:var(--color-text);border-color:var(--color-border)}.btn-destructive{background:var(--color-card);color:var(--color-error);border-color:var(--color-error)}.btn-icon,.btn-with-icon{display:inline-flex;align-items:center;justify-content:center}.btn-icon{padding:var(--space-2)}.btn-with-icon{gap:var(--space-2)}.btn-icon svg,.btn-with-icon svg{width:1em;height:1em;flex-shrink:0}.field{display:block;margin:0 0 var(--space-3)}.field-label{display:block;margin:0 0 var(--space-1);font-weight:600}.field input{display:block;width:100%;max-width:var(--control-max);font-size:var(--font-size-base);font-family:inherit;padding:var(--space-2);border:.125rem solid var(--color-border);border-radius:var(--radius-2);background:var(--color-card);color:var(--color-text)}.field input[aria-invalid=true]{border-color:var(--color-error)}.field-error{color:var(--color-error);margin:var(--space-1) 0 0;font-size:var(--font-size-small)}.field-error:before{content:"⚠ "}.alert{border:.125rem solid var(--color-error);color:var(--color-error);background:var(--color-card);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3);border-radius:var(--radius-2);box-shadow:var(--shadow-1)}.alert-info{border-color:var(--color-border);color:var(--color-text)}.record-list{display:grid;grid-template-columns:1fr;gap:var(--space-3);list-style:none;margin:0 0 var(--space-4);padding:0}@media(min-width:40rem){.record-list{grid-template-columns:repeat(auto-fit,minmax(var(--card-min),1fr))}}.record-list li{background:var(--color-card);border-radius:var(--radius-3);box-shadow:var(--shadow-1);padding:var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);max-width:100%}.record-list li>*{max-width:var(--measure)}.record-list li span{overflow-wrap:anywhere}.chip,.access-status{display:inline-block;color:var(--color-chip-text);background:var(--color-chip-bg);border:.0625rem solid color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);line-height:1.3}.access-status{background:var(--color-chip-mint)}.empty-state{margin:0;color:var(--color-text)}.card .empty-state{padding:0}dl{margin:0 0 var(--space-3)}dt{font-weight:600;margin:var(--space-3) 0 var(--space-1)}dt:first-child{margin-top:0}dd{margin:0;overflow-wrap:anywhere}
