.w2{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.w2 button,.signin button,.viewer button,.dim button{font:inherit;cursor:pointer}.w2 a{text-decoration:none}.sidebar{border-right:1px solid var(--separator);background:#fff;flex-direction:column;flex:none;width:260px;height:100vh;padding:26px 12px 20px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.2px;color:var(--text);margin:0 12px 30px;font-size:22px}.sidebar .rows{flex-direction:column;gap:4px;display:flex}.sidebar .rows.albums{gap:0;min-height:0;overflow-y:auto}.sidebar .row{height:36px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;padding:0 12px;font-size:15px;display:flex;overflow:hidden}.sidebar .row[aria-current=page]{background:var(--fill-selected);color:var(--text-safe);font-weight:600}.sidebar .label{letter-spacing:.6px;color:var(--text-3);margin:20px 12px 6px;font-size:11px;font-weight:700}.sidebar .plan{background:var(--bg);border-radius:14px;margin:auto 4px 12px;padding:14px}.sidebar .plan .small{color:var(--text-2);font-size:13px}.sidebar .plan .big{margin-top:2px;font-size:22px}.sidebar .plan .used{margin-top:4px}.sidebar .manage{color:var(--text-safe);margin-top:6px;font-size:13px;font-weight:600;display:inline-block}.who{color:var(--text);border-radius:10px;flex-direction:column;gap:2px;margin-top:auto;padding:8px 12px;display:flex}.sidebar .plan+.who{margin-top:0}.who .name{font-size:15px;font-weight:600}.who .how{color:var(--text-3);font-size:13px}.who[aria-current=page]{background:var(--fill-selected)}.who[aria-current=page] .name{color:var(--text-safe)}.topbar{display:none}.main{flex-direction:column;flex:1;min-width:0;padding:28px 32px 32px;display:flex}.timeline{flex-direction:column;flex:1;display:flex}.head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.head h1,.account h1,.album-list h1{font-size:28px;font-weight:700;line-height:1.2}.head .sub{color:var(--text-2);min-height:18px;margin-top:6px;font-size:15px}.tools{align-items:center;gap:59px;display:flex}.zoom{background:var(--fill);border-radius:17px;gap:2px;padding:3px;display:flex}.zoom button{color:var(--text);background:0 0;border:0;border-radius:14px;padding:6px 14px;font-size:13px;font-weight:600}.zoom button[aria-checked=true]{background:#fff;box-shadow:0 1px 2px #0000001a}.search{background:var(--fill);width:258px;height:36px;color:var(--text-2);border-radius:18px;align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.search button{width:28px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.b{background:var(--fill);height:34px;color:var(--text);border:0;border-radius:17px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.b.primary{background:var(--action);color:var(--action-text)}.b.danger{background:var(--fill);color:var(--full)}.b.danger-fill{background:var(--full);color:#fff}.b[disabled]{opacity:.5;cursor:default}.round{background:var(--fill);width:36px;height:36px;color:var(--text);border:0;border-radius:18px;justify-content:center;align-items:center;padding:0;display:flex}.error{color:var(--full);font-size:14px}.selection{z-index:2;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-top:14px;padding:0 8px 0 16px;display:flex;position:sticky;top:12px;box-shadow:0 1px 3px #00000014}.selection .count{font-size:15px;font-weight:600}.selection .actions{gap:8px;display:flex}.popover{z-index:3;background:#fff;border-radius:16px;flex-direction:column;gap:8px;width:300px;padding:16px;display:flex;position:absolute;top:54px;right:70px;box-shadow:0 8px 30px #00000029}.viewer .popover{color:var(--text);top:56px;right:340px}.popover h2{font-size:15px;font-weight:700}.popover .new{height:44px;color:var(--text-safe);border:0;border-bottom:1px solid var(--separator);background:0 0;align-items:center;gap:12px;height:auto;padding:0 0 8px;font-size:15px;font-weight:600;display:flex}.popover .plus{background:var(--fill-selected);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.popover ul,.album-list ul{flex-direction:column;gap:12px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.popover li button,.album-list li a{text-align:left;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.cover{object-fit:cover;background:var(--fill);border-radius:6px;flex:none;width:40px;height:40px}.album-name{flex:1;font-size:15px}.popover .count,.album-list .count{color:var(--text-2);font-size:13px}.groups h2{margin:20px 0 12px;font-size:17px;font-weight:700}.groups.all .grid{margin-top:20px}.grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.groups.years .grid{grid-template-columns:repeat(12,1fr)}.tile{aspect-ratio:1;position:relative}.tile .open{background:var(--fill);border:0;border-radius:6px;padding:0;position:absolute;inset:0;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile.sel .open:after{content:"";border:3px solid var(--level);border-radius:6px;position:absolute;inset:0}.tile .pick{color:#fff;opacity:0;background:#0b0d1033;border:1.5px solid #fff;border-radius:11px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;bottom:6px;right:6px}.tile:hover .pick,.tile .pick:focus-visible,.tile.sel .pick{opacity:1}.tile.sel .pick{background:var(--level);border:0}.grid-end{height:1px}.failed{color:var(--text-2);align-items:center;gap:16px;margin-top:24px;font-size:15px;display:flex}.more{position:relative}.more .round{background:#0b0d101f}.menu{z-index:3;background:#fff;border-radius:14px;flex-direction:column;width:220px;padding:6px;display:flex;position:absolute;top:44px;right:0;box-shadow:0 8px 30px #00000029}.menu button{height:40px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:15px;display:flex}.menu button:hover{background:var(--fill)}.menu .danger{color:var(--full);border-top:1px solid var(--separator);border-radius:0 0 8px 8px}.dim{z-index:10;color:var(--text);background:#0b0d1052;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:18px;flex-direction:column;gap:14px;width:440px;max-width:100%;max-height:100%;padding:24px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #0000002e}.dialog h2{font-size:20px;font-weight:700}.dialog .b{border-radius:18px;height:36px;padding:0 16px;font-size:15px}.choices{flex-direction:column;gap:8px;display:flex}.choice{cursor:pointer;border:1px solid #0b0d1029;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.choice.on{border:2px solid var(--level);background:#12a5840f;padding:13px 14px}.choice input{width:18px;height:18px;accent-color:var(--text-safe);flex:none;margin:1px 0 0}.choice>span{flex-direction:column;gap:3px;display:flex}.choice .name{font-size:15px;font-weight:600}.choice .words{color:var(--text-2);font-size:14px;line-height:1.38}.dialog .foot{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.dialog .note{color:var(--text-2);font-size:14px;line-height:1.38}.dialog .foot .note{font-size:13px}.buttons{gap:8px;display:flex}.buttons.end{justify-content:flex-end;margin-top:6px}.name-form{flex-direction:column;gap:6px;display:flex}.name-form label{color:var(--text-2);font-size:13px;font-weight:600}.name-form input{height:40px;font:inherit;color:var(--text);border:1px solid #0b0d1029;border-radius:10px;outline:none;padding:0 12px;font-size:15px}.name-form input:focus{border:2px solid var(--level);padding:0 11px;box-shadow:0 0 0 3px #12a58433}.name-form .note{margin-top:8px}.delete .intro{color:var(--text-2);margin-top:-6px;font-size:15px;line-height:1.4}.facts{flex-direction:column;gap:14px;margin:4px 0 0;padding:0;list-style:none;display:flex}.facts li{gap:12px;display:flex}.facts .n{width:24px;height:24px;color:var(--full);background:#d7001512;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.facts h3{margin:1px 0 0;font-size:15px;font-weight:600}.facts p{color:var(--text-2);margin:3px 0 0;font-size:15px;line-height:1.4}.delete .confirm{margin-top:6px;font-size:15px;font-weight:600}.delete .typed{border:2px solid var(--full);letter-spacing:1px;height:44px;color:var(--text);border-radius:10px;outline:none;margin-top:-6px;padding:0 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:17px;font-weight:700}.viewer{z-index:5;color:#fff;background:#0b0d10;display:flex;position:fixed;inset:0}.viewer .stage{flex-direction:column;flex:1;min-width:0;display:flex}.viewer .top{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:56px;padding:0 16px;display:grid}.viewer .round{color:#fff;background:#ffffff1a}.viewer .top>.round{justify-self:start}.viewer .when{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.viewer .tag{background:#ffffff1f;border-radius:11px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.viewer .acts{justify-self:end;align-items:center;gap:8px;display:flex}.viewer .b{border-radius:18px;height:36px;padding:0 16px;font-size:15px}.viewer .b.dark{color:#fff;background:#ffffff1a}.viewer .picture{flex:1;align-items:center;gap:16px;min-height:0;padding:4px 24px 28px;display:flex}.viewer .side{color:#fff;background:#ffffff1a;border:0;border-radius:22px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.viewer .side[disabled]{visibility:hidden}.viewer .frame{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.viewer .frame img{object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:contain;max-width:100%;max-height:100%}.viewer .video{background:#000;max-width:100%;max-height:100%}.info{background:#16191e;flex:none;width:320px;padding:0 24px;overflow-y:auto}.info h2{align-items:center;height:56px;font-size:17px;font-weight:700;display:flex}.info dl{margin:0}.info .row{border-top:1px solid #ffffff1a;padding:12px 0}.info .row:last-child{border-bottom:1px solid #ffffff1a}.info dt{color:#ffffffa3;font-size:13px}.info dd{margin:4px 0 0;font-size:15px;line-height:1.35}.info .album-link{color:#5ee0c1;font-weight:600}.account{flex-direction:column;flex:1;gap:16px;max-width:640px;display:flex}.account h1{margin-bottom:8px}.account .card{background:#fff;border-radius:14px;flex-direction:column;padding:20px;display:flex;box-shadow:0 1px 3px #0000000f}.account .card h2,.account .who-card .name{font-size:17px;font-weight:600}.account .sub,.account .body{color:var(--text-2);font-size:15px;line-height:1.4}.account .who-card .sub{margin-top:4px}.account .plan-name{margin:6px 0 4px;font-size:28px}.account .body{margin-top:8px}.account .manage{border-radius:18px;align-self:flex-start;height:36px;margin-top:16px;padding:0 16px;font-size:15px}.leave{align-items:center;gap:24px;display:flex}.leave .b{border-radius:18px;height:36px;padding:0 16px;font-size:15px}.text-danger{color:var(--full);background:0 0;border:0;padding:0;font-size:15px;font-weight:600}.links{color:var(--text-2);margin-top:auto;padding-top:32px;font-size:13px}.links a{color:inherit}.signin{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.signin .side{flex-direction:column;flex:none;width:720px;padding:26px 80px 28px;display:flex}.signin a{text-decoration:none}.signin .logo{margin:0}.signin .words{flex-direction:column;align-items:flex-start;max-width:520px;margin:auto 0;display:flex}.signin h1{font-size:28px;font-weight:700;line-height:1.2}.signin .body{max-width:520px;color:var(--text-2);margin-top:12px;font-size:17px;line-height:1.42}.signin .apple{color:#fff;background:#000;border:0;border-radius:26px;justify-content:center;align-items:center;gap:6px;width:342px;height:52px;margin-top:32px;font-size:17px;font-weight:600;display:flex}.signin .error{margin-top:12px}.signin .first{color:var(--text-2);margin-top:40px;font-size:15px}.signin .store{align-self:flex-start;margin-top:12px}.signin .links{color:var(--text-3);margin-top:0;padding-top:0}.signin .wall{flex:1;grid-template-columns:repeat(5,136px);grid-auto-rows:136px;align-content:start;gap:4px;min-width:0;height:100vh;margin-top:-40px;padding:0 0 0 40px;display:grid;overflow:hidden}.signin .wall img{object-fit:cover;outline-offset:-2px;border-radius:6px;outline:2px solid #5ee0c1;width:136px;height:136px}.center{text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:auto;padding-bottom:60px;display:flex}.center h1{font-size:28px;font-weight:700;line-height:1.2}.center p{color:var(--text-2);margin-top:12px;font-size:17px;line-height:1.42}.center .store{margin-top:28px}.center .link{color:var(--text-safe);background:0 0;border:0;margin-top:24px;font-size:15px;font-weight:600}.center .b{margin-top:20px}.loading{background:var(--bg);min-height:100vh}.album-list ul{max-height:none;margin-top:20px}@media (width<=1279px){.grid{grid-template-columns:repeat(6,1fr)}.groups.years .grid{grid-template-columns:repeat(10,1fr)}.tools{gap:16px}}@media (width<=1023px){.signin .wall,.info{display:none}}@media (width<=767px){.w2{flex-direction:column}.sidebar{display:none}.topbar{z-index:4;border-bottom:1px solid var(--separator);background:#fff;display:block;position:sticky;top:0}.topbar .bar{justify-content:space-between;align-items:center;height:56px;padding:0 6px 0 16px;display:flex}.topbar .logo{margin:0}.topbar .icons{gap:2px;display:flex}.topbar .icons>*{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;display:flex}.pills{gap:6px;padding:0 16px 6px;display:flex}.pill-link{flex:auto;align-items:center;height:44px;display:flex}.pill-link span{background:var(--fill);height:36px;color:var(--text);white-space:nowrap;border-radius:18px;flex:1;justify-content:center;align-items:center;padding:0 10px;font-size:14px;display:flex}.pill-link[aria-current=page] span{background:var(--fill-selected);color:var(--text-safe);font-weight:600}.main{padding:20px 0 24px}.head{flex-direction:column;gap:16px;padding:0 16px}.head .sub{margin-top:4px}.tools{flex-direction:column;align-items:stretch;gap:12px;width:100%}.tools .search{width:auto;display:none}.tools.searching .search{order:-1;display:flex}.zoom{border-radius:22px}.zoom button{border-radius:18px;flex:1;height:36px;font-size:15px}.groups h2{margin:24px 16px 12px}.grid{grid-template-columns:repeat(4,1fr);gap:2px}.groups.years .grid{grid-template-columns:repeat(6,1fr)}.tile .open{border-radius:0}.selection{flex-wrap:wrap;margin:12px 8px 0;padding:8px}.account,.album-list,.center{padding:0 16px}.signin .side{flex:1;width:auto;min-width:0;padding:20px 16px}.signin .apple{width:100%}.viewer{flex-direction:column}.viewer .top{grid-template-columns:auto 1fr}.viewer .when{display:none}.viewer .picture{padding:0 0 16px}.viewer .side{display:none}}