:root{--bark:#2d6b67;--bark-dark:#275a56;--bark-lite:#3a7f7b;--honey:#8b6914;--honey-lite:#c49a3c;--moss:#2d6b67;--moss-lite:#3a7f7b;--water:#4e7fa8;--parchment:#eaebed;--cream:#e6e8eb;--sand:#d0d3d7;--drift:#5a6168;--soil:#1a1a1a;--white:#fff;--error:#9b2c2c;--success:#2f6b45;--bg-page:var(--parchment);--bg-surface:var(--white);--bg-surface-raised:#fff;--bg-nav:var(--bark-dark);--bg-sidebar:var(--white);--bg-input:var(--white);--bg-hover:#2c18100d;--text-body:var(--soil);--text-heading:var(--bark-dark);--text-muted:var(--drift);--text-nav:#fff;--text-link:var(--moss);--text-inverse:var(--white);--border-subtle:var(--cream);--border-input:var(--sand);--border-strong:var(--drift);--accent-primary:var(--bark);--accent-primary-hover:var(--bark-dark);--accent-secondary:var(--moss);--accent-secondary-hover:var(--moss-lite);--chip-inactive-bg:transparent;--chip-inactive-border:var(--sand);--chip-inactive-text:var(--drift);--chip-inactive-hover-bg:var(--bg-hover);--overlay-modal:#2c181080;--alert-error-bg:#9b2c2c14;--alert-error-border:#9b2c2c40;--alert-error-text:var(--error);--alert-success-bg:#2f6b4514;--alert-success-border:#2f6b4540;--alert-success-text:var(--success);--alert-info-bg:#4e7fa814;--alert-info-border:#4e7fa840;--alert-info-text:var(--water);--alert-warning-bg:#8b691414;--alert-warning-border:#8b691440;--alert-warning-text:var(--honey);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Source Sans 3", system-ui, sans-serif;--max-width:1200px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #2c181014;--shadow-md:0 4px 8px #2c18101f;--shadow-lg:0 8px 24px #2c18102e}[data-theme=dark]{--bg-page:#0d2a35;--bg-surface:#12384a;--bg-surface-raised:#164258;--bg-nav:#081f28;--bg-sidebar:#0f313f;--bg-input:#164258;--bg-hover:#e8e4dd0d;--text-body:#e8e4dd;--text-heading:#f5f0e8;--text-muted:#9aa5ad;--text-nav:#e8e4dd;--text-link:#6ea882;--text-inverse:#0d2a35;--border-subtle:#1d4a5f;--border-input:#2a5d76;--border-strong:#3a7590;--accent-primary:#c49a3c;--accent-primary-hover:#d4ac52;--accent-secondary:#6ea882;--accent-secondary-hover:#82bd97;--chip-inactive-bg:var(--bg-surface-raised);--chip-inactive-border:var(--border-strong);--chip-inactive-text:var(--text-body);--chip-inactive-hover-bg:var(--bg-hover);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 24px #00000080;--overlay-modal:#000000b3;--alert-error-bg:#9b2c2c59;--alert-error-border:#ff787880;--alert-error-text:#ffb3b3;--alert-success-bg:#2f6b4559;--alert-success-border:#82c89680;--alert-success-text:#9ee0b6;--alert-info-bg:#4e7fa859;--alert-info-border:#8cb4dc80;--alert-info-text:#b0d2ef;--alert-warning-bg:#c49a3c40;--alert-warning-border:#d4ac5280;--alert-warning-text:#e6c770}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-body);min-height:100vh;line-height:1.6;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-heading);line-height:1.25}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.75rem;font-weight:600}h3{font-size:1.35rem;font-weight:600}h4{font-size:1.1rem;font-weight:600}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--text-link);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary-hover)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.page-content{padding:var(--space-2xl) var(--space-lg);max-width:var(--max-width);margin:0 auto}.fly-submit-reminder{background:var(--alert-warning-bg);border-bottom:1px solid var(--alert-warning-border);color:var(--text-body)}.fly-submit-reminder__inner{max-width:var(--max-width);padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);margin:0 auto;display:flex}.fly-submit-reminder__copy{flex-wrap:wrap;gap:.35rem;min-width:0;font-size:.95rem;line-height:1.35;display:flex}.fly-submit-reminder__copy strong{color:var(--text-heading)}.fly-submit-reminder__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}@media (width<=640px){.fly-submit-reminder__inner{align-items:stretch;gap:var(--space-sm);flex-direction:column}.fly-submit-reminder__actions{flex-wrap:wrap;justify-content:flex-start}}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--bark);color:var(--white)}.btn-primary:hover{background:var(--bark-dark);color:var(--white)}.btn-secondary{background:var(--cream);color:var(--bark);border:1.5px solid var(--sand)}.btn-secondary:hover{background:var(--sand);color:var(--bark-dark)}.btn-moss{background:var(--moss);color:var(--white)}.btn-moss:hover{background:var(--bark-dark);color:var(--white)}.btn-danger{background:var(--error);color:var(--white)}.btn-danger:hover{color:var(--white);background:#7a2020}.btn-ghost{color:var(--drift);border:1.5px solid var(--sand);background:0 0}.btn-ghost:hover{background:var(--cream);color:var(--bark)}[data-theme=dark] .btn-secondary{background:var(--bg-surface-raised);color:var(--text-body);border-color:var(--border-input)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-hover);color:var(--text-heading);border-color:var(--border-strong)}[data-theme=dark] .btn-ghost{color:var(--text-muted);border-color:var(--border-input)}[data-theme=dark] .btn-ghost:hover{background:var(--bg-hover);color:var(--text-body);border-color:var(--border-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:.3rem .9rem;font-size:.85rem}.btn-lg{padding:.75rem 1.75rem;font-size:1.05rem}.form-group{margin-bottom:var(--space-lg)}label{color:var(--text-body);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{background:var(--bg-input);border:1.5px solid var(--border-input);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-body);appearance:none;padding:.6rem .9rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-secondary);outline:none;box-shadow:0 0 0 3px #2d6b6726}textarea{resize:vertical;min-height:120px}.form-hint{color:var(--text-muted);margin-top:var(--space-xs);font-size:.82rem}.form-error{color:var(--error);margin-top:var(--space-xs);font-size:.85rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color .2s,border-color .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.badge{background:var(--bg-hover);color:var(--text-body);border:1px solid var(--border-subtle);border-radius:100px;padding:.3em .85em;font-size:.9rem;font-weight:500;display:inline-block}.badge-moss{color:var(--text-link);background:#2d6b671f;border-color:#2d6b674d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-muted{color:var(--drift)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}hr.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-xl) 0}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-size:.95rem}.alert-error{background:var(--alert-error-bg);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}.alert-success{background:var(--alert-success-bg);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}.alert-info{background:var(--alert-info-bg);border:1px solid var(--alert-info-border);color:var(--alert-info-text)}.alert-warning{background:var(--alert-warning-bg);border:1px solid var(--alert-warning-border);color:var(--alert-warning-text)}.avatar{object-fit:cover;background:var(--sand);width:40px;height:40px;font-family:var(--font-serif);color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex;overflow:hidden}.avatar-lg{width:80px;height:80px;font-size:2rem}.avatar-xl{width:120px;height:120px;font-size:2.5rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-secondary);width:32px;height:32px;margin:var(--space-xl) auto;border-radius:50%;animation:.7s linear infinite spin}.loading-center{padding:var(--space-3xl) 0;justify-content:center;align-items:center;display:flex}.fly-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.sidebar-logo{justify-content:center;padding:20px 0;display:flex}.sidebar-logo img{cursor:default;width:70%;max-width:160px;height:auto;display:block}.modal-overlay{background:var(--overlay-modal);z-index:1000;padding:var(--space-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface-raised);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:visible}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-xl)}.fly-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-body)}.tabs{border-bottom:2px solid var(--border-subtle);margin-bottom:var(--space-xl);gap:0;display:flex}.tab{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--text-body)}.tab.active{color:var(--text-body);border-bottom-color:var(--accent-primary)}.pagination{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);display:flex}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted)}.empty-state .empty-icon{margin-bottom:var(--space-md);font-size:3rem}.empty-state h3{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:1.25rem}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}html,body{overflow-x:hidden}@media (width<=768px){h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.15rem}.page-content{padding:var(--space-lg) var(--space-md)}.fly-grid{grid-template-columns:1fr}.modal{max-height:95vh;margin:var(--space-sm);border-radius:var(--radius-md)}.modal-overlay{padding:var(--space-sm)}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:.5rem .9rem;font-size:.85rem}.btn{min-height:44px}.btn-sm{min-height:36px}}@media (width<=480px){:root{--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem}h1{font-size:1.4rem}h2{font-size:1.2rem}.page-content{padding:var(--space-md)}.container{padding:0 var(--space-md)}.btn-lg{padding:.65rem 1.25rem;font-size:.95rem}.alert{padding:var(--space-sm) var(--space-md);font-size:.88rem}}.browse-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.browse-tile-wrap{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s,transform .1s,background-color .15s;display:flex}.browse-tile-wrap:hover{box-shadow:var(--shadow-md);border-color:var(--accent-secondary);transform:translateY(-1px)}.browse-tile-wrap.selected{border-color:var(--accent-secondary);background:#4a7c591a}.browse-tile-check{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-secondary);flex-shrink:0;margin:0}.browse-tile{justify-content:space-between;align-items:baseline;gap:var(--space-sm);min-width:0;color:var(--text-body);flex:1;text-decoration:none;display:flex}.browse-tile-name{font-size:1rem;font-weight:600}.browse-tile-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.subtype-group{margin-bottom:var(--space-xl)}.subtype-group-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-sm) 0;font-size:.78rem;font-weight:700}.subtype-chips{gap:var(--space-sm);flex-wrap:wrap;display:flex}.subtype-chip-wrap{background:var(--bg-surface);border:1px solid var(--border-input);border-radius:999px;align-items:center;gap:6px;padding:.3rem .7rem;transition:background-color .15s,border-color .15s;display:inline-flex}.subtype-chip-wrap:hover{background:var(--bg-hover);border-color:var(--accent-secondary)}.subtype-chip-wrap.selected{border-color:var(--accent-secondary);background:#4a7c591a}.subtype-chip-check{cursor:pointer;width:13px;height:13px;accent-color:var(--accent-secondary);flex-shrink:0;margin:0}.subtype-chip{color:var(--text-body);font-size:.88rem;text-decoration:none}.browse-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-xl) 0 var(--space-lg)}.browse-summary-bar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.browse-summary-count{color:var(--text-body);font-weight:600}.browse-clear-all{cursor:pointer;color:var(--text-link);background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}