:root{--bg:#f5f7fa;--surface:#fff;--surface-alt:#eef2f6;--ink:#10202e;--ink-soft:#5b6b78;--ink-faint:#93a1ac;--line:#e1e7ec;--accent:#1b7a8c;--accent-dark:#125a68;--accent-soft:#dceef1;--danger:#b4433a;--safe-top:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px))}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a{color:var(--accent-dark)}button,input{font-family:inherit}.app{background:var(--bg);flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex;position:relative}.screen{padding-bottom:calc(90px + var(--safe-bottom));flex:1;overflow-y:auto}.header{padding:calc(24px + var(--safe-top)) 20px 12px 20px;justify-content:space-between;align-items:flex-start;display:flex}.title-lg{font-size:26px;font-weight:800}.subtitle{color:var(--ink-soft);margin-top:2px;font-size:12px}.icon-btn{background:var(--accent-soft);width:44px;min-width:44px;height:44px;color:var(--accent-dark);cursor:pointer;border:none;border-radius:22px;justify-content:center;align-items:center;display:flex}.icon-btn.viewer{border-radius:23px;width:46px;min-width:46px;height:46px}.icon-btn.viewer svg{width:22px;height:22px}.icon-btn.plain{background:var(--surface-alt);color:var(--ink)}.grid3{grid-template-columns:repeat(3,1fr);gap:3px;padding:0 3px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px;display:grid}.tile{aspect-ratio:1;background:var(--surface-alt);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:3px;padding:0;overflow:hidden}.tile img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@keyframes tile-spin{to{transform:rotate(360deg)}}.tile-spin{animation:.9s linear infinite tile-spin}.section-label{margin:16px 4px 8px;padding:0 13px;font-size:15px;font-weight:700}.album-card{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.album-cover{aspect-ratio:1;background:var(--accent-soft);border-radius:18px;overflow:hidden;box-shadow:0 1px #10202e0a,0 8px 16px -10px #10202e59}.album-cover img{object-fit:cover;width:100%;height:100%;display:block}.album-name{font-size:15px;font-weight:700}.album-count{color:var(--ink-soft);font-size:12.5px}.tabbar{width:100%;max-width:480px;height:calc(82px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line);padding-top:10px;padding-bottom:var(--safe-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabitem{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.tabicon{border-radius:14px;justify-content:center;align-items:center;width:40px;height:28px;display:flex}.tabitem.active .tabicon{background:var(--accent-soft);color:var(--accent-dark)}.tabitem.active .tablabel{color:var(--accent-dark);font-weight:700}.tablabel{font-size:11px;font-weight:500}.empty-state{text-align:center;color:var(--ink-soft);padding:60px 32px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:25px;justify-content:center;align-items:center;width:100%;height:50px;font-size:15px;font-weight:800;display:flex}.btn-primary:disabled{opacity:.5;cursor:default}.field{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:15px}.auth-screen{flex-direction:column;justify-content:center;gap:14px;min-height:100%;padding:32px;display:flex}.error-text{color:var(--danger);font-size:13px}.link-btn{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}