body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.offline-bar{z-index:100;align-items:center;gap:10px;padding:8px 16px;font-size:.8rem;display:flex;position:sticky;top:0}.offline-bar.offline{color:#ffb347;background:#1a1000;border-bottom:1px solid #3a2800}.offline-bar.pending{color:#6bcf7f;background:#0a1a0a;border-bottom:1px solid #1a3a1a}.sync-btn{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:6px;padding:3px 10px;font-size:.75rem}.sync-btn:disabled{opacity:.5}.sync-ok{color:#6bcf7f;margin-left:auto}.sync-err{color:#f88;margin-left:auto}:root{--saffron:#f4a62a;--espresso:#1c1009;--cream:#faf5ec;--chili:#d94f2b;--sage:#8a9e85;--ink:#2b1e10;--bg:#0f0a06;--surface:#221508;--surface2:#2e1d0e;--border:#ffffff12;--accent:var(--saffron);--text:var(--cream);--muted:var(--sage);--danger:var(--chili);--font-serif:"Zilla Slab", Georgia, serif;--font-sans:"DM Sans", "Helvetica Neue", sans-serif;--font:var(--font-sans);--radius:10px;--flag-urgent-fg:#e8895a;--flag-urgent-bg:#d94f2b1f;--flag-urgent-border:#d94f2b33;--flag-never-fg:#c07070;--flag-never-bg:#9632321f;--flag-never-border:#96323233}html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px}#root{min-height:100vh}a{color:inherit;text-decoration:none}.page{max-width:680px;padding:16px 16px 0;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom));margin:0 auto}.page-header{justify-content:space-between;align-items:center;min-height:40px;margin-bottom:20px;display:flex}.page-header h1{font-size:1.4rem;font-weight:700}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:4px 0;font-size:.95rem;display:flex}.header-actions{gap:8px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;min-height:44px;padding:12px 20px;font-size:1rem;font-weight:600}.btn-primary-sm{background:var(--accent);color:var(--ink);border-radius:var(--radius);cursor:pointer;border:none;min-height:36px;padding:8px 14px;font-size:.875rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:36px;padding:8px 14px;font-size:.875rem}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;min-height:36px;padding:8px 14px;font-size:.875rem}.fab{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:24px;min-height:44px;padding:10px 20px;font-size:1rem;font-weight:600}.card-grid{gap:10px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:5px;padding:14px 16px;transition:border-color .15s;display:flex}.card:active{background:var(--surface2)}.card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-meta{color:var(--muted);font-size:.8rem}.card-stats{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:.875rem;display:flex}.cost-tier{color:var(--text);font-weight:600}.stars{gap:1px;display:inline-flex}.star-filled{color:var(--saffron)}.star-empty{color:var(--border)}.flag-badge{background:var(--flag-urgent-bg);color:var(--flag-urgent-fg);border:1px solid var(--flag-urgent-border);white-space:nowrap;border-radius:8px;padding:2px 7px;font-size:.72rem}.flag-badge.large{margin-top:6px;padding:4px 12px;font-size:.85rem;display:inline-block}.flag-badge.never{background:var(--flag-never-bg);color:var(--flag-never-fg);border-color:var(--flag-never-border)}.meal-tag{background:var(--border);color:var(--muted);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.72rem}.detail-header{margin-bottom:16px}.detail-name-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px;display:flex}.detail-name-row h1{flex:1;font-size:1.5rem;font-weight:700;line-height:1.2}.detail-meta{color:var(--muted);margin-bottom:3px;font-size:.875rem}.stats-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:20px;display:flex;overflow:hidden}.stat{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 10px;display:flex}.stat:last-child{border-right:none}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.stat-value{font-size:.9rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header h2{font-size:1.05rem;font-weight:600}.visit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:12px 14px;transition:opacity .2s}.visit-card.deleting{opacity:.4;pointer-events:none}.visit-top{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.visit-ratings{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.82rem;display:flex}.visit-ratings .star-filled,.visit-ratings .star-empty{font-size:.85rem}.visit-notes{color:var(--muted);margin-top:8px;font-size:.85rem;line-height:1.5}.logged-by{color:var(--muted);font-size:.72rem}.visit-cost{color:var(--text);font-size:.82rem;font-weight:600}.visit-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.edit-link{color:var(--accent);align-items:center;min-height:32px;font-size:.8rem;display:flex}.delete-visit-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:32px;padding:0 2px;font-size:1.2rem;line-height:1;display:flex}.delete-visit-btn:hover{color:var(--danger)}.delete-visit-btn:disabled{opacity:.4;cursor:not-allowed}.photo-gallery{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.gallery-item{border-radius:6px;flex-shrink:0;width:90px;height:72px;position:relative;overflow:hidden}.gallery-thumb{object-fit:cover;width:100%;height:100%;display:block}.gallery-remove{position:absolute;top:3px;right:3px}.photo-strip{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.strip-thumb{object-fit:cover;border-radius:4px;width:54px;height:44px}.form{flex-direction:column;gap:18px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:6px;font-size:.875rem;display:flex}.form input,.form select,.form textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:var(--font);min-height:44px;padding:11px 12px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);border-color:#0000}.form-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.form-error{color:#f88;border-radius:var(--radius);background:#2a0a0a;padding:10px 14px;font-size:.875rem}.seg-control{flex-wrap:wrap;gap:6px;display:flex}.seg-control button{background:var(--surface);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:8px;min-height:40px;padding:9px 14px;font-size:.875rem;transition:all .1s}.seg-control button.seg-active{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}.star-picker{gap:6px;display:flex}.star{cursor:pointer;color:var(--border);background:0 0;border:none;align-items:center;min-height:44px;padding:2px;font-size:1.75rem;line-height:1;transition:color .1s;display:flex}.star.filled{color:#ffc107}.search-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.search-input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:0;min-height:44px;padding:10px 12px;font-size:.9rem}.search-input:focus{outline:2px solid var(--accent);border-color:#0000}.sort-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);min-height:44px;padding:10px;font-size:.85rem}.filter-toggle{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;min-height:44px;padding:10px 12px;font-size:.85rem}.filter-toggle.active{color:var(--accent);border-color:var(--accent)}.filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:14px}.filter-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filter-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.filter-grid select,.filter-grid input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;min-height:40px;padding:8px 10px;font-size:.875rem}.clear-filters{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:4px 0;font-size:.85rem}.input-with-action{gap:8px;display:flex}.input-with-action input{flex:1;min-width:0}.find-btn{white-space:nowrap;flex-shrink:0}.places-confirmed{color:#6bcf7f;font-size:.75rem}.autocomplete-wrapper{flex:1;min-width:0;position:relative}.autocomplete-dropdown{background:var(--surface2);border-radius:var(--radius);z-index:200;border:1px solid #ffffff1f;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #00000080}.autocomplete-dropdown li{cursor:pointer;border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.autocomplete-dropdown li:last-child{border-bottom:none}.autocomplete-dropdown li:hover{background:var(--surface)}.autocomplete-main{color:var(--text);font-size:.9rem}.autocomplete-sub{color:var(--muted);font-size:.78rem}.autocomplete-loading{color:var(--muted);padding:4px 2px;font-size:.78rem;display:block}.photo-upload-section{flex-direction:column;gap:10px;display:flex}.photo-upload-header{align-items:center;gap:10px;display:flex}.photo-upload-label{color:var(--muted);flex:1;font-size:.875rem}.photo-preview-grid{flex-wrap:wrap;gap:8px;display:flex}.photo-preview-item{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:88px;height:88px;position:relative;overflow:hidden}.photo-preview-item img{object-fit:cover;width:100%;height:100%;display:block}.photo-preview-item.pending{border-color:var(--accent)}.photo-remove-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.empty-state{text-align:center;padding:40px 20px}.empty-state.first-use{padding:60px 20px}.empty-state-msg{color:var(--cream);margin-bottom:6px;font-size:1.0625rem;font-weight:700}.empty-state-sub{color:var(--muted);font-size:.8125rem}.empty-icon-svg{justify-content:center;margin:0 auto 16px;display:flex}.empty-add-btn{background:var(--saffron);color:var(--ink);cursor:pointer;letter-spacing:.2px;border:none;border-radius:22px;min-height:40px;margin-top:8px;padding:10px 24px;font-size:.8125rem;font-weight:700}.empty-clear-btn{color:var(--saffron);border:1px solid var(--saffron);cursor:pointer;background:0 0;border-radius:20px;min-height:40px;margin-top:8px;padding:8px 20px;font-size:.8125rem;font-weight:600}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-block,.skeleton-card{background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:800px 100%;animation:1.4s linear infinite shimmer}.skeleton-card{height:110px}.muted{color:var(--muted)}section+section{margin-top:24px}h2{margin-bottom:12px;font-size:1.05rem;font-weight:600}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.summary-card-glow{pointer-events:none;background:#f4a62a12;border-radius:50%;width:64px;height:64px;position:absolute;top:-16px;right:-16px}.summary-num{font-family:var(--font-serif);color:var(--saffron);font-size:2.4rem;font-weight:700;line-height:1}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.stats-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:10px;padding:16px}.stats-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.65rem;display:block}.stats-sub{color:var(--muted);margin-bottom:4px;font-size:.78rem}.ranked-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.ranked-row{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .1s;display:flex}.ranked-row:active{background:var(--surface2)}.ranked-top{background:#f4a62a0f}.rank-num{text-align:center;width:20px;color:var(--muted);flex-shrink:0;font-size:.8rem;font-weight:700}.rank-top{color:var(--saffron)}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:500;overflow:hidden}.rank-visits{color:var(--muted);white-space:nowrap;font-size:.8rem}.rank-meta{color:var(--muted);white-space:nowrap;font-size:.75rem}.horiz-bars{flex-direction:column;gap:10px;margin-top:8px;display:flex}.horiz-bar-row{align-items:center;gap:8px;display:flex}.horiz-bar-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:110px;font-size:.8rem;overflow:hidden}.horiz-bar-track{background:var(--bg);border-radius:6px;flex:1;height:10px;overflow:hidden}.horiz-bar-fill{border-radius:6px;height:100%;transition:width .4s}.horiz-bar-value{color:var(--muted);text-align:right;flex-shrink:0;width:24px;font-size:.8rem}@media (width>=480px){.card-grid{grid-template-columns:1fr 1fr}}@media (width>=712px){.bottom-nav{padding-left:calc(50% - 316px);padding-right:calc(50% - 316px)}}@media (width<=380px){.filter-grid{grid-template-columns:1fr}.stats-row{flex-wrap:wrap}.stat{border-bottom:1px solid var(--border);min-width:calc(50% - 1px)}.page{padding:12px 12px 0;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom))}.seg-control button{padding:8px 10px;font-size:.8rem}}.wordmark{align-items:center;gap:8px;height:36px;display:flex}.wordmark-text{align-items:baseline;gap:3px;display:flex}.wordmark-fork{color:var(--cream);letter-spacing:-.5px;font-family:Zilla Slab,Georgia,serif;font-size:20px;font-weight:700;line-height:1}.wordmark-yeah{color:var(--saffron);letter-spacing:-.25px;font-family:DM Sans,Helvetica Neue,sans-serif;font-size:20px;font-style:italic;font-weight:600;line-height:1}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding:10px 24px 0;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(28px)saturate(200%);z-index:110;background:#0f0803b8;border-top:1px solid #f4a62a1a;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 -1px #ffffff0d,0 -20px 40px #0000004d}.nav-pill-highlight{pointer-events:none;will-change:left;z-index:0;background:#f4a62a21;border:1px solid #f4a62a40;border-radius:20px;transition:left .28s cubic-bezier(.34,1.2,.64,1);position:absolute;box-shadow:0 0 16px #f4a62a29,inset 0 1px #ffffff1a}.nav-tab{opacity:.38;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;display:flex;position:relative}.nav-tab.active{opacity:1}.nav-tab-pill{border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;display:flex}.nav-tab-label{letter-spacing:.3px;color:var(--cream);font-size:11px;font-weight:600}.nav-tab.active .nav-tab-label{color:var(--saffron)}.nav-tab svg{color:#faf5ec80}.nav-tab.active .nav-tab-pill svg{color:var(--saffron)}.nav-fab{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#f4a62a 0%,#e07a20 45%,#d94f2b 100%);border:none;border-radius:19px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;margin-top:-22px;font-size:26px;font-weight:300;transition:background .28s cubic-bezier(.34,1.2,.64,1),box-shadow .28s cubic-bezier(.34,1.2,.64,1);display:flex;box-shadow:0 8px 28px #f4a62a73,0 2px 8px #00000080,inset 0 1px #ffffff47,inset 0 -1px #0000001f}.nav-fab.open{background:linear-gradient(145deg,#e07a20,#d94f2b);box-shadow:0 8px 28px #d94f2b73,0 2px 8px #00000080,inset 0 1px #fff3,inset 0 -1px #0000001f}.nav-fab:active{transform:scale(.95)}.fab-icon{will-change:transform;line-height:1;transition:transform .28s cubic-bezier(.34,1.2,.64,1);display:inline-block}.nav-fab.open .fab-icon{transform:rotate(45deg)}.fab-sheet-backdrop{z-index:89;-webkit-backdrop-filter:blur(10px);background:#0f080399;position:fixed;inset:0}.fab-sheet{bottom:calc(80px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);z-index:90;background:#26160af2;border:1px solid #ffffff1a;border-radius:24px;position:fixed;left:16px;right:16px;overflow:hidden;box-shadow:0 -4px 40px #00000080,inset 0 0 0 1px #ffffff0a}.fab-sheet-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--sage);padding:16px 20px 10px;font-size:11px;font-weight:700}.fab-sheet-btn{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-top:1px solid #ffffff0f;align-items:center;gap:14px;width:100%;padding:14px 20px;display:flex}.fab-sheet-btn:active{background:#ffffff0a}.fab-sheet-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.fab-sheet-icon-new{background:#f4a62a26;border:1px solid #f4a62a38}.fab-sheet-icon-visit{background:#d94f2b1f;border:1px solid #d94f2b33}.fab-sheet-btn-text{flex-direction:column;gap:2px;display:flex}.fab-sheet-btn-label{font-family:var(--font-serif);color:var(--cream);font-size:15px;font-weight:600}.fab-sheet-btn-sub{color:var(--sage);font-size:11px}.fab-sheet-cancel-btn{color:var(--sage);cursor:pointer;border:none;border-top:1px solid var(--border);background:0 0;width:100%;margin-top:4px;padding:14px;font-size:15px}.rest-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:18px;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.rest-card:active{background:var(--surface2)}.card-score-badge{font-family:var(--font-serif);background:var(--saffron);color:var(--ink);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 9px;font-size:16px;font-weight:700;line-height:1}.card-score-badge.low{background:var(--surface2);color:var(--sage)}.card-body{padding:13px 14px 8px}.card-name-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-name{font-family:var(--font-serif);color:var(--cream);flex:1;min-width:0;font-size:17px;font-weight:700;line-height:1.25}.card-sub{color:var(--sage);margin-top:3px;font-size:14px}.card-tags{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.tag{border:1px solid #0000;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:500}.tag-urgent{background:var(--flag-urgent-bg);color:var(--flag-urgent-fg);border-color:var(--flag-urgent-border)}.tag-never{background:var(--flag-never-bg);color:var(--flag-never-fg);border-color:var(--flag-never-border)}.tag-cost{color:#f4a62ad9;background:#f4a62a1a;border-color:#f4a62a26}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:6px 14px 10px;display:flex}.card-visits{color:var(--sage);font-size:13px;font-weight:500}.card-last{color:#faf5ec4d;font-size:13px}.log-visit-banner{border-radius:var(--radius);color:var(--saffron);background:#f4a62a1f;border:1px solid #f4a62a40;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.log-visit-banner button{color:var(--saffron);cursor:pointer;background:0 0;border:1px solid #f4a62a4d;border-radius:6px;padding:3px 10px;font-size:12px}.lightbox-backdrop{z-index:300;-webkit-backdrop-filter:blur(12px);background:#0a0502f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-inner{justify-content:center;align-items:center;width:100%;height:100%;padding:60px 48px;animation:.18s ease-out both lightbox-in;display:flex;position:relative}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:80vh;display:block;box-shadow:0 24px 60px #000000b3}.lightbox-close{top:calc(16px + env(safe-area-inset-top));width:36px;height:36px;color:var(--cream);cursor:pointer;z-index:1;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;right:16px}.lightbox-counter{top:calc(20px + env(safe-area-inset-top));color:var(--sage);letter-spacing:.5px;z-index:1;font-size:12px;font-weight:500;position:absolute;left:16px}.lightbox-caption{bottom:calc(48px + env(safe-area-inset-bottom));text-align:center;color:#faf5ec8c;z-index:1;padding:0 24px;font-size:12px;position:absolute;left:0;right:0}.lightbox-dots{bottom:calc(20px + env(safe-area-inset-bottom));z-index:1;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;left:0;right:0}.lightbox-dot{cursor:pointer;background:#faf5ec40;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:all .2s}.lightbox-dot.active{background:var(--saffron);border-radius:3px;width:18px}.lightbox-arrow{color:#faf5ecb3;cursor:pointer;z-index:1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow-left{left:10px}.lightbox-arrow-right{right:10px}.login-page{background:var(--espresso);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--ink);border-radius:16px;flex-direction:column;gap:28px;width:100%;max-width:360px;padding:32px 28px;display:flex}.login-logo{justify-content:center;display:flex}.login-logo .wordmark-fork,.login-logo .wordmark-yeah{font-size:26px}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:#f88;background:#3a1010;border-radius:8px;padding:10px 14px;font-size:.875rem}.login-btn{background:var(--saffron);width:100%;color:var(--espresso);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:1rem;font-weight:700;transition:opacity .18s}.login-btn:disabled{opacity:.6;cursor:not-allowed}