@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a1a;color:#fff;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 230px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.2),transparent);background-repeat:repeat;background-size:350px 200px;pointer-events:none;z-index:0;animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.8}}#root{position:relative;z-index:1;min-height:100vh;width:min(1320px,100% - 2.5rem);margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:1.2;color:#fff}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:#b8b8d1}a{color:#d4af37;text-decoration:none;transition:color .15s ease}a:hover{color:#f4d03f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37);color:#0a0a1a;box-shadow:0 4px 20px #d4af374d}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #d4af3766}.btn--secondary{background:transparent;color:#d4af37;border:2px solid #d4af37}.btn--secondary:hover:not(:disabled){background:#d4af371a;transform:translateY(-2px)}.btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn--outline:hover:not(:disabled){border-color:#d4af37;color:#d4af37}.btn--danger{background:#e74c3c;color:#fff}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,#e74c3c 90%,black);transform:translateY(-2px)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#b8b8d1;font-size:.875rem;font-weight:500}.input,.textarea,.select{width:100%;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;transition:all .15s ease}.input::placeholder,.textarea::placeholder,.select::placeholder{color:#7a7a9a}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:#d4af37;background:#ffffff14;box-shadow:0 0 0 3px #d4af371a}.textarea{min-height:120px;resize:vertical}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:48px}.card{background:linear-gradient(145deg,#1a1a3ecc,#0a0a1ae6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:#d4af374d;box-shadow:0 8px 32px #00000080}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:10px 16px;background:#0a0a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.navbar{padding:16px 10px}}.navbar__content{max-width:min(1320px,100% - 2.5rem);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:8px;font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;color:#d4af37}.navbar__logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.navbar__links{display:flex;align-items:center;gap:16px}@media(max-width:768px){.navbar__links{display:none}}.navbar__link{color:#b8b8d1;font-weight:500;transition:color .15s ease}.navbar__link:hover,.navbar__link--active{color:#d4af37}.navbar__actions{display:flex;align-items:center;gap:10px}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media(max-width:768px){.mobile-menu-btn{display:block}}.mobile-menu{position:fixed;inset:20px 0 0;background:#0a0a1a;z-index:99;padding:48px 10px;display:flex;flex-direction:column;gap:24px;transform:translate(100%);transition:transform .3s ease}.mobile-menu--open{transform:translate(0)}.mobile-menu__link{font-size:1.5rem;color:#fff;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.container{max-width:min(1320px,100% - 2.5rem);margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 10px}}.section{padding:64px 0}@media(max-width:768px){.section{padding:48px 0}}.countdown{display:flex;gap:10px;justify-content:center}.countdown__item{text-align:center;min-width:60px}.countdown__value{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:700;color:#d4af37;display:block}.countdown__label{font-size:.75rem;color:#7a7a9a;text-transform:uppercase;letter-spacing:1px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:50%;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge--locked{background:#e74c3c33;color:#e74c3c}.badge--unlocked{background:#27ae6033;color:#27ae60}.badge--pending{background:#f39c1233;color:#f39c12}.image-upload:hover{border-color:#d4af37;background:#d4af370d}.image-upload__icon{font-size:3rem;margin-bottom:10px}.image-upload__hint{font-size:.875rem;color:#7a7a9a}.toast{position:fixed;bottom:16px;right:16px;padding:10px 24px;border-radius:8px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease;z-index:1000}.footer{padding:16px;text-align:center;border-top:1px solid rgba(255,255,255,.05);color:#7a7a9a;font-size:.875rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:50%}::-webkit-scrollbar-thumb:hover{background:#d4af3780}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:72px}.landing-page .hero{min-height:calc(100vh - 72px);display:flex;align-items:center;padding:64px 24px;position:relative;overflow:hidden}@media(max-width:768px){.landing-page .hero{flex-direction:column;text-align:center;padding:16px 10px}}.landing-page .hero__content{flex:1;max-width:600px;z-index:1}@media(max-width:768px){.landing-page .hero__content{max-width:100%}}.landing-page .hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;color:#d4af37;font-size:.875rem;font-weight:500;margin-bottom:24px}.landing-page .hero__title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:24px;line-height:1.1}.landing-page .hero__title .gradient-text{background:linear-gradient(135deg,#d4af37,#f4d03f,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page .hero__subtitle{font-size:1.125rem;color:#b8b8d1;margin-bottom:16px;line-height:1.7}.landing-page .hero__actions{display:flex;gap:10px;margin-bottom:48px}@media(max-width:480px){.landing-page .hero__actions{flex-direction:column}}.landing-page .hero__actions .btn--lg{padding:10px 16px;font-size:1.1rem}.landing-page .hero__stats{display:flex;align-items:center;gap:16px}@media(max-width:768px){.landing-page .hero__stats{justify-content:center}}@media(max-width:480px){.landing-page .hero__stats{flex-direction:column;gap:10px}}.landing-page .hero__stat{text-align:center}.landing-page .hero__stat-value{display:block;font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:700;color:#d4af37}.landing-page .hero__stat-label{font-size:.75rem;color:#7a7a9a;text-transform:uppercase;letter-spacing:1px}.landing-page .hero__stat-divider{width:1px;height:40px;background:#ffffff1a}@media(max-width:480px){.landing-page .hero__stat-divider{width:60px;height:1px}}.landing-page .hero__image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}@media(max-width:768px){.landing-page .hero__image{margin-top:16px}}.landing-page .hero__image img{max-width:100%;height:auto;border-radius:24px;box-shadow:0 8px 32px #00000080}.landing-page .hero__glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(212,175,55,.3) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:-1}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:linear-gradient(145deg,#1a1a3ecc,#0a0a1ae6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-align:center}.feature-card:hover{border-color:#d4af374d;box-shadow:0 8px 32px #00000080}.feature-card__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:16px;color:#d4af37;margin:0 auto 24px}.feature-card h3{margin-bottom:8px}.feature-card p{color:#b8b8d1;font-size:.95rem}.how-it-works__content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:768px){.how-it-works__content{grid-template-columns:1fr;gap:16px}}.how-it-works__image img{width:100%;border-radius:16px;box-shadow:0 8px 32px #00000080}.how-it-works__steps{display:flex;flex-direction:column;gap:24px}.step-card{display:flex;align-items:flex-start;gap:10px;padding:24px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.step-card__number{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;color:#d4af37;min-width:40px}.step-card__content h3{font-size:1.1rem;margin-bottom:4px}.step-card__content p{color:#b8b8d1;font-size:.9rem}.lock-mechanism__content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:768px){.lock-mechanism__content{grid-template-columns:1fr;gap:16px}}.lock-mechanism__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:16px;color:#d4af37;margin-bottom:24px}.lock-mechanism h2{margin-bottom:24px}.lock-mechanism p{color:#b8b8d1;margin-bottom:10px;line-height:1.7}.lock-mechanism p strong{color:#fff}.lock-mechanism__features{display:flex;flex-direction:column;gap:8px;margin-top:24px}.lock-feature{display:flex;align-items:center;gap:8px;color:#d4af37;font-size:.95rem}.lock-timeline{display:flex;flex-direction:column;gap:24px;padding:16px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.lock-timeline__item{display:flex;align-items:center;gap:10px;position:relative}.lock-timeline__item:not(:last-child):after{content:"";position:absolute;left:12px;top:32px;width:2px;height:calc(100% + 16px);background:#ffffff1a}.lock-timeline__item--active .lock-timeline__dot{background:#d4af37;box-shadow:0 0 0 4px #d4af3733}.lock-timeline__item--warning .lock-timeline__dot{background:#f39c12}.lock-timeline__dot{width:24px;height:24px;border-radius:50%;background:#fff3;flex-shrink:0}.lock-timeline__content{display:flex;flex-direction:column}.lock-timeline__time{font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:600;color:#fff}.lock-timeline__label{font-size:.875rem;color:#b8b8d1}.cta__content{text-align:center;max-width:600px;margin:0 auto;padding:64px;background:linear-gradient(145deg,#1a1a3ecc,#0a0a1ae6);border-radius:24px;border:1px solid rgba(212,175,55,.2)}@media(max-width:768px){.cta__content{padding:16px}}.cta__content h2{margin-bottom:10px}.cta__content p{color:#b8b8d1;margin-bottom:16px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:8px}.section-header p{color:#b8b8d1}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media(max-width:768px){.auth-page{grid-template-columns:1fr}}.auth-page__content{display:flex;align-items:center;justify-content:center;padding:16px}.auth-page__image{position:relative}@media(max-width:768px){.auth-page__image{display:none}}.auth-page__image img{width:100%;height:100%;object-fit:cover}.auth-page__overlay{position:absolute;bottom:0;left:0;right:0;padding:48px;background:linear-gradient(to top,rgba(10,10,26,.95),transparent)}.auth-page__overlay blockquote{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-style:italic;color:#fff;margin-bottom:8px}.auth-page__overlay cite{color:#d4af37;font-size:.9rem}.auth-card{width:100%;max-width:420px}.auth-card__header{text-align:center;margin-bottom:16px}.auth-card__header h1{margin-bottom:8px}.auth-card__header p{color:#b8b8d1}.auth-card__logo{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;color:#d4af37}.auth-card__logo img{width:48px;height:48px;border-radius:50%}.auth-card__footer{text-align:center;margin-top:16px}.auth-card__footer p{color:#b8b8d1;margin-bottom:10px}.auth-card__footer p a{color:#d4af37;font-weight:500}.auth-error{padding:10px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;margin-bottom:24px;text-align:center}.auth-form .form-group{margin-bottom:24px}.auth-form .input-wrapper{position:relative}.auth-form .input-wrapper .input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#7a7a9a}.auth-form .input-wrapper .input{padding-left:44px}.auth-form .input-wrapper .input-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#7a7a9a;cursor:pointer;transition:color .15s ease}.auth-form .input-wrapper .input-toggle:hover{color:#fff}.auth-back-link{display:inline-block;color:#7a7a9a;font-size:.875rem;margin-top:10px}.auth-back-link:hover{color:#d4af37}.form-checkbox{margin-bottom:24px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox-label input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}input:checked+.checkbox-custom{background:#d4af37;border-color:#d4af37}.checkbox-text{font-size:.875rem;color:#b8b8d1;line-height:1.5}.checkbox-text a{color:#d4af37}.dashboard-page{padding:16px 0}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:10px;text-align:center}}.dashboard-header__content h1{margin-bottom:4px}.dashboard-header__content p{color:#b8b8d1}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:48px}.stat-card{display:flex;align-items:center;gap:10px;padding:24px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stat-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px}.stat-card__icon--primary{background:#d4af371a;color:#d4af37}.stat-card__icon--success{background:#27ae601a;color:#27ae60}.stat-card__icon--warning{background:#f39c121a;color:#f39c12}.stat-card__content{display:flex;flex-direction:column}.stat-card__value{font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:700;color:#fff}.stat-card__label{font-size:.875rem;color:#b8b8d1}.capsules-section{margin-bottom:48px}.capsules-section__title{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:1.25rem}.capsules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.capsule-card{background:linear-gradient(145deg,#1a1a3ecc,#0a0a1ae6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column}.capsule-card:hover{border-color:#d4af374d;box-shadow:0 8px 32px #00000080}.capsule-card--unlocked{border-color:#27ae604d}.capsule-card__header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.capsule-card__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:50%;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#e74c3c1a;color:#e74c3c}.capsule-card__edit-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:50%;font-size:.75rem;font-weight:600;background:#f39c121a;color:#f39c12;animation:pulse 2s infinite}.capsule-card__content{flex:1}.capsule-card__title{font-size:1.1rem;margin-bottom:8px}.capsule-card__message{color:#b8b8d1;font-size:.9rem;margin-bottom:10px;line-height:1.5}.capsule-card__images{margin-bottom:10px}.capsule-card__images-count{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:#7a7a9a}.capsule-card__meta{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.capsule-card__meta-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#7a7a9a}.capsule-card__countdown{padding:10px;background:#0003;border-radius:8px;margin-bottom:10px;text-align:center}.capsule-card__countdown-label{display:block;font-size:.75rem;color:#7a7a9a;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.capsule-card__countdown-time{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:700;color:#d4af37}.capsule-card__unlocked-message{display:flex;align-items:center;justify-content:center;gap:8px;color:#27ae60;font-weight:500}.capsule-card__actions{display:flex;gap:8px}.capsule-card__actions .btn{flex:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.empty-state{text-align:center;padding:64px}.empty-state__icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#d4af370d;border-radius:50%;color:#d4af37;margin:0 auto 16px}.empty-state h2{margin-bottom:8px}.empty-state p{color:#b8b8d1;margin-bottom:16px}.create-capsule-page,.edit-capsule-page{padding:16px 0}.page-header{margin-bottom:16px}.page-header h1{margin-top:10px;margin-bottom:4px}.page-header p{color:#b8b8d1}.capsule-form{display:grid;grid-template-columns:1fr 360px;gap:16px}@media(max-width:768px){.capsule-form{grid-template-columns:1fr}}.capsule-form__main,.capsule-form__sidebar{display:flex;flex-direction:column;gap:24px}.form-section{background:linear-gradient(145deg,#1a1a3ecc,#0a0a1ae6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-section:hover{border-color:#d4af374d;box-shadow:0 8px 32px #00000080}.form-section h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:8px}.form-section__description{font-size:.875rem;color:#b8b8d1;margin-bottom:10px}.form-section--summary{background:#d4af370d;border-color:#d4af3733}.duration-options{display:flex;flex-direction:column;gap:8px}.duration-option{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff08;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.duration-option input{display:none}.duration-option--selected{border-color:#d4af37;background:#d4af370d}.duration-option--selected .duration-option__check{background:#d4af37;color:#0a0a1a}.duration-option__content{flex:1}.duration-option__label{display:block;font-weight:500;color:#fff}.duration-option__description{font-size:.8rem;color:#7a7a9a}.duration-option__check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:transparent;transition:all .15s ease}.unlock-date{text-align:center;padding:24px}.unlock-date__year{display:block;font-family:Playfair Display,Georgia,serif;font-size:3rem;font-weight:700;color:#d4af37;line-height:1}.unlock-date__full{font-size:.9rem;color:#b8b8d1}.form-notice{font-size:.8rem;color:#7a7a9a;text-align:center;line-height:1.5}.form-notice strong{color:#f39c12}.image-upload-container{display:flex;flex-direction:column;gap:10px}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:transform .15s ease}.image-remove-btn:hover{transform:scale(1.1)}.image-upload{border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:16px;text-align:center;cursor:pointer;transition:all .15s ease}.image-upload--active,.image-upload:hover{border-color:#d4af37;background:#d4af370d}.image-upload__input{display:none}.image-upload__icon{color:#d4af37;margin-bottom:10px}.image-upload__text{color:#b8b8d1;margin-bottom:8px}.image-upload__hint{font-size:.8rem;color:#7a7a9a}.edit-alert{display:flex;align-items:center;gap:10px;padding:24px;background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:8px;margin-bottom:16px}@media(max-width:768px){.edit-alert{flex-direction:column;text-align:center}}.edit-alert__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f39c1233;border-radius:50%;color:#f39c12;flex-shrink:0}.edit-alert__content{flex:1}.edit-alert__content h3{font-size:1.1rem;margin-bottom:4px}.edit-alert__content p{color:#b8b8d1;font-size:.9rem}.edit-alert__countdown .countdown-wrapper{text-align:center}.edit-alert__countdown .countdown-label{font-size:.75rem;color:#7a7a9a;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.edit-alert__countdown .countdown{gap:8px}.edit-alert__countdown .countdown__item{min-width:50px}.edit-alert__countdown .countdown__value{font-size:1.5rem;color:#f39c12}.info-card{background:#3498db0d;border:1px solid rgba(52,152,219,.2);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.info-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3498db1a;border-radius:50%;color:#3498db;margin:0 auto 10px}.info-card h3{font-size:1rem;margin-bottom:8px}.info-card p{font-size:.875rem;color:#b8b8d1}.info-list{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item:last-child{border-bottom:none}.info-item__label{font-size:.875rem;color:#b8b8d1}.info-item__value{font-size:.875rem;color:#fff;font-weight:500}.success-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 132px);padding:16px}.success-card{text-align:center;max-width:480px}.success-card__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#27ae601a;border-radius:50%;color:#27ae60;margin:0 auto 16px}.success-card h1{margin-bottom:10px}.success-card p{color:#b8b8d1;margin-bottom:16px;line-height:1.7}.success-card p strong{color:#f39c12}.view-capsule-page{padding:16px 0}.view-capsule{max-width:800px;margin:0 auto}.unlocked-banner{display:flex;align-items:center;gap:10px;padding:24px;background:#27ae601a;border:1px solid rgba(39,174,96,.3);border-radius:16px;margin-bottom:16px;color:#27ae60}@media(max-width:768px){.unlocked-banner{flex-direction:column;text-align:center}}.unlocked-banner__content h2{font-size:1.25rem;margin-bottom:4px;color:#27ae60}.unlocked-banner__content p{color:#27ae60cc;font-size:.9rem}.view-capsule__content{background:linear-gradient(145deg,#1a1a3ecc,#0a0a1ae6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-capsule__header{margin-bottom:16px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.view-capsule__header h1{margin-bottom:10px}.view-capsule__meta{display:flex;flex-wrap:wrap;gap:10px}.view-capsule__meta-item{display:flex;align-items:center;gap:4px;font-size:.875rem;color:#7a7a9a}.view-capsule__message{margin-bottom:16px}.view-capsule__message p{font-size:1.1rem;line-height:1.8;white-space:pre-wrap}.view-capsule__images{margin-bottom:16px}.view-capsule__images h3{margin-bottom:10px;font-size:1.1rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.image-item{aspect-ratio:1;border-radius:8px;overflow:hidden}.image-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-item img:hover{transform:scale(1.05)}.view-capsule__footer{padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.unlock-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#27ae60;font-weight:500}.error-page,.locked-capsule{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 132px);text-align:center;padding:16px}.error-page h1,.locked-capsule h1{margin-bottom:10px}.error-page p,.locked-capsule p{color:#b8b8d1;margin-bottom:16px}.locked-capsule{color:#e74c3c}.locked-capsule svg{margin-bottom:24px}.loading-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 132px)}.loading-spinner{width:48px;height:48px;border:3px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;animation:slideIn .3s ease}.toast--success{background:#27ae60;color:#fff}.toast--error{background:#e74c3c;color:#fff}.toast--warning{background:#f39c12;color:#fff}.toast button{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .15s ease}.toast button:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.hide-mobile{display:none!important}}.btn--sm{padding:8px 10px;font-size:.875rem}.btn--lg{padding:10px 16px;font-size:1.1rem}.btn--full{width:100%}.btn--confirm{animation:pulse .5s infinite}.form-hint{display:block;font-size:.75rem;color:#7a7a9a;margin-top:4px}.user-name{color:#b8b8d1;font-size:.9rem}@media(max-width:768px){.user-name{display:none}}