:root{color-scheme:dark;--bg-primary: #1a2332;--bg-secondary: #243447;--bg-tertiary: #2c3f57;--bg-alt: #1e2d3f;--text-primary: #f0f4f8;--text-secondary: #8fa3bb;--text-muted: #5a7a96;--text-on-accent: #111111;--text-error: #f0a0a0;--border-color: #2e4460;--border-focus: #4a7ab5;--accent: #e8a838;--positive: #3ecf8e;--danger: #e05252;--good-gear: #4caf82;--good-gear-rgb: 76, 175, 130;--accent-rgb: 232, 168, 56;--positive-rgb: 62, 207, 142;--danger-rgb: 224, 82, 82;--text-secondary-rgb: 143, 163, 187;--border-rgb: 46, 68, 96;--bg-secondary-rgb: 36, 52, 71;--bg-primary-rgb: 26, 35, 50;--nav-bg: var(--bg-primary);--nav-text: rgba(240, 244, 248, .6);--nav-text-hover: rgba(240, 244, 248, .85);--nav-active: var(--accent);--overlay-bg: rgba(10, 21, 32, .75)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;color:var(--text-secondary);font-size:.9rem}.spinner{width:2rem;height:2rem;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.error-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1.25rem;background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.3);border-radius:.5rem;color:var(--text-error);font-size:.9rem}.error-icon{flex-shrink:0;font-size:1.1rem;margin-top:.05rem}.error-body{flex:1}.error-lens{margin:0 0 .25rem;font-weight:700;color:var(--text-error)}.error-msg{margin:0 0 .25rem;font-weight:500}.error-hint{margin:0 0 .5rem;font-size:.8rem;color:rgba(var(--danger-rgb),.55)}.btn-retry{display:inline-flex;align-items:center;padding:.35rem .75rem;background:rgba(var(--danger-rgb),.15);border:1px solid rgba(var(--danger-rgb),.4);border-radius:.35rem;color:var(--text-error);font-size:.8rem;font-weight:600;cursor:pointer;margin-top:.25rem}.btn-retry:hover{background:rgba(var(--danger-rgb),.25)}.card-placeholder{padding:1.25rem 1rem;margin-bottom:1.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem}.card-placeholder__lens{margin:0 0 1rem;font-size:.9rem;font-weight:700;color:var(--text-primary)}.card-placeholder__body{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;color:var(--text-secondary);font-size:.875rem}.card-placeholder__spinner{flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.card-placeholder__label{margin:0;color:var(--text-secondary)}.card-placeholder__hint{margin-left:.35rem;font-size:.78rem;color:var(--text-muted)}.card-placeholder__skeleton{display:flex;flex-direction:column;gap:.5rem}.skel-row{height:.7rem;border-radius:.25rem;background:var(--border-color);animation:shimmer 1.4s ease-in-out infinite}.skel-row--wide{width:80%}.skel-row--mid{width:55%}.skel-row--narrow{width:35%}.card-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.02em}.badge--beginner{background:rgba(var(--positive-rgb),.12);color:var(--positive);border:1px solid rgba(var(--positive-rgb),.3)}.badge--intermediate{background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.badge--advanced{background:rgba(var(--danger-rgb),.12);color:var(--danger);border:1px solid rgba(var(--danger-rgb),.3)}.badge--tripod{background:rgba(var(--text-secondary-rgb),.1);color:var(--text-secondary);border:1px solid rgba(var(--text-secondary-rgb),.25)}.gear-checklist{display:flex;flex-direction:column;gap:.25rem;color:var(--text-primary)}.gear-group{display:flex;flex-direction:column}.gear-group--accessories{margin-top:.5rem;border-top:1px solid var(--border-color);padding-top:.75rem}.gear-group__label{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 .4rem}.gear-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:border-color .15s,opacity .15s;margin-bottom:.25rem;-webkit-user-select:none;user-select:none;color:var(--text-primary)}.gear-item--camera{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.04)}.gear-item--lens{margin-left:1.5rem}.gear-item--unchecked{opacity:.4;border-color:var(--border-color)!important;background:transparent!important}.gear-item__name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.gear-item__meta{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.gear-checkbox{flex-shrink:0;width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.gear-sublens-list{display:flex;flex-direction:column;transition:opacity .2s}.gear-sublens-list--faded{pointer-events:none;opacity:.25}.gear-warning{font-size:.775rem;color:var(--accent);margin:0 0 .25rem 1.75rem;padding:.15rem 0}.gear-error{font-size:.825rem;color:var(--danger);background:rgba(var(--danger-rgb),.08);border:1px solid rgba(var(--danger-rgb),.2);border-radius:.375rem;padding:.5rem .75rem;margin-top:.25rem}.gear-empty{font-size:.875rem;color:var(--text-secondary);padding:.75rem 1rem;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:.5rem;margin:0}.gear-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.edit-gear-section-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.phone-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;-webkit-user-select:none;user-select:none}.phone-toggle--active{border-color:var(--positive);color:var(--positive);background:rgba(var(--positive-rgb),.08)}.phone-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.phone-toggle__icon{font-size:1rem;line-height:1}.phone-toggle__label{line-height:1}.phone-only-panel{background:rgba(var(--positive-rgb),.04);border:1px solid rgba(var(--positive-rgb),.2);border-radius:.5rem;padding:1rem;margin-top:.75rem}.phone-only-panel__hint{margin-top:0;margin-bottom:.75rem}.field-optional{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-left:.25rem}.phone-badge{color:var(--text-primary)}.packing-style-section{margin-top:1.25rem}.packing-style-section__label{margin-bottom:.625rem}.packing-style-selector{display:flex;gap:.5rem}.style-tier{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:.625rem;cursor:pointer;text-align:center;-webkit-appearance:none;appearance:none;transition:border-color .15s,background .15s,color .15s}.style-tier--active{border:2px solid var(--accent);background:rgba(var(--accent-rgb),.1)}.style-tier--active .style-tier__name{color:var(--accent)}.style-tier:hover:not(:disabled):not(.style-tier--active){border-color:rgba(var(--accent-rgb),.45)}.style-tier:disabled{opacity:.45;cursor:not-allowed}.style-tier__icon{font-size:1.35rem;line-height:1}.style-tier__name{font-size:.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.style-tier__hint{font-size:.7rem;color:var(--text-secondary);line-height:1.3;word-break:break-word}.confirm-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.875rem;padding:1.5rem;width:100%;max-width:360px}.confirm-dialog__message{margin:0 0 1.25rem;font-size:.95rem;color:var(--text-primary);line-height:1.5}.confirm-dialog__message strong{color:var(--text-primary)}.confirm-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-confirm-cancel{padding:.625rem 1.25rem;background:transparent;border:1.5px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.btn-confirm-cancel:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.btn-confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-delete{padding:.625rem 1.25rem;background:var(--danger);border:none;border-radius:.5rem;color:var(--text-primary);font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-confirm-delete:hover:not(:disabled){opacity:.85}.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed}.recommended-header{padding:1rem 1rem .75rem;border-left:3px solid var(--positive);margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}.recommended-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--positive);font-weight:600}.recommended-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.recommended-reason{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin:0}.rec-tripod-note{margin:.75rem 0}.alt-lens-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.alt-lens-item{padding:.75rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem}.alt-lens-item--strong{background:var(--bg-alt);padding:.875rem}.alt-lens-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.alt-lens-header--strong{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.625rem}.alt-lens-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.alt-lens-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.alt-lens-notes{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .625rem}.settings-table--alt{margin-bottom:.625rem}.settings-table--alt .settings-label{font-size:.75rem;color:var(--text-muted);padding:.2rem .5rem .2rem 0}.settings-table--alt .settings-value{font-size:.8rem;padding:.2rem 0}.tips-list--alt{margin-top:.5rem;padding-left:1rem}.tips-list--alt .tip-item{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.section--muted{opacity:.75}.section-title--small{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.unsuitable-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.unsuitable-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.5rem .75rem;background:rgba(var(--text-secondary-rgb),.04);border:1px solid var(--border-color);border-radius:.4rem;font-size:.8rem;line-height:1.4;color:var(--text-secondary)}.unsuitable-name{font-weight:600;color:var(--text-primary)}.unsuitable-sep{display:none}.unsuitable-reason{color:var(--text-secondary)}.card-subtitle{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-top:.125rem}