.nav-sidebar{--nav-collapsed: 72px;--nav-expanded: 200px;--nav-icon-color: #0f0f0f;position:fixed;top:0;right:0;bottom:0;width:var(--nav-collapsed);z-index:200;display:flex;flex-direction:column;align-items:stretch;padding:.75rem .5rem;background:#fff;border-left:1px solid #efefef;transition:width .2s ease,box-shadow .2s ease;overflow:hidden;box-sizing:border-box}.nav-sidebar--expanded,.nav-sidebar--pinned{width:var(--nav-expanded);box-shadow:-4px 0 16px #0000000f}.nav-sidebar__logo{display:flex;align-items:center;gap:.75rem;margin:0 .25rem 1.25rem;padding:.5rem .65rem;border:none;background:none;cursor:pointer;color:#1a1a1a;border-radius:.5rem;flex-shrink:0}.nav-sidebar__logo .nav-sidebar__icon{border-radius:22%}.nav-sidebar__logo:hover{background:#fafafa}.nav-sidebar__nav{flex:1;display:flex;flex-direction:column;gap:.25rem;min-height:0}.nav-sidebar__item{display:flex;align-items:center;gap:1rem;padding:.65rem .75rem;border:none;background:none;cursor:pointer;color:var(--nav-icon-color);border-radius:.5rem;text-align:left;font:inherit;width:100%;min-height:48px;flex-shrink:0}.nav-sidebar__item:hover{background:#fafafa}.nav-sidebar__item--active{font-weight:700}.nav-sidebar__icon-wrap{position:relative;width:24px;height:24px;flex-shrink:0;display:grid;place-items:center}.nav-sidebar__icon{width:24px;height:24px;color:var(--nav-icon-color);stroke:currentColor}.nav-sidebar__item--active .nav-sidebar__icon{color:#000}.nav-sidebar__badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ff3b5c;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.nav-sidebar__label{white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .15s ease,max-width .2s ease;font-size:1rem;line-height:1}.nav-sidebar--expanded .nav-sidebar__label,.nav-sidebar--pinned .nav-sidebar__label{opacity:1;max-width:120px}.nav-sidebar__user{margin-top:auto;flex-shrink:0;display:flex;align-items:center;gap:.85rem;padding:.65rem .75rem;border:none;background:none;cursor:pointer;border-radius:.65rem;width:100%;text-align:left;font:inherit;color:#1a1a1a;min-height:52px}.nav-sidebar__user:hover{background:#fafafa}.nav-sidebar__user--active{background:#fff5f7;font-weight:600}.nav-sidebar__user-avatar{width:32px;height:32px;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#e94560,#f5a623);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff}.nav-sidebar__user-avatar img{width:100%;height:100%;object-fit:contain}.nav-sidebar__user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;max-width:0;font-size:.95rem;line-height:1.2;transition:opacity .15s ease,max-width .2s ease}.nav-sidebar--expanded .nav-sidebar__user-name,.nav-sidebar--pinned .nav-sidebar__user-name{opacity:1;max-width:120px}.nav-sidebar__logout{border-top:1px solid #efefef;margin-top:.25rem;color:#8e8e8e;font-size:.9rem}.nav-sidebar__logout:hover{color:#e94560}@media(hover:none){.nav-sidebar:not(.nav-sidebar--pinned){width:var(--nav-collapsed)}.nav-sidebar:not(.nav-sidebar--pinned) .nav-sidebar__label{opacity:0;max-width:0}.nav-sidebar--pinned{width:var(--nav-expanded)}.nav-sidebar--pinned .nav-sidebar__label{opacity:1;max-width:120px}}@media(max-width:767px){.nav-sidebar{position:fixed;top:auto;bottom:0;right:0;left:0;width:100%;height:56px;flex-direction:row;align-items:center;padding:0 env(safe-area-inset-bottom,0);border-left:none;border-top:1px solid #efefef;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:visible;box-shadow:0 -2px 12px #0000000a}.nav-sidebar--expanded,.nav-sidebar--pinned{width:100%;box-shadow:0 -2px 12px #0000000a}.nav-sidebar__logo{margin:0;padding:0;min-width:0;gap:0;justify-content:center}.nav-sidebar__nav{flex:1;flex-direction:row;justify-content:space-around;align-items:center;gap:0}.nav-sidebar__item{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.35rem 0;min-height:auto;min-width:0;font-size:.65rem;border-top:none}.nav-sidebar__icon-wrap,.nav-sidebar__icon{width:22px;height:22px}.nav-sidebar__label{opacity:1;max-width:80px;font-size:.6rem;font-weight:500;color:#8e8e8e}.nav-sidebar__item--active .nav-sidebar__label{color:#1a1a2e;font-weight:700}.nav-sidebar__user{margin:0;min-height:auto;gap:0;padding:.35rem .5rem;flex-shrink:0}.nav-sidebar__user-avatar{width:26px;height:26px}.nav-sidebar__user-name,.nav-sidebar__logout{display:none}.nav-sidebar__badge{top:-2px;right:-4px;min-width:14px;height:14px;font-size:9px;line-height:14px}.nav-sidebar__item[data-nav=reels],.nav-sidebar__item[data-nav=explore],.nav-sidebar__item[data-nav=likes],.nav-sidebar__item[data-nav=favorites]{display:none}}.upload-button{position:fixed;left:1.75rem;bottom:1.75rem;width:3.75rem;height:3.75rem;border:none;border-radius:50%;background:linear-gradient(135deg,#e94560,#f5a623);color:#fff;cursor:pointer;box-shadow:0 8px 28px #e9456073,0 0 0 1px #ffffff1a;transition:transform .2s,box-shadow .2s;z-index:100}.upload-button:hover{transform:scale(1.06);box-shadow:0 12px 36px #e945608c,0 0 0 1px #ffffff26}.upload-button:active{transform:scale(.98)}.upload-button__icon{font-size:2rem;font-weight:300;line-height:1}@media(max-width:767px){.upload-button{left:auto;right:1.25rem;bottom:calc(56px + 1rem + env(safe-area-inset-bottom,0px));width:3.25rem;height:3.25rem}}.upload-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.upload-preview{background:#fff;border-radius:1rem;max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000040;overflow:hidden}@media(max-width:767px){.upload-preview{max-width:100%;max-height:100vh;border-radius:0}.upload-preview-overlay{padding:0;align-items:flex-end}.upload-preview__deck{min-height:200px}}.upload-preview__header{padding:1rem 1.25rem;border-bottom:1px solid #efefef;flex-shrink:0}.upload-preview__title{margin:0;font-size:1.1rem;font-weight:700;color:#1a1a2e}.upload-preview__body{flex:1;display:flex;flex-direction:column;padding:1rem 1rem .5rem;min-height:0;position:relative}.upload-preview__deck{--stack-inset-x: 1.75rem;--stack-inset-y: .75rem;--stack-fan-bottom: 2.75rem;position:relative;flex:1;min-height:240px;padding:.5rem var(--stack-inset-x) var(--stack-fan-bottom);overflow:visible}.upload-preview__caption-area{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #efefef;border-radius:.5rem;background:#fff;margin-top:.5rem;flex-shrink:0}.upload-preview__input{flex:1;border:none;padding:.35rem 0;font-size:.9rem;outline:none;background:transparent;color:#262626}.upload-preview__input::placeholder{color:#b0b0b0}.upload-preview__count{font-size:.75rem;color:#b0b0b0;flex-shrink:0;font-variant-numeric:tabular-nums}.upload-preview__footer{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1.25rem 1rem;border-top:1px solid #efefef;flex-shrink:0}.upload-preview__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem}.upload-preview__dot{width:.45rem;height:.45rem;padding:0;border:none;border-radius:50%;background:#d1d5db;cursor:pointer;transition:transform .15s,background .15s}.upload-preview__dot--active{background:#e94560;transform:scale(1.25)}.upload-preview__footer-actions{display:flex;gap:.75rem}.upload-preview__btn{flex:1;padding:.6rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.upload-preview__btn:hover{opacity:.85}.upload-preview__btn--cancel{background:#f0f0f0;color:#525252}.upload-preview__btn--confirm{background:#e94560;color:#fff}.photo-stack{display:flex;flex-direction:column;gap:.15rem;flex:1;min-height:0}.photo-stack__empty{flex:1;min-height:0;display:grid;place-items:center;margin:0;color:#9ca3af;font-size:.9rem;border:2px dashed #e5e7eb;border-radius:1.25rem;background:#fff}.photo-stack__deck{--stack-inset-x: 1.75rem;--stack-inset-y: .75rem;--stack-fan-bottom: 2.75rem;position:relative;flex:1;min-height:280px;padding:.25rem var(--stack-inset-x) var(--stack-fan-bottom);overflow:visible}.photo-stack__card{position:absolute;bottom:var(--stack-fan-bottom);left:50%;width:min(calc(100% - var(--stack-inset-x) * 2),280px);aspect-ratio:5 / 7;height:auto;max-height:calc(100% - var(--stack-inset-y) - var(--stack-fan-bottom) - .5rem);padding:0;border:1px solid rgba(255,255,255,.9);border-radius:10px;overflow:hidden;background:#f8fafc;cursor:pointer;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.25,.9,.35,1),box-shadow .25s ease;box-shadow:0 1px #0000000f,0 4px 14px #0000001f}.photo-stack__card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;pointer-events:none}.photo-stack__card--top{cursor:default;box-shadow:0 2px #0000000d,0 10px 24px #00000029}.photo-stack__card--behind:hover{box-shadow:0 2px #0000000f,0 8px 20px #e945602e,0 0 0 2px #e945604d}.photo-stack__overflow{position:absolute;bottom:var(--stack-fan-bottom);left:50%;transform:translate(-50%);z-index:0;width:2rem;height:2rem;border-radius:50%;background:#00000073;color:#fff;font-size:.8rem;font-weight:700;display:grid;place-items:center;pointer-events:none}.photo-stack__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:1.85rem;height:1.85rem;border:none;border-radius:50%;background:#fffffff2;color:#1a1a2e;font-size:1.25rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px #0000002e;display:grid;place-items:center;padding:0;transition:background .15s,transform .15s}.photo-stack__nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.photo-stack__nav--prev{left:.15rem}.photo-stack__nav--next{right:.15rem}.photo-stack__footer{flex-shrink:0;padding-top:.05rem;display:flex;justify-content:center}.photo-stack__dots{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.photo-stack__dot{width:.45rem;height:.45rem;padding:0;border:none;border-radius:50%;background:#d1d5db;cursor:pointer;transition:transform .15s,background .15s}.photo-stack__dot--active{background:#e94560;transform:scale(1.25)}.photo-stack__caption{margin:0;font-size:.85rem;color:#525252;text-align:center;padding:.1rem .5rem 0;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.photo-stack{gap:.1rem}.photo-stack__deck{--stack-inset-x: 1rem;--stack-fan-bottom: .35rem;box-sizing:border-box;min-height:min(62vw * 7 / 5 + 2.5rem,360px);flex:0 0 auto;overflow:visible;padding:1.25rem 1rem .25rem}.photo-stack__card{width:min(66vw,220px);height:auto;max-height:min(60vw * 7 / 5,300px);aspect-ratio:5 / 7}.photo-stack__nav{width:2rem;height:2rem;font-size:1.1rem}.photo-stack__nav--prev{left:.05rem}.photo-stack__nav--next{right:.05rem}.photo-stack__caption{padding-top:.05rem}.photo-stack__footer{padding-top:.1rem}}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:zoom-out}.photo-viewer__close{position:absolute;top:1rem;right:1rem;z-index:10;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.2rem;cursor:pointer;display:grid;place-items:center;transition:background .15s}.photo-viewer__close:hover{background:#ffffff4d}.photo-viewer__carousel{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;padding:4rem 3rem 1rem;box-sizing:border-box}.photo-viewer__deck{--stack-inset-x: 4rem;--stack-inset-y: 1.5rem;--stack-fan-bottom: 4rem;position:relative;width:100%;max-width:700px;height:100%;max-height:80vh;padding:.5rem var(--stack-inset-x) var(--stack-fan-bottom);overflow:visible;cursor:default}.photo-viewer__card{position:absolute;bottom:var(--stack-fan-bottom);left:50%;height:calc(100% - var(--stack-inset-y) - var(--stack-fan-bottom) - .5rem);max-height:calc(100% - var(--stack-inset-y) - var(--stack-fan-bottom) - .5rem);padding:0;border:2px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden;background:#1a1a1a;cursor:pointer;transform-origin:50% 100%;transition:transform .4s cubic-bezier(.25,.9,.35,1),box-shadow .3s ease;box-shadow:0 2px #0000001a,0 8px 30px #0006}.photo-viewer__card img{height:100%;width:auto;object-fit:contain;display:block;border-radius:inherit;pointer-events:none}.photo-viewer__card--top{cursor:default;box-shadow:0 4px #00000014,0 20px 50px #0009}.photo-viewer__card--behind:hover{box-shadow:0 2px #0000000f,0 8px 20px #e945602e,0 0 0 2px #e945604d}.photo-viewer__overflow{position:absolute;bottom:var(--stack-fan-bottom);left:50%;transform:translate(-50%);z-index:0;width:3rem;height:3rem;border-radius:50%;background:#00000073;color:#fff;font-size:1.1rem;font-weight:700;display:grid;place-items:center;pointer-events:none}.photo-viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:3rem;height:3rem;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s,transform .15s}.photo-viewer__arrow:hover{background:#ffffff40;transform:translateY(-50%) scale(1.06)}.photo-viewer__arrow--prev{left:-.5rem}.photo-viewer__arrow--next{right:-.5rem}.photo-viewer__meta{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 1.5rem 2rem;max-width:80vw}.photo-viewer__post-title{color:#ffffffd9;font-size:1.05rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.photo-viewer__title{color:#fff;font-size:.95rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:1.2em}.photo-viewer__counter{font-size:.8rem;color:#ffffff80;font-variant-numeric:tabular-nums}.photo-viewer__meta-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.photo-viewer__actions{display:flex;gap:.5rem}.photo-viewer__action{width:2rem;height:2rem;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:.95rem;cursor:pointer;display:grid;place-items:center;transition:background .15s}.photo-viewer__action:hover{background:#ffffff4d}.photo-viewer__action--delete:hover{background:#e94560}.photo-viewer__edit-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:400px}.photo-viewer__edit-input{flex:1;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.25);border-radius:.4rem;background:#ffffff1a;color:#fff;font-size:.9rem;outline:none}.photo-viewer__edit-input::placeholder{color:#fff6}.photo-viewer__edit-btn{padding:.4rem .75rem;border:none;border-radius:.4rem;font-size:.85rem;font-weight:600;cursor:pointer;background:#e94560;color:#fff;white-space:nowrap}.photo-viewer__edit-btn--cancel{background:#ffffff26;color:#fff}.user-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:.75rem 1rem .5rem;height:100%;min-height:0;position:relative;z-index:0;overflow:hidden;border:2px solid #e5e7eb;border-radius:1.25rem;background:#fafafa;text-align:left;color:inherit;transition:border-color .2s,background .2s,box-shadow .2s}.user-column:not(.user-column--active):hover{background:#f3f4f6;border-color:#d1d5db}.user-column__header{display:flex;align-items:center;gap:.5rem;flex-shrink:0;width:100%;padding:0}.user-column--active{z-index:2;border-color:#e94560;background:#fff5f7;box-shadow:0 0 0 3px #e945601f}.user-column:hover{z-index:2}.user-column--full{gap:.15rem;overflow:hidden}.user-column__avatar{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#e94560,#f5a623);display:grid;place-items:center;font-weight:700;font-size:.9rem;color:#fff;border:none;padding:0;cursor:pointer;transition:transform .15s}.user-column__avatar:hover{transform:scale(1.08)}.user-column__avatar img{width:100%;height:100%;object-fit:contain}.user-column__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-column__badge{display:inline-block;width:fit-content;padding:.1rem .45rem;border-radius:999px;background:#e94560;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.02em}.user-column__name{font-size:1rem;font-weight:600;color:#1a1a2e}.user-column__name-btn{font-size:1rem;font-weight:600;color:#1a1a2e;border:none;background:none;padding:0;cursor:pointer;text-align:left}.user-column__name-btn:hover{text-decoration:underline}.user-column__count{font-size:.8rem;color:#6b7280;align-self:flex-end;flex-shrink:0}.user-column__post-nav{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;flex-shrink:0}.user-column:not(.user-column--full) .user-column__post-nav{display:none}.user-column__post-dot{width:.45rem;height:.45rem;padding:0;border:none;border-radius:50%;background:#d1d5db;cursor:pointer;transition:transform .15s,background .15s}.user-column__post-dot--active{background:#e94560;transform:scale(1.25)}.user-column__reactions{display:flex;gap:.5rem;align-self:flex-end}.user-column__react-btn{padding:0;border:none;background:none;font-size:.85rem;cursor:pointer;transition:transform .15s}.user-column__react-btn:hover{transform:scale(1.2)}.user-column__float-heart{position:fixed;z-index:1000;font-size:1.2rem;pointer-events:none;animation:heart-float .8s ease-out forwards}@keyframes heart-float{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-20px,-60px) scale(1.5)}}.user-column__group-title{position:absolute;top:3rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;color:#fff;font-size:1.3rem;font-weight:700;text-align:center;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.6)}.user-column__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;min-height:0;overflow:hidden;align-content:start}.user-column__spread{--spread-card-width: 268px;flex:1;position:relative;min-height:calc(var(--spread-card-width) * 7 / 5 + 2.5rem);overflow:hidden;padding:.25rem .75rem .5rem}.user-column__spread-card{position:absolute;bottom:.5rem;left:50%;width:var(--spread-card-width);max-width:var(--spread-card-width);display:flex;flex-direction:column;align-items:stretch;overflow:visible;cursor:pointer;border:none;padding:0;background:transparent;transform:translate(-50%);transition:transform .35s ease,left .35s ease}.user-column__spread-card-frame{width:100%;aspect-ratio:5 / 7;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.9);background:#f8fafc;box-shadow:0 1px #0000000f,0 4px 14px #0000001f}.user-column__spread-card-img{width:100%;height:100%;object-fit:cover;display:block}.user-column__spread-card-caption{flex-shrink:0;min-height:1.35rem;padding:.35rem .25rem 0;color:#525252;font-size:.85rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-column--full .user-column__spread{min-height:0;padding-bottom:2rem}.user-column--full .user-column__spread-card{bottom:1.75rem}.user-column__photo{position:relative;border:none;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#efefef}.user-column__photo img{width:100%;height:auto;object-fit:contain;display:block}.user-column__photo-caption{position:absolute;bottom:0;left:0;right:0;padding:.25rem .4rem;background:#0000008c;color:#fff;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-column__title-badge{position:absolute;top:1rem;right:1.5rem;max-width:65%;font-size:1.1rem;font-weight:700;z-index:4;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,#e94560,#f5a623,#f7e43b,#56c596,#5b8def,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}@media(max-width:767px){.user-column{min-height:0;height:auto;overflow:visible;padding-bottom:.5rem;gap:.15rem}.user-column--full{overflow:visible}.user-column__spread{--spread-card-width: min(42vw, 200px);min-height:calc(var(--spread-card-width) * 7 / 5 + 2.5rem);overflow:visible}.user-column--full .user-column__spread{min-height:calc(var(--spread-card-width) * 7 / 5 + 2.5rem);padding-bottom:.5rem}.user-column__group-title{top:2.85rem;font-size:1.05rem;max-width:88%}.user-column__post-nav{margin-top:0;padding-top:.15rem}.user-column__reactions{margin-top:.1rem}.user-column__count{margin-top:0}}.home-feed{display:flex;flex-direction:column;gap:2rem;padding-bottom:3rem}.home-feed__row{display:flex;flex:none;gap:1.25rem;align-items:stretch;position:relative;z-index:0;isolation:isolate;min-height:min(70vh,640px);height:min(70vh,640px);overflow:hidden;border-radius:1.25rem;padding-bottom:.75rem;box-sizing:border-box}.home-feed__row:nth-child(2){z-index:1}@media(max-width:900px){.home-feed__row{flex-direction:column;height:auto;min-height:min(50vh,420px)}}@media(max-width:767px){.home-feed{gap:1.25rem;padding-bottom:2rem}.home-feed__row{min-height:0;height:auto;border-radius:1rem;padding-bottom:.75rem;gap:.75rem;overflow:visible}}.media-view--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;color:#8e8e8e;text-align:center;gap:.35rem}.media-view--empty p{margin:0;font-size:1.1rem;color:#262626}.reels-view{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.reels-view__card{flex:0 0 min(280px,70vw);scroll-snap-align:start;border-radius:.75rem;overflow:hidden;background:#000;position:relative}.reels-view__card img{width:100%;height:auto;display:block;object-fit:contain}.reels-view__footer{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(transparent,#000000b3);color:#fff;display:flex;flex-direction:column;font-size:.85rem}.explore-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.explore-view__tile{padding:0;border:none;cursor:pointer;overflow:hidden;background:#efefef}.explore-view__tile img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .2s}.explore-view__tile:hover img{transform:scale(1.03)}.search-view{max-width:640px}.search-view__input{width:100%;padding:.65rem 1rem;border:1px solid #dbdbdb;border-radius:.5rem;font-size:1rem;margin-bottom:1.5rem;background:#fafafa}.search-view__input:focus{outline:none;border-color:#a8a8a8;background:#fff}.search-view__heading{font-size:1rem;margin:0 0 .75rem;color:#262626}.search-view__users{list-style:none;margin:0 0 1.5rem;padding:0}.search-view__users button{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.65rem;border:none;background:none;cursor:pointer;border-radius:.5rem;font:inherit;text-align:left}.search-view__users button:hover{background:#fafafa}.search-view__users span{font-size:.8rem;color:#8e8e8e}.search-view__none{color:#8e8e8e;font-size:.9rem}.notifications-view{list-style:none;margin:0;padding:0;max-width:520px}.notifications-view__item{padding:1rem;border-bottom:1px solid #efefef}.notifications-view__item--unread{background:#fafafa}.notifications-view__item p{margin:0 0 .25rem;font-size:.95rem}.notifications-view__item time{font-size:.8rem;color:#8e8e8e}.profile-view{max-width:720px}.profile-view__hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #efefef}.profile-view__avatar{width:88px;height:88px;border-radius:.5rem;padding:0;border:none;overflow:hidden;cursor:pointer;flex-shrink:0;background:linear-gradient(135deg,#e94560,#f5a623);color:#fff;font-weight:700;font-size:1.35rem}.profile-view__avatar img{width:100%;height:100%;object-fit:contain}.profile-view__hero-meta{min-width:0}.profile-view__name{margin:0 0 .15rem;font-size:1.5rem;font-weight:700;color:#1a1a2e}.profile-view__name--editable{cursor:pointer;transition:color .15s}.profile-view__name--editable:hover{color:#e94560}.profile-view__name-edit-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem}.profile-view__name-edit-input{flex:1;padding:.25rem .4rem;border:1px solid #dbdbdb;border-radius:.35rem;font-size:1.3rem;font-weight:700;color:#1a1a2e;outline:none}.profile-view__name-edit-input:focus{border-color:#a8a8a8}.profile-view__id{margin:0 0 .35rem;font-size:.8rem;color:#b0b0b0}.profile-view__followers{margin:0;font-size:.95rem;color:#525252}.profile-view__followers strong{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin-right:.2rem}.profile-view__works-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#262626;display:flex;align-items:center;gap:.5rem}.profile-view__works-count{font-size:.85rem;font-weight:500;color:#8e8e8e}.profile-view__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-view__card{display:flex;flex-direction:column}.profile-view__card-img{position:relative;background:#efefef;cursor:pointer;border-radius:8px;overflow:hidden}.profile-view__card-img--single>img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.profile-view__post-stack{position:relative}.profile-view__post-stack-sizer{width:100%;height:auto;display:block;opacity:0}.profile-view__post-stack-cards{position:absolute;top:0;right:0;bottom:0;left:0}.profile-view__post-stack-cards img{position:absolute;top:50%;left:50%;max-width:84%;max-height:84%;width:auto;height:auto;object-fit:contain;transform:translate(-50%,-50%) rotate(5deg);border-radius:6px;box-shadow:0 1px 3px #0000002e;transition:transform .25s ease}.profile-view__post-stack-cards img:nth-child(1){z-index:3}.profile-view__post-stack-cards img:nth-child(2){transform:translate(-50%,-50%) rotate(-3deg);z-index:2}.profile-view__post-stack-cards img:nth-child(3){transform:translate(-50%,-50%) rotate(-9deg);z-index:1}.profile-view__card:hover .profile-view__post-stack-cards img:nth-child(1){transform:translate(-50%,-50%) rotate(7deg)}.profile-view__card:hover .profile-view__post-stack-cards img:nth-child(2){transform:translate(-50%,-50%) rotate(-5deg)}.profile-view__card:hover .profile-view__post-stack-cards img:nth-child(3){transform:translate(-50%,-50%) rotate(-12deg)}.profile-view__thumb-count{position:absolute;top:6px;left:6px;background:#000000a6;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:999px;z-index:4;pointer-events:none}.profile-view__thumb-title{position:absolute;top:6px;right:6px;max-width:calc(100% - 40px);background:#0000008c;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;z-index:4;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-view__card-body{padding:.4rem 0 0;display:flex;flex-direction:column;gap:.25rem}.profile-view__card-caption{font-size:.75rem;color:#8e8e8e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:0}.profile-view__card-title{font-size:.85rem;font-weight:700;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-view__card-reactions{display:flex;gap:.6rem;margin-top:.1rem}.profile-view__card-action-btn{padding:0;border:none;background:none;font-size:.85rem;cursor:pointer;transition:transform .15s}.profile-view__card-action-btn:hover{transform:scale(1.2)}.profile-view__card-actions{display:flex;gap:.5rem;margin-top:.1rem}.profile-view__card-edit-btn{padding:0;border:none;background:none;color:#525252;font-size:.72rem;font-weight:600;cursor:pointer}.profile-view__card-edit-btn:hover{color:#1a1a2e}.profile-view__card-delete-btn{padding:0;border:none;background:none;color:#e94560;font-size:.72rem;font-weight:600;cursor:pointer}.profile-view__card-delete-btn:hover{color:#c03950}.profile-view__card-edit-row{display:flex;gap:.35rem;align-items:center;margin-top:.15rem}.profile-view__card-edit-input{flex:1;padding:.3rem .4rem;border:1px solid #dbdbdb;border-radius:.35rem;font-size:.78rem;outline:none;color:#1a1a2e}.profile-view__card-edit-input:focus{border-color:#a8a8a8}.profile-view__card-edit-save{padding:.28rem .55rem;border:none;border-radius:.35rem;background:#e94560;color:#fff;font-size:.72rem;font-weight:600;cursor:pointer}.profile-view__card-edit-cancel{padding:.28rem .55rem;border:1px solid #dbdbdb;border-radius:.35rem;background:#fff;color:#525252;font-size:.72rem;cursor:pointer}.profile-view__empty{grid-column:1 / -1;text-align:center;color:#8e8e8e;padding:2rem}.profile-view__logout{display:block;width:100%;max-width:280px;margin:2rem auto 0;padding:.65rem 0;border:1px solid #e94560;border-radius:.5rem;background:none;color:#e94560;font-size:.9rem;font-weight:600;cursor:pointer}.collection-view__title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#262626;display:flex;align-items:center;gap:.5rem}.collection-view__count{font-size:.85rem;font-weight:500;color:#8e8e8e}@media(max-width:540px){.profile-view{max-width:100%}.profile-view__hero{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.profile-view__hero-meta{display:flex;flex-direction:column;align-items:center}.profile-view__grid{grid-template-columns:repeat(3,1fr);gap:4px}.profile-view__assets-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.profile-view__grid{grid-template-columns:repeat(2,1fr)}}.messages-view{display:grid;grid-template-columns:40% 60%;height:calc(100vh - 140px);min-height:520px;border:1px solid #efefef;border-radius:.75rem;overflow:hidden;background:#fff}.messages-view__sidebar{display:flex;flex-direction:column;border-right:1px solid #efefef;min-height:0;overflow:hidden}.messages-view__sidebar-empty{padding:2rem 1.5rem;text-align:center;color:#8e8e8e;font-size:.88rem;line-height:1.7}.messages-view__room-list{flex:1;overflow-y:auto;min-height:0}.messages-view__room{display:flex;align-items:center;gap:.65rem;width:100%;padding:.8rem 1rem;border:none;border-radius:0;background:none;cursor:pointer;font:inherit;text-align:left;transition:background .12s;border-bottom:1px solid #f9f9f9}.messages-view__room:hover,.messages-view__room--active{background:#fafafa}.messages-view__room-avatar{width:44px;height:44px;border-radius:.5rem;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#e0e0e0,#d5d5d5);display:flex;align-items:center;justify-content:center}.messages-view__room-avatar img{width:100%;height:100%;object-fit:contain}.messages-view__room-avatar span{font-size:.78rem;font-weight:600;color:#8e8e8e}.messages-view__room-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.messages-view__room-top{display:flex;justify-content:space-between;align-items:baseline}.messages-view__room-name{font-size:.9rem;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.messages-view__room-time{font-size:.68rem;color:#b0b0b0;flex-shrink:0}.messages-view__room-bottom{display:flex;justify-content:space-between;align-items:center}.messages-view__room-last{font-size:.78rem;color:#8e8e8e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.messages-view__room-badge{flex-shrink:0;min-width:18px;height:18px;border-radius:999px;background:#e94560;color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.messages-view__chat{display:flex;flex-direction:column;min-height:0;min-width:0}.messages-view__chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#8e8e8e;font-size:.95rem}.messages-view__chat-header{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.15rem;border-bottom:1px solid #efefef;flex-shrink:0}.messages-view__chat-header-avatar{width:36px;height:36px;border-radius:.5rem;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#e0e0e0,#d5d5d5);display:flex;align-items:center;justify-content:center}.messages-view__chat-header-avatar img{width:100%;height:100%;object-fit:contain}.messages-view__chat-header-avatar span{font-size:.75rem;font-weight:600;color:#8e8e8e}.messages-view__chat-header-name{font-size:.95rem;font-weight:700;color:#1a1a2e}.messages-view__chat-list{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.85rem;background:#fff}.messages-view__chat-loading{text-align:center;color:#8e8e8e;font-size:.85rem;padding:2rem 0}.messages-view__chat-empty-list{flex:1;display:flex;align-items:center;justify-content:center;color:#8e8e8e;font-size:.88rem}.messages-view__bubble-row{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0}.messages-view__bubble-row--me{align-items:flex-end}.messages-view__bubble{width:fit-content;max-width:70%;padding:10px 14px;border-radius:1.1rem;background:#f5f5f5;overflow-wrap:break-word}.messages-view__bubble--me{background:#f3efe9;margin-left:auto}.messages-view__bubble-image{max-width:260px;max-height:300px;border-radius:.6rem;display:block;object-fit:contain;background:#efefef}.messages-view__bubble-image+.messages-view__bubble-text{margin-top:.4rem}.messages-view__bubble-text{margin:0;font-size:.9rem;line-height:1.65;color:#262626;white-space:pre-wrap;word-break:break-word}.messages-view__bubble-time{font-size:.65rem;color:#b0b0b0;padding:0 .15rem}.messages-view__input-area{display:flex;align-items:flex-end;gap:.5rem;padding:.7rem 1rem;border-top:1px solid #efefef;flex-shrink:0;background:#fff}.messages-view__input-img-btn{width:36px;height:36px;border:none;border-radius:.5rem;background:none;color:#8e8e8e;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.messages-view__input-img-btn:hover:not(:disabled){color:#525252;background:#f5f5f5}.messages-view__input-img-btn:disabled{opacity:.4;cursor:not-allowed}.messages-view__input{flex:1;padding:.55rem .75rem;border:1px solid #e8e8e8;border-radius:1.1rem;font:inherit;font-size:.9rem;line-height:1.5;color:#262626;background:#fafafa;resize:none;outline:none;max-height:120px;overflow-y:auto;transition:border-color .15s,background .15s}.messages-view__input:focus{border-color:#d0d0d0;background:#fff}.messages-view__input:disabled{opacity:.5}.messages-view__input::placeholder{color:#b0b0b0}.messages-view__send-btn{padding:.55rem 1rem;border:none;border-radius:1.1rem;background:#1a1a2e;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s,opacity .15s}.messages-view__send-btn:hover:not(:disabled){background:#2d2d44}.messages-view__send-btn:disabled{background:#d5d5d5;color:#a0a0a0;cursor:not-allowed}.messages-view__chat-back{display:none;width:32px;height:32px;border:none;border-radius:.5rem;background:none;color:#525252;cursor:pointer;font-size:1.25rem;align-items:center;justify-content:center;flex-shrink:0;margin-right:.25rem;transition:background .15s}.messages-view__chat-back:hover{background:#f0f0f0}.messages-view__chat-list::-webkit-scrollbar,.messages-view__room-list::-webkit-scrollbar{width:4px}.messages-view__chat-list::-webkit-scrollbar-track,.messages-view__room-list::-webkit-scrollbar-track{background:transparent}.messages-view__chat-list::-webkit-scrollbar-thumb,.messages-view__room-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:999px}@media(max-width:700px){.messages-view{grid-template-columns:1fr;height:calc(100vh - 120px)}.messages-view__sidebar{display:flex}.messages-view__sidebar--hidden,.messages-view__chat{display:none}.messages-view__chat--visible,.messages-view__chat-back{display:flex}}@media(min-width:701px)and (max-width:1000px){.messages-view{grid-template-columns:35% 65%}}.account-settings{margin-top:1.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.85rem;background:#fafafa}.account-settings__title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:#1a1a2e}.account-settings__hint{margin:0 0 .85rem;font-size:.82rem;color:#6b7280}.account-settings__form{display:flex;flex-direction:column;gap:.45rem}.account-settings__label{font-size:.82rem;font-weight:600;color:#374151}.account-settings__wechat{margin-top:.65rem;width:100%}.account-settings__message{margin:.65rem 0 0;font-size:.82rem;color:#059669}.account-settings__error{margin:.65rem 0 0;font-size:.82rem;color:#dc2626}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:linear-gradient(160deg,#fff5f7,#fff 45%,#f8fafc)}.auth-page__card{width:min(100%,400px);padding:2rem 1.75rem 1.75rem;border-radius:1.25rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 40px #1a1a2e14}.auth-page__logo{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#1a1a2e;text-align:center}.auth-page__tagline{margin:.35rem 0 1.5rem;text-align:center;color:#6b7280;font-size:.95rem}.auth-page__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;margin-bottom:1.25rem;border-radius:.75rem;background:#f3f4f6}.auth-page__tab{padding:.55rem .75rem;border:none;border-radius:.55rem;background:transparent;color:#6b7280;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.auth-page__tab--active{background:#fff;color:#1a1a2e;box-shadow:0 1px 4px #00000014}.auth-page__form{display:flex;flex-direction:column;gap:.5rem}.auth-page__label{font-size:.85rem;font-weight:600;color:#374151}.auth-page__hint{margin:0;font-size:.8rem;color:#9ca3af}.auth-page__name-status{margin:.15rem 0 0;font-size:.8rem}.auth-page__name-status--ok{color:#059669}.auth-page__name-status--taken{color:#dc2626}.auth-page__name-status--checking{color:#6b7280}.auth-page__link{margin-left:.5rem;padding:0;border:none;background:none;color:#e94560;font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.auth-page__demo-hint{margin:1rem 0 0;font-size:.75rem;color:#9ca3af;text-align:center;line-height:1.4}.auth-page__setup{margin-top:.75rem;padding:.85rem 1rem;border-radius:.65rem;background:#fff7ed;border:1px solid #fdba74;text-align:left}.auth-page__setup-title{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:#9a3412}.auth-page__setup-steps{margin:0 0 .75rem;padding-left:1.15rem;font-size:.8rem;color:#7c2d12;line-height:1.5}.auth-page__setup-steps a{color:#e94560;font-weight:600}.auth-page__setup-actions{display:flex;gap:.5rem;flex-wrap:wrap}.auth-page__setup-btn{padding:.45rem .75rem;border-radius:.45rem;border:1px solid #fdba74;background:#fff;color:#7c2d12;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none}.auth-page__setup-btn--link{display:inline-flex;align-items:center}.auth-page__error{margin:.25rem 0 0;font-size:.85rem;color:#dc2626}.auth-page__submit{margin-top:.75rem;width:100%;height:2.75rem;background:#e94560;color:#fff;font-weight:600}.auth-page__submit:hover:not(:disabled){background:#d63d56}.auth-page__submit:disabled{opacity:.55}.auth-page__method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.85rem}.auth-page__method-tab{padding:.45rem .5rem;border:1px solid #e5e7eb;border-radius:.55rem;background:#fafafa;color:#6b7280;font-size:.82rem;font-weight:600;cursor:pointer}.auth-page__method-tab--active{border-color:#e94560;background:#fff5f7;color:#e94560}.auth-page__oauth{margin-top:1rem}.auth-page__oauth-divider{text-align:center;color:#9ca3af;font-size:.8rem;margin-bottom:.65rem}.auth-page__method-tabs--sub{margin-bottom:.65rem}.auth-page__info{margin:0;font-size:.82rem;color:#059669}.auth-page__resend{margin-top:.35rem;padding:0;border:none;background:none;color:#e94560;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline}.auth-page__resend:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.auth-page__oauth-buttons{display:flex;flex-direction:column;gap:.5rem}.auth-page__oauth-btn{width:100%;height:2.5rem;font-weight:600}.change-password-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:linear-gradient(160deg,#fff5f7,#fff 45%,#f8fafc)}.change-password-page__card{width:min(100%,400px);padding:2rem 1.75rem;border-radius:1.25rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 40px #1a1a2e14}.change-password-page__title{margin:0;font-size:1.35rem;font-weight:700;color:#1a1a2e;text-align:center}.change-password-page__hint{margin:.75rem 0 1.25rem;font-size:.9rem;color:#6b7280;line-height:1.5;text-align:center}.change-password-page__form{display:flex;flex-direction:column;gap:.5rem}.change-password-page__label{font-size:.85rem;font-weight:600;color:#374151}.change-password-page__error{margin:.25rem 0 0;font-size:.85rem;color:#dc2626}.change-password-page__submit{margin-top:.75rem;width:100%;height:2.75rem;background:#e94560;color:#fff;font-weight:600}.oauth-setup-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:linear-gradient(160deg,#fff5f7,#fff 45%,#f8fafc)}.oauth-setup-page__card{width:min(100%,400px);padding:2rem 1.75rem;border-radius:1.25rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 40px #1a1a2e14}.oauth-setup-page__title{margin:0;font-size:1.35rem;font-weight:700;color:#1a1a2e;text-align:center}.oauth-setup-page__hint{margin:.75rem 0 1.25rem;font-size:.9rem;color:#6b7280;line-height:1.5;text-align:center}.oauth-setup-page__form{display:flex;flex-direction:column;gap:.5rem}.oauth-setup-page__label{font-size:.85rem;font-weight:600;color:#374151}.oauth-setup-page__error{margin:.25rem 0 0;font-size:.85rem;color:#dc2626}.oauth-setup-page__submit{margin-top:.75rem;width:100%;height:2.75rem;background:#e94560;color:#fff;font-weight:600}.oauth-setup-page__logout{display:block;width:100%;margin-top:.85rem;padding:0;border:none;background:none;color:#6b7280;font-size:.85rem;cursor:pointer;text-decoration:underline}.app{min-height:100vh;background:#fff;color:#262626;overflow-x:hidden;position:relative}.app--auth-loading{display:grid;place-items:center;color:#6b7280}.app__loading-users,.app__empty-users{margin:2rem auto;text-align:center;color:#6b7280;font-size:.95rem}.app__persist-warning{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);margin:0;padding:.6rem 1rem;max-width:min(90vw,420px);font-size:.8rem;color:#7c2d12;background:#fff7ed;border:1px solid #fdba74;border-radius:.5rem;z-index:300;text-align:center}.app__main{min-height:100vh;margin-right:72px;display:flex;flex-direction:column;padding:1.5rem 1.5rem 5rem;box-sizing:border-box}.app__main--home{height:auto;min-height:100vh}.app__header{margin-bottom:1.5rem;flex-shrink:0}.app__header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app__login-btn{flex-shrink:0;padding:.4rem 1.2rem;font-size:.875rem;font-weight:600;border-radius:.5rem;background:#1a1a2e;color:#fff;border:none;cursor:pointer;transition:background .15s}.app__login-btn:hover{background:#16213e}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.auth-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000026;animation:auth-modal-in .25s ease-out}.auth-modal .auth-page{padding:0;min-height:auto}.auth-modal .auth-page__card{box-shadow:none;border-radius:0}.auth-modal__close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background:#0000000d;border-radius:50%;font-size:1rem;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.auth-modal__close:hover{background:#0000001a;color:#1a1a2e}@keyframes auth-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.app__header-logo{width:1.85rem;height:1.85rem;flex-shrink:0;border-radius:22%}.app__logo{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:#1a1a2e}.app__subtitle{margin:.35rem 0 0;font-size:.9rem;color:#6b7280}.app__content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.app__content--home{flex:none;min-height:auto;overflow:visible}@media(max-width:900px){.app__main{margin-right:0;padding:1rem 1rem 5.5rem}}@media(max-width:767px){.app__main{padding:.75rem .85rem calc(5.5rem + env(safe-area-inset-bottom,0px))}.app__header{margin-bottom:1rem}.app__logo{font-size:1.4rem}.app__subtitle{font-size:.8rem}}*,*:before,*:after{box-sizing:border-box}html{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;height:auto;overflow-y:auto}body{margin:0;min-height:100vh;height:auto;overflow-y:auto;background:#fff}#root{min-height:100vh;height:auto}button{font-family:inherit}img{max-width:100%}