:root{--ground:oklch(98% .005 85);--plate:oklch(100% 0 0);--plate-sunk:oklch(96.5% .005 85);--rule:oklch(87% .006 85);--ink:oklch(22% .01 260);--ink-soft:oklch(48% .01 260);--ink-faint:oklch(65% .008 260);--verified:oklch(55% .11 185);--unconfirmed:oklch(68% .14 75);--attention:oklch(55% .19 25);--font-sans:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--size-label:.6875rem;--size-body:.9375rem;--size-value:clamp(2rem, 9vw, 3.25rem);--size-title:clamp(1.25rem, 5vw, 1.75rem);--gap-hair:.25rem;--gap-tight:.5rem;--gap:1rem;--gap-wide:1.75rem;--gap-vast:3rem;--radius:.375rem;--dur-fast:.12s;--dur:.22s;--ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--ground:oklch(19% .008 260);--plate:oklch(24% .009 260);--plate-sunk:oklch(21% .008 260);--rule:oklch(34% .01 260);--ink:oklch(95% .004 85);--ink-soft:oklch(72% .008 260);--ink-faint:oklch(55% .008 260);--verified:oklch(72% .11 185);--unconfirmed:oklch(79% .13 75);--attention:oklch(70% .17 25)}}*,:before,:after{box-sizing:border-box}html{background:var(--ground);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:var(--size-body);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;line-height:1.45}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em}.label{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);font-weight:500;display:block}h1{font-weight:500}input,select,button{font:inherit;color:inherit}input[type=checkbox]{accent-color:var(--verified)}input,select{width:100%;margin-top:var(--gap-hair);padding:var(--gap-tight);background:var(--plate);border:1px solid var(--rule);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease)}input:hover,select:hover{border-color:var(--ink-faint)}button{padding:var(--gap-tight) var(--gap);background:var(--plate);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}button:hover{background:var(--plate-sunk);border-color:var(--ink-faint)}button:active{background:var(--rule)}:focus-visible{outline:2px solid var(--verified);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;min-height:100dvh;display:flex}.app__body{flex:1}.screen{padding:var(--gap) var(--gap) var(--gap-vast)}.stack{gap:var(--gap);margin-top:var(--gap-wide);display:grid}.stack--separated{margin-top:var(--gap-vast)}.empty{margin-top:var(--gap-wide);color:var(--ink-soft)}.error{margin-top:var(--gap);color:var(--attention)}.save{margin-top:var(--gap-wide)}.photo-field{align-items:center;gap:var(--gap);margin-top:var(--gap-wide);display:flex}.photo-field__preview{border-radius:var(--radius);object-fit:cover;background:var(--plate-sunk);border:1px solid var(--rule);flex:none;width:5rem;height:5rem}.photo-field__preview--empty{background:repeating-linear-gradient(45deg, var(--plate-sunk) 0 6px, var(--plate) 6px 12px);display:block}.photo-field__actions{gap:var(--gap-tight);flex-direction:column;min-width:0;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field-edit{align-items:center;gap:var(--gap-hair) var(--gap-tight);padding-bottom:var(--gap-tight);border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;display:grid}.field-edit__value{grid-column:1/-1}.field-edit__label-input{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em}.field-edit__pin{align-items:center;gap:var(--gap-hair);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);cursor:pointer;display:flex}.field-edit__pin input{width:auto;margin:0}.field-edit__remove{padding:var(--gap-hair) var(--gap-tight);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);grid-column:1/-1;justify-self:start}.row{padding:var(--gap) 0;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none;display:block}.row__name{font-size:var(--size-title);line-height:1.2}.pin-group{margin-top:var(--gap-wide)}.pin-group__head{align-items:center;gap:var(--gap-tight);padding-bottom:var(--gap-tight);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease);text-decoration:none;display:flex}.pin-group__head:hover{color:var(--ink)}.pin-group__name{font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.item-title{font-size:var(--size-title);margin:0}.item-head{justify-content:space-between;align-items:flex-start;gap:var(--gap);margin-bottom:var(--gap-wide);display:flex}.item-head__edit{padding:var(--gap-hair) var(--gap-tight);border:1px solid var(--rule);border-radius:var(--radius);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex:none;text-decoration:none}.item-head__edit:hover{color:var(--ink);border-color:var(--ink-faint)}.nav{background:var(--rule);border-top:1px solid var(--rule);grid-auto-flow:column;gap:1px;display:grid;position:sticky;bottom:0}.nav__link{padding:var(--gap) var(--gap-tight);background:var(--plate);color:var(--ink-soft);font-size:var(--size-label);text-transform:uppercase;letter-spacing:.09em;text-align:center;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);font-weight:500;text-decoration:none}.nav__link:hover{background:var(--plate-sunk)}.nav__link--on{color:var(--ink);box-shadow:inset 0 2px 0 var(--verified)}.field-row{align-items:baseline;gap:var(--gap-hair) var(--gap-tight);width:100%;padding:var(--gap) 0 var(--gap-wide);border:0;border-bottom:1px solid var(--rule);color:inherit;text-align:left;font:inherit;background:0 0;border-radius:0;grid-template-columns:1fr auto;grid-template-areas:"label flag""value value";display:grid}.field-row__label{grid-area:label}.field-row__flag{grid-area:flag}.field-row__value{font-size:var(--size-value);color:var(--ink);grid-area:value;line-height:1}.field-row__flag{background:var(--unconfirmed);border-radius:50%;align-self:center;width:.5rem;height:.5rem}.field-row--tappable{cursor:pointer;margin-inline:calc(-1 * var(--gap-tight));padding-inline:var(--gap-tight);transition:background var(--dur-fast) var(--ease)}.field-row--tappable:hover{background:var(--plate-sunk)}.field-row--tappable:active{background:var(--rule)}.thumb{border-radius:var(--radius);object-fit:cover;background:var(--plate-sunk);border:1px solid var(--rule);flex:none}.thumb--md{width:3rem;height:3rem}.thumb--sm{width:2rem;height:2rem}.thumb--mono{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-faint);justify-content:center;align-items:center;display:flex}.thumb--mono.thumb--md{font-size:.875rem}.thumb--mono.thumb--sm{font-size:.6875rem}.item-row{align-items:center;gap:var(--gap);padding:var(--gap-tight) 0;border-bottom:1px solid var(--rule);color:inherit;transition:background var(--dur-fast) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.item-row:hover{background:var(--plate-sunk);box-shadow:calc(-1 * var(--gap)) 0 0 var(--plate-sunk), var(--gap) 0 0 var(--plate-sunk)}.item-row__text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.item-row__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;line-height:1.2;overflow:hidden}.item-row__what{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-row__headline{text-align:right;flex-direction:column;align-items:flex-end;gap:.125rem;min-width:0;display:flex}.item-row__value,.item-row__field{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.item-row__value{color:var(--ink);font-size:1.0625rem;line-height:1.2}.item-row__field{color:var(--ink-faint)}
