@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;display:flex;justify-content:center}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer;appearance:none;-webkit-appearance:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}#app{width:100%;max-width:430px;min-height:100dvh;position:relative;overflow:hidden;background:#0f0c14;box-shadow:0 0 60px #000c}html{scroll-behavior:smooth}.scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{display:none}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (display-mode: standalone){#app{padding-top:env(safe-area-inset-top,0px)}html,body{overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}}*{-webkit-tap-highlight-color:transparent}:root{--color-bg-primary: #F2F2F7;--color-bg-dark: #0F0C14;--color-bg-dark-premium: #1A1028;--color-surface: #FFFFFF;--color-surface-dark: #1C1C1E;--color-surface-secondary: #F2F2F7;--color-film: #E11D48;--color-film-light: #FFF1F3;--color-film-dark: #9F0F2D;--color-film-page-bg: #1A0918;--color-info: #3B82F6;--color-info-light: #EFF6FF;--color-info-dark: #1D4ED8;--color-info-page-bg: #0D1225;--color-love: #EC4899;--color-love-light: #FDF2F8;--color-love-dark: #BE185D;--color-music: #10B981;--color-music-light: #ECFDF5;--color-music-dark: #047857;--color-accent: #E11D48;--color-like: #F97316;--color-love-vote: #EC4899;--color-gold: #D97706;--color-text-primary: #1C1C1E;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-on-dark: #FFFFFF;--color-text-on-dark-muted: rgba(255, 255, 255, .6);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info-sys: #3B82F6;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--touch-min: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--border-width: 1px;--border-color: rgba(0, 0, 0, .08);--border-color-dark: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--shadow-overlay: 0 24px 48px rgba(0, 0, 0, .2);--ease-ios: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-nav: .35s;--duration-modal: .28s;--duration-slow: .5s;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--max-width-app: 430px;--height-header: 56px;--height-tab-bar: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);line-height:var(--line-height-normal)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.skeleton{position:relative;overflow:hidden;background-color:#e5e7eb;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.4s ease-in-out infinite}.skeleton--dark{background-color:#2a2a3a}.skeleton--dark:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-30%)}}@keyframes slide-in-left{0%{transform:translate(-30%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.3)}45%{transform:scale(1.1)}65%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{0%{transform:scale(1);opacity:.8}75%{transform:scale(2.5);opacity:0}to{transform:scale(2.5);opacity:0}}@keyframes letter-drop{0%{opacity:0;transform:translateY(-40px) rotateX(45deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes film-strip-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fade-in{animation:fade-in var(--duration-fast) var(--ease-ios) both}.animate-slide-up{animation:slide-up var(--duration-modal) var(--ease-ios) both}.animate-slide-down{animation:slide-down var(--duration-modal) var(--ease-ios) both}.animate-scale-up{animation:scale-up var(--duration-modal) var(--ease-spring) both}.animate-bounce-in{animation:bounce-in var(--duration-modal) var(--ease-spring) both}.animate-pulse{animation:pulse 2s var(--ease-ios) infinite}.animate-heartbeat{animation:heartbeat .6s var(--ease-spring) forwards}.animate-shake{animation:shake .4s var(--ease-ios) both}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.36s}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-sheet-in{animation:sheet-in var(--duration-modal) var(--ease-ios) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}