.modern-bottle-view{padding:0;max-width:100%}.bottle-header-modern{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;margin:-20px -20px 0}.bottle-avatar-large{width:64px;height:64px;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:32px;border:3px solid hsla(0,0%,100%,.3);flex-shrink:0}.bottle-meta-info{flex:1 1;color:#fff}.bottle-sender-name{font-size:20px;font-weight:700;margin:0 0 4px;color:#fff}.bottle-subtitle{font-size:13px;opacity:.9;margin:0 0 8px}.mood-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:12px;font-weight:600}.letter-paper-modern{margin:24px 0;border-radius:16px;padding:32px 24px;box-shadow:0 4px 6px rgba(0,0,0,.07),0 10px 20px rgba(0,0,0,.05);border:none;position:relative;overflow:hidden}.letter-paper-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0))}.letter-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed rgba(0,0,0,.1)}.letter-date{font-size:12px;opacity:.6;font-weight:500}.letter-content-modern{font-size:16px;line-height:2;white-space:pre-wrap;word-wrap:break-word;min-height:120px;position:relative;padding-left:4px}.letter-content-modern:before{content:"";position:absolute;top:calc(1.5em);left:0;right:0;bottom:0;background-image:repeating-linear-gradient(transparent,transparent calc(2em - 1px),currentColor calc(2em - 1px),currentColor 2em);opacity:.08;pointer-events:none;z-index:0}.letter-footer{margin-top:24px;padding-top:16px;border-top:1px dashed rgba(0,0,0,.1);text-align:right}.letter-signature{font-size:14px;font-style:italic;opacity:.7}.media-gallery-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin:20px 0}.media-item-modern{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f5f5f5;box-shadow:0 2px 8px rgba(0,0,0,.08)}.media-item-modern img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-item-modern:hover img{transform:scale(1.05)}.video-container-modern{margin:20px 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.video-container-modern iframe{width:100%;height:240px;border:none}.stats-cards-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin:24px 0}.stat-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-icon{font-size:32px;flex-shrink:0}.stat-content{flex:1 1}.stat-value{font-size:28px;font-weight:700;color:#2d3748;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#718096;font-weight:500}.action-buttons-modern{display:flex;gap:12px;margin-top:24px}.btn-modern{flex:1 1;padding:16px 24px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-modern:active{transform:scale(.98)}.btn-modern:disabled{opacity:.6;cursor:not-allowed}.btn-like{flex:0.8 1;padding:16px 20px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);background:linear-gradient(135deg,#e0e0e0,#f5f5f5);color:#666}.btn-like:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.btn-like:active{transform:scale(.98)}.btn-like.liked{background:linear-gradient(135deg,#ff6b9d,#c06c84);color:#fff;animation:likeAnimation .4s ease-out}.btn-like.liked:hover{box-shadow:0 6px 20px rgba(255,107,157,.4)}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn-warmth{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-warmth:hover:not(:disabled){box-shadow:0 6px 20px rgba(245,87,108,.4);transform:translateY(-2px)}.btn-continue{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-continue:hover{box-shadow:0 6px 20px rgba(79,172,254,.4);transform:translateY(-2px)}.btn-icon{font-size:20px}@media (max-width:768px){.bottle-header-modern{padding:16px}.bottle-avatar-large{width:56px;height:56px;font-size:28px}.bottle-sender-name{font-size:18px}.letter-paper-modern{padding:24px 20px}.letter-content-modern{font-size:15px}.stats-cards-modern{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:24px}.action-buttons-modern{flex-wrap:wrap}.btn-like,.btn-modern{padding:14px 20px}.btn-like{flex:1 1;min-width:120px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-bottle-view>*{animation:fadeInUp .4s ease-out backwards}.modern-bottle-view>:first-child{animation-delay:.05s}.modern-bottle-view>:nth-child(2){animation-delay:.1s}.modern-bottle-view>:nth-child(3){animation-delay:.15s}.modern-bottle-view>:nth-child(4){animation-delay:.2s}.modern-bottle-view>:nth-child(5){animation-delay:.25s}.bottle-close-btn-modern{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.bottle-close-btn-modern:hover{background:hsla(0,0%,100%,.35);transform:rotate(90deg)}.community-shell .bottle-opening-cork,.community-shell .bottle-opening-glass-ring,.community-shell .bottle-opening-paper-edge,.community-shell .bottle-opening-particle,.community-shell .bottle-opening-ritual,.community-shell .bottle-opening-source,.community-shell .bottle-viewer-avatar:after{display:none!important;content:none!important}.community-shell .bottle-viewer-left-panel{perspective:none!important}.community-shell .bottle-viewer-letter-desktop{overflow:hidden!important;transform:translateZ(0);contain:paint;animation:letterSoftArrive 1.05s cubic-bezier(.2,.74,.18,1) .05s both!important;box-shadow:0 22px 62px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.72),inset 0 -20px 50px rgba(255,248,224,.16)!important;will-change:transform,opacity!important}.community-shell .letter-hover-texture{opacity:0!important}.community-shell .bottle-letter-moonbeam{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;opacity:0!important;background:linear-gradient(105deg,transparent 4%,hsla(0,0%,100%,.52) 34%,rgba(255,238,190,.24) 48%,transparent 72%)!important;filter:none!important;transform:translate3d(-68%,0,0) skewX(-14deg)!important;animation:letterStarlightSweep 1.85s cubic-bezier(.22,.72,.18,1) .18s both!important}.community-shell .bottle-viewer-letter-desktop:after{content:""!important;position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;opacity:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.95) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,221,150,.78) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(178,205,255,.62) 0 1px,transparent 1.8px)!important;background-size:84px 74px,112px 96px,146px 118px!important;background-position:18px 22px,54px 38px,90px 18px!important;animation:letterStardustDrift 2.25s ease-out .12s both!important;mix-blend-mode:screen!important}.community-shell .bottle-letter-stamp-wrap,.community-shell .bottle-reading-afterglow,.community-shell .bottle-viewer-letter-date,.community-shell .bottle-viewer-letter-text{animation:letterTextReveal 1.15s cubic-bezier(.22,.72,.18,1) both!important;will-change:transform,opacity!important}.community-shell .bottle-viewer-letter-date{animation-delay:.48s!important}.community-shell .bottle-letter-stamp-wrap{animation-delay:.66s!important}.community-shell .bottle-viewer-letter-text{animation-delay:.82s!important}.community-shell .bottle-reading-afterglow{animation-delay:1.65s!important}.community-shell .bottle-viewer-letter-desktop{padding-bottom:132px!important}.community-shell .bottle-editor-mobile-textarea,.community-shell .bottle-editor-textarea-large,.community-shell .bottle-viewer-letter-text,.reply-editor-shell .bottle-editor-mobile-textarea,.reply-editor-shell .bottle-editor-textarea-large{font-family:Segoe Print,Bradley Hand ITC,Lucida Handwriting,Comic Sans MS,cursive!important;font-weight:500!important;letter-spacing:.01em!important}.community-shell .bottle-viewer-letter-text{color:rgba(64,47,34,.9)!important;font-size:18px!important;line-height:2.05!important}.community-shell .bottle-viewer-letter-date{display:inline-block!important;margin:0 0 18px!important;padding:0 0 6px!important;border-bottom:1px solid rgba(91,70,48,.1)!important;color:rgba(83,65,47,.48)!important;font-family:Segoe Print,Bradley Hand ITC,Lucida Handwriting,Comic Sans MS,cursive!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:.01em!important}.community-shell .bottle-viewer-letter-desktop .bottle-letter-stamp-wrap{position:absolute!important;right:0!important;bottom:4px!important;left:auto!important;top:auto!important;float:none!important;margin:0!important;z-index:6!important;transform:rotate(8deg) scale(.52)!important;transform-origin:50% 100%!important;opacity:.78!important;mix-blend-mode:multiply!important;filter:saturate(.64) brightness(.92) sepia(.16) contrast(.92) drop-shadow(0 2px 5px rgba(48,34,22,.14))!important}.community-shell .bottle-viewer-letter-desktop .stamp-small .stamp-img{width:66px!important;filter:saturate(.64) brightness(.92) sepia(.16) contrast(.92)!important}.community-shell .bottle-viewer-letter-desktop .stamp-text-label{color:hsla(0,0%,100%,.96)!important;font-size:7px!important;font-weight:900!important;letter-spacing:.04em!important;text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.75)!important}.community-shell .bottle-viewer-letter-desktop .stamp-small .stamp-text{bottom:5px!important;gap:1px!important}.community-shell .bottle-viewer-letter-desktop .stamp-small .stamp-text-number{font-size:10px!important;letter-spacing:.8px!important}.community-shell .bottle-viewer-letter-desktop .stamp-text-number{color:#fff!important;font-weight:950!important;letter-spacing:.12em!important;text-shadow:0 1px 0 #000,0 0 5px rgba(0,0,0,.92),0 0 10px rgba(0,0,0,.72)!important}.community-shell .bottle-editor-mobile-textarea,.community-shell .bottle-editor-textarea-large,.reply-editor-shell .bottle-editor-mobile-textarea,.reply-editor-shell .bottle-editor-textarea-large{color:#4f3726!important;font-size:20px!important;line-height:2!important}.community-shell .bottle-editor-mobile-textarea::placeholder,.community-shell .bottle-editor-textarea-large::placeholder,.reply-editor-shell .bottle-editor-mobile-textarea::placeholder,.reply-editor-shell .bottle-editor-textarea-large::placeholder{font-family:Segoe Print,Bradley Hand ITC,Lucida Handwriting,Comic Sans MS,cursive!important}@keyframes letterSoftArrive{0%{opacity:0;transform:translate3d(0,10px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes letterStarlightSweep{0%{opacity:0;transform:translate3d(-72%,0,0) skewX(-14deg)}24%{opacity:.72}78%{opacity:.42}to{opacity:0;transform:translate3d(72%,0,0) skewX(-14deg)}}@keyframes letterStardustDrift{0%{opacity:0;transform:translate3d(0,16px,0) scale(.98)}18%{opacity:.86}68%{opacity:.48}to{opacity:0;transform:translate3d(0,-34px,0) scale(1.025)}}@keyframes letterTextReveal{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}