@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: #D8A7B1;--text-accent-darker: #B56B7C;--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: #444;--hero-subtitle: #444;--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: #DBDBDB;--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: "AdelioDarmanto", 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: #D8A7B1;--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;--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 }.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:64px 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:100px;right:20px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.herosp-title{font-size:3.5rem;color:var(--hero-title);font-family:var(--hero-title-font);text-align:right;margin:0;margin-bottom:.2rem;padding-left:500px}.herosp-subtitle{font-size:1rem;color:var(--hero-subtitle);font-family:var(--hero-text-font);text-align:right;margin:0 0 10px}.countdown{display:flex;gap:.5rem;align-items:baseline}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown .num{font-size:3rem;line-height:1;columns:var(--countdown-number-text);font:var(--countdown-number-font)}.countdown .num-seconds{line-height:1;color:var(--countdown-number-accent);font:var(--countdown-number-font)}.countdown .label{font-size:.75rem;opacity:.7;columns:var(--countdown-number-label);font:var(--countdown-label-font)}.sep{font-size:1.5rem;line-height:1;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:50px 0}.momentsImage-section{display:flex;align-items:center;justify-content:center;max-width:960px;margin:0 auto;padding:0 16px;gap:32px}.momentsImage-section.reverse{margin-top:46px;flex-direction:row-reverse;padding-right:16px}.momentsImage-image{flex:1;display:flex;max-width:400px;max-height:300px;aspect-ratio:1 / 1.5}.momentsImage-image img{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block}.momentsImage-text{flex:1;text-align:center}.momentsImage-title{font-size:1.7rem;font-family:var(--ceremony-venue-title-font);text-align:center;margin:0;color:var(--ceremony-venue-title)}.momentsImage-time{font-size:1rem;font-family:var(--ceremony-venue-time-font);margin:0 0 10px;color:var(--ceremony-venue-text)}.momentsImage-location{font-size:1rem;font-family:var(--ceremony-venue-location-font);margin:0 0 10px;color:var(--ceremony-venue-text)}.momentsImage-notes{font-size:.7rem;font-family:var(--ceremony-venue-note-font);margin:0 0 32px;color:var(--ceremony-venue-text)}.momentsImage-button{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;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:6px;text-decoration:none!important;padding:6px 10px}.momentsImage-button svg{display:block}.momentsImage-button:visited{color:var(--ceremony-venue-button-text)!important}.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}.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;height:100%;margin-top:12vh}.social-empty-icon{width:100px}.social-empty-text{text-align:center;font-size:1rem;font-family:var(--social-empty-text-font)}.social-disabled-icon{width:100px}.social-skeleton{text-align:center;font-size:1rem;font-family:Text,sans-serif}.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:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;font:var(--social-upload-popup-font)}.upload-content{background:#fff;width:88%;height:88%;border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 30px #0003;text-align:left;position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px}.close-btn{position:absolute;top:10px;right:10px;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}.close-btn:disabled{opacity:.6;cursor:default}h2{margin:0 0 16px;text-align:left}.media-name-section{display:flex;flex-direction:column;gap:6px;margin-bottom:4vh}.media-name-section span{text-align:start;font-size:16px}.media-name-section input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.file-picker{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--social-upload-popup-picker-button-background);border-radius:8px;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)}.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 solid #ddd;border-radius:8px;padding:10px 10px 0}.media-upload-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.media-upload-message-icon{width:70px}.media-upload-message-text{font:1rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0}.preview-item{position:relative}.preview-item img,.preview-item video{width:100%;height:150px;object-fit:cover;border-radius:8px}.remove-btn{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:14px;border:0;border-radius:999px;background:#0009;color:#fff;cursor:pointer}.preview-grid.is-disabled{opacity:.6;pointer-events:none}.confirm-btn{justify-self:center;width:min(420px,70%);height:46px;border:0;cursor:pointer;border-radius:10px;background:var(--social-upload-popup-confirm-button-background);color:#fff;font-size:15px}.confirm-btn.is-disabled{background:#f5f5f5;cursor:default;color:#a9a9a9}.loading-overlay{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#ffffffb3;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--social-upload-spinner);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-weight:600;color:#1f2937}.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}:root{--fab-spacing: 16px;--fab-main-size: 70px;--fab-toggle-size: 44px;--fab-gap: 12px;--fab-blue: var(--social-media-upload-button-background);--fab-blue-hover: var(--social-media-upload-button-background);--fab-shadow: 0 12px 28px var(--social-media-upload-button-background), 0 2px 6px rgba(0, 0, 0, .12);--fab-border: 1px solid var(--social-media-upload-button-border);--fab-surface: #ffffff;--fab-surface-hover: #f3f4f6;--fab-icon-color: #ffffff;--fab-icon-muted: #374151}.SocialMediaFAB-wrap{position:fixed;right:var(--fab-spacing);bottom:var(--fab-spacing);display:flex;flex-direction:column;align-items:center;gap:var(--fab-gap);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:flex;align-items:center;justify-content:center;box-shadow:var(--fab-shadow);cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.SocialMediaFAB-main:hover{background:var(--fab-blue-hover);transform:translateY(-1px) scale(1.03)}.SocialMediaFAB-toggle{pointer-events:auto;width:var(--fab-toggle-size);height:var(--fab-toggle-size);border-radius:50%;border:var(--fab-border);background:var(--fab-surface);color:var(--fab-icon-muted);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000001f;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.SocialMediaFAB-toggle:hover{background:var(--fab-surface-hover);transform:translateY(-1px);border-color:#cfd4dc}.SocialMediaFAB-iconLg{width:28px;height:28px}.SocialMediaFAB-iconSm{width:22px;height:22px}@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))}}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}}