/* V5 — typography-first storytelling, intentional interaction, motion by consent. */
body.corner-comfort .v5-composer{display:grid;gap:16px;min-width:0}
body.corner-comfort .v5-composer .v5-editor-surface{position:relative;min-width:0;border:1px solid #e2ddd6;border-radius:22px;background:#fff;padding:clamp(16px,2.6vw,29px)}
body.corner-comfort .v5-composer .v5-textarea{width:100%;min-height:240px;resize:vertical;background:transparent;color:#171717;border:0;border-radius:0;outline-offset:4px;font:400 clamp(1.1rem,2.2vw,1.46rem)/1.7 Georgia,'Times New Roman',serif;letter-spacing:-.02em;padding:18px 0}
body.corner-comfort .v5-composer .v5-textarea::placeholder{color:#827970;opacity:1}
body.corner-comfort .v5-editor-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
body.corner-comfort .v5-editor-top strong{font:600 .81rem/1.4 var(--sans,system-ui)}
body.corner-comfort .v5-composer .v5-editor-menu-button{display:grid;place-items:center;min-height:44px;min-width:44px;border:1px solid #ccc4ba;border-radius:14px;background:#fff;color:#111;font-size:1.35rem}
body.corner-comfort .v5-settings{position:absolute;top:63px;right:17px;z-index:50;display:grid;gap:12px;width:min(330px,calc(100vw - 42px));max-height:min(70dvh,520px);overflow:auto;padding:16px;border:1px solid #d8d0c8;border-radius:17px;background:#fff;box-shadow:0 22px 70px #15100d29}
body.corner-comfort .v5-settings[hidden]{display:none!important}
body.corner-comfort .v5-settings label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.83rem;font-weight:600}
body.corner-comfort .v5-settings select{min-width:120px;max-width:57%;padding:8px 10px;border:1px solid #b3ada6;border-radius:10px;background:white;color:#111;font-size:.86rem}
body.corner-comfort .v5-settings input[type=checkbox]{width:20px;height:20px;accent-color:#111;flex:none}
body.corner-comfort .v5-editor-status{font-size:.75rem;color:#62584f}
body.corner-comfort .v5-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
body.corner-comfort .v5-composer .editor-actions button{min-height:44px}
body.corner-comfort .v5-editor-media-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #ebe7e1}
body.corner-comfort .v5-composer .v5-edit-hint{font-size:.72rem;color:#685f55}
body.corner-comfort .v5-editor-danger{color:#a32727!important;border:1px solid #dcaaaa!important;background:#fff8f7!important}
body.corner-comfort .v5-media-adjust{display:grid;gap:9px;margin-top:9px;border:1px solid #e0d9d1;background:#faf9f7;border-radius:12px;padding:12px}
body.corner-comfort .v5-media-adjust label{display:grid;gap:5px;font-size:.78rem}
body.corner-comfort .v5-media-adjust :is(select,input){width:100%;min-height:41px;border:1px solid #b2aca4;background:#fff;color:#111;border-radius:8px;padding:7px}
body.corner-comfort .v5-media-adjust input[type=range]{padding:0;accent-color:#171717}
body.corner-comfort .v5-media-adjust .v5-adjust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.corner-comfort .v5-processing{border-radius:12px;background:#f3f0ec;padding:11px;font-size:.78rem}
/* Immersive edge-to-edge display in fixed-ratio cards; full original is available in the lightbox. */
body.corner-comfort .corner-home-shell .card-media,body.corner-comfort .story .card-media{margin-inline:0!important;padding:0!important;overflow:hidden;aspect-ratio:4/3;background:#171717}
body.corner-comfort .story .card-media :is(img,video){display:block;width:100%;height:100%!important;max-height:none!important;object-fit:cover!important;background:transparent!important}
body.corner-comfort .story:has(.card-media) .story-copy{position:relative}
body.corner-comfort .post-carousel-frame{background:#171717}
body.corner-comfort .post-carousel-slide{background:#171717}
body.corner-comfort .post-carousel-slide :is(.post-photo img,video){display:block;width:100%;height:clamp(260px,65vw,720px)!important;max-height:75dvh!important;aspect-ratio:auto!important;object-fit:cover!important;background:#171717!important}
body.corner-comfort .post-carousel-slide .post-photo{background:#171717}
body.corner-comfort .preview-card .preview-media{background:#171717}
body.corner-comfort .preview-card .preview-media img{height:min(240px,50vw)!important;max-height:none!important;object-fit:cover!important}
body.corner-comfort .v5-story-time{font-size:.73rem;color:#736a60}
body.corner-comfort .v5-read-progress{position:fixed;top:0;left:0;z-index:190;width:var(--v5-progress,0%);height:3px;background:#ae765b;pointer-events:none;transition:width .16s linear}
/* The user's heart SVG is a shared icon; particles animate only on explicit like. */
.v5-like-icon{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:middle;filter:grayscale(1);opacity:.75;transition:filter .18s,transform .2s,opacity .2s}
[aria-pressed=true]>.v5-like-icon,[aria-pressed=true] .v5-like-icon,.v5-comment-like.is-liked img{filter:none;opacity:1}
.v5-heart-burst{position:relative;animation:v5-heart-tap .38s cubic-bezier(.2,.9,.3,1)}
.v5-heart-burst:after{content:'✦  · ✦ ·  ✦';position:absolute;left:50%;top:50%;font-size:12px;white-space:nowrap;color:#ec456b;pointer-events:none;transform:translate(-50%,-65%);animation:v5-heart-particles .65s ease-out both}
@keyframes v5-heart-tap{0%{transform:scale(.91)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes v5-heart-particles{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-120%) scale(1.5)}}
.v5-comments-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.v5-comments-head button,.v5-comment-actions button{border:0;background:transparent;color:#554d45;font-weight:650;font-size:.76rem;padding:8px 9px;border-radius:8px;min-height:38px}
.v5-comments-head button:hover,.v5-comment-actions button:hover{background:#f0ece6;color:#111}
.v5-threads{display:grid;gap:18px;min-height:60px;scroll-margin-top:90px}
.v5-thread{border-bottom:1px solid #ebe5dd;padding-bottom:12px}
.v5-comment{scroll-margin-top:100px;padding:9px 0}
.v5-comment:target{background:#fff7ec;outline:2px solid #d8bd9e;border-radius:12px}
.v5-comment-reply{border-left:2px solid #e7dbcf;padding-left:14px;margin-left:21px}
.v5-comment-main{display:flex;gap:11px;align-items:flex-start}
.v5-comment-copy{min-width:0;flex:1;overflow-wrap:anywhere}
.v5-comment-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.v5-comment-line strong{color:#171717;font-size:.86rem}
.v5-comment-line time,.v5-edited{font-size:.69rem;color:#79726b}
.v5-comment-line time:before{content:'· ';color:#999}
.v5-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#eee8df;color:#29231e;font:700 .9rem system-ui}
.v5-profile-button{display:block;flex:0 0 37px;width:37px;height:37px;border:0;background:transparent;padding:0;border-radius:50%}
.v5-owner-badge{border:1px solid #dfd1c4;background:#fff5ec;color:#75452d;padding:2px 7px;border-radius:20px;font:650 .63rem system-ui}
.v5-comment-copy p{margin:6px 0 7px;color:#222;font-size:.88rem;line-height:1.6;white-space:pre-wrap}
.v5-comment-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-left:-5px}
.v5-comment-actions .v5-comment-like{display:inline-flex;align-items:center;gap:5px}
.v5-comment-like img{filter:grayscale(1);opacity:.78}
.v5-reply-form{display:grid;gap:9px;margin-top:10px;padding:13px;background:#faf8f5;border:1px solid #e6ded4;border-radius:13px}
.v5-reply-form label{font:650 .78rem system-ui}
.v5-reply-form textarea{width:100%;min-height:72px;padding:10px;border:1px solid #aaa198;border-radius:10px;background:#fff;font-size:1rem}
.v5-reply-tools{display:flex;gap:6px;flex-wrap:wrap}.v5-reply-tools button,.v5-main-picker button{min-height:38px;border:1px solid #d2c9c0;border-radius:9px;background:#fff;padding:8px 10px;font-size:.76rem}.v5-reply-tools button[type=submit]{margin-left:auto;background:#151515;color:#fff}
.v5-picker{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 0}
.v5-picker[hidden]{display:none!important}.v5-picker button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:56px;padding:8px;border:1px solid #ddd4ca;border-radius:9px;background:#fff;font-size:.7rem}
.v5-picker button:has(img){font-size:.65rem}
.v5-selected-asset{font-size:.72rem;color:#655249}
.v5-animated-sticker{display:inline-block;font-size:2.7rem;line-height:1.3;animation:v5-sticker-in .6s cubic-bezier(.2,.8,.25,1) both}
.v5-comment-gif{display:block;width:min(120px,45vw);height:auto;margin:8px 0;border-radius:12px;background:#f3eee9}
@keyframes v5-sticker-in{0%{opacity:0;transform:translateY(10px) rotate(-9deg) scale(.83)}70%{transform:translateY(-2px) rotate(2deg) scale(1.05)}100%{opacity:1;transform:none}}
.v5-profile-card{margin:9px 0;padding:12px;border:1px solid #dcd2c7;background:#fff;border-radius:11px;font-size:.76rem;color:#524b44}
.v5-main-picker{display:grid;gap:5px;margin:10px 0}.v5-main-picker>div:first-child{display:flex;gap:7px}
.v5-notice-panel{display:grid;gap:10px;margin:10px 0;padding:14px;background:#fff;border:1px solid #ddd4cb;border-radius:12px;font-size:.8rem}
.v5-notice-panel a{display:block;padding:8px;color:#181818;text-decoration:underline}
.v5-related{display:grid;gap:12px;margin-block:32px}.v5-related h2{font:400 1.6rem Georgia,serif}
.v5-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v5-related-list a{display:grid;gap:7px;padding:16px;border:1px solid #e1d9d0;border-radius:13px;background:#fff;color:#171717;font-size:.85rem}.v5-related-list small{color:#70675d}
@media(max-width:767px){body.corner-comfort .post-carousel-slide :is(.post-photo img,video){height:min(70dvh,470px)!important}body.corner-comfort .v5-composer .v5-editor-surface{padding:15px}body.corner-comfort .v5-composer .v5-textarea{min-height:185px;font-size:1.05rem}.v5-related-list{grid-template-columns:1fr}.v5-comment-reply{margin-left:12px;padding-left:10px}}
@media(prefers-reduced-motion:reduce){.v5-heart-burst,.v5-heart-burst:after,.v5-animated-sticker{animation:none!important}.v5-like-icon,.v5-read-progress{transition:none!important}}

/* Uploaded heart/particle SVG: one click-triggered presentation, never autoplay or looping. */
.v5-heart-burst{overflow:visible!important;isolation:isolate}
.v5-heart-particles{position:absolute;z-index:7;pointer-events:none;left:50%;top:50%;width:104px;height:104px;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%);object-fit:contain;filter:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.v5-heart-particles{display:none!important}}