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