@import"https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Nunito:wght@400;700;800&display=swap";:root{--color-yellow: #fdd350;--color-navy: #002236;--color-cream: #fff5d9;--color-white: #ffffff;--color-off-white: #fffefd;--color-black: #000000;--color-gray-900: #2c2c2c;--color-gray-700: #444444;--color-gray-500: #999999;--color-gray-300: #cccccc;--color-gray-200: #e0e0e0;--color-gray-100: #f5f5f5;--color-text-primary: var(--color-navy);--color-text-secondary: var(--color-gray-700);--color-text-disabled: var(--color-gray-500);--color-background: var(--color-cream);--color-surface: var(--color-off-white);--color-primary: var(--color-yellow);--font-display: "ApplauseFont", cursive;--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "SF Pro Rounded", -apple-system, system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 35px;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extra-bold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--border-radius-sm: 12px;--border-radius-md: 18px;--border-radius-lg: 20px;--border-radius-xl: 25px;--border-radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .1);--shadow-button: 0 9px 0 var(--color-navy);--shadow-button-disabled: 0 9px 0 var(--color-gray-300);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-index-dropdown: 1000;--z-index-modal: 2000;--z-index-toast: 3000;--z-index-tooltip: 4000}@font-face{font-family:SF Pro Rounded;src:url(/assets/fonts/SF-Pro-Rounded-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ApplauseFont;src:url(/assets/fonts/ApplauseFont.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-extra-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}.text-display{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-navy)}.text-caption-large{font-family:var(--font-display);font-size:var(--font-size-3xl)}.text-caption-medium{font-family:var(--font-display);font-size:var(--font-size-xl)}.text-caption-small{font-family:var(--font-display);font-size:var(--font-size-md)}.text-body{font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-bold{font-weight:var(--font-weight-bold)}.text-extra-bold{font-weight:var(--font-weight-extra-bold)}.button-text{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-extra-bold);text-transform:uppercase;letter-spacing:.5px}.label-text{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}::placeholder{font-family:var(--font-secondary);color:var(--color-gray-500);opacity:1}.tape-username{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--color-gray-900);text-shadow:0 .5px .5px rgba(255,255,255,.3)}.tape-habit{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--color-gray-700);text-shadow:0 .5px .5px rgba(255,255,255,.3)}.comment-username{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:#00223699}.comment-text{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--color-text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-disabled{color:var(--color-text-disabled)}.text-yellow{color:var(--color-yellow)}.text-white{color:var(--color-white)}:root{--navy: #002236;--off-white: #fffefd;--yellow: #fdd350;--dark-gray: #2c2c2c;--medium-gray: #444444;--disabled-shadow: #cccccc;--disabled-surface: #e0e0e0;--disabled-text: #999999;--polaroid-width: 320px;--photo-width: 265px;--photo-height: 262px;--tape-width: 180px;--tape-height: 90px;--button-height: 64px}.polaroid-frame{width:var(--polaroid-width);position:relative}.polaroid-photo{width:var(--photo-width);height:var(--photo-height);object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 28px))}.tape-overlay{position:absolute;top:5px;left:15px;width:var(--tape-width);height:var(--tape-height);transform:translateY(-25px) rotate(-2deg)}.tape-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);text-align:center}.tape-username{font-family:SFProRounded-Regular,-apple-system,sans-serif;font-size:14px;color:var(--dark-gray);text-shadow:0 .5px .5px rgba(255,255,255,.3)}.tape-habit{font-family:SFProRounded-Regular,-apple-system,sans-serif;font-size:12px;color:var(--medium-gray);text-shadow:0 .5px .5px rgba(255,255,255,.3)}.polaroid-caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:260px;text-align:center;font-family:ApplauseFont,cursive;color:var(--navy)}.caption-large{font-size:35px}.caption-medium{font-size:20px}.caption-small{font-size:16px}.comment-bubble{background:var(--off-white);border-radius:18px;padding:10px 14px;margin-bottom:4px;font-family:SFProRounded-Regular,-apple-system,sans-serif;font-size:14px;color:var(--navy)}.comment-bubble.reply{opacity:.6;margin-left:28px}.comment-username{font-size:11px;color:#00223699;margin-bottom:6px}.comment-input{width:var(--polaroid-width);padding:12px 16px;border:1px solid var(--navy);border-radius:20px;background:transparent;font-family:SFProRounded-Regular,-apple-system,sans-serif;font-size:14px;color:var(--navy)}.post-button{height:var(--button-height);padding:0 40px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;font-family:Nunito-ExtraBold,sans-serif;font-size:18px;border:none;cursor:pointer}.post-button.enabled{background:var(--yellow);color:var(--off-white);box-shadow:0 9px 0 var(--navy)}.post-button.disabled{background:var(--disabled-surface);color:var(--disabled-text);box-shadow:0 9px 0 var(--disabled-shadow);cursor:not-allowed}.camera-icon{width:20px;height:20px}.curved-connector{width:20px;height:30px;stroke:#00223633;stroke-width:2;fill:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{min-height:100vh;background-color:var(--color-background);overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}