:root{--primary:#ff6b9d;--primary-light:#ff9ec4;--primary-dark:#e5558a;--secondary:#c084fc;--secondary-light:#d8b4fe;--accent:#60a5fa;--bg:#fff5f7;--bg-card:#fff;--text:#1a1a2e;--text-muted:#888;--border:#f0e4e8;--radius:12px;--radius-lg:16px;--shadow:0 2px 12px #ff6b9d1a;--shadow-lg:0 4px 24px #ff6b9d26;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;overflow-x:hidden}a{color:var(--primary);text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none;outline:none}input,textarea{font:inherit;border:2px solid var(--border);border-radius:var(--radius);background:#fff;outline:none;width:100%;padding:12px 16px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b9d26}textarea{resize:vertical;min-height:100px}.page{min-height:100dvh;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom))}.page-with-nav{padding-bottom:calc(80px + var(--safe-bottom))}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ff6b9d4d}.btn-primary:active{transform:scale(.96)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:var(--primary);background:#ff6b9d0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.fade-in-up{animation:.4s ease-out fadeInUp}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:2px}::selection{background:var(--primary-light);color:#fff}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.page{padding:12px;padding-top:calc(56px + env(safe-area-inset-top,0px))}header{padding:10px 12px!important}header nav a{font-size:.8rem!important}.filter-bar{display:none!important}.mobile-filter-btn{display:block!important}.masonry-grid{grid-template-columns:repeat(2,1fr)!important}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}.flipbook-page{padding:12px!important}.stats-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px!important;padding:6px 8px!important;overflow-x:auto!important}.stats-bar>*{flex-shrink:0}.admin-sidebar{border-bottom:1px solid #ffffff0f!important;border-right:none!important;flex-direction:row!important;gap:4px!important;width:100%!important;padding:8px 12px!important;overflow-x:auto!important}.admin-sidebar button{white-space:nowrap!important;border-bottom:2px solid #0000!important;border-left:none!important;flex-shrink:0!important;font-size:.75rem!important}.admin-sidebar button.active{border-left:none!important;border-bottom:2px solid var(--primary)!important}.admin-content{padding:16px!important}.admin-media-grid{grid-template-columns:repeat(2,1fr)!important}.photo-viewer{padding:8px!important}.music-player-btn{width:44px!important;height:44px!important;font-size:1.1rem!important}}@media (width>=769px) and (width<=1024px){.masonry-grid,.admin-media-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width>=1025px){.masonry-grid,.admin-media-grid{grid-template-columns:repeat(4,1fr)!important}}@supports (padding:max(0px)){.safe-area-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom,16px))}.safe-area-top{padding-top:max(16px, env(safe-area-inset-top,16px))}}@media (pointer:coarse){button,a,.clickable{min-width:44px;min-height:44px}input,select,textarea{font-size:16px!important}}@media (prefers-color-scheme:dark){.card{background:#fffffff2}}