.fp-page-with-tab-bar{min-height:100vh;background:var(--fp-background);color:var(--fp-on-background);animation:fp-page-enter .28s ease;padding-bottom:calc(var(--fp-tab-bar-height) + .5rem)}@media (min-width:640px){.fp-page-with-tab-bar{padding-bottom:calc(var(--fp-tab-bar-height) + .75rem)}}.fp-subpage-header{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0);border-bottom:1px solid color-mix(in srgb,var(--fp-on-surface-variant) 22%,transparent);background-color:var(--fp-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.fp-subpage-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:80rem;margin:0 auto;padding:.75rem 1rem}.fp-subpage-header-text{min-width:0}.fp-subpage-back-arrow{font-size:1.125rem;line-height:1}.fp-subpage-title-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}@media (min-width:640px){.fp-subpage-header-inner{padding:1rem 1.5rem}}.fp-subpage-back{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:#c0cad0;text-decoration:none}.fp-subpage-title{margin-top:.25rem;font-size:1.5rem;font-weight:700;line-height:1.25;color:#e9e1e3}@media (min-width:640px){.fp-subpage-title{font-size:1.875rem}}.fp-subpage-badge{flex-shrink:0;border-radius:9999px;background:#30383c;padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:#c0cad0}.fp-subpage-body{max-width:80rem;margin:0 auto;padding:1.25rem .75rem 0}@media (min-width:640px){.fp-subpage-body{padding:2rem 1.5rem 0}}.fp-subpage-card{border:1px solid rgba(192,202,208,.2);border-radius:1.5rem;background:#191718;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.2)}@media (min-width:640px){.fp-subpage-card{padding:1.25rem}}.fp-subpage-card-title{font-size:1rem;font-weight:700;color:#e9e1e3}.fp-subpage-card-desc{margin-top:.25rem;font-size:.875rem;color:#c0cad0}.fp-subpage-input{min-width:0;flex:1 1 auto;border-radius:1rem;border:1px solid rgba(142,219,255,.55);background:#1a5568;padding:.75rem 1rem;font-size:.875rem;color:#e9e1e3;outline:none}.fp-subpage-input::placeholder{color:#c0cad0}.fp-subpage-input:focus{border-color:#8edbff}.fp-subpage-btn{border-radius:1rem;border:2px solid #8edbff;background:#007799;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;color:#8edbff;cursor:pointer;-webkit-appearance:none;appearance:none}.fp-subpage-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}@media (min-width:640px){.fp-subpage-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (min-width:1024px){.fp-subpage-album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fp-subpage-album-link{display:block;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(192,202,208,.2);background:#191718;box-shadow:0 8px 24px rgba(0,0,0,.2);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease}.fp-subpage-album-link:hover{transform:translateY(-2px);border-color:rgba(142,219,255,.45)}.fp-subpage-album-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#30383c,#191718)}.fp-subpage-album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fp-subpage-album-link:hover .fp-subpage-album-cover img{transform:scale(1.04)}.fp-subpage-album-empty-icon{display:flex;height:100%;align-items:center;justify-content:center;font-size:2.25rem;color:#8edbff}.fp-subpage-album-count{position:absolute;right:.75rem;bottom:.75rem;border-radius:9999px;background:rgba(0,0,0,.55);padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:#ffffff}.fp-subpage-album-meta{padding:.875rem 1rem}.fp-subpage-album-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:700;color:#e9e1e3}.fp-subpage-album-hint{margin-top:.25rem;font-size:.75rem;color:#c0cad0}.fp-subpage-empty{max-width:32rem;margin:3rem auto 0;border:1px dashed rgba(192,202,208,.35);border-radius:2rem;background:#191718;padding:4rem 1.5rem;text-align:center}.fp-subpage-empty-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto;border-radius:1.5rem;background:rgba(0,119,153,.25);font-size:1.875rem;color:#8edbff}.fp-subpage-empty-title{margin-top:1.25rem;font-size:1.25rem;font-weight:700;color:#e9e1e3}.fp-subpage-empty-desc{margin:.5rem auto 0;max-width:20rem;font-size:.875rem;line-height:1.6;color:#c0cad0}.fp-subpage-empty-link{display:inline-flex;margin-top:1.5rem;border-radius:9999px;border:2px solid #8edbff;background:#007799;padding:.625rem 1rem;font-size:.875rem;font-weight:700;color:#8edbff;text-decoration:none}.fp-upload-history-loading{margin-top:3rem;text-align:center;font-size:.875rem;color:#c0cad0}.fp-upload-history-list{display:flex;flex-direction:column;gap:.75rem}.fp-upload-history-item{border:1px solid rgba(192,202,208,.2);border-radius:1rem;background:#191718;padding:.875rem 1rem}.fp-upload-history-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:700;color:#e9e1e3}.fp-upload-history-state{margin-top:.25rem;font-size:.75rem;font-weight:600}.fp-upload-history-state--normal{color:#8edbff}.fp-upload-history-state--error{color:#ffb4ab}.fp-upload-history-progress{margin-top:.75rem}.fp-upload-history-progress-track{height:.375rem;overflow:hidden;border-radius:9999px;background:#30383c}.fp-upload-history-progress-bar{height:100%;border-radius:9999px;background:#8edbff;transition:width .2s ease}.fp-upload-history-progress-label{margin-top:.375rem;font-size:.75rem;color:#c0cad0}.fp-subpage-btn--inline{flex-shrink:0}.fp-subpage-form-row{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}@media (min-width:640px){.fp-subpage-form-row{flex-direction:row;align-items:stretch}}.fp-subpage-favorite-star{font-size:1.25rem;color:#ffd54f}.fp-upload-history-error{margin-top:.375rem;font-size:.75rem;line-height:1.5;color:#ffb4ab}