@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";@import "https://fonts.cdnfonts.com/css/cal-sans";:root{--color-primary:#000;--color-midnight:#000;--color-white:#fff;--color-mid-gray:#777169;--color-dark-gray:#4e4e4e;--color-light-gray:#f5f5f5;--color-warm-stone:#f5f2efcc;--color-border-ring:#0000000d;--font-display:"Waldenburg", sans-serif;--font-display-alt:"WaldenburgFH", sans-serif;--font-body:"Inter", sans-serif;--shadow-inset:#00000013 0px 0px 0px .5px inset;--shadow-outline-ring:#0000000f 0px 0px 0px 1px, #0000000a 0px 1px 2px, #0000000a 0px 2px 4px;--shadow-card:#0006 0px 0px 1px, #0000000a 0px 4px 4px;--shadow-ambient:#4e32170a 0px 6px 16px;--shadow-nav:#0000000f 0px -1px 0px 0px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;background-color:var(--color-white);color:var(--color-primary);font-family:var(--font-body);font-weight:400}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background-color:var(--color-white);width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}#root{justify-content:center;width:100%;height:100%;display:flex}.text-display-hero{font-family:var(--font-display);letter-spacing:-.96px;font-size:48px;font-weight:300;line-height:1.08}.text-section-heading{font-family:var(--font-display);letter-spacing:normal;font-size:36px;font-weight:300;line-height:1.17}.text-card-heading{font-family:var(--font-display);word-break:keep-all;text-align:center;font-size:32px;font-weight:300;line-height:1.13}.text-sub-heading{font-family:var(--font-body);letter-spacing:normal;font-size:20px;font-weight:400;line-height:1.2}.text-body-light{font-family:var(--font-body);color:var(--color-dark-gray);letter-spacing:.16px;font-size:16px;font-weight:400;line-height:1.5}.text-body{font-family:var(--font-body);white-space:pre-wrap;letter-spacing:.16px;font-size:16px;font-weight:400;line-height:1.5}.text-ui-label{font-family:var(--font-body);letter-spacing:.16px;font-size:16px;font-weight:500;line-height:1.5}.text-ui-small{font-family:var(--font-body);letter-spacing:.12px;font-size:12px;font-weight:400;line-height:1.33}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;box-shadow:none;letter-spacing:normal;border:none;padding:12px 20px;font-size:16px;font-weight:500;transition:opacity .2s}.btn-primary:active{transform:translateY(1px)}.btn-primary:hover{opacity:.8}.btn-warm{background-color:var(--color-warm-stone);color:var(--color-primary);box-shadow:var(--shadow-ambient);font-family:var(--font-body);cursor:pointer;border:none;border-radius:32px;padding:12px 20px 12px 14px;font-size:16px;font-weight:500}.card{background-color:var(--color-white);box-shadow:none;border:none;border-bottom:1px solid var(--color-border-ring);border-radius:0;flex-direction:column;margin-bottom:24px;padding-bottom:24px;display:flex}.card:last-child{border-bottom:none}.app-container{background-color:var(--color-white);width:100%;max-width:640px;height:100%;position:relative;overflow:hidden}.base-layer{background-color:var(--color-white);will-change:transform, filter;width:100%;height:100%;position:absolute;top:0;left:0}.view-container{-webkit-overflow-scrolling:touch;width:100%;height:100%;padding-bottom:84px;overflow:hidden auto}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;height:60px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-ring);background-color:#fffffff2;align-items:center;display:flex;position:sticky;top:0}.header-logo{font-size:28px;font-family:var(--font-display);letter-spacing:-.5px;font-weight:300}.post-card-header{padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.post-card-media{aspect-ratio:1;background-color:var(--color-light-gray);width:100%;position:relative;overflow:hidden}.post-card-media>img:not(.blur-bg):not(.main-img){object-fit:cover;width:100%;height:100%}.post-card-fallback{aspect-ratio:1;background-color:var(--color-primary);width:100%;color:var(--color-white);justify-content:center;align-items:center;padding:32px;display:flex}.post-card-content{padding:20px var(--space-4)}.search-input-wrapper{width:100%;position:relative}.search-icon-pos{color:var(--color-mid-gray);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-pill);border:1px solid var(--color-border-ring);background-color:var(--color-light-gray);width:100%;font-family:var(--font-body);outline:none;padding:12px 16px 12px 40px;font-size:16px}.search-input:focus{box-shadow:0 0 0 2px #00000026}.profile-header-area{border-bottom:1px solid var(--color-border-ring);flex-direction:column;align-items:center;padding:40px 16px;display:flex}.profile-avatar{border-radius:var(--radius-pill);background-color:var(--color-primary);width:80px;height:80px;color:var(--color-white);justify-content:center;align-items:center;margin-bottom:16px;font-size:32px;display:flex}.profile-stats{gap:32px;margin-bottom:16px;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.profile-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.grid-cell{aspect-ratio:1;background-color:var(--color-light-gray);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.grid-cell img{object-fit:cover;width:100%;height:100%}.grid-cell-text{font-family:var(--font-display);color:var(--color-white);background-color:var(--color-primary);text-align:center;word-break:keep-all;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:12px;display:flex}.masonry-grid{column-count:3;column-gap:6px;width:100%}.masonry-item{break-inside:avoid;cursor:pointer;background-color:#111827;border-radius:12px;margin-bottom:6px;overflow:hidden}.bottom-nav{width:100%;max-width:640px;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:var(--shadow-nav);z-index:50;background-color:#fffffffa;display:flex;position:absolute;bottom:0;left:0}.nav-item{cursor:pointer;color:var(--color-mid-gray);flex-direction:column;flex:1;justify-content:center;align-items:center;transition:color .15s;display:flex}.nav-item:hover,.nav-item.active{color:var(--color-primary)}.nav-compose-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.compose-wrap{padding:var(--space-4)}.compose-textarea{width:100%;min-height:200px;box-shadow:var(--shadow-inset);border-radius:var(--radius-md);font-family:var(--font-body);resize:none;border:none;outline:none;margin-bottom:16px;padding:16px;font-size:16px}.compose-textarea:focus{box-shadow:0 0 0 2px #00000026}.dummy-upload{border:2px dashed var(--color-border-ring);border-radius:var(--radius-md);cursor:pointer;background-color:var(--color-light-gray);flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px;padding:40px;display:flex}.text-mid-gray{color:var(--color-mid-gray)}.p-4{padding:16px}.pt-2{padding-top:8px}.pb-2{padding-bottom:8px}.mr-2{margin-right:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:8px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.mt-2{margin-top:8px}.mt-8{margin-top:32px}.gap-4{gap:16px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.w-full{width:100%}.max-w-xs{max-width:320px}.author-avatar{background-color:var(--color-primary);width:32px;height:32px;color:var(--color-white);font-family:var(--font-display);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.app-overlay-page{background-color:var(--color-white);z-index:100;-webkit-overflow-scrolling:touch;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden auto;box-shadow:-4px 0 24px #0000000d}.view-transition-enter{opacity:0;transform:translateY(10px)}.view-transition-enter-active{opacity:1;transition:opacity .3s,transform .3s cubic-bezier(.32,.72,0,1);transform:translateY(0)}.view-transition-exit{opacity:1}.view-transition-exit-active{opacity:0;transition:opacity .2s}.fallback-text-wrapper{text-align:left;word-break:keep-all;max-width:90%;display:inline-block}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.animate-slide-in{animation:.4s cubic-bezier(.32,.72,0,1) forwards slideInRight}.animate-slide-out{pointer-events:none;animation:.4s cubic-bezier(.32,.72,0,1) forwards slideOutRight}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-up{animation:.4s cubic-bezier(.32,.72,0,1) forwards slideInUp}.animate-slide-down{pointer-events:none;animation:.4s cubic-bezier(.32,.72,0,1) forwards slideOutDown}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-fade-out{pointer-events:none;animation:.3s ease-out forwards fadeOut}.animate-scale-in{animation:.32s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.animate-scale-out{pointer-events:none;animation:.25s ease-in forwards scaleOut}.bottom-sheet-overlay{z-index:100;background-color:#0006;flex-direction:column;justify-content:flex-end;width:100%;height:100dvh;display:flex;position:fixed;top:0;left:0}.bottom-sheet-content{background-color:var(--color-white);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-height:calc(100dvh - 40px);display:flex;overflow-y:auto;box-shadow:0 -4px 24px #0000001a}.media-container{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.blur-bg{object-fit:cover;filter:blur(20px)brightness(.6);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.main-img{z-index:1;object-fit:contain;width:100%;height:100%;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes skeletonShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite skeletonShine;position:absolute;top:0;left:0}.app-container.onboard-mode{background-color:#000;width:100%!important;max-width:100%!important;height:100%!important}.onboard-input:focus{background:#ffffff1f!important;border-color:#fff6!important}@media (width>=768px){.app-container:not(.onboard-mode){border-radius:40px;max-width:432px;height:calc(100vh - 80px);margin:40px auto;position:relative;box-shadow:0 20px 52px #0003}.bottom-nav,.header{width:100%;max-width:432px;left:0}}.flex-1{flex:1;min-width:0}.gap-2{gap:8px}