@font-face{font-family:Title15;src:url(/assets/Newsreader-Wtis3NRF.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Title;src:url(/assets/PlayfairDisplay-Cl-XvBsO.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Text;src:url(/assets/Quicksand-DE2wFU7n.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;src:url(/assets/OpenSans-Regular-BYL697sd.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AdelioDarmanto;src:url(/assets/AdelioDarmanto-DMW1a8jA.otf) format("opentype");font-weight:400;font-style:normal}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;color-scheme:only light;background-color:#fff!important;color:#333}.app-wrapper{width:100%;max-width:480px;margin:0 auto;min-height:100vh;background:#fff;position:relative}@media (prefers-color-scheme: dark){:root{color-scheme:light}}@media (forced-colors: active){:root{color-scheme:light}}:root[data-theme=rustic]{--text-accent: #C8A97E;--text-accent-darker: #A68556;--text-title: #333;--text-body: #333;--breath-space-backgroud: #fff;--background: #fff;--common-title-font: "Title15", sans-serif;--section-title-font: "Title15", sans-serif;--nav-bar-background: rgba(30, 30, 30, .12);--nav-border-bottom: #ddd;--nav-text: #fff;--nav-text-when-media: #333;--hero-overlay: rgba(212, 150, 150, .26);--hero-title: #2E2E2E;--hero-subtitle: #2E2E2E;--hero-title-font: "AdelioDarmanto", sans-serif;--hero-text-font: "OpenSans", sans-serif;--ceremony-venue-title: #333;--ceremony-venue-text: #333;--ceremony-venue-button-background: #F2F2F2;--ceremony-venue-button-text: #242424;--ceremony-venue-button-border: var(--text-accent);--ceremony-venue-title-font: "AdelioDarmanto", sans-serif;--ceremony-venue-time-font: "OpenSans", sans-serif;--ceremony-venue-location-font: "OpenSans", sans-serif;--ceremony-venue-note-font: "Text", sans-serif;--ceremony-venue-button-font: "Text", sans-serif;--countdown-number-text: #333;--countdown-number-accent: var(--text-accent);--countdown-number-label: #333;--countdown-number-font: "Text", sans-serif;--countdown-seconds-font: "Text", sans-serif;--countdown-label-font: "Text", sans-serif;--timeline-subtitle: #555;--timeline-divider: #ccc;--timeline-background: #c0c0c0;--timeline-accent: #636b2f;--timeline-accent-shade: #b2b27a;--timeline-time-font: "Text", sans-serif;--timeline-text-font: "Text", sans-serif;--home-intro-font: "Title15", sans-serif;--home-intro-description: #333;--home-intro-details-button-background: #fff;--home-intro-details-button: #636b2f;--home-intro-details-button-hover-background: #636b2f;--home-intro-details-button-hover: #fff;--home-countdown-right-title: #333;--home-countdown-container-background: #f5f5f5;--home-carousel-background: #636b2f;--home-carousel-background-shadow: #b2b27a;--home-our-history-title: var(--text-accent);--home-our-history-title-font: "AdelioDarmanto", sans-serif;--home-our-history-text: #333;--home-our-history-font: "Text", serif;--home-social-media-banner-background: #F5F5F5;--home-social-media-banner-title: #333;--home-social-media-banner-description: #333;--home-social-media-banner-button-background: #333;--home-social-media-banner-button-border: var(--text-accent);--home-social-media-banner-button: #333;--home-social-media-banner-button-hover: #333;--home-intro-button-font: "OpenSans", serif;--home-social-media-banner-title-font: "Title", sans-serif;--home-social-media-banner-text-font: "Text", sans-serif;--home-social-media-banner-button-font: "Text", sans-serif;--home-social-media-banner-camera-bodyColor: #C8A97E;--home-social-media-banner-camera-topBarColor: #A68556;--home-social-media-banner-camera-lensOuterColor: #E5D5BE;--home-social-media-banner-camera-lensInnerColor: #B79668;--home-social-media-banner-camera-flashColor: #F8F4EE;--home-social-media-banner-camera-sidePanelColor: #FFFDF9;--social-switch-button-background: #f3f4f6;--social-switch-button-border: #ccc;--social-switch-button-hover: #e5e7eb;--social-switch-button-active-border: var(--text-accent);--social-switch-button-active-background: #fff;--social-loader-background: #666;--social-media-card-backround: #333;--social-media-upload-button-background: var(--text-accent);--social-media-upload-button-border: #fff;--social-media-post-metadata-text: #666;--social-media-post-delete-button-background: rgba(0,0,0,.6);--social-media-post-delete-button: #fff;--social-upload-popup-close-button-background: #F8F8F8;--social-upload-popup-close-button-border: #ddd;--social-upload-popup-close-button: #333;--social-upload-popup-picker-button-background: var(--text-accent);--social-upload-popup-picker-button-text: #fff;--social-upload-popup-confirm-button-background: var(--text-accent);--social-upload-spinner: var(--text-accent);--social-upload-confirmation-message-icon: var(--text-accent);--social-upload-confirmation-message-button: var(--text-accent);--social-title-font: "Text", sans-serif;--social-empty-text-font: "Text", sans-serif;--social-post-metadata-font: "Text", sans-serif;--social-upload-popup-font: "Text", sans-serif;--audio-record-button-background: var(--text-accent);--audio-record-button-background-active: var(--text-accent-darker);--audio-record-button-text: #fff;--audio-record-cancel-button: #DBDBDB;--audio-record-cancel-button-text: #563c3c;--audio-message-text: var(--text-body);--audio-message-page-background: #fff}.breath-space{background-color:var(--breath-space-backgroud)}.home-page{text-align:center;padding:0}.home-hero{max-width:100%;margin:0 auto}.intro-description-text{text-align:center;padding:0 8px;font-size:1.8rem;font-family:var(--home-intro-font);color:var(--home-intro-description)}.countdown-main-container{background-color:var(--home-countdown-container-background);padding:50px 0}.section-title-styled-right{padding:0 32px;font-size:1.4rem;color:var(--home-countdown-right-title);font-family:var(--section-title-font);text-align:left;margin-bottom:.3em;white-space:pre-line}.countdown-container{display:flex;justify-content:center}.home-carousel{background:linear-gradient(135deg,var( --home-carousel-background),var(--home-carousel-background-shadow));padding:2em 0}.home-image{max-width:100%}.home-social-media-container{background-color:var(--home-social-media-banner-background);padding:64px 32px}.home-social-media-icon{width:150px}.home-social-media-container>*{margin:0}.home-social-media-title{color:var(--home-social-media-banner-title);font-family:var(--home-social-media-banner-title-font);font-size:2rem}.home-social-media-description{color:var(--home-social-media-banner-description);font-family:var(--home-social-media-banner-text-font);font-size:1rem;margin-top:10px}.home-social-media-button{display:inline-block;padding:.5rem 5rem;background-color:transparent;border:1px solid var(--home-social-media-banner-button-border);color:var(--home-social-media-banner-button);text-decoration:none;border-radius:6px;font-family:var(--home-social-media-banner-button-font);font-size:1rem;transition:background-color .2s ease,transform .1s ease;margin-top:5vh}.home-social-media-button:link,.home-social-media-button:visited,.home-social-media-button:active,.home-social-media-button:hover{color:var(--home-social-media-banner-button-hover)}.home-history-container{padding:0 16px}.home-history-title{color:var(--home-our-history-title);font-size:3rem;font-family:var(--home-our-history-title-font);text-align:right}.home-history-text{color:var(--home-our-history-text);font-size:1rem;font-family:var(--home-our-history-font);text-align:left}.moments-section-container,.home-social-media-container,.home-history-container,.home-image,.section-title-styled-right,.countdown-container,.movement{opacity:0;transform:translateY(14px);transition:opacity .6s ease var(--delay, 0ms),transform .6s ease var(--delay, 0ms);will-change:opacity,transform}.moments-section-container.in-view,.home-social-media-container.in-view,.home-history-container.in-view,.home-image.in-view,.section-title-styled-right.in-view,.countdown-container.in-view,.movement.in-view{opacity:1;transform:translateY(0)}.herosp{position:relative;width:100%;height:500px;overflow:hidden}.herosp-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.herosp-overlay{position:absolute;inset:0;background:#d4969642;pointer-events:none;z-index:1}.herosp-text{position:absolute;top:70px;left:20px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;white-space:pre-line;text-align:left}.herosp-title{font-size:3.5rem;color:var(--hero-title);font-family:var(--hero-title-font);margin:0;line-height:1}.herosp-subtitle{font-size:1rem;color:var(--hero-subtitle);font-family:var(--hero-text-font)}.countdown{display:flex;gap:.8rem;align-items:baseline}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown .num{font-size:1.5rem;line-height:1;columns:var(--countdown-number-text);font-family:var(--countdown-number-font)}.countdown .num-seconds{font-size:1.5rem;line-height:1;color:var(--countdown-number-accent);font-family:var(--countdown-seconds-font)}.countdown .label{font-size:.75rem;opacity:.7;columns:var(--countdown-number-label);font-family:var(--countdown-label-font)}.sep{font-size:1.5rem;line-height:2;opacity:.6}.ic-container{--ic-gap: 16px;--ic-sidepad: 10%;--ic-item-width: 80%;position:relative;width:100%;max-width:900px;margin:24px auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.ic-container::-webkit-scrollbar{display:none}.ic-track{display:flex;align-items:center;gap:var(--ic-gap);padding:0 var(--ic-sidepad)}.ic-item{flex:0 0 var(--ic-item-width);scroll-snap-align:center;position:relative;transition:transform .35s ease,opacity .35s ease;will-change:transform,opacity;opacity:1}.ic-item img{width:100%;height:var(--ic-height, 260px);object-fit:cover;display:block;border-radius:4px}.ic-item.active{opacity:1;transform:scale(1)}@media (max-width: 480px){.ic-container{--ic-gap: 12px;--ic-sidepad: 8%;--ic-item-width: 82%}}.momentsImage-container{padding:46px 0}.momentsImage-section{display:flex;align-items:center;justify-content:center;max-width:960px;margin:0 auto;padding:0 14px;gap:18px}.momentsImage-section.reverse{margin-top:46px;flex-direction:row-reverse}.momentsImage-image{flex:.8;display:flex;max-width:160px;max-height:240px;aspect-ratio:4 / 5}.momentsImage-image img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.momentsImage-text{flex:1.2;max-width:190px;text-align:center}.momentsImage-title{font-size:2rem;line-height:.95;font-family:var(--ceremony-venue-title-font);text-align:center;margin:0 0 10px;color:var(--ceremony-venue-title)}.momentsImage-time{font-size:.86rem;line-height:1.3;font-family:var(--ceremony-venue-time-font);margin:0 0 6px;color:var(--ceremony-venue-text);white-space:pre-line}.momentsImage-location{font-size:.78rem;line-height:1.45;font-family:var(--ceremony-venue-location-font);margin:0 0 8px;color:var(--ceremony-venue-text);white-space:pre-line}.momentsImage-notes{font-size:.7rem;line-height:1.45;font-family:var(--ceremony-venue-note-font);margin:0 0 18px;color:var(--ceremony-venue-text);opacity:.78;white-space:pre-line}.momentsImage-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 10px;font-size:.68rem;font-family:var(--ceremony-venue-button-font);line-height:1;color:var(--ceremony-venue-button-text)!important;background-color:var(--ceremony-venue-button-background);border:1px solid var(--ceremony-venue-button-border);border-radius:999px;text-decoration:none!important;transition:transform .15s ease,opacity .15s ease}.momentsImage-button svg{display:block}.momentsImage-button:visited{color:var(--ceremony-venue-button-text)!important}.momentsImage-button:active{transform:scale(.97)}.momentsIcons-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 32px;gap:8px}.momentsIcons-container>*{margin:0}.momentsIcons-title{font-size:2rem;font-family:var(--ceremony-venue-title-font);color:var(--ceremony-venue-title)}.momentsIcons-time{font-size:1.4rem;font-family:var(--ceremony-venue-time-font);color:var(--ceremony-venue-text)}.momentsIcons-location{font-size:1rem;font-family:var(--ceremony-venue-location-font);color:var(--ceremony-venue-text)}.momentsIcons-notes{font-size:1rem;font-family:var(--ceremony-venue-note-font);color:var(--ceremony-venue-text)}.momentsIcons-button{display:inline-block;padding:.5rem 1.8rem;background-color:var(--ceremony-venue-button-background);color:var(--ceremony-venue-button-text)!important;text-decoration:none;border-radius:6px;font-family:var(--ceremony-venue-button-font);font-size:.8rem;font-weight:500;transition:background-color .2s ease,transform .1s ease;margin-top:1vh;text-decoration:none!important}.momentsIcons-button:hover{background-color:var(--ceremony-venue-button-background)}.momentsIcons-button:active{transform:scale(.97)}.momentsIcons-button:visited{color:var(--ceremony-venue-button-text)!important}.layout{display:flex;flex-direction:column;min-height:100svh;width:100%;min-width:0}.content{flex:1;padding:0;width:100%;min-width:0;display:block}.nav{display:flex;justify-content:space-around;border-bottom:0px solid #ddd;padding:.5rem 0;position:absolute;top:0;left:0;width:100%;z-index:10;background:var(--nav-bar-background)}.nav a{text-decoration:none;color:var(--nav-text);font-size:.85rem;flex:1;text-align:center;padding:.5rem;text-shadow:0 1px 2px var(--nav-bar-background)}.nav a.active{color:var(--nav-text);font-weight:700;font-size:.85rem}.nav-media{background:none}.nav a.nav-media{color:var(--nav-text-when-media);text-shadow:0 1px 2px var(--nav-bar-background)}.nav a.nav-media.active{color:var(--nav-text-when-media);text-shadow:none;font-size:.85rem}html,body{overscroll-behavior-y:contain}.socialmedia-page{touch-action:pan-x pan-y;min-height:100dvh}.socialmedia-title{text-align:right;padding:0 8px;font-size:.6rem;font-family:var(--social-title-font)}.social-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46vh;margin:8vh 16px 0;padding:34px 24px;cursor:pointer;border-radius:24px;background:#ffffff73;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,opacity .15s ease}.social-empty-container:active{transform:scale(.98);opacity:.75}.social-empty-container svg{width:92px;height:92px;margin-bottom:18px;opacity:.9}.social-empty-text{max-width:280px;text-align:center;font-size:1rem;line-height:1.45;font-family:var(--social-empty-text-font);color:#5e5e5e}.social-disabled-icon{width:92px;opacity:.9}.social-skeleton{text-align:center;font-size:1rem;font-family:var(--social-empty-text-font);color:#777;padding:32px 16px}.ptr-indicator{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;transition:transform .18s ease;z-index:5}.insta-loader{position:relative;width:28px;height:28px}.insta-loader .line{position:absolute;top:50%;left:50%;width:3px;height:8px;background:var(--social-loader-background);border-radius:2px;transform-origin:center -8px;opacity:.3}.insta-loader .l0{transform:rotate(0) translate(-50%,-50%)}.insta-loader .l1{transform:rotate(45deg) translate(-50%,-50%)}.insta-loader .l2{transform:rotate(90deg) translate(-50%,-50%)}.insta-loader .l3{transform:rotate(135deg) translate(-50%,-50%)}.insta-loader .l4{transform:rotate(180deg) translate(-50%,-50%)}.insta-loader .l5{transform:rotate(225deg) translate(-50%,-50%)}.insta-loader .l6{transform:rotate(270deg) translate(-50%,-50%)}.insta-loader .l7{transform:rotate(315deg) translate(-50%,-50%)}.ptr-indicator.refreshing .insta-loader{animation:insta-spin .8s linear infinite}@keyframes insta-spin{to{transform:rotate(360deg)}}.social-toggle-wrapper{text-align:right;display:flex}.SocialMediaViewToggle{display:inline-flex;background:var(--social-switch-button-background);border-radius:9999px;border:1px solid var(--social-switch-button-border);padding:4px;gap:4px}.SocialMediaViewToggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:9999px;background:transparent;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.SocialMediaViewToggle-btn:hover{background:var(--social-switch-button-hover)}.SocialMediaViewToggle-active{background:var(--social-switch-button-active-background);box-shadow:0 0 0 2px var(--social-switch-button-active-border) inset}.SocialMediaViewToggle-icon{width:22px;height:22px;object-fit:contain}.socialmedia-switch-container{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px;padding:0 16px}.upload-popup{position:fixed;inset:0;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;font:var(--social-upload-popup-font);padding:16px;box-sizing:border-box}.upload-content{background:#fff;width:100%;max-width:430px;height:min(88%,720px);border-radius:22px;padding:22px 18px 18px;box-shadow:0 18px 50px #00000038;text-align:left;position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;box-sizing:border-box}.close-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:var(--social-upload-popup-close-button-background);color:var(--social-upload-popup-close-button);font-size:20px;font-weight:700;border:1px solid var(--social-upload-popup-close-button-border);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.close-btn:disabled{opacity:.6;cursor:default}h2{margin:0;padding-right:48px;text-align:left;font-size:22px;line-height:1.2}.media-name-section{display:flex;flex-direction:column;gap:8px;margin-top:12px}.media-name-section span{text-align:start;font-size:15px;color:#333}.media-name-section input{width:100%;height:46px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa;font-size:16px;box-sizing:border-box}.media-name-section input:focus{outline:none;border-color:#bbb;background:#fff}.file-picker{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:var(--social-upload-popup-picker-button-background);border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px;width:fit-content;white-space:nowrap;color:var(--social-upload-popup-picker-button-text);-webkit-tap-highlight-color:transparent}.file-picker input{display:none}.file-picker.is-disabled{opacity:.6;pointer-events:none}.upload-scrollable-selection-space{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;border:1px dashed #ddd;border-radius:16px;background:#fafafa;padding:14px;box-sizing:border-box}.media-upload-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:220px;text-align:center;cursor:pointer;border-radius:18px;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,opacity .15s ease}.media-upload-message:active{transform:scale(.97);opacity:.75}.media-upload-message-icon{width:70px;opacity:.9}.media-upload-message-text{margin-top:10px;font-size:1rem;color:#555}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0}.preview-item{position:relative}.preview-item img,.preview-item video{width:100%;height:132px;object-fit:cover;border-radius:14px;display:block;background:#eee}.remove-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;font-size:16px;border:0;border-radius:999px;background:#00000094;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.preview-grid.is-disabled{opacity:.6;pointer-events:none}.confirm-btn{justify-self:center;width:100%;height:50px;border:0;cursor:pointer;border-radius:14px;background:var(--social-upload-popup-confirm-button-background);color:#fff;font-size:16px;font-weight:600;-webkit-tap-highlight-color:transparent}.confirm-btn.is-disabled{background:#f5f5f5;cursor:default;color:#a9a9a9}.loading-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#ffffffc7;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:18px;box-sizing:border-box;touch-action:none}.uploading-card{width:min(260px,100%);padding:24px 20px;border-radius:20px;background:#ffffffeb;box-shadow:0 12px 36px #00000024;display:grid;justify-items:center;gap:12px;text-align:center}.spinner{width:42px;height:42px;border:4px solid #e5e7eb;border-top-color:var(--social-upload-spinner);border-radius:50%;animation:spin .9s linear infinite}.loading-text{font-size:16px;font-weight:700;color:#1f2937}@keyframes spin{to{transform:rotate(360deg)}}.upload-result-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--social-upload-confirmation-message-icon);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700}.upload-result-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px}.upload-result-text{font-size:15px;line-height:1.4;color:#6b7280}@media (max-width: 380px){.upload-popup{padding:10px}.upload-content{height:90%;padding:20px 14px 14px;border-radius:20px}h2{font-size:20px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.preview-item img,.preview-item video{height:120px}}.photos-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1px}.photos-container.grid .photo-item{height:180px;overflow:hidden}.photos-container.grid .photo-item img,.photos-container.grid .photo-item .video-thumb,.photos-container.grid .photo-item .video-thumb img,.photos-container.grid .photo-item video{width:100%;height:100%;object-fit:cover;display:block}.photos-container.list{display:flex;flex-direction:column;gap:32px}.photos-container.list .photo-item img{width:100%;object-fit:cover}.photo-meta{display:flex;justify-content:space-between;align-items:center;margin:6px 12px 6px 6px}.meta-left{display:flex;align-items:center;gap:6px}.meta-avatar{width:36px!important;height:36px!important;object-fit:cover;display:block}.meta-username{font-size:1rem;font-weight:600}.meta-right .meta-timestamp{font-size:.8rem;color:var(--social-media-post-metadata-text);font:var(--social-post-metadata-font)}.photos-container.list .photo-item{display:flex;flex-direction:column;gap:6px}.photo-item{position:relative;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.photo-item .skeleton{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.1s linear infinite;z-index:0}.photo-item.is-loaded img{opacity:1}.photo-item.is-loaded .skeleton{opacity:0;transition:opacity .15s ease;animation:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-thumb{position:relative;width:100%;height:100%;overflow:hidden;display:block}.video-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.video-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#000;color:#fff;font-size:2rem}.video-thumb-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#00000040;transition:background .2s}.video-thumb:hover .video-thumb-overlay{background:#0006}.video-thumb-play{font-size:40px;color:#fff;pointer-events:none}.video-iframe-wrapper{position:relative;padding-top:100%;object-fit:cover}.video-iframe{border:none;position:absolute;inset:0;width:100%;height:100%}.social-media-item-delete-btn{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:14px;border:0;border-radius:999px;background:var(--social-media-post-delete-button-background);color:var(--social-media-post-delete-button);cursor:pointer;z-index:10}.upload-result-icon.warning{background:#f59e0b}.upload-swal-cancel-button{border-radius:14px!important;height:46px;padding:0 22px!important;font-size:15px!important;font-weight:600!important}:root{--fab-spacing: 20px;--fab-main-size: 76px;--fab-blue: var(--social-media-upload-button-background);--fab-border: 1px solid var(--social-media-upload-button-border);--fab-icon-color: #ffffff;--fab-shadow: 0 10px 24px rgba(0, 0, 0, .18)}.SocialMediaFAB-wrap{position:fixed;right:var(--fab-spacing);bottom:var(--fab-spacing);z-index:1000;pointer-events:none}.SocialMediaFAB-main{pointer-events:auto;width:var(--fab-main-size);height:var(--fab-main-size);border-radius:50%;border:var(--fab-border);background:var(--fab-blue);color:var(--fab-icon-color);display:grid;place-items:center;box-shadow:var(--fab-shadow);cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.SocialMediaFAB-main:active{transform:scale(.94);opacity:.85}.SocialMediaFAB-iconLg{width:27px;height:27px;transform:translate(-1px)}@supports (padding: max(0px)){.SocialMediaFAB-wrap{right:max(var(--fab-spacing),env(safe-area-inset-right));bottom:max(var(--fab-spacing),env(safe-area-inset-bottom))}}@media (max-width: 380px){:root{--fab-spacing: 16px;--fab-main-size: 60px}.SocialMediaFAB-iconLg{width:25px;height:25px}}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}#root{max-width:none}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.audiomessage-title-container{box-sizing:border-box;margin:3em auto 0;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audiomessage-title{text-align:center;padding:0 16px;font-size:1.8rem;font-family:var(--home-intro-font);color:var(--home-intro-description)}.audiomessage-subtitle{margin-top:1em;text-align:center;font-size:1rem;font-family:var(--home-intro-font);color:var(--home-intro-description)}.audiomessage-record-container{margin-top:4em;text-align:center;display:flex;flex-direction:column;align-items:center}.audiomessage-record-button{width:152px;height:152px;border:none;border-radius:999px;background:var(--social-media-upload-button-background);box-shadow:0 18px 36px #a8475b3d;color:var(--audio-record-button-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .2s ease}.audiomessage-record-button.recording{background:var(--audio-record-button-background-active);color:var(--audio-record-button-text);animation:softPulse 1.4s infinite}.audiomessage-record-button:hover{transform:translateY(-2px) scale(1.02)}.audiomessage-record-button:active{transform:scale(.96)}.audiomessage-record-icon{font-size:2rem}.audiomessage-recording-status{margin-top:1em;font-size:.8rem}.recording-dot{width:8px;height:8px;background:var(--audio-record-button-background-active);border-radius:999px;display:inline-block;margin-right:6px;animation:pulse 1s infinite}.audiomessage-preview-container{margin-top:2em}.audiomessage-progress-wrapper{width:100%;height:10px;background:#eee;border-radius:999px;overflow:hidden;margin-top:10px}.audiomessage-progress-bar{height:100%;background:var(--audio-record-button-background-active);width:0%;transition:width .2s linear}audio{width:100%}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.primary-button,.secondary-button{min-height:46px;border:none;border-radius:14px;padding:0 14px;font-weight:800;cursor:pointer}.primary-button{background:var(--audio-record-button-background-active);color:var(--audio-record-button-text)}.secondary-button{background:var(--audio-record-cancel-button);color:var(--audio-record-cancel-button-text)}.success-icon{font-size:2rem;margin-bottom:8px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}@keyframes softPulse{0%,to{box-shadow:0 18px 36px #b02a3c47}50%{box-shadow:0 22px 52px #b02a3c6b}}.upload-swal-popup{border-radius:22px!important;background:#fff!important;overflow:hidden;padding:0!important}.upload-result-popup{padding:26px 22px 24px;text-align:center}.upload-result-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--social-upload-confirmation-message-icon);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}.upload-result-icon.error{background:#dc2626}.upload-result-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px;line-height:1.3}.upload-result-text{font-size:15px;line-height:1.45;color:#6b7280}.upload-swal-button{border-radius:14px!important;height:46px;padding:0 22px!important;font-size:15px!important;font-weight:600!important}.upload-swal-progress{background:var(--social-upload-confirmation-message-button)!important}