:root{--bg-color: #fafafa;--text-color: #222;--accent-color: #0095f6;--border-color: #dbdbdb;--overlay-bg: rgba(0, 0, 0, 0.45)}.posts,.post,.thumbnail img{transition:all .4s ease-in-out}.post:hover{z-index:2}@media(prefers-reduced-motion: no-preference){.posts{transition:grid-template-columns .4s ease-in-out,gap .3s ease-in-out}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;background:#fff;color:var(--text-color)}.container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;overflow-x:clip}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:.6em 0 .3em;color:#111}p{margin:0 0 1rem}hr{border:0;border-top:1px solid var(--border-color);margin:1.5rem 0}html.frame-mode,body.frame-mode{background:#fff}html.frame-mode .header,html.frame-mode footer,body.frame-mode .header,body.frame-mode footer{display:none !important}body.frame-mode .container{min-height:100vh}body.frame-mode .main{width:min(100%,680px);margin:0 auto;padding:1.5rem;box-sizing:border-box}body.frame-mode .post-card{width:100%}body.frame-mode .post-header{padding-right:3rem}body.frame-mode .post-title{font-size:clamp(1.35rem,4vw,2rem);line-height:1.25}body.frame-mode .media-container{margin:1rem 0}body.frame-mode .media-container img,body.frame-mode .post-content img{max-width:100%;height:auto}@media(max-width: 720px){body.frame-mode .main{padding:1rem}}.header{display:flex;justify-content:center;margin-bottom:1.35rem;padding:1.8rem 1rem 0;background:#fff;color:#111}.profile-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px}.blog-title{display:none}.blog-title a{color:var(--text-color);text-decoration:none}.blog-title a:hover{text-decoration:underline}.profile-stats{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:min(100%,680px);margin:0 auto 1.4rem;gap:clamp(1.75rem,5vw,4rem);text-align:left}.profile-pic-wrapper{display:inline-flex;flex:0 0 auto;border-radius:50%;color:inherit;text-decoration:none;overflow:hidden}.profile-pic-wrapper:hover{text-decoration:none}.profile-pic{width:148px;height:148px;border-radius:50%;object-fit:cover;border:1px solid #dbdbdb;padding:0;background:#fff;transition:transform .18s ease,box-shadow .18s ease}.profile-pic-wrapper:hover .profile-pic{transform:scale(1.045);box-shadow:0 6px 18px rgba(0,0,0,.08)}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:.42rem;min-width:min(100%,450px);padding-top:.55rem}.profile-title-row{display:flex;align-items:center;gap:.42rem}.profile-name{color:#111;font-size:1.45rem;font-weight:800;line-height:1.25;text-decoration:none}.profile-name:hover{text-decoration:none}.profile-handle{color:#111;font-size:.86rem;font-weight:700;line-height:1.25}.stats-grid{display:flex;align-items:center;gap:1.35rem;margin-top:.55rem;text-align:left}.stat-item{display:inline-flex;align-items:baseline;gap:.25rem;white-space:nowrap}.stat-label{font-size:.86rem;color:#111;text-transform:none;font-weight:700}.stat-value{font-size:.86rem;font-weight:700;color:#111}.bio-section{font-size:.88rem;color:#262626;text-align:left;max-width:420px;width:100%;margin:.75rem 0 0;box-sizing:border-box;line-height:1.45}.button-group{display:flex;justify-content:space-between;width:100%;max-width:680px;margin:0 auto 2.05rem;padding:0;gap:.5rem;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:1;box-sizing:border-box;text-align:center;height:34px;min-height:34px;padding:.42rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.87rem;border:0;color:#111;background:#efefef;transition:background-color .15s ease,color .15s ease}.profile-links-menu{position:relative;flex:1;min-width:0}.profile-links-menu>.btn{width:100%}.profile-links-menu.is-open .blog-btn{background-color:#dbdbdb}.profile-links-menu.is-open .blog-btn svg{transform:rotate(180deg)}.profile-links-menu .blog-btn svg{transition:transform .18s ease}.profile-links-popover{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:1400;display:flex;flex-direction:column;overflow:hidden;max-height:0;padding:0;border:1px solid #e8e8e8;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.12);opacity:0;pointer-events:none;transform:translateY(-8px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease}.profile-links-popover.active{max-height:260px;padding:.35rem 0;opacity:1;pointer-events:auto;transform:translateY(0)}.profile-links-popover a{display:flex;align-items:center;gap:.68rem;min-height:42px;padding:0 .85rem;color:#202124;text-decoration:none}.profile-links-popover a:hover{background:#f6f7f8;text-decoration:none}.profile-links-popover i{display:inline-flex;align-items:center;justify-content:center;width:18px;color:#5f6368;font-size:.98rem}.profile-links-popover span{overflow:hidden;color:#202124;font-size:.9rem;font-weight:560;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.btn+.btn{border-left:0}.btn svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.follow-btn{color:#111}.follow-btn:hover{background-color:#dbdbdb;text-decoration:none}.blog-btn{color:#111}.blog-btn:hover{background-color:#dbdbdb;text-decoration:none}.profile-action-small{flex:0 0 44px;width:44px;padding-left:0;padding-right:0}.profile-action-small svg{width:17px;height:17px}.tab-group{display:flex;justify-content:space-between;align-items:stretch;width:100%;max-width:680px;margin:0 auto;padding:0;border-top:0;border-bottom:1px solid #efefef;gap:0;box-sizing:border-box}.tab-group .tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 0 .62rem;background:rgba(0,0,0,0);color:#737373;border:0;cursor:pointer;position:relative;user-select:none;transition:color .15s ease,background-color .15s ease;font-size:.86rem;font-weight:800;letter-spacing:0}.tab-group .tab svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab-group .tab:hover{color:#111;background-color:rgba(0,0,0,0)}.tab-group .tab.active{color:#111}.tab-group .tab.active::after{content:"";position:absolute;left:22%;right:22%;bottom:-1px;height:2px;background:#111;border-radius:999px}.subtab-group{display:flex;justify-content:center;width:100%;max-width:560px;height:0;margin:0 auto;overflow:hidden;border-top:1px solid rgba(0,0,0,0);opacity:0;pointer-events:none;transition:opacity .15s ease,border-color .15s ease}.subtab-group.is-visible{height:auto;border-top-color:#efefef;opacity:1;pointer-events:auto}.subtab-group a{flex:0 1 150px;padding:.68rem .5rem;color:#777;font-size:.84rem;font-weight:800;text-align:center;text-decoration:none;position:relative}.subtab-group a:hover,.subtab-group a.active{color:#111;text-decoration:none}.subtab-group a.active::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:2px;border-radius:999px;background:#111}@media(max-width: 720px){.header{padding:1.2rem 1rem 0}.profile-stats{justify-content:flex-start;gap:1rem}.profile-pic{width:86px;height:86px}.profile-info{min-width:0;padding-top:.1rem}.profile-name{font-size:1.18rem}.stats-grid{gap:.7rem;flex-wrap:wrap}.stat-item,.stat-label,.stat-value{font-size:.78rem}.button-group{margin-bottom:1.3rem}.btn{height:30px;min-height:30px;padding:.3rem .75rem;border-radius:7px;font-size:.82rem}.profile-action-small{flex-basis:38px;width:38px}.subtab-group a{flex-basis:33.333%}}footer{text-align:center;margin-top:2rem;padding:1rem 0;font-size:.85rem;color:#888;border-top:1px solid var(--border-color)}footer a{color:var(--accent-color);text-decoration:none}footer a:hover{text-decoration:underline}footer .last-updated__link{color:inherit;text-decoration:none}footer .last-updated__link:hover{color:inherit;text-decoration:none}.posts .post.is-hidden{display:none !important}.posts{display:grid;gap:14px;grid-template-columns:repeat(3, minmax(0, 1fr));width:min(100%,1180px);margin:0 auto;padding:0 clamp(1rem,4vw,3rem);box-sizing:border-box}@media(min-width: 600px){.posts{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 780px){.posts{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 960px){.posts{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1140px){.posts{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1360px){.posts{grid-template-columns:repeat(7, 1fr)}}.thumbnail{position:relative;aspect-ratio:1/1.414;border-radius:10px;overflow:hidden;background:linear-gradient(110deg, #eeeeee 8%, #f7f7f7 18%, #eeeeee 33%);background-size:200% 100%;transition:transform .2s ease,box-shadow .2s ease}.thumbnail img,.thumbnail .post-cover-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease,filter .3s ease}.thumbnail .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);opacity:0;transition:all .2s ease}.thumbnail .overlay .title{color:#fff;font-weight:700;font-size:.95rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.35)}.thumbnail:hover .overlay{background:rgba(0,0,0,.45);opacity:1}.thumbnail:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.grid-bookmark-ribbon{position:absolute;right:0;bottom:0;z-index:4;width:42px;height:42px;color:#1877f2;opacity:0;pointer-events:none;transform:translate(1px, 1px);transition:opacity .15s ease}.grid-bookmark-ribbon::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(100% 0, 100% 100%, 0 100%)}.grid-bookmark-ribbon::after{content:"";position:absolute;right:6px;bottom:5px;width:10px;height:16px;background:#fff;clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 72%, 0 100%)}.posts .post.is-bookmarked .grid-bookmark-ribbon{opacity:1}.feed-view.is-hidden,.note-home-view.is-hidden,.grid-view.is-hidden{display:none !important}html.note-tab-boot .feed-view{display:none !important}html.note-tab-boot .note-home-view{display:block !important}.feed-list{width:min(100%,560px);margin:0 auto;max-width:100%}.feed-item{padding:1.55rem 0 1.4rem;margin-bottom:0;border-bottom:1px solid var(--border-color)}.feed-item__header{display:flex;align-items:center;gap:.7rem;min-height:42px;margin-bottom:.85rem}.feed-profile__avatar{display:inline-flex;align-items:center;color:#111;text-decoration:none}.feed-profile__avatar:hover,.feed-profile__line:hover,.feed-profile__subtitle:hover{text-decoration:none}.feed-profile__image{width:42px;height:42px;flex:0 0 auto;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.feed-profile__text{display:flex;min-width:0;flex-direction:column;line-height:1.25;flex:1 1 auto}.feed-profile__line{display:inline-flex;align-items:center;gap:.32rem;min-width:0;color:#111;text-decoration:none}.feed-profile__subtitle,.feed-profile__date{display:block;margin-top:.1rem;color:#777;font-size:.86rem;font-weight:600;line-height:1.3}.feed-profile__date{display:inline-flex;margin-top:0;width:auto;flex-basis:auto;color:#777;font-size:.92rem;font-weight:400;line-height:1.2}.feed-profile__name{display:inline-flex;min-width:0;color:#111;font-size:.92rem;font-weight:700;text-decoration:none}.feed-profile__dot{color:#777;font-weight:700}.feed-item__date{display:inline-flex;margin-top:0;color:#777;font-size:.88rem;line-height:1.2}.feed-title{display:block;color:#111;font-size:.92rem;font-weight:700;line-height:1.34;margin:.28rem 0 0;text-decoration:none}.feed-title:hover{color:#333;text-decoration:none}.feed-summary{margin:.72rem 0 0;color:#333;font-size:1rem;line-height:1.55}.feed-summary--link{cursor:pointer}.feed-summary--link:hover{color:#111}.feed-summary__more{margin-left:.15rem;border:0;background:rgba(0,0,0,0);color:#777;font:inherit;padding:0;cursor:pointer}.feed-summary__more:hover{color:#555}.feed-thumb{display:block;width:100%;max-width:560px;aspect-ratio:1/1;margin:0 auto;background:linear-gradient(110deg, #eeeeee 8%, #f7f7f7 18%, #eeeeee 33%);background-size:200% 100%;overflow:hidden;color:inherit;border-radius:0}.feed-thumb img,.feed-thumb .post-cover-image{width:100%;height:100%;object-fit:cover;display:block}.feed-thumb,.note-home-item__thumb,.thumbnail,.media-container{animation:image-placeholder-shimmer 1.25s linear infinite}img.blur-up{opacity:0;filter:blur(14px);transform:scale(1.015);transition:opacity .28s ease,filter .38s ease,transform .38s ease}img.blur-up.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.feed-thumb:has(img.is-loaded),.note-home-item__thumb:has(img.is-loaded),.thumbnail:has(img.is-loaded),.media-container:has(img.is-loaded){animation:none}@keyframes image-placeholder-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.feed-item--note .feed-thumb{aspect-ratio:auto;min-height:0;padding:0;box-sizing:border-box;background:rgba(0,0,0,0);border:0}.feed-thumb--note-text{display:flex;align-items:center;justify-content:center;color:#111;font-size:1.15rem;font-weight:800;line-height:1.35;text-align:center}.feed-actions{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-top:.72rem}.feed-actions--page{margin:1.5rem 0 1rem;padding-right:.45rem;padding-left:.45rem;padding-top:.85rem;border-top:1px solid #efefef;box-sizing:border-box}.feed-actions__left{display:flex;align-items:center;gap:.95rem}.feed-action{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;gap:.25rem;border:0;background:rgba(0,0,0,0);color:#111;padding:0;cursor:pointer}.feed-action:disabled{cursor:default;opacity:.6}.feed-action svg{width:27px;height:27px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.feed-action:hover{color:#777}.feed-action__count{display:inline-flex;align-items:center;min-width:.55rem;color:#262626;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:0;line-height:1}.feed-action__count[hidden]{display:none !important}.feed-action--heart.is-active{color:#ff3b7f}.feed-action--heart.is-active svg{fill:currentColor}.feed-action--heart svg{stroke-width:1.65}.feed-action--comment svg{width:29px;height:29px}.feed-action--bookmark.is-active{color:#1877f2}.feed-action--bookmark.is-active svg{fill:currentColor}.note-switcher{display:flex;width:min(100%,470px);margin:0 auto 1rem;border-bottom:1px solid var(--border-color)}.note-switcher[hidden]{display:none !important}.note-switcher a{flex:1 1 0;padding:.7rem .25rem;color:#737373;font-size:.86rem;font-weight:800;text-align:center;text-decoration:none}.note-switcher a:hover,.note-switcher a.is-active{color:#111}.note-switcher--page{width:100%;margin-bottom:1.35rem}.note-home-view{width:min(100%,820px);margin:0 auto 3rem;padding:0 1.5rem;box-sizing:border-box}.note-home-list{display:flex;flex-direction:column;gap:.75rem;border-top:0}.note-home-item{display:flex;align-items:flex-start;min-height:118px;max-height:154px;gap:.9rem;padding:.82rem .92rem;border:1px solid #ececec;border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.03);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.note-home-item[hidden]{display:none !important}.note-home-item:hover{border-color:#e2e2e2;background:#f8f9fa;box-shadow:0 3px 12px rgba(0,0,0,.045)}.note-home-item:not(.note-home-item--with-thumb){max-height:none;min-height:0;padding-top:.72rem;padding-bottom:.72rem}.note-home-item__thumb{order:2;flex:0 0 40%;width:40%;align-self:stretch;min-height:88px;max-height:130px;border-radius:8px;overflow:hidden;background:linear-gradient(110deg, #eeeeee 8%, #f7f7f7 18%, #eeeeee 33%);background-size:200% 100%}.note-home-item__thumb img{display:block;width:100%;height:100%;object-fit:cover}.note-home-item__body{order:1;display:flex;flex-direction:column;min-width:0;flex:1 1 auto;align-self:stretch;min-height:100%}.note-home-item__title{display:block;color:#111;font-size:clamp(1.05rem,2vw,1.32rem);font-weight:650;line-height:1.35;text-decoration:none}.note-home-item__title:hover{color:#555;text-decoration:none}.note-home-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;color:#777;font-size:.84rem;font-weight:650}.note-home-item__meta-part{display:inline-flex;align-items:baseline;gap:.36rem;min-width:0}.note-home-item__meta-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;color:#777;line-height:1;transform:translateY(0.08em)}.note-home-item__meta-icon i{font-size:.92rem;line-height:1}.note-home-item__meta-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.note-home-item__excerpt{margin:.55rem 0 0;color:#444;font-size:.94rem;line-height:1.62}.note-pagination{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:1.8rem 0 0;color:#555;font-size:.92rem}.note-pagination button,.note-pagination span{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:rgba(0,0,0,0);color:inherit;font:inherit}.note-pagination button{cursor:pointer}.note-pagination button:hover:not(:disabled),.note-pagination button.active{background:#f1f3f5;color:#111}.note-pagination button:disabled{cursor:default;opacity:.45}.note-pagination button.active{opacity:1}.note-pagination__arrow{font-size:1.4rem;font-weight:700}.post-page-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1.5rem);background:rgba(0,0,0,.78);z-index:1000}.post-page-modal.active{display:flex}html.post-modal-open,body.post-modal-open,html.comment-sheet-open,body.comment-sheet-open{overflow:hidden;overscroll-behavior:none;touch-action:none}.post-page-modal__frame{position:relative;width:min(100%,960px);height:min(91vh,840px);background:#fff;overflow:hidden;border:0;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.38)}.post-page-modal__iframe{width:100%;height:100%;border:0;background:#fff}.post-page-modal__close,.post-page-modal__nav{position:absolute;z-index:2;border:0;border-radius:50%;background:hsla(0,0%,100%,.9);color:#111;cursor:pointer;box-shadow:0 2px 14px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.post-page-modal__close{top:max(.8rem,env(safe-area-inset-top));right:max(.8rem,env(safe-area-inset-right));width:36px;height:36px;font-size:1.45rem;line-height:1}.post-page-modal__nav{display:inline-flex;align-items:center;justify-content:center;top:50%;width:clamp(38px,4.4vw,44px);height:clamp(38px,4.4vw,44px);transform:translateY(-50%);line-height:1}.post-page-modal__nav svg{width:58%;height:58%;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.post-page-modal__nav--prev{left:max(clamp(.5rem,2vw,1rem),env(safe-area-inset-left))}.post-page-modal__nav--next{right:max(clamp(.5rem,2vw,1rem),env(safe-area-inset-right))}.post-page-modal__close:hover,.post-page-modal__nav:hover{background:#fff;transform:translateY(-50%) scale(1.03)}.post-page-modal__close:hover{transform:scale(1.03)}.feed-toast{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:1200;transform:translateX(-50%) translateY(8px);padding:.65rem .9rem;border-radius:999px;background:rgba(17,17,17,.9);color:#fff;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.feed-toast.active{opacity:1;transform:translateX(-50%) translateY(0)}.feed-comment-sheet{position:fixed;inset:0;z-index:1300;display:none;align-items:flex-end;justify-content:center;color:#262626}.feed-comment-sheet.active{display:flex}.feed-comment-sheet__scrim{position:absolute;inset:0;background:rgba(0,0,0,.34)}.feed-comment-sheet__panel{position:relative;width:min(100%,620px);height:min(78dvh,760px);display:flex;flex-direction:column;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 -18px 50px rgba(0,0,0,.2);overflow:hidden;transform:translateY(100%);animation:comment-sheet-in .22s ease forwards;touch-action:pan-y;will-change:transform}@keyframes comment-sheet-in{to{transform:translateY(0)}}.feed-comment-sheet__handle{width:48px;height:24px;flex:0 0 auto;align-self:center;margin-top:.5rem;border:0;background:rgba(0,0,0,0);cursor:pointer}.feed-comment-sheet__handle::before{content:"";display:block;width:46px;height:3px;margin:.65rem auto 0;border-radius:999px;background:#c8c8c8}.feed-comment-sheet__title{display:none}.feed-comment-sheet__body{min-height:0;flex:1;overflow:auto;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.feed-comment-sheet .cl-comments{max-width:none;min-height:100%;margin:0;padding:0;color:#262626;display:flex;flex-direction:column}.feed-comment-sheet .cl-comments__header{display:none}.feed-comment-sheet .cl-comment-list{flex:1;gap:1rem;padding:.9rem 1.25rem 1rem;overflow:visible}.feed-comment-sheet .cl-comments__empty{min-height:auto;align-items:center;justify-content:center;text-align:center;gap:.35rem;padding:.45rem 0 .75rem}.feed-comment-sheet .cl-comments__empty-title{color:#111;font-size:1rem;line-height:1.25;font-weight:700}.feed-comment-sheet .cl-comments__empty-subtitle{color:#8e8e8e;font-size:.82rem}.feed-comment-sheet .cl-comment{gap:.8rem}.feed-comment-sheet .cl-comment__avatar{background:linear-gradient(135deg, #f1f1f1, #dedede);color:#262626}.feed-comment-sheet .cl-comment__author{color:#111}.feed-comment-sheet .cl-comment__content{color:#262626}.feed-comment-sheet .cl-comment__meta,.feed-comment-sheet .cl-comment__action,.feed-comment-sheet .cl-comments__empty,.feed-comment-sheet .cl-comments__error,.feed-comment-sheet .cl-comments__loading,.feed-comment-sheet .cl-comment-form__message,.feed-comment-sheet .cl-comment-editor__message{color:#8e8e8e}.feed-comment-sheet .cl-comment-form{position:sticky;bottom:0;margin:auto 0 0;padding:.75rem 1rem max(.8rem,env(safe-area-inset-bottom));border-top:1px solid #efefef;border-bottom:0;background:#fff}.feed-comment-sheet .cl-comment-form__row{grid-template-columns:minmax(0, 0.78fr) minmax(0, 0.9fr);gap:.75rem}.feed-comment-sheet .cl-comment-form input,.feed-comment-sheet .cl-comment-form textarea,.feed-comment-sheet .cl-comment-editor input,.feed-comment-sheet .cl-comment-editor textarea{border-color:#dbdbdb;background:rgba(0,0,0,0);color:#262626}.feed-comment-sheet .cl-comment-form textarea{min-height:36px;max-height:calc(7.25em + 1rem);resize:none}.feed-comment-sheet .cl-comment-form__content{margin-top:0}.feed-comment-sheet .cl-comment-form__bottom{margin-top:.35rem}.feed-comment-sheet .cl-comment-form input::placeholder,.feed-comment-sheet .cl-comment-form textarea::placeholder,.feed-comment-sheet .cl-comment-editor input::placeholder,.feed-comment-sheet .cl-comment-editor textarea::placeholder{color:#9b9ca3}.feed-comment-sheet .cl-comment-form__submit,.feed-comment-sheet .cl-comment-editor button{color:#0095f6}.feed-comment-sheet .cl-comment-editor{border-color:#efefef;background:#fff}.feed-comment-sheet .cl-comment-verify{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;width:min(100%,360px);max-width:100%;margin-top:.55rem;border:1px solid #dbdbdb;border-radius:10px;overflow:hidden;background:#fff}.feed-comment-sheet .cl-comment-verify[hidden]{display:none !important}.feed-comment-sheet .cl-comment-verify__password{box-sizing:border-box;min-width:0;height:38px !important;padding:0 .72rem !important;border:0 !important;border-radius:0 !important;background:#fff !important;line-height:38px !important}.feed-comment-sheet .cl-comment-verify__submit,.feed-comment-sheet .cl-comment-verify__cancel{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:38px;border:0;background:#fff;color:#0095f6;font-weight:800;line-height:1;padding:0 .72rem;appearance:none}.feed-comment-sheet .cl-comment-verify__cancel{width:38px;color:#8e8e8e;font-size:1.1rem}.feed-comment-sheet .cl-comment-verify__message{grid-column:1/-1;padding:.32rem .72rem .5rem;color:#8e8e8e;font-size:.78rem}@media(max-width: 720px){.feed-view,.grid-view,.feed-list,.feed-item{max-width:100%;overflow-x:hidden}.feed-list{width:100%;padding:0 1rem;box-sizing:border-box}.feed-item__header,.feed-title,.feed-summary,.feed-thumb,.feed-caption,.feed-actions{padding-left:0;padding-right:0}.feed-actions__left{gap:.82rem}.feed-action{min-width:30px}.feed-action__count{font-size:.8rem}.post-page-modal{padding:0;width:100%;max-width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:none}.post-page-modal__frame{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;overscroll-behavior:contain}.post-page-modal__iframe{touch-action:auto}.post-page-modal__close{top:max(1rem,env(safe-area-inset-top) + .85rem);right:max(.75rem,env(safe-area-inset-right) + .75rem)}.post-page-modal__nav{background:hsla(0,0%,100%,.82);width:42px;height:42px}.post-page-modal__nav--prev{left:max(.7rem,env(safe-area-inset-left) + .7rem)}.post-page-modal__nav--next{right:max(.7rem,env(safe-area-inset-right) + .7rem)}.feed-comment-sheet__panel{width:100%;height:min(72dvh,720px);border-radius:28px 28px 0 0}.feed-comment-sheet .cl-comment-list{padding-left:1rem;padding-right:1rem}.feed-comment-sheet .cl-comment-form__row{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:.6rem}.feed-comment-sheet .cl-comment-form__compose,.feed-comment-sheet .cl-comment-form__bottom{grid-column:1/-1}.note-home-item{min-height:118px;gap:.8rem;padding:.85rem}.note-home-item__meta{align-items:flex-end;gap:.32rem .65rem}.note-home-item__meta-part{flex:0 0 100%;align-items:flex-start}.note-home-item__thumb{flex-basis:34%;width:34%;min-height:88px}}body.frame-mode .tab-group{display:none}body.layout-post .main{width:min(100%,680px);margin:0 auto;padding:0 1.5rem;box-sizing:border-box}body.layout-note .main,body.layout-default .note-index{width:min(100%,820px);margin:0 auto;padding:0 1.5rem;box-sizing:border-box}body.layout-post .header,body.layout-note .header{margin-bottom:0}body.layout-post .button-group,body.layout-note .button-group{margin-bottom:1.15rem}.post-card{width:100%;margin:0 auto}.post-header{margin-bottom:1.25rem}.post-title{font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.25;letter-spacing:0}.post-title a{color:inherit;text-decoration:none}.post-title a:hover{color:#333;text-decoration:none}.post-meta{color:#777;font-size:.92rem}.post-meta .experience-date{display:inline-block;margin-left:.4rem}.media-container{display:block;width:100%;margin:1rem 0 1.4rem;border:0;border-left:0;outline:0;background:linear-gradient(110deg, #eeeeee 8%, #f7f7f7 18%, #eeeeee 33%);background-size:200% 100%}.media-container--link{color:inherit;text-decoration:none;cursor:pointer}.media-container--link:hover{text-decoration:none}.media-container img,.media-container video{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border:0;outline:0}.media-container--cover,.media-container--cover::before,.media-container--cover .post-cover-image{border-left:0;outline:0}.post-content{width:100%;color:#222;font-size:1rem;line-height:1.75;overflow-wrap:break-word}.post-content p,.post-content ul,.post-content ol,.post-content blockquote{margin-bottom:1rem}.post-content ul,.post-content ol{padding-left:1.35rem}.post-content blockquote{margin-left:0;padding-left:1rem;border-left:3px solid var(--border-color);color:#555}.post-content img{display:block;max-width:100%;height:auto;margin:1rem auto}@media(max-width: 720px){body.layout-post .main,body.layout-note .main,body.layout-default .note-index{padding:0 1rem}.post-title{font-size:1.45rem}}.note-page{width:100%;margin:0 auto 3rem}.note-page__header{padding:.35rem 0 1.4rem;border-bottom:1px solid var(--border-color)}.note-page__eyebrow{display:flex;flex-wrap:wrap;gap:.35rem;color:#777;font-size:.85rem;font-weight:700}.note-page__eyebrow a{color:#555}.note-page__title{margin:.45rem 0 .35rem;font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.2;letter-spacing:0}.note-page__meta{color:#777;font-size:.92rem}.note-mobile-top{display:none}.note-toc{position:fixed;top:10.25rem;left:calc(50vw + 425px);width:230px;max-height:calc(100vh - 11.75rem);overflow:hidden;color:#666;z-index:20}.note-toc[hidden]{display:none !important}.note-toc__title{margin-bottom:.72rem;color:#555;font-size:.9rem;font-weight:700}.note-toc__nav{max-height:calc(100vh - 14.5rem);overflow:hidden auto;padding-left:.65rem;border-left:1px solid #e5e7eb;scrollbar-width:none}.note-toc__nav::-webkit-scrollbar{display:none}.note-toc__group{margin:.2rem 0}.note-toc__link{display:block;min-width:0;overflow:hidden;color:#777;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease,font-weight .15s ease}.note-toc__link:hover{color:#005bbb;text-decoration:none}.note-toc__link--h2{padding:.42rem 0;font-size:.84rem;line-height:1.3}.note-toc__link--h3{padding:.34rem 0 .34rem .85rem;font-size:.82rem;line-height:1.3}.note-toc__children{display:none}.note-toc__group.is-active>.note-toc__children{display:block}.note-toc__link.is-current{color:#005bbb;font-weight:700}.note-toc-sheet{position:fixed;inset:0;z-index:1500;display:none}.note-toc-sheet.active{display:block}.note-toc-sheet__scrim{position:absolute;inset:0;background:rgba(0,0,0,.18)}.note-toc-sheet__panel{position:absolute;top:0;right:0;width:min(92vw,460px);max-height:100dvh;overflow:auto;background:#fff;box-shadow:-14px 0 36px rgba(0,0,0,.16)}.note-toc-sheet__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:0 1.25rem;border-bottom:1px solid #ececec;background:#fff}.note-toc-sheet__header span{min-width:0;overflow:hidden;color:#222;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.note-toc-sheet__header button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:0;background:rgba(0,0,0,0);color:#777;font-size:1.05rem;cursor:pointer}.note-toc-sheet__nav{padding:1.1rem 1.35rem 2rem}.note-toc-sheet .note-toc__link{white-space:normal}.note-toc-sheet .note-toc__link--h2{padding:.56rem 0;color:#333;font-size:1rem}.note-toc-sheet .note-toc__link--h3{padding:.48rem 0 .48rem 1.15rem;color:#444;font-size:.95rem}@media(max-width: 1320px){.note-toc{display:none !important}}@media(max-width: 1320px),(max-height: 620px){body.layout-note .main{padding-top:48px}.note-mobile-top{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 .95rem;border-bottom:1px solid #ececec;background:hsla(0,0%,100%,.96);backdrop-filter:blur(10px);box-sizing:border-box}.note-mobile-top[hidden]{display:none !important}.note-mobile-top__title{appearance:none;display:block;border:0;background:rgba(0,0,0,0);padding:0;min-width:0;overflow:hidden;color:#222;font:inherit;font-size:.96rem;font-weight:500;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.note-mobile-top__button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:0;background:rgba(0,0,0,0);color:#777;font-size:1rem;cursor:pointer}html.note-toc-open,html.note-toc-open body{overflow:hidden}}.note-page__hero{margin:1.35rem 0}.note-page__hero img{display:block;width:100%;height:auto}.note-page__content{color:#222;font-size:1rem;line-height:1.82;overflow-wrap:break-word}.note-page__content h2{margin-top:2.1rem;padding-top:.4rem;font-size:1.55rem;border-bottom:1px solid var(--border-color)}.note-page__content h3{margin-top:1.6rem;font-size:1.25rem}.note-page__content img{display:block;max-width:100%;height:auto;margin:1.2rem auto}.note-page__content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.note-page__content th,.note-page__content td{padding:.45rem .6rem;border:1px solid var(--border-color)}.note-page__content code{font-family:"SFMono-Regular",SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;padding:.12rem .28rem;border-radius:5px;background:#f6f8fa;color:#24292f;font-size:.92em}.note-page__content pre,.note-page__content pre.highlight,.note-page__content .highlight pre{font-family:"SFMono-Regular",SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;overflow-x:auto;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f6f8fa;color:#24292f;font-size:.92rem;line-height:1.55;tab-size:2}.note-page__content pre code,.note-page__content .highlight code{padding:0;border-radius:0;background:rgba(0,0,0,0);color:inherit}.note-page__content .highlight.codeblock{overflow:hidden;margin:1.35rem 0;border:1px solid #e5e7eb;border-radius:10px;background:#f6f8fa}.note-page__content .highlight.codeblock .codeblock-header{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;height:36px;border-bottom:1px solid rgba(229,231,235,.72);background:#f6f8fa}.note-page__content .highlight.codeblock .codeblock-lights{display:inline-flex;align-items:center;gap:8px;padding-left:16px}.note-page__content .highlight.codeblock .codeblock-lights i{width:12px;height:12px;border-radius:999px;background:#dedede}.note-page__content .highlight.codeblock .codeblock-lang{display:inline-flex;align-items:center;gap:.35rem;color:#a0a7af;font-size:.78rem;font-weight:700;line-height:1}.note-page__content .highlight.codeblock .codeblock-copy{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:6px;border:0;background:rgba(0,0,0,0);color:#adb5bd;font-size:.92rem;cursor:pointer;transition:color .15s ease,transform .15s ease}.note-page__content .highlight.codeblock .codeblock-copy:hover,.note-page__content .highlight.codeblock .codeblock-copy.is-copied{color:#6c757d}.note-page__content .highlight.codeblock .codeblock-copy:active{transform:scale(0.94)}.note-page__content .highlight.codeblock .codeblock-body{display:grid;grid-template-columns:auto minmax(0, 1fr);overflow:hidden}.note-page__content .highlight.codeblock .codeblock-lines{min-width:3.2rem;padding:.82rem .76rem .96rem 1rem;color:#9aa1aa;font-family:"SFMono-Regular",SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.88rem;line-height:1.65;text-align:right;user-select:none}.note-page__content .highlight.codeblock .codeblock-lines span{display:block;min-height:1.65em}.note-page__content .highlight.codeblock pre,.note-page__content .highlight.codeblock pre.highlight{margin:0;padding:.82rem 1rem .96rem .76rem;border:0;border-radius:0;background:rgba(0,0,0,0);font-size:.88rem;line-height:1.65}.note-page__content .highlight.codeblock pre code{font-size:inherit;line-height:inherit;white-space:pre}.note-page__content mjx-container{max-width:100%}.note-page__content mjx-container[display=true]{display:block;overflow-x:auto;overflow-y:hidden;padding:.35rem 0}.note-page__content mjx-container[display=true]>svg,.note-page__content mjx-container[display=true]>mjx-math{max-width:none}.note-page-nav{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem;margin:2rem 0 1.15rem;padding-top:1rem;border-top:1px solid var(--border-color)}.note-page-nav__link,.note-page-nav__placeholder{min-height:68px}.note-page-nav__link{display:flex;flex-direction:column;justify-content:center;gap:.18rem;min-width:0;padding:.8rem .95rem;border:1px solid #ececec;border-radius:10px;background:#fff;color:#111;text-decoration:none;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease}.note-page-nav__link:hover{border-color:#e0e0e0;background:#f8f9fa;text-decoration:none}.note-page-nav__link span{color:#777;font-size:.78rem;font-weight:700}.note-page-nav__link strong{display:-webkit-box;width:100%;min-width:0;overflow:hidden;color:#111;font-size:.95rem;font-weight:650;line-height:1.35;overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-page-nav__link--next{align-items:flex-end;text-align:right}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:#6a737d;font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#d73a49}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd{color:#032f62}.highlight .mi,.highlight .mf,.highlight .mh,.highlight .il{color:#005cc5}.highlight .nf,.highlight .na,.highlight .nx{color:#6f42c1}.note-index{margin-bottom:3rem}.note-index__header{margin:.2rem 0 1.35rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.note-index__header h1,.note-index h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2}.note-index__header p{margin:.45rem 0 0;color:#777;font-size:.92rem}.note-category-tree{display:flex;flex-direction:column;gap:1.35rem;margin-top:1.4rem}.note-category-parent{border:1px solid var(--border-color);border-radius:8px;background:#fff;overflow:hidden}.note-category-parent summary,.note-category-child summary{display:flex;align-items:center;gap:.65rem;margin:0;padding:.82rem 1rem;color:#111;cursor:pointer;list-style:none}.note-category-parent summary{background:#fafafa;border-bottom:1px solid var(--border-color)}.note-category-child summary{padding-left:2rem;border-bottom:1px solid var(--border-color);background:#fff}.note-category-parent summary::-webkit-details-marker,.note-category-child summary::-webkit-details-marker{display:none}.note-category-toggle{display:inline-flex;flex:0 0 auto;width:18px;height:18px;margin-left:auto;color:#777;transition:transform .15s ease}.note-category-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.note-category-parent[open]>summary .note-category-toggle,.note-category-child[open]>summary .note-category-toggle{transform:rotate(180deg)}.note-category-folder{display:inline-flex;align-items:baseline;justify-content:center;width:18px;height:18px;color:#6b7280;line-height:1}.note-category-folder i{font-size:.92rem;line-height:1;transform:translateY(0.06em)}.note-category-folder__open{display:none}.note-category-parent[open]>summary .note-category-folder__closed,.note-category-child[open]>summary .note-category-folder__closed{display:none}.note-category-parent[open]>summary .note-category-folder__open,.note-category-child[open]>summary .note-category-folder__open{display:inline-block}.note-category-parent strong,.note-category-child strong{color:#005bbb;font-size:.96rem;font-weight:650}.note-category-parent small,.note-category-child small{color:#777;font-size:.84rem;margin-left:.15rem}.note-category-children{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .18s ease}.note-category-parent[open]>.note-category-children{max-height:2600px;opacity:1}.note-category-child{border-bottom:1px solid var(--border-color)}.note-category-child:last-child{border-bottom:0}.note-category-posts{display:flex;flex-direction:column;max-height:0;overflow:hidden;padding:0 1rem 0 3.1rem;background:#fff;opacity:0;transition:max-height .28s ease,opacity .18s ease,padding .22s ease}.note-category-child[open]>.note-category-posts{max-height:1800px;padding-top:.25rem;padding-bottom:.65rem;opacity:1}.note-category-posts a{display:grid;grid-template-columns:auto minmax(0, auto) minmax(1.5rem, 1fr) auto;align-items:baseline;gap:.55rem;padding:.48rem 0;color:#005bbb;text-decoration:none}.note-category-posts a:hover{color:#005bbb;text-decoration:none}.note-category-posts span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-category-posts__dot{position:relative;z-index:3;width:4px;height:4px;border-radius:50%;background:#999}.note-category-posts__leader{min-width:1.5rem;height:1px;border-bottom:2px dotted #c9c9c9}.note-category-posts time{flex:0 0 auto;color:#777;font-size:.84rem}.note-index__panel,.note-index__group,.note-index__list,.note-index__item{display:none}.note-index__item time{flex:0 0 auto;color:#777;font-size:.9rem}.note-archive-timeline{display:flex;flex-direction:column;gap:0;margin-top:.4rem}.note-archive-year{--archive-date-col: 4.2rem;--archive-node-col: 1.45rem;--archive-gap: 0.55rem;display:grid;grid-template-columns:var(--archive-date-col) var(--archive-node-col) minmax(0, 1fr);column-gap:var(--archive-gap);position:relative}.note-archive-year::before{content:"";position:absolute;top:21px;bottom:-21px;left:calc(var(--archive-date-col) + var(--archive-gap) + var(--archive-node-col)/2 - 1.5px);width:3px;background:#e5e7eb;z-index:2}.note-archive-year:last-child::before{bottom:21px}.note-archive-year__heading{display:grid;grid-template-columns:var(--archive-date-col) var(--archive-node-col) minmax(0, 1fr);column-gap:var(--archive-gap);grid-column:1/-1;align-items:center;min-height:42px}.note-archive-year h2{grid-column:1;align-self:center;margin:0;color:#111;font-size:1.45rem;line-height:1;font-weight:500}.note-archive-year__node{grid-column:2;justify-self:center;align-self:center;width:9px;height:9px;border:3px solid #bfc5cc;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff;position:relative;z-index:4}.note-archive-item{display:grid;grid-column:1/-1;grid-template-columns:var(--archive-date-col) var(--archive-node-col) minmax(0, 1fr);column-gap:var(--archive-gap);align-items:baseline;min-height:42px;padding:0;color:#005bbb;text-decoration:none;position:relative}.note-archive-item:nth-child(odd){background:rgba(248,249,250,.72)}.note-archive-item__node{grid-column:2;justify-self:center;align-self:center;width:7px;height:7px;border:0;border-radius:50%;background:#c6cbd1;box-shadow:0 0 0 3px #fff;position:relative;z-index:5}.note-archive-item:hover{color:#003f91;text-decoration:none}.note-archive-item time{grid-column:1;display:inline-flex;align-items:baseline;gap:.45rem;align-self:center;color:#222;font-size:.9rem;font-weight:500;position:relative;z-index:3}.note-archive-item time small{display:inline;color:#777;font-size:.82rem;font-style:normal;font-weight:400}.version-roadmap .note-archive-item{min-height:58px}.version-roadmap .note-archive-item time{justify-content:flex-end;font-size:.96rem;font-weight:650}.version-roadmap .note-archive-item__title{white-space:normal;text-overflow:clip}.version-roadmap-item__body{display:flex;align-items:flex-start;gap:.7rem}.version-roadmap-item__body strong{flex:0 0 auto;color:#777;font-size:.83rem;font-weight:700;line-height:1.55}.version-roadmap-item__body ul{min-width:0;margin:0;padding-left:1rem;color:#111;line-height:1.45}.version-roadmap-item__body li{margin:.08rem 0}.note-archive-item__title{grid-column:3;align-self:center;padding:.52rem .7rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:500;position:relative;z-index:3}.note-archive-item em{display:none}@media(max-width: 720px){.note-archive-year{--archive-date-col: 3.65rem;--archive-node-col: 1.25rem;--archive-gap: 0.4rem}.note-archive-year h2{font-size:1.25rem}.note-archive-item time{gap:.32rem;font-size:.84rem}.version-roadmap-item__body{flex-direction:column;gap:.15rem}.version-roadmap-item__body ul{padding-left:.95rem}.note-category-parent summary,.note-category-child summary{padding-right:.8rem}.note-category-child summary{padding-left:1.25rem}.note-category-posts{padding-left:2.15rem}}html.frame-mode body.layout-post .main,body.frame-mode .main{width:100%;padding:0;overflow-x:hidden}html.frame-mode{scrollbar-gutter:stable}html.frame-mode body.layout-post .post-card,body.frame-mode .post-card{display:flex;flex-direction:column;min-height:100vh}html.frame-mode body.layout-post .post-header,body.frame-mode .post-header{margin-left:45%;width:55%;padding:1.5rem 2.25rem 0 1.5rem;box-sizing:border-box}html.frame-mode body.layout-post .media-container,body.frame-mode .media-container{position:fixed !important;top:0;left:0;width:45%;height:100vh;margin:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}html.frame-mode body.layout-post .media-container--cover::before,body.frame-mode .media-container--cover::before{content:"";position:absolute;inset:0;background-image:var(--cover-image);background-position:center;background-size:cover;background-repeat:no-repeat}html.frame-mode body.layout-post .media-container--cover>img,body.frame-mode .media-container--cover>img{display:none !important}html.frame-mode body.layout-post .media-container img,html.frame-mode body.layout-post .media-container video,body.frame-mode .media-container img,body.frame-mode .media-container video{width:100%;height:100%;object-fit:cover}html.frame-mode body.layout-post .post-content,body.frame-mode .post-content{margin-left:45%;width:55%;padding:1rem 2.25rem 2rem 1.5rem;box-sizing:border-box;overflow-wrap:break-word}html.frame-mode body.layout-post .cl-comments,body.frame-mode .cl-comments{margin:auto 0 0 45%;width:55%;max-width:none;padding:0 2.25rem 2rem 1.5rem;box-sizing:border-box}@media(max-width: 820px){html.frame-mode body.layout-post .main,body.frame-mode .main{width:100%}html.frame-mode body.layout-post .post-card,body.frame-mode .post-card{display:block}html.frame-mode body.layout-post .post-header,html.frame-mode body.layout-post .post-content,html.frame-mode body.layout-post .cl-comments,body.frame-mode .post-header,body.frame-mode .post-content,body.frame-mode .cl-comments{margin-left:0;width:auto}html.frame-mode body.layout-post .media-container,body.frame-mode .media-container{position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;aspect-ratio:1/1}html.frame-mode body.layout-post .media-container--cover::before,body.frame-mode .media-container--cover::before{display:none}html.frame-mode body.layout-post .media-container--cover>img,body.frame-mode .media-container--cover>img{display:block !important}body.frame-mode .post-header,body.frame-mode .post-content,body.frame-mode .cl-comments{padding-left:1rem;padding-right:1rem}}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-frame{position:relative;width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:10px;display:flex;flex-direction:row;overflow:hidden}.modal-image{flex:0 0 45%;background:#fff;display:flex;align-items:flex-start;justify-content:center;border-right:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden}.modal-image img{width:100%;height:initial;object-fit:fill;position:sticky;top:0}.modal-content{flex:1;background:#fff;overflow-y:auto;display:flex;flex-direction:column}.modal-info{padding:1.5rem;flex:1}.modal-profile{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.modal-profile img.profile-mini{width:36px;height:36px;border-radius:50%;object-fit:cover}.modal-profile .profile-name{font-weight:600}.modal-info .post-title{font-weight:700;font-size:1.1rem;margin-bottom:.4rem}.modal-info .post-meta{font-size:.9rem;color:#777;margin-bottom:1rem}.modal-info .post-content{font-size:.95rem;line-height:1.7;color:#333}.modal-info .post-content p{margin-bottom:1rem}.modal-info .post-content img{width:100%;height:auto;border-radius:6px;margin:.5rem 0}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.8rem;color:dimgray;cursor:pointer;z-index:30}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.25);color:#fff;font-size:2rem;border:none;cursor:pointer;z-index:20;border-radius:50%;transition:background .3s ease}.modal-nav:hover{background:rgba(0,0,0,.45)}.modal-nav.prev{left:2%}.modal-nav.next{right:2%}@media(min-width: 769px){.modal-inner{display:flex;flex-direction:row;position:relative;overflow:auto}.modal-image{flex:0 0 45%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:sticky;top:0;left:0;border-right:1px solid rgba(0,0,0,.08);z-index:2}.modal-image img{width:100%;height:100%;object-fit:contain;display:block}.modal-info{flex:1;padding:1.5rem;overflow-y:auto;background:#fff;z-index:1}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.25);color:#fff;font-size:2rem;border:none;cursor:pointer;z-index:20;border-radius:50%;transition:background .3s ease}.modal-nav:hover{background:rgba(0,0,0,.45)}.modal-nav.prev{left:2%}.modal-nav.next{right:2%}}@media(max-width: 768px){.modal-frame{width:92%;max-height:88vh;border-radius:12px;flex-direction:column;overflow:hidden}.modal-content{overflow:auto;height:auto}.modal-inner{flex-direction:column;height:100%}.modal-image{width:100%;max-height:60vh;flex:0 0 auto;overflow:hidden}.modal-image img{width:100%;height:auto;object-fit:contain}.modal-info{flex:1;padding:1rem 1rem 2rem;overflow-y:auto}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);font-size:1.6rem;border-radius:50%;z-index:25;padding:.2rem .8rem}.modal-nav.prev{left:.8rem}.modal-nav.next{right:.8rem}}.cl-comments{max-width:700px;margin:0 auto 2rem;padding:1rem 1.5rem 0;color:#262626;font-size:.95rem;box-sizing:border-box}.cl-comments__header{display:flex;align-items:center;gap:.35rem;padding:.75rem 0;border-top:1px solid #efefef;font-weight:700}.cl-comments__count{color:#8e8e8e;font-weight:600}.cl-comment-form{border-top:1px solid #efefef;padding:.9rem 0;margin-bottom:.75rem}.cl-comment-form__row{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:.85rem;margin-bottom:.65rem}.cl-comment-form input,.cl-comment-form textarea,.cl-comment-verify input,.cl-comment-editor input,.cl-comment-editor textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #dbdbdb;border-radius:0;background:rgba(0,0,0,0);color:#262626;font:inherit;outline:none}.cl-comment-verify input,.cl-comment-editor input,.cl-comment-editor textarea{border:1px solid #dbdbdb;border-radius:10px;background:#fafafa}.cl-comment-form input,.cl-comment-verify input,.cl-comment-editor input{height:36px;padding:0 .1rem}.cl-comment-verify input,.cl-comment-editor input{padding:0 .75rem}.cl-comment-form textarea,.cl-comment-editor textarea{min-height:64px;padding:.65rem .1rem;line-height:1.45;resize:vertical}.cl-comment-editor textarea{padding:.65rem .75rem}.cl-comment-form__compose{position:relative;display:block}.cl-comment-form__compose .cl-comment-form__content{display:block;min-height:36px;max-height:calc(7.25em + 1rem);padding:.42rem 3rem .42rem .1rem;resize:none}.cl-comment-form input:focus,.cl-comment-form textarea:focus,.cl-comment-verify input:focus,.cl-comment-editor input:focus,.cl-comment-editor textarea:focus{border-color:#a8a8a8;background:#fff}.cl-comment-form input:focus,.cl-comment-form textarea:focus{background:rgba(0,0,0,0)}.cl-comment-form__bottom,.cl-comment-editor__row{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:.35rem}.cl-comment-form__message,.cl-comment-verify__message,.cl-comment-editor__message,.cl-comments__error,.cl-comments__empty,.cl-comments__loading{color:#8e8e8e;font-size:.82rem}.cl-comments__empty{display:flex;flex-direction:column;gap:.3rem;padding:.25rem 0 .85rem}.cl-comments__empty-title{color:#555;font-size:.95rem;font-weight:700}.cl-comments__empty-subtitle{color:#8e8e8e}.cl-comment-form__submit,.cl-comment-editor button{appearance:none;border:0;background:rgba(0,0,0,0);color:#0095f6;font:inherit;font-weight:700;cursor:pointer;padding:0;white-space:nowrap}.cl-comment-form__compose .cl-comment-form__submit{position:absolute;right:.1rem;top:50%;transform:translateY(-50%);line-height:1.45}.cl-comment-form__submit:disabled{color:#b2dffc;cursor:default}.cl-comment-list{display:flex;flex-direction:column;gap:.85rem}.cl-comment{display:flex;align-items:flex-start;gap:.7rem}.cl-comment__avatar{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg, #f1f1f1, #dedede);color:#262626;font-size:.82rem;font-weight:700;user-select:none}.cl-comment__body{min-width:0;flex:1}.cl-comment__line{line-height:1.45;word-break:break-word}.cl-comment__author{font-weight:700}.cl-comment__content{white-space:pre-wrap}.cl-comment__meta{display:flex;align-items:center;gap:.8rem;margin-top:.25rem;color:#8e8e8e;font-size:.78rem}.cl-comment__action{appearance:none;border:0;background:rgba(0,0,0,0);color:#8e8e8e;font-weight:700;font:inherit;cursor:pointer;padding:0}.cl-comment__action--danger{color:#ed4956}.cl-comment-verify{display:inline-grid;grid-template-columns:minmax(120px, 1fr) auto auto;align-items:stretch;max-width:360px;margin-top:.5rem;border:1px solid #cfcfcf;background:#111}.cl-comment-verify[hidden]{display:none !important}.cl-comment-verify__password{height:34px !important;border:0 !important;border-radius:0 !important;background:#fff !important;line-height:34px !important}.cl-comment-verify__submit,.cl-comment-verify__cancel{appearance:none;display:inline-flex;height:34px;align-items:center;justify-content:center;border:0;background:#111;color:#fff;font:inherit;font-weight:700;line-height:1;cursor:pointer;padding:0 .85rem}.cl-comment-verify__cancel{width:34px;padding:0;font-size:1.15rem}.cl-comment-verify__message{grid-column:1/-1;padding:.25rem .45rem .35rem;background:#fff}.cl-comment-editor{margin-top:.55rem;padding:.65rem;border:1px solid #efefef;border-radius:12px;background:#fff}.cl-comment-editor__row{justify-content:flex-start;flex-wrap:wrap}.cl-comment-editor__password{max-width:180px}.modal-comments .cl-comments,#modal-comments .cl-comments{max-width:none;padding:.75rem 0 0;margin:0;font-size:.88rem}.modal-comments .cl-comment-form__row,#modal-comments .cl-comment-form__row{grid-template-columns:1fr}@media(max-width: 600px){.cl-comments{padding-left:1rem;padding-right:1rem}.cl-comment-form__row{grid-template-columns:1fr}}.health-page{width:min(100%,820px);margin:0 auto 3rem;padding:0 1.5rem;box-sizing:border-box}.health-page__header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.health-page__header h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2}.health-page__header p{margin:.35rem 0 0;color:#777;font-size:.92rem}.health-grid{display:flex;flex-direction:column;gap:.65rem}.health-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px;padding:.85rem 1rem;border:1px solid #ececec;border-radius:10px;background:#fff;box-sizing:border-box}.health-card h2{margin:0;color:#111;font-size:1rem;line-height:1.3}.health-card p{margin:.2rem 0 0;color:#777;font-size:.86rem;line-height:1.35}.health-card strong{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:30px;border-radius:999px;background:#f1f3f5;color:#777;font-size:.78rem;font-weight:800}.health-card__status{display:inline-flex;flex:0 0 auto;align-items:center;gap:.5rem}.health-card__status time{color:#777;font-size:.78rem;font-weight:700;white-space:nowrap}.health-card.is-ok strong{background:#e9f7ef;color:#157347}.health-card.is-fail strong{background:#fff1f0;color:#c92a2a}@media(max-width: 720px){.health-page{padding:0 1rem}.health-card{align-items:stretch;flex-direction:column;gap:.65rem}.health-card__status{justify-content:flex-start}}/*# sourceMappingURL=style.css.map */