*{box-sizing:border-box}body{margin:0;color:#111;background:#fff;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;color:#c5c5c5}button:focus-visible,a:focus-visible{outline:2px solid #03c75a;outline-offset:5px}a{text-decoration:none;color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;background:#fff;position:sticky;top:0;z-index:5;padding:0 26px}.logo{font-size:27px;font-weight:800;letter-spacing:-1px}.blog-name{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;white-space:nowrap}.top-actions{display:flex;gap:17px}.top-actions button{padding:5px}.top-actions svg{width:27px;height:27px}main{max-width:920px;margin:auto}.article-head{text-align:center;padding:70px 20px 39px;border-bottom:1px solid #e3e3e3}.category{font-size:15px;margin:0 0 23px}h1{font-weight:400;font-size:36px;line-height:1.5;letter-spacing:-1.2px;margin:0 0 43px;overflow-wrap:anywhere}.author{display:flex;align-items:center;flex-direction:column;gap:8px;color:#777;font-size:17px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eff5f0;color:#689675;font-size:19px;font-weight:600}.author time{font-size:13px;color:#aaa;margin-top:-2px}.green-outline{border:1px solid #03c75a;color:#03b953;font-size:14px;padding:8px 14px;margin-top:16px}.article-body{text-align:center;font-size:17px;line-height:2.05;padding:38px 22px 88px;overflow-wrap:anywhere;min-height:480px}.article-body>p{margin:12px 0 36px}.article-body .soft{color:#888;font-size:15px;margin:35px 0 8px}.empty-paper{width:270px;max-width:100%;border:1px solid #e6e8e6;background:#fcfdfc;margin:52px auto 0;padding:30px 24px 35px}.empty-paper>span{font-family:Georgia,serif;font-size:35px;color:#d9e6dc}.empty-paper p{font-size:13px;color:#919b94;margin:6px 0 25px}.empty-paper div{height:1px;background:#e5eae6;margin:14px 0}.empty-paper div:last-child{width:65%}.text-button{color:#777;text-decoration:underline;font-size:13px;text-underline-offset:5px}.list-section{padding:35px 32px 40px;border-top:1px solid #e5e5e5}.list-title{display:flex;align-items:center;justify-content:space-between}.list-title h2{font-size:17px;margin:0;font-weight:600}.list-title h2 span{font-size:14px;color:#888;margin-left:6px}.list-title button{font-size:12px;color:#888;padding:10px 0 10px 10px}.search{border:1px solid #e4e4e4;display:flex;gap:8px;padding:9px 12px;margin:20px 0 15px;align-items:center}.search svg{color:#999;width:18px;height:18px}.search input{border:0;outline:0;min-width:0;width:100%;font-size:13px;background:transparent}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{font-size:12px;color:#888;padding:6px 10px;border:1px solid #e7e7e7;border-radius:2px}.filters .active{color:#03ae50;border-color:#8cddaf;background:#f7fcf8}.list-empty{text-align:center;color:#aaa;padding:45px 0;font-size:14px}.pagination{text-align:center;color:#03b953;font-size:13px}.post-row{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #eee;width:100%;text-align:left}.post-row div{flex:1}.post-row strong{font-weight:400;display:block;font-size:17px}.post-row small{color:#999;font-size:12px;display:block;margin-top:7px}.post-row>span{color:#aaa}.profile-band{background:#f7f7f7;padding:15px 20px;border-top:1px solid #eee}.profile-card{max-width:840px;margin:auto;background:#fff;border:1px solid #e1e1e1;border-radius:16px;padding:24px;box-shadow:0 1px 5px #00000006}.profile-top{display:flex;justify-content:space-between;align-items:center}.large{width:72px;height:72px;font-size:29px}.green-fill{background:#03c75a;color:#fff;padding:12px 24px;border-radius:4px}.profile-description{display:flex;align-items:center;gap:12px;margin-top:24px}.profile-description b{font-size:23px}.profile-description span{font-size:14px;color:#666}.profile-card p{font-size:14px;color:#666;margin:12px 0}.profile-card small{font-size:12px;color:#aaa}footer{text-align:center;background:#f7f7f7;padding:25px 20px 90px;color:#aaa;font-size:12px}footer span{padding:0 8px}.bottom-bar{height:59px;border-top:1px solid #e8e8e8;background:#fffffffa;position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 25px;z-index:6}.bottom-bar button{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:10px}.bottom-bar>div{display:flex;gap:12px}.bottom-bar svg{width:22px;height:22px}dialog{width:530px;max-width:calc(100% - 28px);max-height:90dvh;overflow:auto;border:1px solid #ddd;border-radius:10px;padding:28px;box-shadow:0 15px 80px #0002}dialog::backdrop{background:#0005}.dialog-title{display:flex;justify-content:space-between;align-items:center}.dialog-title h2{font-size:21px;margin:0;font-weight:500}.dialog-title button{font-size:28px;color:#888}.memo-info{font-size:13px;line-height:1.8;color:#888;margin:14px 0 24px}form>label{display:flex;flex-direction:column;font-size:13px;gap:8px;margin:16px 0;color:#555}form input,form select,form textarea{width:100%;border:1px solid #ddd;padding:12px;background:#fff;border-radius:3px;color:#222;outline-color:#03c75a}form textarea{resize:vertical;line-height:1.7}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.dialog-actions>button:first-child{font-size:13px;color:#777}#storage-warning{font-size:13px;color:#9b4c28}#toast{position:fixed;z-index:20;bottom:80px;left:50%;transform:translate(-50%,10px);background:#222e;color:#fff;padding:14px 20px;font-size:13px;border-radius:5px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}.post-content{white-space:pre-wrap}.post-content img{max-width:100%}@media(min-width:1450px){main{max-width:920px}.article-head{padding-top:70px}}@media(max-width:600px){.topbar{height:60px;padding:0 17px}.logo{font-size:24px}.blog-name{font-size:15px;gap:6px}.top-actions{gap:8px}.top-actions svg{width:22px;height:22px}.article-head{padding:48px 22px 32px}h1{font-size:27px;margin-bottom:30px;letter-spacing:-.7px}.category{font-size:13px;margin-bottom:16px}.author{font-size:14px}.article-body{font-size:15px;padding:25px 22px 65px}.article-body>p{margin:14px 0 28px}.list-section{padding:28px 22px}.profile-band{padding:15px}.profile-card{padding:20px;border-radius:12px}.bottom-bar{padding:0 8px}.bottom-bar>div{gap:0}.bottom-bar button{font-size:12px}.green-fill{padding:10px 18px}dialog{padding:22px}}
/* Photo diary and owner-view comment threads. */
.avatar{object-fit:cover;object-position:50% 28%;border:1px solid #00000005}.article-body{padding:56px 0 65px}.entry-text{white-space:pre-line;margin:0 auto 62px;padding:0 24px;font-size:17px;line-height:2.05;letter-spacing:-.25px;max-width:740px}.entry-image{margin:0 auto 30px;max-width:640px;padding:0 12px;line-height:0}.entry-image img{display:block;width:auto;max-width:100%;height:auto;max-height:820px;margin:auto}.entry-image.meme{max-width:330px;margin-top:6px;margin-bottom:35px}.entry-image.meme img{max-height:340px}.entry-image.game{max-width:700px}.entry-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:740px;padding:0 12px;margin:0 auto 32px}.entry-gallery figure{margin:0;line-height:0}.entry-gallery img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:4/5}.comments-section{padding:30px 34px 15px;border-top:1px solid #ededed;scroll-margin-top:95px}.comments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.comments-heading h2{font-size:17px;font-weight:500;margin:0}.comments-heading h2 span{color:#03ae50;margin-left:5px}.owner-view{font-size:11px;color:#999}.comment{display:flex;gap:12px;padding:23px 0 20px;border-top:1px solid #f0f0f0}.comment.reply{padding:13px 0 22px 46px;border-top:0}.comment-avatar{width:34px;height:34px;border-radius:50%;background:#f3f3f3;color:#999;font-size:12px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.comment-main{min-width:0}.comment-byline{display:flex;align-items:center;gap:7px;min-height:22px}.comment-byline b{font-size:13px;font-weight:600}.author-badge{color:#03ac4b;border:1px solid #b5e9c9;border-radius:2px;font-size:10px;padding:1px 4px}.secret-lock{width:14px;height:14px;color:#888;stroke-width:1.3}.comment-text{font-size:14px;line-height:1.8;white-space:pre-line;margin:4px 0 8px;overflow-wrap:anywhere}.comment time{font-size:11px;color:#aaa}.list-section{scroll-margin-top:95px}.bottom-bar>button:nth-child(2){margin-right:auto;margin-left:12px}.profile-card small{color:#aaa}@media(max-width:600px){.article-body{padding:40px 0 45px}.entry-text{font-size:15px;line-height:2.05;margin-bottom:48px;padding:0 18px}.entry-image{padding:0 16px;margin-bottom:26px;max-width:460px}.entry-image.meme{max-width:265px}.entry-gallery{gap:5px;padding:0 16px;margin-bottom:26px}.comments-section{padding:25px 20px 10px;scroll-margin-top:75px}.comments-heading h2{font-size:15px}.comment{gap:10px}.comment.reply{padding-left:34px}.comment-text{font-size:13px}.list-section{scroll-margin-top:75px}.owner-view{font-size:10px}.bottom-bar>button:nth-child(2){margin-left:0}.bottom-bar button{gap:5px;padding:10px 7px}}
.entry-image img{width:100%;height:auto;max-height:none}.entry-image.meme img{max-height:none}
/* Blog landing page, list summaries, and the comment bottom sheet. */
.home-mode .topbar{position:absolute;top:0;left:0;width:100%;background:transparent;border:0;color:#fff}.home-mode .topbar .blog-name{display:none}.home-cover{height:520px;background:linear-gradient(90deg,#17120d72,#17120d80),url('assets/gaegang/photo-04.jpg') center 48%/cover no-repeat;color:white;display:flex;align-items:flex-end}.cover-inner{width:min(850px,calc(100% - 48px));margin:0 auto;padding-bottom:40px}.cover-inner h1{text-align:left;font-size:32px;font-weight:700;letter-spacing:-.8px;margin:0 0 28px}.cover-author{display:flex;gap:14px;align-items:center}.cover-author img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 28%}.cover-author strong{font-size:20px}.cover-author p{font-size:13px;opacity:.8;margin:7px 0 0}.cover-actions{display:flex;gap:8px;margin-top:25px;max-width:650px}.cover-actions button{flex:1;border-radius:6px;color:#fff;padding:15px 12px;font-weight:600;font-size:15px;backdrop-filter:blur(10px);background:#ffffff40}.cover-actions button:first-child{background:#03c75a}.home-intro{border-bottom:9px solid #f6f6f6}.home-intro>div{max-width:850px;margin:auto;padding:28px 0}.home-intro h2,.recent-section h2{font-size:16px;font-weight:600;margin:0 0 17px}.home-intro p{font-size:15px;color:#555;margin:0}.recent-section{max-width:850px;margin:auto;padding:28px 0;border-bottom:1px solid #ededed}.recent-card{padding:0;text-align:left;width:190px;display:flex;flex-direction:column;gap:10px}.recent-card img{width:190px;height:150px;object-fit:cover;border-radius:6px;object-position:50% 24%}.recent-card strong{font-size:16px;font-weight:600}.recent-card small{font-size:12px;color:#999}.home-mode main{max-width:920px}.home-mode .list-section{border-top:0}.post-row{align-items:flex-start;padding:25px 0;gap:25px;border-bottom:1px solid #eee}.post-summary{min-width:0}.post-row strong{font-weight:600;font-size:19px;line-height:1.5}.post-summary p{font-size:14px;color:#777;line-height:1.7;margin:5px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-row small{font-size:13px;margin-top:5px}.row-comments{display:block;font-size:12px;color:#aaa;margin-top:6px}.post-row .post-thumbnail{flex:0 0 112px;position:relative}.post-thumbnail img{width:112px;height:112px;object-fit:cover;border-radius:7px;object-position:50% 24%}.post-thumbnail>span{position:absolute;top:7px;right:7px;background:#0006;border-radius:12px;padding:3px 6px;color:white;font-size:11px}.modal-open{overflow:hidden}.comment-sheet{margin:0;top:auto;bottom:0;left:0;width:100%;max-width:none;height:85dvh;max-height:calc(100dvh - 90px);padding:0;border:0;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:none}.comment-sheet::backdrop{background:#000b}.sheet-handle{height:6px;width:46px;border-radius:6px;background:#ddd;margin:15px auto 14px}.sheet-header{border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px max(24px,calc((100% - 850px)/2)) 18px;white-space:nowrap}.sheet-header h2{font-size:20px;font-weight:600;margin:0}.sheet-header h2 span{color:#03c75a}.sheet-header>button{font-size:27px;font-weight:300;color:#777;padding:0 5px}.sheet-scroll{height:calc(100% - 86px);overflow:auto;overscroll-behavior:contain}.comment-sheet .comments-section{max-width:850px;margin:0 auto;border-top:0;padding:0}.comment-sheet .comment{padding:26px 10px 23px;border-color:#f0f0f0;gap:14px}.comment-sheet .comment:first-child{border-top:0}.comment-sheet .comment.reply{border-top:0;padding:2px 10px 25px 62px}.comment-sheet .comment-byline{gap:8px}.comment-sheet .comment-byline b{font-size:15px}.comment-sheet .comment-text{font-size:16px;margin-top:7px;margin-bottom:10px}.comment-sheet .comment time{font-size:13px}.comment-sheet .author-badge{border-radius:12px;font-size:10px;padding:1px 6px}.comment-sheet .comment-avatar{width:36px;height:36px}.comment-owner-note{max-width:850px;margin:30px auto 35px;padding:0 10px;font-size:12px;color:#aaa}.home-mode footer{padding-bottom:35px}@media(max-width:950px){.home-intro>div,.recent-section{margin-left:32px;margin-right:32px}.comment-sheet .comments-section{margin:0 24px}.comment-owner-note{margin-left:24px;margin-right:24px}}@media(max-width:600px){.home-cover{height:430px}.cover-inner{width:calc(100% - 40px);padding-bottom:28px}.cover-inner h1{font-size:28px;margin-bottom:23px}.cover-author img{width:55px;height:55px}.cover-author strong{font-size:18px}.cover-actions{margin-top:22px}.cover-actions button{font-size:14px;padding:13px 8px}.home-intro>div,.recent-section{margin-left:22px;margin-right:22px}.home-intro>div{padding:24px 0}.recent-section{padding-top:24px}.recent-card{width:155px}.recent-card img{width:155px;height:130px}.post-row{gap:15px;padding:22px 0}.post-row strong{font-size:17px}.post-summary p{font-size:13px;line-height:1.6}.post-row .post-thumbnail{flex-basis:88px}.post-thumbnail img{width:88px;height:88px}.comment-sheet{height:88dvh;max-height:calc(100dvh - 60px);border-radius:18px 18px 0 0}.sheet-header{padding:4px 22px 15px}.sheet-header h2{font-size:17px}.comment-sheet .comments-section{margin:0 15px}.comment-sheet .comment{padding:22px 5px 20px;gap:10px}.comment-sheet .comment.reply{padding-left:37px}.comment-sheet .comment-byline b{font-size:13px}.comment-sheet .comment-text{font-size:14px}.comment-sheet .comment time{font-size:11px}.comment-sheet .comment-avatar{width:30px;height:30px}.comment-owner-note{font-size:11px;margin-left:20px;margin-right:20px}.sheet-scroll{height:calc(100% - 82px)}}
.home-mode .topbar{position:fixed}.home-mode.home-scrolled .topbar{background:#fff;color:#111;border-bottom:1px solid #ddd}.home-mode.home-scrolled .topbar .blog-name{display:flex}
/* Reference-matched navigation, reactions and author card. */
.ui-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:block}.topbar{height:80px;padding:0 24px}.logo{position:relative;display:block;width:66px;height:46px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:94px;height:auto;max-width:none;left:-10px;top:-3px;mix-blend-mode:multiply}.blog-name{gap:9px;font-size:18px;font-weight:600}.blog-name .ui-icon{width:25px;height:25px;stroke-width:2.1}.top-actions{gap:23px}.top-actions button{padding:4px}.top-actions .ui-icon{width:31px;height:31px;stroke-width:2.1}.home-mode .logo img{filter:invert(1);mix-blend-mode:screen}.home-mode.home-scrolled .logo img{filter:none;mix-blend-mode:multiply}.cover-actions button{display:flex;align-items:center;justify-content:center;gap:10px}.cover-actions .ui-icon{width:22px;height:22px;stroke-width:1.8}.reaction-group{display:flex;align-items:center;gap:0;color:#333;height:56px}.reaction-group button{display:flex;align-items:center;padding:8px 0;gap:8px;line-height:1}.reaction-group .ui-icon{width:34px;height:34px;stroke-width:2.25}.reaction-group .like-toggle{padding-right:10px}.reaction-group .outline-heart{width:36px;height:35px;stroke-width:2.4}.reaction-group .like-indicator{display:flex;align-items:center;gap:5px;margin-right:27px;font-size:19px}.reaction-group .pink-heart{width:22px;height:22px;fill:#ff4e88;stroke:none}.reaction-group .comments-trigger{font-size:19px;gap:7px;margin-right:31px}.reaction-group .share-trigger .ui-icon{width:34px;height:36px;stroke-width:2.2}.like-toggle.liked .outline-heart{fill:#ff4e88;stroke:#ff4e88}.entry-reactions{max-width:850px;margin:0 auto;padding:0 0 13px}.bottom-bar{height:62px;padding:0 24px;justify-content:flex-start;box-shadow:none}.bottom-bar>div{gap:0}.bottom-bar .reaction-group button{font-size:19px}.bottom-bar .reaction-group>.comments-trigger{margin-left:0;margin-right:31px}.profile-band{background:#f7f7f7;border-top:1px solid #e8e8e8;padding:18px 24px;width:100vw;margin-left:calc(50% - 50vw)}.profile-card{max-width:850px;border:1px solid #ddd;border-radius:18px;padding:24px;box-shadow:0 1px 6px #00000008;background:#fff}.profile-card .profile-top{align-items:center}.profile-card .avatar.large{width:80px;height:80px;border:1px solid #ddd}.profile-card .green-fill{border-radius:8px;padding:13px 26px;min-width:136px;font-size:18px;font-weight:400;background:#03c75a}.profile-card .profile-description{gap:17px;margin-top:25px;align-items:center}.profile-card .profile-description b{font-size:27px;font-weight:700;line-height:1.4}.profile-card .profile-description span{font-size:16px;color:#222}.profile-card>p{font-size:18px;color:#555;margin:12px 0 1px;line-height:1.6}.list-title h2{display:flex;align-items:center;gap:5px}.list-title h2 .ui-icon{width:18px;height:18px;stroke-width:1.8}.list-title>button{display:flex;align-items:center;gap:4px}.list-title>button .ui-icon{width:16px;height:16px;stroke-width:1.7}.row-comments{display:flex;gap:4px;align-items:center}.row-comments .ui-icon{width:14px;height:14px;stroke-width:2.3}.row-comments .ui-icon:nth-of-type(2){margin-left:7px}.secret-lock.ui-icon{width:13px;height:13px;stroke-width:1.2}.sheet-header>button .ui-icon{width:22px;height:22px;stroke-width:1.6}.article-body{padding-bottom:38px}@media(max-width:950px){.entry-reactions{padding-left:32px;padding-right:32px}}@media(max-width:600px){.topbar{height:60px;padding:0 14px}.logo{width:60px;height:43px}.logo img{width:86px;left:-9px;top:-1px}.blog-name{font-size:15px;gap:6px}.blog-name .ui-icon{width:22px;height:22px}.top-actions{gap:15px}.top-actions .ui-icon{width:26px;height:26px}.top-actions button{padding:3px}.bottom-bar{height:58px;padding:0 18px}.reaction-group .ui-icon{width:31px;height:31px}.reaction-group .outline-heart{width:33px;height:32px}.reaction-group .pink-heart{width:20px;height:20px}.reaction-group .like-indicator{font-size:17px;margin-right:24px}.reaction-group .comments-trigger{font-size:17px;margin-right:26px}.reaction-group .share-trigger .ui-icon{width:31px;height:33px}.bottom-bar .reaction-group button{font-size:17px}.entry-reactions{padding:0 22px 10px}.profile-band{padding:15px 15px}.profile-card{padding:22px;border-radius:15px}.profile-card .avatar.large{width:68px;height:68px}.profile-card .green-fill{font-size:16px;padding:12px 20px;min-width:112px;border-radius:7px}.profile-card .profile-description{margin-top:24px;gap:13px}.profile-card .profile-description b{font-size:24px}.profile-card .profile-description span{font-size:14px}.profile-card>p{font-size:15px;margin-top:10px}.article-body{padding-bottom:28px}}
.bottom-bar{background:#fff}.profile-card{padding:20px}.profile-card .avatar.large{width:64px;height:64px}.profile-card .green-fill{min-width:112px;font-size:16px;padding:11px 23px}.profile-card .profile-description{margin-top:22px}.profile-card .profile-description b{font-size:24px}.profile-card .profile-description span{font-size:15px}.profile-card>p{font-size:16px;margin-top:10px}@media(max-width:600px){.profile-card .avatar.large{width:60px;height:60px}.profile-card .green-fill{min-width:105px;font-size:15px}.profile-card .profile-description b{font-size:22px}.profile-card .profile-description span{font-size:13px}.profile-card>p{font-size:15px}}
/* Compact proportions aligned with the reference blog's normal display scale. */
body{font-size:14px}main,.home-mode main{max-width:720px}.topbar{height:56px;padding:0 18px}.logo{width:51px;height:35px}.logo img{width:74px;left:-8px;top:-2px}.blog-name{font-size:15px;gap:7px}.blog-name .ui-icon{width:20px;height:20px;stroke-width:2}.top-actions{gap:18px}.top-actions .ui-icon{width:24px;height:24px;stroke-width:2}.top-actions button{padding:5px}.article-head{padding:48px 18px 29px}.category{font-size:13px;margin-bottom:17px}.article-head h1{font-size:30px;line-height:1.45;margin-bottom:29px;letter-spacing:-.8px}.author{font-size:14px;gap:6px}.author .avatar{width:36px;height:36px}.author time{font-size:11px}.green-outline{font-size:12px;padding:6px 11px;margin-top:13px}.article-body{padding:40px 0 25px}.entry-text{font-size:15px;line-height:1.95;max-width:620px;margin-bottom:42px;padding:0 20px}.entry-image{max-width:540px;margin-bottom:24px}.entry-image.meme{max-width:260px;margin-bottom:26px}.entry-image.game{max-width:600px}.entry-gallery{max-width:600px;gap:6px;margin-bottom:25px}.reaction-group{height:43px}.reaction-group .ui-icon{width:26px;height:26px;stroke-width:2.2}.reaction-group .outline-heart{width:28px;height:27px;stroke-width:2.3}.reaction-group .like-toggle{padding-right:7px}.reaction-group .pink-heart{width:17px;height:17px}.reaction-group .like-indicator{font-size:14px;gap:4px;margin-right:21px}.reaction-group .comments-trigger{font-size:14px;gap:6px;margin-right:23px}.reaction-group .share-trigger .ui-icon{width:26px;height:28px}.bottom-bar{height:46px;padding:0 18px}.bottom-bar .reaction-group button{font-size:14px;padding-top:7px;padding-bottom:7px}.bottom-bar .reaction-group>.comments-trigger{margin-right:23px}.entry-reactions{max-width:640px;padding:0 0 8px}.profile-band{padding:13px 20px}.profile-card{max-width:640px;padding:18px;border-radius:12px}.profile-card .avatar.large{width:48px;height:48px}.profile-card .green-fill{font-size:13px;min-width:92px;border-radius:5px;padding:9px 19px}.profile-card .profile-description{margin-top:19px;gap:12px}.profile-card .profile-description b{font-size:19px;line-height:1.4}.profile-card .profile-description span{font-size:12px}.profile-card>p{font-size:13px;margin-top:9px;line-height:1.6}.list-section{padding:25px 24px;scroll-margin-top:70px}.list-title{justify-content:flex-end}.post-row{padding:20px 0;gap:20px}.post-row strong{font-size:16px}.post-summary p{font-size:13px}.post-row small{font-size:12px}.post-row .post-thumbnail{flex-basis:88px}.post-thumbnail img{width:88px;height:88px}.home-cover{height:380px}.cover-inner{width:min(640px,calc(100% - 40px));padding-bottom:29px}.cover-inner h1{font-size:26px;margin-bottom:20px}.cover-author img{width:48px;height:48px}.cover-author strong{font-size:17px}.cover-author p{font-size:12px;margin-top:5px}.cover-actions{margin-top:20px;max-width:510px;gap:6px}.cover-actions button{font-size:13px;padding:11px 10px;border-radius:5px;gap:8px}.cover-actions .ui-icon{width:19px;height:19px}.home-intro>div{max-width:640px;padding:22px 0}.home-intro h2,.recent-section h2{font-size:14px;margin-bottom:13px}.home-intro p{font-size:13px}.recent-section{max-width:640px;padding:22px 0}.recent-card{width:150px;gap:8px}.recent-card img{width:150px;height:118px}.recent-card strong{font-size:14px}.recent-card small{font-size:11px}.comment-sheet{border-radius:15px 15px 0 0;max-height:calc(100dvh - 65px)}.sheet-handle{width:36px;height:4px;margin:11px auto}.sheet-header{padding:3px max(20px,calc((100% - 640px)/2)) 13px}.sheet-header h2{font-size:16px}.sheet-header>button .ui-icon{width:19px;height:19px}.sheet-scroll{height:calc(100% - 65px)}.comment-sheet .comments-section{max-width:640px}.comment-sheet .comment{padding:19px 8px 17px;gap:11px}.comment-sheet .comment.reply{padding:0 8px 19px 45px}.comment-sheet .comment-avatar{width:28px;height:28px}.comment-sheet .comment-byline b{font-size:13px}.comment-sheet .comment-text{font-size:14px;line-height:1.75;margin:5px 0 8px}.comment-sheet .comment time{font-size:11px}.comment-sheet .author-badge{font-size:9px;padding:1px 5px}.comment-owner-note{max-width:640px;font-size:11px;margin-top:23px;margin-bottom:27px}footer{font-size:11px;padding:22px 18px 67px}@media(min-width:1450px){.article-head{padding-top:48px}}@media(max-width:950px){.entry-reactions{padding-left:24px;padding-right:24px}}@media(max-width:600px){.topbar{height:52px;padding:0 14px}.logo{width:48px;height:33px}.logo img{width:70px;left:-7px;top:-2px}.blog-name{font-size:14px;gap:6px}.blog-name .ui-icon{width:19px;height:19px}.top-actions{gap:14px}.top-actions .ui-icon{width:22px;height:22px}.article-head{padding:38px 18px 25px}.article-head h1{font-size:25px;margin-bottom:25px}.category{font-size:12px}.author .avatar{width:34px;height:34px}.author{font-size:13px}.article-body{padding:32px 0 22px}.entry-text{font-size:14px;line-height:1.95;margin-bottom:36px;padding:0 18px}.entry-image{max-width:440px;padding:0 18px;margin-bottom:23px}.entry-image.meme{max-width:230px;margin-bottom:24px}.entry-gallery{padding:0 18px;gap:5px;margin-bottom:23px}.bottom-bar{height:44px;padding:0 16px}.reaction-group .ui-icon{width:25px;height:25px}.reaction-group .outline-heart{width:27px;height:26px}.reaction-group .pink-heart{width:16px;height:16px}.reaction-group .like-indicator{font-size:13px;margin-right:19px}.reaction-group .comments-trigger{font-size:13px;margin-right:22px}.reaction-group .share-trigger .ui-icon{width:25px;height:27px}.bottom-bar .reaction-group button{font-size:13px}.entry-reactions{padding:0 20px 7px}.profile-band{padding:12px}.profile-card{padding:17px;border-radius:11px}.profile-card .avatar.large{width:46px;height:46px}.profile-card .green-fill{font-size:12px;min-width:86px;padding:8px 17px}.profile-card .profile-description{margin-top:17px}.profile-card .profile-description b{font-size:18px}.profile-card .profile-description span{font-size:11px}.profile-card>p{font-size:12px}.home-cover{height:320px}.cover-inner{width:calc(100% - 36px);padding-bottom:25px}.cover-inner h1{font-size:24px}.cover-author img{width:44px;height:44px}.cover-author strong{font-size:16px}.cover-actions button{font-size:12px;padding:10px 8px}.home-intro>div,.recent-section{margin-left:20px;margin-right:20px}.list-section{padding:22px 20px;scroll-margin-top:65px}.comment-sheet{max-height:calc(100dvh - 58px)}.sheet-header{padding:3px 20px 12px}.sheet-header h2{font-size:15px}.comment-sheet .comments-section{margin:0 14px}.comment-sheet .comment{padding:17px 4px 15px;gap:9px}.comment-sheet .comment.reply{padding-left:35px}.comment-sheet .comment-text{font-size:13px}.comment-sheet .comment-byline b{font-size:12px}.comment-sheet .comment-avatar{width:26px;height:26px}.comment-sheet .comment time{font-size:10px}.comment-owner-note{font-size:10px}}
/* Real alpha transparency prevents the home wordmark's black matte. */
.logo img{mix-blend-mode:normal;filter:none}.home-mode .logo img{mix-blend-mode:normal;filter:invert(1)}.home-mode.home-scrolled .logo img{mix-blend-mode:normal;filter:none}.cover-actions{max-width:250px}.cover-actions #cover-category{background:#ffffff40}.search-dialog{width:420px;padding:22px;border-radius:8px}.search-dialog .dialog-title h2{font-size:16px}.search-dialog .dialog-title .ui-icon{width:20px;height:20px;stroke-width:1.7}.search-field{display:flex;margin-top:20px;gap:8px;align-items:stretch}.search-field input{font-size:14px;padding:10px;min-width:0;flex:1}.search-field button{padding:8px 16px;background:#03c75a;color:#fff;border-radius:3px;font-size:13px;white-space:nowrap}.list-title{margin-bottom:15px}.article-head{padding-bottom:28px}
/* A cropped messenger conversation, laid out like a diary screenshot. */
.chat-snapshot{max-width:440px;margin:0 auto 28px;background:#acc1d1;text-align:left;border:0;padding:24px 20px 26px;color:#161616;line-height:1.45}.chat-inner{display:flex;flex-direction:column;gap:8px}.chat-message{display:flex;gap:9px;align-items:flex-start}.chat-message.new-group{margin-top:8px}.chat-message:first-child{margin-top:0}.chat-avatar{width:36px;height:36px;border-radius:13px;flex:0 0 36px;background:#f3c5b7;color:#654c43;display:grid;place-items:center;font-size:15px;font-weight:600;line-height:1;margin-top:2px}.chat-avatar-empty{visibility:hidden;height:0}.chat-stack{max-width:calc(100% - 45px);min-width:0}.chat-contact{display:block;color:#3d4a52;font-size:12px;margin:0 0 5px 1px}.chat-line{display:flex;gap:5px;align-items:flex-end}.chat-bubble{background:#fff;padding:10px 13px;border-radius:17px;font-size:15px;line-height:1.5;position:relative;white-space:pre-line;overflow-wrap:anywhere;min-width:0}.chat-line time{font-size:10px;color:#50616b;line-height:1;white-space:nowrap;margin-bottom:4px}.chat-right{justify-content:flex-end;margin-top:4px;margin-bottom:4px}.chat-right .chat-stack{max-width:85%}.chat-right .chat-line{flex-direction:row-reverse}.chat-right .chat-bubble{background:#fee500}.chat-left.new-group .chat-bubble{border-top-left-radius:3px}.chat-left.new-group .chat-bubble::before{content:'';position:absolute;left:-6px;top:0;width:9px;height:11px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%)}.chat-right .chat-bubble{border-top-right-radius:3px}.chat-right .chat-bubble::after{content:'';position:absolute;right:-6px;top:0;width:9px;height:11px;background:#fee500;clip-path:polygon(0 0,100% 0,0 100%)}@media(max-width:600px){.chat-snapshot{max-width:360px;margin-left:auto;margin-right:auto;width:calc(100% - 36px);padding:20px 15px 22px}.chat-bubble{font-size:14px;padding:9px 11px}.chat-avatar{width:32px;height:32px;flex-basis:32px;font-size:13px;border-radius:11px}.chat-stack{max-width:calc(100% - 41px)}.chat-contact{font-size:11px}.chat-line time{font-size:9px}}
#recent-posts{display:flex;gap:14px;overflow-x:auto;padding-bottom:3px}#recent-posts .recent-card{flex-shrink:0}
/* Messenger spacing, photo profiles and rounded Kakao-style bubble tails. */
.chat-snapshot{background:#b2c7d9;padding:22px 18px 24px}.chat-inner{gap:5px}.chat-message{gap:9px}.chat-message.new-group{margin-top:14px}.chat-message:first-child{margin-top:0}.chat-avatar{width:37px;height:37px;flex-basis:37px;border-radius:13px;overflow:hidden;background:#dce3e7;margin-top:1px}.chat-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.chat-contact{font-size:12px;color:#3a4650;margin:0 0 5px 0}.chat-stack{max-width:calc(100% - 46px)}.chat-bubble{font-size:15px;line-height:1.45;padding:9px 12px;border-radius:13px;background:#fff;box-shadow:0 1px 0 #00000008}.chat-right{margin-top:6px;margin-bottom:6px}.chat-right .chat-bubble{background:#fee500;border-radius:13px}.chat-left.new-group .chat-bubble{border-top-left-radius:10px}.chat-left.new-group .chat-bubble::before{left:-7px;top:0;width:11px;height:12px;background:none;clip-path:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12'%3E%3Cpath d='M11 0H0c4 2 6 5 6 10l5 2Z' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat}.chat-right .chat-bubble::after{right:-7px;top:0;width:11px;height:12px;background:none;clip-path:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12'%3E%3Cpath d='M0 0h11C7 2 5 5 5 10L0 12Z' fill='%23fee500'/%3E%3C/svg%3E");background-repeat:no-repeat}.chat-line{gap:5px}.chat-line time{color:#52616c;font-size:10px;margin-bottom:3px}@media(max-width:600px){.chat-snapshot{padding:19px 14px 21px}.chat-avatar{width:34px;height:34px;flex-basis:34px;border-radius:12px}.chat-stack{max-width:calc(100% - 43px)}.chat-bubble{font-size:14px;padding:8px 11px;border-radius:12px}.chat-right .chat-bubble{border-radius:12px}.chat-contact{font-size:11px}.chat-line time{font-size:9px}}
.entry-image.chat-capture{max-width:464px;padding:0 12px;margin-bottom:28px}@media(max-width:600px){.entry-image.chat-capture{max-width:396px;padding:0 18px;margin-bottom:24px}}

/* Preserve legibility of the supplied May screenshots. */
.entry-image.music{max-width:360px}.entry-image.order-capture{max-width:410px}.entry-image.order-capture img{max-height:none}
@media(max-width:600px){.entry-image.music{max-width:300px}.entry-image.order-capture{max-width:350px}}