@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,dl,dd,p,ul{margin:0}button,input,select,textarea{font:inherit}}@layer base{:root{--color-canvas:oklch(98% .008 82);--color-surface:oklch(100% 0 0);--color-ink:oklch(23% .025 265);--color-ink-soft:oklch(48% .02 265);--color-ink-muted:oklch(64% .015 265);--color-line:oklch(88% .012 265);--color-link:oklch(45% .13 255);--color-positive:oklch(46% .12 150);--color-negative:oklch(52% .17 25);--color-selected:oklch(93% .035 255);--color-row-hover:oklch(97% .007 265);--color-surface-raised:oklch(100% 0 0/.96);--color-surface-floating:oklch(100% 0 0/.98);--color-danger-soft:oklch(97% .02 35);--icon-image-filter:none;--shadow-soft:0 1px 1px oklch(0% 0 0/.04), 0 12px 36px oklch(0% 0 0/.07);--radius-sm:.45rem;--radius-md:.7rem;--radius-pill:999px;--space-1:.35rem;--space-2:.6rem;--space-3:.9rem;--space-4:1.25rem;--space-5:1.8rem;--space-6:2.4rem;--mobile-nav-height:calc(3.6rem + env(safe-area-inset-bottom));--focus-ring:0 0 0 3px oklch(72% .12 255/.45);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--color-canvas:oklch(18% .018 265);--color-surface:oklch(23% .018 265);--color-ink:oklch(94% .01 265);--color-ink-soft:oklch(76% .012 265);--color-ink-muted:oklch(62% .012 265);--color-line:oklch(34% .018 265);--color-link:oklch(78% .11 255);--color-positive:oklch(72% .12 150);--color-negative:oklch(72% .16 25);--color-selected:oklch(31% .045 255);--color-row-hover:oklch(27% .02 265);--color-surface-raised:oklch(23% .018 265/.96);--color-surface-floating:oklch(23% .018 265/.98);--color-danger-soft:oklch(27% .035 25);--icon-image-filter:invert(1);--shadow-soft:0 1px 1px oklch(0% 0 0/.22), 0 12px 36px oklch(0% 0 0/.32);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{min-block-size:100%}body{background:var(--color-canvas);min-block-size:100%;color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.45}a{color:var(--color-link);text-underline-offset:.18em;text-decoration-thickness:.08em}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}}@layer components{.page{min-block-size:100dvh;padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom))}.auth-page{align-content:center;display:grid}.shell{inline-size:min(100%,460px);margin-inline:auto}.app-shell{gap:var(--space-4);inline-size:min(100%,960px);display:grid}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.header-actions{align-items:center;gap:var(--space-2);display:inline-flex}.app-nav{align-items:center;gap:var(--space-1)}.app-nav-desktop{display:none}.app-nav-mobile{z-index:40;min-block-size:var(--mobile-nav-height);border-block-start:1px solid var(--color-line);background:var(--color-surface-raised);padding:var(--space-1) max(var(--space-2), env(safe-area-inset-right)) max(var(--space-1), env(safe-area-inset-bottom)) max(var(--space-2), env(safe-area-inset-left));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px oklch(0% 0 0/.08)}.app-footer{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:1px solid var(--color-line);padding-block:var(--space-4);display:none}.app-footer__links{align-items:center;gap:var(--space-3);display:inline-flex}.app-footer a{color:var(--color-ink-soft);font-size:.9rem;font-weight:650;text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{color:var(--color-ink);text-decoration:underline}.app-nav__link{border-radius:var(--radius-sm);min-block-size:2.65rem;color:var(--color-ink-soft);justify-content:center;align-items:center;font-size:.88rem;font-weight:750;text-decoration:none;display:inline-flex}.app-nav__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;block-size:1.25rem;inline-size:1.25rem;display:none}.app-nav__link[aria-current=page]{background:var(--color-selected);color:var(--color-ink)}.brand{gap:.1rem;display:grid}.brand__name{letter-spacing:0;text-transform:uppercase;font-size:.85rem;font-weight:750}.brand__sub{color:var(--color-ink-muted);font-size:.9rem}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-4)}.stack{gap:var(--space-3);display:grid}.stack-lg{gap:var(--space-5);display:grid}.eyebrow{color:var(--color-ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.title{letter-spacing:0;font-size:clamp(2rem,12vw,3.8rem);line-height:.95}.section-title{letter-spacing:0;font-size:1.35rem;line-height:1.1}.muted{color:var(--color-ink-soft)}.form{gap:var(--space-3);display:grid}.field{gap:var(--space-1);display:grid}.field span{color:var(--color-ink-soft);font-size:.9rem;font-weight:650}.input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);min-block-size:2.95rem;inline-size:100%;color:var(--color-ink);padding:.8rem .9rem}select.input{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.15rem),calc(100% - .85rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;block-size:3.25rem;min-block-size:3.25rem;padding-block:0;padding-inline:.9rem 2.2rem;line-height:1.35}.textarea{resize:vertical;min-block-size:5rem}.input-code{letter-spacing:.18em;text-align:center;font-size:1.35rem;font-weight:750}.button{border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);min-block-size:2.75rem;color:var(--color-canvas);cursor:pointer;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}.button:disabled{cursor:default;opacity:.72}.button-secondary{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink)}.button-link{color:var(--color-link);background:0 0;border-color:#0000;min-block-size:auto;padding:0}.icon-button{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);block-size:2.5rem;inline-size:2.5rem;color:var(--color-ink);flex:none;justify-content:center;align-items:center;font-size:1.45rem;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.icon-button-active{border-color:color-mix(in oklab, var(--color-link), var(--color-line) 45%);background:color-mix(in oklab, var(--color-link), var(--color-surface) 88%);color:var(--color-link)}.icon-button__icon{block-size:1rem;inline-size:1rem;filter:var(--icon-image-filter);display:block}.mobile-header-text-action{inline-size:auto;padding-inline:var(--space-3);font-size:.875rem}.ellipsis-icon{border-radius:var(--radius-pill);background:currentColor;block-size:.25rem;inline-size:.25rem;display:block;box-shadow:-.45rem 0,.45rem 0}.alert{border-radius:var(--radius-sm);padding:var(--space-3);font-size:.95rem}.alert-error{color:var(--color-negative);background:oklch(95% .035 25)}.alert-success{color:var(--color-positive);background:oklch(94% .04 150)}.journal-search{gap:var(--space-3)}.segmented-control{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-row-hover);grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;padding:.2rem;display:grid}.segmented-control-two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control-four{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented-control__item{border-radius:calc(var(--radius-sm) - .15rem);min-block-size:2.35rem;color:var(--color-ink-soft);cursor:pointer;text-align:center;background:0 0;border:0;justify-content:center;align-items:center;font-size:.92rem;font-weight:750;text-decoration:none;display:inline-flex}.segmented-control__item[aria-current=page]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 2px oklch(0% 0 0/.09)}.empty-state{align-content:center;justify-items:center;gap:var(--space-2);border:1px dashed var(--color-line);border-radius:var(--radius-md);min-block-size:16rem;padding:var(--space-5) var(--space-4);text-align:center;display:grid}.section-heading{gap:var(--space-1);display:grid}.journal-feed{gap:var(--space-3)}.journal-filter-panel{gap:var(--space-2);border-block:1px solid var(--color-line);padding-block:var(--space-3);display:grid}.journal-filter-panel__tools,.journal-filter-panel__options{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.journal-filter-panel__tool{inline-size:100%}.journal-filter-panel__options{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);padding:.2rem}.journal-filter-panel__placeholder{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-3)}.journal-filter-panel__meta{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:1.5rem;display:flex}.journal-list{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);margin:0;padding:0;list-style:none;display:block;overflow:hidden}.journal-groups{gap:var(--space-5);display:grid}.journal-group{gap:var(--space-2);display:grid}.journal-group__title{color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:750}.journal-entry,.journal-work-run{position:relative}.journal-entry{background:0 0;transition:background-color .14s}.journal-list>li+li:before,.journal-work-run__moments .journal-entry+.journal-entry:before{inset-block-start:0;inset-inline:var(--space-4) 0;background:var(--color-line);content:"";block-size:1px;position:absolute}.journal-work-run__heading{padding:var(--space-3) var(--space-4) var(--space-2)}.journal-work-run__moments{margin:0;padding:0;list-style:none;display:block}.journal-entry--grouped .journal-entry__link{padding-inline-start:calc(var(--space-4) + var(--space-3))}.journal-entry:focus-within,.journal-entry:hover{background:var(--color-row-hover)}.journal-entry__link{color:inherit;padding:var(--space-3) var(--space-4);text-decoration:none;display:block}.journal-entry__body{gap:.25rem;display:grid}.journal-entry__date,.journal-entry__artists,.journal-entry__details,.journal-entry__listening-title,.journal-entry__notes{color:var(--color-ink-soft);font-size:.95rem}.journal-entry__title{letter-spacing:0;font-size:1.05rem;line-height:1.2}.journal-entry__date,.journal-entry__details{color:var(--color-ink-muted)}.journal-entry__date{font-size:.82rem}.journal-entry__listening-title{color:var(--color-ink);margin-block-start:var(--space-2);font-size:.92rem;font-weight:700}.journal-entry__notes{white-space:pre-wrap}.journal-sentinel{min-block-size:3rem}.search-results{gap:var(--space-2);display:grid}.selection-pill{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-selected);padding:var(--space-3) 3rem var(--space-3) var(--space-3);gap:.1rem;display:grid;position:relative}.selection-pill__label{color:var(--color-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:750}.selection-pill__name{font-weight:800}.selection-pill__clear{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);block-size:1.85rem;inline-size:1.85rem;color:var(--color-ink);cursor:pointer;justify-content:center;align-items:center;font-weight:850;line-height:1;display:inline-flex;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.result-list{gap:var(--space-1);padding:0;list-style:none;display:grid}.result-row{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);inline-size:100%;color:var(--color-ink);cursor:pointer;text-align:start;gap:.1rem;padding:.75rem .85rem;display:grid}.result-row__primary{font-weight:750}.result-row__secondary{color:var(--color-ink-muted);font-size:.86rem}.catalogue-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalogue-tile{align-content:space-between;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-block-size:9rem;color:inherit;padding:var(--space-4);text-decoration:none;transition:border-color .14s,transform .14s;display:grid}.catalogue-tile:hover,.catalogue-tile:focus-visible{border-color:var(--color-ink-muted);transform:translateY(-1px)}.catalogue-tile__title{font-size:1.2rem;font-weight:850;line-height:1.1}.catalogue-tile__description{color:var(--color-ink-soft);font-size:.92rem}.catalogue-section{gap:var(--space-3)}.catalogue-header{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.catalogue-filter-bar{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.catalogue-filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);min-block-size:2.2rem;color:var(--color-ink-soft);align-items:center;padding:.45rem .8rem;font-size:.9rem;font-weight:750;text-decoration:none;display:inline-flex}.filter-chip[aria-current=page]{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.catalogue-results{gap:var(--space-2)}.catalogue-result-count{justify-content:space-between;gap:var(--space-3);display:flex}.section-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:2.5rem;display:flex}.catalogue-row{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-3);display:grid}.catalogue-row-link{color:inherit;text-decoration:none;transition:border-color .14s,transform .14s}.catalogue-row-link:hover,.catalogue-row-link:focus-visible{border-color:var(--color-ink-muted);transform:translateY(-1px)}.catalogue-row__body{gap:.12rem;display:grid}.catalogue-row__title{letter-spacing:0;font-size:1.02rem;font-weight:800;line-height:1.2}.catalogue-row__sub,.catalogue-row__meta{color:var(--color-ink-soft);font-size:.92rem}.catalogue-row__meta{color:var(--color-ink-muted)}.track-list-compact{gap:0;padding:0;list-style:none;display:grid}.track-list-compact>li{display:grid}.track-list-compact__disc{border-block-start:1px solid var(--color-line);color:var(--color-ink-muted);letter-spacing:.04em;padding-block:var(--space-3) var(--space-1);text-transform:uppercase;font-size:.78rem;font-weight:800}.track-list-compact>li:first-child .track-list-compact__disc{border-block-start:0;padding-block-start:0}.track-row-compact{gap:var(--space-2);border-block-start:1px solid var(--color-line);padding-block:var(--space-2);grid-template-columns:2.2rem minmax(0,1fr);display:grid}.track-list-compact>li:first-child .track-row-compact,.track-list-compact__disc+.track-row-compact{border-block-start:0}.track-row-compact__number{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;text-align:end;padding-block-start:.08rem;font-weight:750;line-height:1.25}.track-row-compact__body{gap:.08rem;min-inline-size:0;display:grid}.track-row-compact__title{letter-spacing:0;font-size:.98rem;font-weight:800;line-height:1.22}.track-row-compact__artist,.track-row-compact__meta{color:var(--color-ink-soft);font-size:.9rem;line-height:1.3}.track-row-compact__meta{color:var(--color-ink-muted)}.album-item-choice{cursor:pointer;grid-template-columns:minmax(0,1fr);padding-inline-end:calc(var(--space-3) + 2.7rem);transition:border-color .14s,transform .14s;position:relative}.album-item-choice:hover,.album-item-choice:focus-within{border-color:var(--color-ink-muted)}.album-item-choice:hover{transform:translateY(-1px)}.album-item-choice .catalogue-row__body{pointer-events:none;position:relative}.album-item-choice__submit{z-index:1;border-radius:inherit;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0;position:absolute;inset:0}.album-item-choice__submit:focus-visible{box-shadow:var(--focus-ring);outline:none}.album-item-choice__icon{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);block-size:1.15rem;inline-size:1.15rem;padding:.45rem;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.editable-row{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.compact-form-row{align-items:end;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.compact-number-field{inline-size:5.4rem}.compact-number-field span{font-size:.76rem}.compact-number-field .input{min-block-size:2.25rem;padding-inline:.65rem}.catalogue-pagination{justify-content:flex-end;gap:var(--space-2);display:flex}.catalogue-sentinel{min-block-size:3rem}.add-missing,.inline-add-missing{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:1px solid var(--color-line);padding-block-start:var(--space-3);display:flex}.path-choice{gap:var(--space-2);border-block-start:1px solid var(--color-line);padding-block-start:var(--space-3);display:grid}.draft-details{gap:var(--space-4);border-block-start:1px solid var(--color-line);padding-block-start:var(--space-3);display:grid}.draft-section{gap:var(--space-2);display:grid}.form-grid{gap:var(--space-3);display:grid}.track-list{gap:var(--space-2);display:grid}.track-row{align-items:end;gap:var(--space-2);grid-template-columns:2rem minmax(0,1fr) auto;display:grid}.track-row__number{min-block-size:2.6rem;color:var(--color-ink-soft);place-items:center;font-weight:750;display:grid}.track-row__field{min-inline-size:0}.checkbox-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check-row{align-items:center;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);min-block-size:2.6rem;padding:.65rem .75rem;display:flex}.check-row input{flex:none}.check-row span{font-weight:700}.check-row-subtle{min-block-size:2rem;color:var(--color-ink-soft);background:0 0;border-color:#0000;justify-self:start;padding:0}.check-row-subtle span{font-size:.9rem;font-weight:650}.moment-view{gap:var(--space-3)}.moment-header{align-items:center;gap:var(--space-3);min-block-size:2.75rem;display:flex}.moment-header .icon-button{block-size:2.35rem;inline-size:2.35rem;font-size:.95rem}.recording-summary{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-selected);padding:var(--space-3);gap:.2rem;display:grid}.recording-summary__composer{color:var(--color-ink-soft);font-weight:750}.recording-summary__work{letter-spacing:0;font-size:1.1rem;line-height:1.15}.recording-summary__artists,.recording-summary__meta{color:var(--color-ink-soft);font-size:.92rem}.release-track-preview{margin:var(--space-2) 0 0;color:var(--color-ink-soft);padding-inline-start:1.3rem;font-size:.92rem}.recording-summary__meta{color:var(--color-ink-muted)}.entry-detail{gap:var(--space-3)}.detail-header{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;min-block-size:2.75rem;display:grid;position:relative}.detail-header__title{min-inline-size:0}.detail-header__title .section-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry-menu{position:relative}.menu-popover{z-index:20;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);min-inline-size:10rem;padding:var(--space-1);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;box-shadow:0 1rem 2rem oklch(0% 0 0/.12)}.menu-popover button,.menu-popover a{border-radius:var(--radius-sm);min-block-size:2.4rem;color:var(--color-ink);padding:0 var(--space-3);text-align:start;font:inherit;background:0 0;border:0;align-items:center;font-weight:700;text-decoration:none;display:flex}.menu-popover button:hover,.menu-popover a:hover,.menu-popover a:focus-visible,.menu-popover button:focus-visible{background:var(--color-selected);outline:none}.menu-popover .menu-item-danger{color:var(--color-negative)}.entry-summary{background:var(--color-surface)}.entry-summary-link{color:inherit;text-decoration:none;transition:border-color .14s,transform .14s}.entry-summary-link:hover,.entry-summary-link:focus-visible{border-color:var(--color-ink-muted)}.entry-summary-link:hover{transform:translateY(-1px)}.recording-history-list{gap:var(--space-2);padding:0;list-style:none;display:grid}.recording-history-row{border:1px solid var(--color-line);border-radius:var(--radius-md);color:inherit;padding:var(--space-3);gap:.2rem;text-decoration:none;display:grid}.recording-history-row:hover,.recording-history-row:focus-visible{border-color:var(--color-ink-muted)}.recording-history-row__date,.recording-history-row__notes{color:var(--color-ink-soft);font-size:.9rem}.recording-history-row__title{font-weight:750}.recording-history-row__notes{white-space:pre-wrap}.detail-panel,.confirm-panel,.detail-grid{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.confirm-panel{gap:var(--space-3);background:var(--color-danger-soft);border-color:oklch(78% .1 28);display:grid}.modal-backdrop{z-index:50;padding:var(--space-4);background:oklch(0% 0 0/.32);place-items:center;display:grid;position:fixed;inset:0}.modal-dismiss{cursor:default;background:0 0;border:0;position:absolute;inset:0}.modal-dialog{z-index:1;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);inline-size:min(100%,26rem);color:var(--color-ink);box-shadow:var(--shadow-soft);padding:var(--space-4);margin:0;display:grid;position:relative}.modal-header{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.journal-filter-modal{align-self:end}.compact-title{font-size:1.1rem;line-height:1.2}.detail-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-item{gap:var(--space-1);display:grid}.detail-item>p:last-child{color:var(--color-ink);font-weight:650}.detail-item-wide{grid-column:1/-1}.detail-notes{white-space:pre-wrap}.button-row{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.button-danger{border-color:var(--color-negative);background:var(--color-negative);color:#fff}.stat-list{gap:var(--space-2);display:grid}.stat{justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-line);padding-block:var(--space-2);display:flex}.stat:last-child{border-block-end:0}}@layer utilities{.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.full-width{inline-size:100%}}@media (width<=719px){.page{padding-block-end:calc(5rem + env(safe-area-inset-bottom))}.app-nav-mobile .app-nav__link{flex-direction:column;gap:.18rem;min-block-size:3.2rem;font-size:.72rem;line-height:1}.app-nav-mobile .app-nav__icon{display:block}.journal-search{padding-block-end:5.8rem}.journal-list{margin-inline:calc(-1 * var(--space-4));border-inline:0;border-radius:0}.add-missing{inset-inline:var(--space-4);z-index:9;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-floating);box-shadow:var(--shadow-soft);padding:var(--space-3);position:fixed;inset-block-end:var(--mobile-nav-height)}.detail-grid{grid-template-columns:1fr}.button-row{flex-direction:column;align-items:stretch}.button-row,.button-row form,.button-row .button{inline-size:100%}.catalogue-add-button{display:none}.catalogue-header,.catalogue-filter-bar,.catalogue-pagination{grid-template-columns:1fr;display:grid}.album-item-choice{grid-template-columns:minmax(0,1fr);padding-inline-end:calc(var(--space-3) + 2.5rem)}.section-header-row{align-items:center}.editable-row{grid-template-columns:minmax(0,1fr) auto}.compact-number-field{inline-size:5.2rem}.segmented-control-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.app-nav-desktop{margin-inline-start:auto;display:flex}.app-nav-mobile{display:none}.app-footer{display:flex}.app-nav__link{min-block-size:2.45rem;padding-inline:.85rem}.mobile-header-action{display:none}.catalogue-add-button{display:inline-flex}.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}