.section-header{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;background:var(--color-neutral-000)}.section-header .headline-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-48);width:100%;max-width:var(--wd-container);box-sizing:border-box;padding:var(--pd-72) var(--pd-container) var(--pd-32);border-bottom:1px solid var(--color-neutral-300)}.section-header .headline-container .header-nav-breadCrumb{display:flex;align-items:center;gap:var(--gp-12)}.section-header .headline-container .header-nav-breadCrumb .text-header-nav{font-family:var(--ff-default);font-size:var(--fs-16);font-weight:var(--fw-sbld);line-height:1;letter-spacing:-.015em;color:var(--color-neutral-900)}.section-header .headline-container .header-nav-breadCrumb .rectangle{width:48px;height:1px;background:var(--color-neutral-900);flex-shrink:0}.section-header .headline-container .headline-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-24);width:100%}.section-header .headline-container .headline-wrapper .headline--sm{width:100%;font-family:var(--ff-default);font-size:var(--fs-40);font-weight:var(--fw-ebld);line-height:1.45;letter-spacing:-.025em;color:var(--color-neutral-900)}.section-header .headline-container .headline-wrapper .block-interaction{display:flex;justify-content:space-between;align-items:center;width:100%}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap{display:flex;align-items:center;gap:var(--gp-12)}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon{display:flex;align-items:center;gap:var(--gp-2)}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .icon-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .icon-box img{width:100%;object-fit:cover;object-position:center;transition:opacity .2s ease}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .info-text{display:flex;flex-direction:column;align-items:flex-start}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .info-text .text--xs{width:100%;font-size:var(--fs-14);color:var(--color-neutral-500)}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .icon-view{margin-right:2px}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .icon-view img{width:94%}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .icon-like img{width:84%}.section-header .headline-container .headline-wrapper .block-interaction .interaction-wrap .info-box--addIcon .icon-comment img{width:82%}.section-header .headline-container .headline-wrapper .block-interaction .info-box--addIcon{display:flex;align-items:center;gap:var(--gp-2)}.section-header .headline-container .headline-wrapper .block-interaction .info-box--addIcon .icon-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.section-header .headline-container .headline-wrapper .block-interaction .info-box--addIcon .icon-share{margin-right:2px}.section-header .headline-container .headline-wrapper .block-interaction .info-box--addIcon .icon-share img{width:82%}.section-header .headline-container .headline-wrapper .block-interaction .info-box--addIcon .info-text{display:flex;flex-direction:column;align-items:flex-start}.section-header .headline-container .headline-wrapper .block-interaction .info-box--addIcon .info-text .text--xs{width:100%;font-size:var(--fs-14);color:var(--color-neutral-500)}.section-content{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:var(--pd-32) 0;overflow:hidden;background:var(--color-neutral-000)}.section-content .content-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--gp-40);width:100%;max-width:var(--wd-container);box-sizing:border-box;padding:0 var(--pd-container);overflow:hidden}.section-content .content-wrapper .article-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-24);width:100%}.section-content .content-wrapper .article-container .article-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-32);width:100%}.section-content .content-wrapper .article-container .article-body .block-title,.section-content .content-wrapper .article-container .article-body .block-title .title-lg{display:flex;align-items:flex-start;width:100%}.section-content .content-wrapper .article-container .article-body .block-title .title-lg .title--lg{width:100%;font-size:var(--fs-40);line-height:1.45}.section-content .content-wrapper .article-container .article-body .block-title .title-md{display:flex;align-items:flex-start;width:100%}.section-content .content-wrapper .article-container .article-body .block-title .title-md .title--md{width:100%;font-size:var(--fs-32);line-height:1.45}.section-content .content-wrapper .article-container .article-body .block-title .title-sm{display:flex;align-items:flex-start;width:100%}.section-content .content-wrapper .article-container .article-body .block-title .title-sm .title--sm{width:100%;font-size:var(--fs-28);line-height:1.45}.section-content .content-wrapper .article-container .article-body .block-desc{display:flex;flex-direction:column;align-items:flex-start;width:100%}.section-content .content-wrapper .article-container .article-body .block-desc .desc--lg{width:100%;font-size:var(--fs-22);font-weight:var(--fw-reg);line-height:1.75}.section-content .content-wrapper .article-container .article-body .block-quote{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-16);width:100%;box-sizing:border-box;padding:0 0 0 var(--pd-32);border-left:2px solid var(--color-neutral-900)}.section-content .content-wrapper .article-container .article-body .block-quote .desc--md{width:100%;font-size:var(--fs-20);font-weight:var(--fw-reg);line-height:1.75}.section-content .content-wrapper .article-container .article-body .block-quote caption{display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;padding:var(--pd-8) 0}.section-content .content-wrapper .article-container .article-body .block-quote caption .text--sm{font-size:var(--fs-15);font-weight:var(--fw-reg);line-height:1.45;color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .article-body .block-picture{display:flex;flex-direction:column;align-items:center;gap:var(--gp-4);width:100%}.section-content .content-wrapper .article-container .article-body .block-picture .img-box{display:flex;flex-direction:column;align-items:center;width:100%;height:368px;min-width:var(--col-6);min-height:294px;overflow:hidden}@media (max-width: 1440px){.section-content .content-wrapper .article-container .article-body .block-picture .img-box{min-width:320px}}.section-content .content-wrapper .article-container .article-body .block-picture .img-box img{width:100%;height:100%;object-fit:cover;object-position:center}.section-content .content-wrapper .article-container .article-body .block-picture caption{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--pd-8) 0}.section-content .content-wrapper .article-container .article-body .block-picture caption .text--sm{font-size:var(--fs-15);font-weight:var(--fw-reg);line-height:1.45;color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .article-body h1,.section-content .content-wrapper .article-container .article-body h2,.section-content .content-wrapper .article-container .article-body h3,.section-content .content-wrapper .article-container .article-body h4,.section-content .content-wrapper .article-container .article-body h5,.section-content .content-wrapper .article-container .article-body h6{width:100%;font-family:var(--ff-default);font-weight:var(--fw-bld);line-height:1.45;letter-spacing:var(--ls-tight);color:var(--color-neutral-900);margin:0}.section-content .content-wrapper .article-container .article-body h1{font-size:var(--fs-40);font-weight:var(--fw-ebld)}.section-content .content-wrapper .article-container .article-body h2{font-size:var(--fs-32)}.section-content .content-wrapper .article-container .article-body h3{font-size:var(--fs-28)}.section-content .content-wrapper .article-container .article-body h4{font-size:var(--fs-24)}.section-content .content-wrapper .article-container .article-body p{width:100%;font-family:var(--ff-default);font-size:var(--fs-20);font-weight:var(--fw-reg);line-height:1.75;letter-spacing:var(--ls-tight);color:var(--color-neutral-900);margin:0}.section-content .content-wrapper .article-container .article-body blockquote{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-16);width:100%;box-sizing:border-box;padding:0 0 0 var(--pd-32);border-left:2px solid var(--color-neutral-900);margin:0}.section-content .content-wrapper .article-container .article-body blockquote p{font-size:var(--fs-20);line-height:1.75}.section-content .content-wrapper .article-container .article-body img{max-width:100%;height:auto;display:block}.section-content .content-wrapper .article-container .article-body ul,.section-content .content-wrapper .article-container .article-body ol{width:100%;padding-left:var(--pd-32);margin:0}.section-content .content-wrapper .article-container .article-body ul li,.section-content .content-wrapper .article-container .article-body ol li{font-family:var(--ff-default);font-size:var(--fs-20);font-weight:var(--fw-reg);line-height:1.75;letter-spacing:var(--ls-tight);color:var(--color-neutral-900);margin-bottom:var(--gp-8)}.section-content .content-wrapper .article-container .article-body a{color:var(--color-primary-500, #0066cc);text-decoration:underline}.section-content .content-wrapper .article-container .article-body a:hover{color:var(--color-primary-700, #004499)}.section-content .content-wrapper .article-container .article-body table{width:100%;border-collapse:collapse;margin:var(--gp-24) 0}.section-content .content-wrapper .article-container .article-body table th,.section-content .content-wrapper .article-container .article-body table td{padding:var(--pd-12) var(--pd-16);border:1px solid var(--color-neutral-300);font-size:var(--fs-16);line-height:1.5}.section-content .content-wrapper .article-container .article-body table th{background:var(--color-neutral-100);font-weight:var(--fw-bld);text-align:left}.section-content .content-wrapper .article-container .article-body strong,.section-content .content-wrapper .article-container .article-body b{font-weight:var(--fw-bld)}.section-content .content-wrapper .article-container .article-body em,.section-content .content-wrapper .article-container .article-body i{font-style:italic}.section-content .content-wrapper .article-container .article-body u{text-decoration:underline}.section-content .content-wrapper .article-container .keyword-container .block-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gp-4);width:100%;max-width:var(--wd-container);box-sizing:border-box;padding:var(--pd-32) 0 0}.section-content .content-wrapper .article-container .keyword-container .block-tags .tag-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gp-4);width:100%}.section-content .content-wrapper .article-container .keyword-container .block-tags .tag-wrapper .tag-item{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--pd-4) var(--pd-8);background:var(--color-neutral-100);border-radius:var(--cn-4)}.section-content .content-wrapper .article-container .keyword-container .block-tags .tag-wrapper .tag-item .text--xs{font-size:var(--fs-14);color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .interaction-container{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:var(--pd-16) var(--pd-4);border-top:1px solid var(--color-neutral-500);border-bottom:1px solid var(--color-neutral-500)}.section-content .content-wrapper .article-container .interaction-container .block-interaction{display:flex;justify-content:space-between;align-items:center;width:100%}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap{display:flex;align-items:center;gap:var(--gp-12)}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon{display:flex;align-items:center;gap:var(--gp-2)}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .icon-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .icon-box img{width:100%;object-fit:cover;object-position:center;transition:opacity .2s ease}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .info-text{display:flex;flex-direction:column;align-items:flex-start}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .info-text .text--xs{width:100%;font-size:var(--fs-14);color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .icon-view{margin-right:2px}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .icon-view img{width:94%}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .icon-like img{width:84%}.section-content .content-wrapper .article-container .interaction-container .block-interaction .interaction-wrap .info-box--addIcon .icon-comment img{width:82%}.section-content .content-wrapper .article-container .interaction-container .block-interaction .info-box--addIcon{display:flex;align-items:center;gap:var(--gp-2)}.section-content .content-wrapper .article-container .interaction-container .block-interaction .info-box--addIcon .icon-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.section-content .content-wrapper .article-container .interaction-container .block-interaction .info-box--addIcon .icon-share{margin-right:2px}.section-content .content-wrapper .article-container .interaction-container .block-interaction .info-box--addIcon .icon-share img{width:82%}.section-content .content-wrapper .article-container .interaction-container .block-interaction .info-box--addIcon .info-text{display:flex;flex-direction:column;align-items:flex-start}.section-content .content-wrapper .article-container .interaction-container .block-interaction .info-box--addIcon .info-text .text--xs{width:100%;font-size:var(--fs-14);color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .block-write{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-16);width:100%;box-sizing:border-box;padding:var(--pd-20) var(--pd-16);border:1px solid var(--color-neutral-500);border-radius:var(--cn-8)}.section-content .content-wrapper .article-container .block-write .profile-box{display:flex;align-items:center;gap:var(--gp-8)}.section-content .content-wrapper .article-container .block-write .profile-box .text--sm{height:100%;font-size:var(--fs-15);font-weight:var(--fw-sbld)}.section-content .content-wrapper .article-container .block-write .write-container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gp-12);width:100%}.section-content .content-wrapper .article-container .block-write .write-container .form-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-12);width:100%;box-sizing:border-box;padding:var(--pd-8) 0}.section-content .content-wrapper .article-container .block-write .write-container .form-container .desc--sm{width:100%;font-size:var(--fs-15);font-weight:var(--fw-reg);line-height:1.45;color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .block-write .write-container .button-box{display:flex;align-items:center;gap:var(--gp-4)}.section-content .content-wrapper .article-container .block-write .write-container .button-box .btn-cancel{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--pd-8) var(--pd-12)}.section-content .content-wrapper .article-container .block-write .write-container .button-box .btn-cancel .text--xs{font-size:var(--fs-14)}.section-content .content-wrapper .article-container .block-write .write-container .button-box .btn-submit{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--pd-8) var(--pd-12);background:var(--color-neutral-100);border:1px solid var(--color-neutral-900);border-radius:var(--cn-4)}.section-content .content-wrapper .article-container .block-write .write-container .button-box .btn-submit .text--xs{font-size:var(--fs-14)}.section-content .content-wrapper .article-container .block-write .login-required{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--pd-40) 0}.section-content .content-wrapper .article-container .block-write .login-required .login-message{display:flex;flex-direction:column;align-items:center;gap:var(--gp-16)}.section-content .content-wrapper .article-container .block-write .login-required .login-message .desc--sm{font-size:var(--fs-15);font-weight:var(--fw-reg);color:var(--color-neutral-700);text-align:center}.section-content .content-wrapper .article-container .block-write .login-required .login-message .btn-login{display:inline-flex;justify-content:center;align-items:center;padding:var(--pd-12) var(--pd-24);background:var(--color-neutral-900);border-radius:var(--cn-4);text-decoration:none;transition:background .2s}.section-content .content-wrapper .article-container .block-write .login-required .login-message .btn-login:hover{background:var(--color-neutral-800)}.section-content .content-wrapper .article-container .block-write .login-required .login-message .btn-login .text--sm{font-size:var(--fs-15);font-weight:var(--fw-sbld);color:var(--color-neutral-100)}.section-content .content-wrapper .article-container .block-comment{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-12);width:100%;box-sizing:border-box;padding:var(--pd-8) 0}.section-content .content-wrapper .article-container .block-comment .comment-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-32);width:100%}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-12);width:100%;box-sizing:border-box;padding:var(--pd-16) var(--pd-2);border-bottom:1px solid var(--color-neutral-300)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box.is-deleted{opacity:.6}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box.is-deleted .text-muted{color:var(--color-neutral-500);font-style:italic}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .profile-box{display:flex;align-items:center;gap:var(--gp-8)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .profile-box .text--sm{height:100%;font-size:var(--fs-15);font-weight:var(--fw-sbld)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .desc--sm{width:100%;font-size:var(--fs-15);font-weight:var(--fw-reg);line-height:1.45}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .reply-button-box{display:flex;align-items:center;gap:var(--gp-8)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .reply-button-box .info-date{display:flex;flex-direction:column;align-items:flex-start}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .reply-button-box .info-date .text--xs{width:100%;font-size:var(--fs-14);color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .reply-button-box .btn-write{display:flex;flex-direction:column;justify-content:center;align-items:center}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .comment-box .reply-button-box .btn-write .text--xs{font-size:var(--fs-14)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box{display:flex;align-items:flex-start;gap:var(--gp-2);width:100%;box-sizing:border-box;padding:var(--pd-6) 0 0 var(--pd-2);border-bottom:1px solid var(--color-neutral-300)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .icon-reply{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;box-sizing:border-box;padding:var(--pd-4) var(--pd-2);flex-shrink:0;margin-top:4px}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .icon-reply img{width:100%;object-fit:cover;object-position:center}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-12);width:100%;box-sizing:border-box;padding:var(--pd-12) 0}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .profile-box{display:flex;align-items:center;gap:var(--gp-8)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .profile-box .text--sm{height:100%;font-size:var(--fs-15);font-weight:var(--fw-sbld)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .desc--sm{width:100%;font-size:var(--fs-15);font-weight:var(--fw-reg);line-height:1.45}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .reply-button-box{display:flex;align-items:center;gap:var(--gp-8)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .reply-button-box .info-date{display:flex;flex-direction:column;align-items:flex-start}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .reply-button-box .info-date .text--xs{width:100%;font-size:var(--fs-14);color:var(--color-neutral-500)}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .reply-button-box .btn-write{display:flex;flex-direction:column;justify-content:center;align-items:center}.section-content .content-wrapper .article-container .block-comment .comment-container .comment-wrapper .reply-box .reply-wrap .reply-button-box .btn-write .text--xs{font-size:var(--fs-14)}.section-content .aside-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-24);width:100%;box-sizing:border-box;padding:var(--pd-24) var(--pd-20);border:1px solid var(--color-neutral-500);border-radius:var(--cn-16)}.section-content .aside-container .title-box--h4{display:flex;align-items:flex-start;width:100%}.section-content .aside-container .title-box--h4 .item-title--sm{width:100%;font-size:var(--fs-22);line-height:1.35}.section-content .aside-container .aside-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-24);width:100%}.section-content .aside-container .aside-wrapper .aside-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gp-8);width:100%}.section-content .aside-container .aside-wrapper .aside-item .item-title--xs{width:100%;line-height:1.45}.section-content .aside-container .aside-wrapper .aside-item .text--gnb{display:-webkit-box;width:100%;overflow:hidden;font-family:var(--ff-default);font-size:var(--fs-gnb);font-weight:var(--fw-reg);line-height:1;color:var(--color-neutral-900);-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis}#shareModal.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease}#shareModal.modal-overlay.active{display:flex;opacity:1}#shareModal.modal-overlay .modal-container{position:relative;display:flex;flex-direction:column;width:90%;max-width:500px;background:var(--color-neutral-000);border-radius:var(--cn-16);padding:var(--pd-32);transform:translateY(20px);transition:transform .3s ease}#shareModal.modal-overlay.active .modal-container{transform:translateY(0)}#shareModal.modal-overlay .modal-close{position:absolute;top:var(--pd-20);right:var(--pd-20);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-neutral-600);transition:color .2s ease}#shareModal.modal-overlay .modal-close:hover{color:var(--color-neutral-900)}#shareModal.modal-overlay .modal-close svg{width:24px;height:24px}#shareModal.modal-overlay .modal-content{display:flex;flex-direction:column;gap:var(--gp-24)}#shareModal.modal-overlay .modal-header{display:flex;flex-direction:column;gap:var(--gp-8)}#shareModal.modal-overlay .modal-header .modal-title{font-size:var(--fs-24);font-weight:700;color:var(--color-neutral-900)}#shareModal.modal-overlay .modal-header .modal-description{font-size:var(--fs-14);color:var(--color-neutral-600)}#shareModal.modal-overlay .share-content{display:flex;flex-direction:column;gap:var(--gp-16)}#shareModal.modal-overlay .share-content .url-display{width:100%}#shareModal.modal-overlay .share-content .url-display .url-input{width:100%;padding:var(--pd-12) var(--pd-16);font-size:var(--fs-14);color:var(--color-neutral-700);background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--cn-8);outline:none;-webkit-user-select:all;user-select:all;cursor:text}#shareModal.modal-overlay .share-content .url-display .url-input:focus{border-color:var(--color-neutral-500);background:var(--color-neutral-000)}#shareModal.modal-overlay .share-content .btn-copy{display:flex;align-items:center;justify-content:center;gap:var(--gp-8);width:100%;padding:var(--pd-14) var(--pd-20);background:var(--color-neutral-900);color:var(--color-neutral-000);border:none;border-radius:var(--cn-8);font-size:var(--fs-16);font-weight:600;cursor:pointer;transition:background .2s ease}#shareModal.modal-overlay .share-content .btn-copy:hover{background:var(--color-neutral-700)}#shareModal.modal-overlay .share-content .btn-copy:active{transform:scale(.98)}#shareModal.modal-overlay .share-content .btn-copy svg{width:20px;height:20px}#shareModal.modal-overlay .share-content .copy-success{display:flex;align-items:center;justify-content:center;gap:var(--gp-8);padding:var(--pd-12);background:#f0fdf4;border:1px solid #86EFAC;border-radius:var(--cn-8);color:#166534;font-size:var(--fs-14);font-weight:500}#shareModal.modal-overlay .share-content .copy-success svg{width:20px;height:20px}@media (max-width: 768px){#shareModal.modal-overlay .modal-container{width:95%;padding:var(--pd-24)}#shareModal.modal-overlay .modal-header .modal-title{font-size:var(--fs-20)}#shareModal.modal-overlay .share-content{gap:var(--gp-12)}#shareModal.modal-overlay .share-content .url-input{font-size:var(--fs-13);padding:var(--pd-10) var(--pd-14)}#shareModal.modal-overlay .share-content .btn-copy{padding:var(--pd-12) var(--pd-16);font-size:var(--fs-15)}}
