:root{--palette-1:#181923;--palette-2:#292d41;--palette-3:#38405d;--palette-4:#4c546d;--palette-5:#6f687a;--palette-6:#8b7983;--palette-7:#a58d89;--palette-8:#b59e90;--color-bg:var(--palette-1);--color-surface:var(--palette-2);--color-surface-raised:var(--palette-3);--color-input-bg:var(--palette-1);--color-border:var(--palette-3);--color-border-strong:var(--palette-4);--color-text:var(--palette-8);--color-text-secondary:var(--palette-7);--color-text-muted:var(--palette-6);--color-accent:var(--palette-8);--color-accent-hover:var(--palette-7);--color-button:var(--palette-3);--color-button-hover:var(--palette-4);--color-danger:var(--palette-7);--color-danger-hover:var(--palette-8);--color-danger-text:var(--palette-1);--color-success:var(--palette-8);--color-error:var(--palette-7);--shadow-color:color-mix(in srgb, var(--palette-1) 60%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{flex-direction:column;gap:10px;height:100%;display:flex}a{color:var(--color-accent);font-weight:500;text-decoration:underline}a:hover{color:var(--color-accent-hover)}#main-content-container{flex:1;justify-content:center;align-items:center;display:flex}h1{font-size:3.2em;line-height:1.1}button{color:var(--color-text);background-color:var(--color-button);box-shadow:0 4px 8px var(--shadow-color);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{background-color:var(--color-button-hover)}button:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button.danger{color:var(--color-danger-text);background-color:var(--color-danger)}button.danger:hover{background-color:var(--color-danger-hover)}input,select,textarea{color:inherit;background-color:var(--color-input-bg);border:1px solid var(--color-border-strong);box-sizing:border-box;border-radius:6px;padding:.5em .7em;font-family:inherit;font-size:1em}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}hr{border:none;border-top:1px solid var(--color-border-strong);margin-inline:0}.main-flex-container{background-color:var(--color-surface);box-shadow:0 4px 8px var(--shadow-color);text-align:center;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:10px;max-width:800px;padding:60px;display:flex}.catch-editor{flex-direction:column;gap:10px;display:flex}.full-page{flex:1;max-width:100%;height:100%}.form-label{margin:14px 0 5px;display:block}.chip-fieldset{border:none;margin:0;padding:0}.chip-fieldset legend{width:100%;padding:0}.chip-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{border:1px solid var(--color-border-strong);background-color:var(--color-input-bg);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.3em .9em;font-size:.9em;transition:background-color .15s,border-color .15s}.chip:hover{border-color:var(--color-accent)}.chip-selected{background-color:var(--color-button);border-color:var(--color-accent)}.chip input{opacity:0;width:0;height:0;position:absolute}.chip:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.form-submit-button{margin-top:7px}.label,.section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.85em}.section-title{margin:10px 0 6px;display:block}.empty-state{color:var(--color-text-muted);margin:0 0 8px;font-style:italic}.entry-list{text-align:left;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.entry-list-item{background-color:var(--color-surface-raised);border-radius:8px;padding:10px 14px}.entry-list-item h3{margin:0 0 4px}.entry-list-item p{color:var(--color-text-secondary);margin:2px 0}.entry-list-item img{border-radius:6px;max-width:100%;margin:6px 0}.quantity-row{align-items:center;gap:10px;display:flex}.simple-catch-table{border-collapse:collapse;width:100%;margin-bottom:8px}.simple-catch-table td{border-bottom:1px solid var(--color-border);padding:4px 0}.simple-catch-table td:last-child{text-align:right;color:var(--color-text-secondary)}.form-notification-container{color:var(--color-success)}.form-error-container{color:var(--color-error)}.scroll-container{text-align:center;flex-direction:column;gap:10px;padding:3px;display:flex;overflow-y:auto}nav{background-color:var(--color-surface);color:var(--color-text);z-index:1000;grid-auto-columns:1fr;grid-auto-flow:column;place-items:center;padding:10px 30px;display:grid;top:0;left:0;right:0}nav>:first-child{justify-self:start}nav>:last-child{justify-self:end}nav a{color:var(--color-text);text-decoration:none}nav a:hover{text-decoration:underline}.trip-search-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.trip-search-bar .search-input{flex:200px}.trip-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:border-color .2s;overflow:hidden}.trip-card:hover{border-color:var(--color-border-strong)}.trip-card-header{width:100%;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:14px 18px;display:flex}.trip-card-header:hover,.trip-card-header:focus-visible{background-color:var(--color-surface-raised)}.trip-card-header:focus{outline:none}.trip-card-heading{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:1.15em;display:flex}.trip-date{color:var(--color-accent);font-weight:600}.trip-location{color:var(--color-text-secondary)}.trip-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.trip-chevron.expanded{transform:rotate(180deg)}.trip-card-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.trip-card-body.expanded{grid-template-rows:1fr}.trip-card-body-inner{min-height:0;overflow:hidden}.trip-details{text-align:left;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 16px;padding:4px 18px 12px;display:grid}.trip-detail{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:8px;padding-bottom:4px;display:flex}.trip-notes{text-align:left;padding:0 18px 12px}.trip-notes p{white-space:pre-wrap;margin:4px 0 0}.trip-catches{border-top:1px solid var(--color-border);text-align:left;padding:4px 18px}.trip-card-actions{flex-wrap:wrap;gap:10px;padding:14px 18px 18px;display:flex}.trip-number-input{max-width:7.5ch}.item-search-container{position:relative}.item-search-list{z-index:10;background-color:var(--color-input-bg);border:1px solid var(--color-border-strong);max-height:200px;box-shadow:0 4px 8px var(--shadow-color);border-radius:6px;margin:4px 0 0;padding:4px 0;list-style-type:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.item-search-list:empty{display:none}.item-search-list-item{cursor:pointer;padding:8px 12px}.item-search-list-item:hover{background-color:var(--color-surface-raised)}.gallery-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.gallery-tile{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;transition:border-color .2s;overflow:hidden}.gallery-tile:hover{border-color:var(--color-border-strong)}.gallery-tile.expanded{border-color:var(--color-border-strong);grid-column:1/-1;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;padding:16px;display:grid}.gallery-tile-button{width:100%;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;margin:0;padding:0;display:flex}.gallery-tile-button:focus{outline:none}.gallery-tile-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.gallery-image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gallery-placeholder{background-color:var(--color-surface);color:var(--color-text-muted);justify-content:center;align-items:center;font-style:italic;display:flex}.gallery-tile-caption{white-space:nowrap;text-overflow:ellipsis;padding:8px 12px;overflow:hidden}.gallery-expanded-image .gallery-image{aspect-ratio:auto;object-fit:contain;border-radius:6px;max-height:70vh}.gallery-expanded-image .gallery-placeholder{aspect-ratio:4/3;border-radius:6px}.gallery-expanded-info{flex-direction:column;gap:6px;display:flex}.gallery-expanded-info h3{color:var(--color-accent);margin:0 0 6px}.gallery-notes p{white-space:pre-wrap;margin:4px 0 0}.gallery-expanded-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px;display:flex}.gallery-checkbox{color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}@media (width<=700px){.gallery-tile.expanded{grid-template-columns:1fr}}.legal-links{justify-content:center;gap:20px;padding:10px;font-size:.9em;display:flex}.legal-page{text-align:left;margin:20px}.legal-page h1{margin:0;font-size:2em}.legal-page h2{margin:16px 0 0;font-size:1.2em}.legal-page p{margin:0}.legal-page section{flex-direction:column;gap:8px;display:flex}.legal-page a{overflow-wrap:anywhere}.legal-updated{color:var(--color-text-muted)}.demo-notice-backdrop{z-index:2000;background-color:var(--shadow-color);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.demo-notice{background-color:var(--color-surface);max-width:560px;max-height:100%;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:10px;padding:30px;display:flex;overflow-y:auto}.demo-notice-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-notice h2{margin:0}.demo-notice ul{flex-direction:column;gap:8px;margin:0;padding-left:1.2em;display:flex}