:root{--pb-bg: #fff8f0;--pb-surface: #ffffff;--pb-border: #f2c9a6;--pb-accent: #e85d4c;--pb-accent-dark: #c94535;--pb-accent-soft: #fff0eb;--pb-text: #3d2c29;--pb-muted: #8a6f66;--pb-link: #2f6fed;--pb-shadow: 0 8px 0 rgb(242 201 166 / 45%);--pb-radius-lg: 20px;--pb-radius-md: 14px;--pb-max-width: 960px;--pb-cover-aspect: 1;font-family:Noto Sans TC,Segoe UI,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.55;color:var(--pb-text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(180deg,#fff4e8 0%,var(--pb-bg) 100%)}#app,.app-shell{min-height:100dvh}a[href]{color:var(--pb-link);text-decoration:underline;text-underline-offset:2px}.page{max-width:var(--pb-max-width);margin:0 auto;padding:clamp(1rem,3vw,1.5rem)}.page--home{display:flex;flex-direction:column;gap:1rem}.card{background:var(--pb-surface);border:3px solid var(--pb-border);border-radius:var(--pb-radius-lg);box-shadow:var(--pb-shadow);padding:clamp(1rem,3vw,1.25rem)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.25rem}.site-header__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.site-header__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.5rem;background:linear-gradient(145deg,#ffe8d6,#ffd4b8);border:2px solid var(--pb-border);border-radius:14px;box-shadow:0 3px #f2c9a68c}.site-header__brand h1{margin:0;font-size:clamp(1.35rem,4vw,1.65rem);line-height:1.15}.site-header__tagline{margin:.15rem 0 0;font-size:.8125rem;color:var(--pb-muted)}.site-header__user{display:flex;align-items:center;gap:.65rem;padding:.35rem .35rem .35rem .45rem;background:var(--pb-accent-soft);border:2px solid rgb(232 93 76 / 22%);border-radius:999px}.site-header__avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 6px #3d2c291f}.site-header__avatar img{width:100%;height:100%;object-fit:cover}.site-header__avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--pb-accent),var(--pb-accent-dark))}.site-header__user-text{min-width:0;text-align:left}.site-header__greeting{margin:0;font-size:.6875rem;color:var(--pb-muted)}.site-header__name{margin:0;font-size:.9375rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10rem}.section-title{margin:0 0 .85rem;font-size:1.05rem;font-weight:700}.section-title--with-count{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.section-title__count{font-size:.8125rem;font-weight:500;color:var(--pb-muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--pb-border);border-radius:999px;background:#fff;color:var(--pb-text);padding:.5rem 1rem;font-size:.9375rem;font-family:inherit;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02)}.btn-primary{background:var(--pb-accent);border-color:var(--pb-accent-dark);color:#fff;font-weight:600}.btn-ghost{background:transparent;border-color:#8a6f6659;color:var(--pb-muted);padding:.4rem .85rem;font-size:.8125rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:stretch}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-row .btn-primary{width:100%}}.form-row input{min-width:0;padding:.65rem .85rem;border:2px solid var(--pb-border);border-radius:var(--pb-radius-md);font-size:1rem;font-family:inherit;background:#fffdf9}.form-row input:focus{outline:2px solid rgb(232 93 76 / 35%);outline-offset:1px}.form-row input[type=number]{max-width:8rem}@media(max-width:640px){.form-row input[type=number]{max-width:none}}.form-hint{margin:.65rem 0 0;font-size:.8125rem;color:var(--pb-muted)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.85rem;align-items:stretch}.album-card{display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;color:inherit;padding:0;border-radius:var(--pb-radius-md);border:2px solid var(--pb-border);background:#fffdf9;box-shadow:0 4px #f2c9a659;transition:transform .18s ease,box-shadow .18s ease}.album-card:hover{transform:translateY(-2px);box-shadow:0 6px #f2c9a673}.album-card__cover{position:relative;flex:none;width:100%;aspect-ratio:var(--pb-cover-aspect);overflow:hidden;background:linear-gradient(145deg,#fff0e6,#ffe8d6);border-bottom:2px solid rgb(242 201 166 / 55%)}.album-card__cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.album-card__cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.55}.album-card__body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:4.25rem;padding:.65rem .75rem .75rem}.album-card h2{margin:0;font-size:.9375rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.album-card p{margin:.25rem 0 0;color:var(--pb-muted);font-size:.8125rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.photo-grid a{display:block;position:relative;aspect-ratio:var(--pb-cover-aspect);overflow:hidden;border-radius:12px;border:2px solid var(--pb-border);background:#f6ede4}.photo-grid img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:none;border-radius:0;background:transparent;transition:transform .15s ease}.photo-grid a:hover img{transform:scale(1.02)}.status{color:var(--pb-muted);padding:.75rem 0;margin:0}.error{color:#b42318;margin:0;padding:.75rem 0}.empty-state{text-align:center;padding:clamp(2rem,6vw,3rem) 1.25rem}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:.75rem;font-size:2rem;background:#fff5eb;border:2px dashed var(--pb-border);border-radius:50%}.empty-state__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.empty-state__desc{margin:0;font-size:.9375rem;color:var(--pb-muted)}.loading-panel{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:2.5rem 1rem;color:var(--pb-muted)}.loading-panel__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--pb-accent);animation:pb-pulse 1s ease-in-out infinite}@keyframes pb-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.head-bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}.head-bar__main{flex:1;min-width:0}.head-bar h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);line-height:1.2}.head-bar .status{padding:.25rem 0 0}.toolbar-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.toolbar-row label.btn{display:inline-flex;align-items:center;cursor:pointer}.share-url{margin:.75rem 0 0;padding:.65rem .75rem;font-size:.8125rem;word-break:break-all;background:#fff8f2;border:1px dashed var(--pb-border);border-radius:var(--pb-radius-md)}.share-url a{font-weight:500}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem 2.5rem}.login-panel{width:100%;max-width:26rem}.login-panel .card{text-align:center}.login-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:.5rem;font-size:2rem;background:linear-gradient(145deg,#ffe8d6,#ffd4b8);border:2px solid var(--pb-border);border-radius:18px;box-shadow:0 4px #f2c9a68c}.login-panel h1{margin:0 0 .35rem;font-size:1.65rem}.login-panel__desc{margin:0 0 1rem;color:var(--pb-muted);font-size:.9375rem}.login-actions{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}.login-oauth-btn{width:100%;font-weight:600;color:#fff;border:none}.login-oauth-btn--google{background:#4285f4}.login-oauth-btn--line{background:#06c755}.login-oauth-btn--facebook{background:#1877f2}.login-dev{margin-top:1.5rem;padding-top:1.25rem;border-top:2px dashed var(--pb-border);text-align:left}.login-dev .form-row{grid-template-columns:1fr auto}@media(prefers-reduced-motion:reduce){.btn,.album-card,.photo-grid img,.loading-panel__dot{transition:none;animation:none}.btn:hover:not(:disabled),.album-card:hover,.photo-grid a:hover img{transform:none}}