.cp-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cp-title button{color:var(--palette-muted);font-size:var(--text-ui);white-space:nowrap}.cp-title button:hover{color:var(--palette-link-hover)}.cp-paragraph{position:relative}.cp-body p{line-height:var(--leading-copy);font-size:var(--text-body);margin:0 0 16px}.cp-marker{color:var(--palette-accent-quiet);align-items:center;gap:3px;min-width:22px;min-height:22px;transition:transform .16s,color .16s;display:flex;position:absolute;top:0;right:calc(100% + 6px)}.cp-marker:hover{transform:translate(1px)}.cp-marker span{font-size:9px}.cp-body ::selection{background:var(--palette-accent-soft);color:var(--palette-ink)}.cp-guide{border-top:var(--zg-border-rule);color:var(--palette-muted);font-size:var(--text-ui);justify-content:space-between;gap:16px;margin-top:40px;padding-top:16px;display:flex}.cp-guide button{color:var(--palette-accent-quiet);white-space:nowrap}.cp-prototype-note{font-size:var(--text-ui-sm);color:var(--palette-muted);margin-top:12px}.cp-status{font-size:var(--text-ui);color:var(--palette-accent-quiet);min-height:20px}.cp-surface{z-index:100;box-sizing:border-box;color:var(--palette-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-ui);border:var(--zg-border-rule);border-radius:var(--zg-radius-md);background:var(--palette-surface);box-shadow:0 4px 14px rgb(var(--palette-shadow-rgb) / .07);animation:.14s ease-out both cp-enter;position:fixed;overflow:hidden}.cp-surface:focus-visible{outline:none}.cp-panel{flex-direction:column;width:min(340px,100vw - 24px);max-height:calc(100dvh - 70px);display:flex}.cp-toolbar{background:var(--palette-elevated);border-bottom:var(--zg-border-rule);text-align:center;height:36px;font-size:var(--text-ui);color:var(--palette-muted);flex-shrink:0;grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.cp-list{overscroll-behavior:contain;min-height:0;max-height:min(320px,45dvh);padding:0 16px;overflow:auto}.cp-comment{border-bottom:var(--zg-border-faint);padding:12px 0}.cp-comment:last-child{border:0}.cp-comment p{overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0}.cp-comment small{font-size:var(--text-ui-sm);color:var(--palette-muted)}.cp-quote{text-align:left;background:var(--palette-elevated);width:100%;color:var(--palette-muted);font-size:var(--text-ui);white-space:pre-wrap;cursor:default;border-radius:4px;max-height:64px;padding:4px 8px;line-height:1.5;display:block;overflow:auto}.cp-quote:focus-visible{outline:1px solid var(--palette-rule);outline-offset:-1px}.cp-compose{max-height:55dvh;padding:12px 16px;overflow:auto}.cp-compose label{font-size:var(--text-ui);color:var(--palette-muted);margin-bottom:6px;display:block}.cp-compose blockquote{background:var(--palette-elevated);white-space:pre-wrap;max-height:90px;font-size:var(--text-ui);border-radius:4px;margin:0 0 4px;padding:8px 12px;overflow:auto}.cp-remove-quote{color:var(--palette-muted);font-size:var(--text-ui-sm);margin:4px 0 12px auto;display:block}.cp-compose textarea{box-sizing:border-box;resize:vertical;background:var(--palette-elevated);width:100%;min-height:84px;max-height:180px;font:inherit;color:inherit;border:1px solid #0000;border-radius:4px;padding:8px 12px;display:block}.cp-compose textarea:focus{border-color:var(--palette-rule);outline:none}@media (pointer:coarse){.cp-compose textarea{font-size:max(var(--zg-tap-text-min), var(--text-body));line-height:1.45}}.cp-compose>small{text-align:right;color:var(--palette-muted);font-size:var(--text-ui-sm);margin-top:6px;display:block}.cp-footer{background:var(--palette-elevated);border-top:var(--zg-border-faint);min-height:33px;font-size:var(--text-ui);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:6px 16px;display:flex}.cp-footer :is(button,a[href]){color:var(--palette-accent-quiet);min-height:24px}.cp-footer a[href]{align-items:center;text-decoration:none;display:inline-flex}.cp-footer button:disabled{color:var(--palette-disabled);opacity:1;cursor:default}.cp-footer :is(button,a[href]):hover:not(:disabled){text-decoration:underline}.cp-footer>span{font-size:var(--text-ui-sm)}.cp-selection{background:var(--palette-ink);color:var(--palette-surface);border-radius:6px;padding:0;overflow:visible}.cp-selection :is(a,button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:7px 12px;text-decoration:none;display:block;position:relative}@media (pointer:coarse){.cp-selection :is(a,button):before{content:"";inset-inline:0;inset-block:calc((var(--zg-tap-min) - 100%) / -2);position:absolute}}.cp-preview{border-radius:8px;width:min(280px,100vw - 24px);padding:8px 12px;transition:height .22s,opacity .1s ease-out,transform .1s ease-out}.cp-preview-link{text-align:left;gap:6px;width:100%;display:grid}.cp-preview-link span{font-size:var(--text-ui);color:var(--palette-muted)}.cp-preview-link strong{font-weight:400}.cp-preview-link small{font-size:var(--text-ui-sm);color:var(--palette-accent-quiet)}.cp-exit{pointer-events:none;animation:.1s ease-in both cp-exit}.cp-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes cp-enter{0%{opacity:0}to{opacity:1}}@keyframes cp-exit{to{opacity:0}}.cp-surface[data-nudge=play]{animation:.26s ease-out ec-discard-nudge}.cp-surface[data-nudge=done]{animation:none}@keyframes ec-discard-nudge{0%,52%,to{transform:translateY(0)}26%{transform:translateY(-3px)}74%{transform:translateY(-1px)}}@media (max-width:600px){.cp-panel{width:calc(100vw - 24px)}.cp-guide{flex-wrap:wrap}.cp-marker{min-width:18px;right:calc(100% + 2px)}.cp-marker span{font-size:8px}}@media (prefers-reduced-motion:reduce){.cp-surface,.cp-surface[data-nudge=play],.cp-marker,.cp-preview{transition:none;animation:none}}.cp-marker{-webkit-user-select:none;user-select:none;min-height:28px}.cp-panel{grid-template-rows:36px minmax(0,1fr) auto;max-height:min(360px,40dvh);display:grid}.cp-panel:has(form){max-height:calc(100dvh - 24px);display:block}.cp-list{min-height:0;max-height:none}@supports (animation-timeline:scroll()){.cp-list{animation:linear both cp-list-mask;animation-timeline:scroll(self)}@keyframes cp-list-mask{0%{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--zg-space-6)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--zg-space-6)), transparent)}1%,99%{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--zg-space-4), #000 calc(100% - var(--zg-space-6)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--zg-space-4), #000 calc(100% - var(--zg-space-6)), transparent)}to{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--zg-space-4));mask-image:linear-gradient(to bottom, transparent, #000 var(--zg-space-4))}}}.cp-comment{padding:var(--zg-space-2) 0}.cp-comment p{line-height:var(--leading-copy);margin:0}.cp-comment small{color:var(--palette-muted);max-inline-size:100%;font-size:10px;display:inline-block}.cp-quote{-webkit-line-clamp:2;background:var(--palette-elevated);-webkit-box-orient:vertical;max-height:none;margin:0 0 4px;padding:4px 8px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.cp-toolbar{flex-shrink:0;font-size:11px;position:relative}.ec-close{block-size:28px;inline-size:28px;color:var(--palette-muted);border-radius:var(--zg-radius-xs);padding:0;font-size:15px;line-height:1;position:absolute;inset-block-start:4px;inset-inline-end:8px}.ec-close:before{content:"";position:absolute;inset:-4px -8px -5px}.ec-close:hover{color:var(--palette-accent-quiet)}.ec-close[aria-disabled=true]{opacity:.55;cursor:default}.cp-footer{min-height:33px;padding:0 16px;font-size:12px}.cp-compose textarea{resize:none;min-height:38px;max-height:150px}.cp-compose{padding:12px 16px}.cp-preview{background:rgb(var(--palette-surface-rgb) / .36);border-color:rgb(var(--palette-rule-rgb) / .56);-webkit-backdrop-filter:blur(4px)saturate(1.45);backdrop-filter:blur(4px)saturate(1.45);width:max-content;min-width:180px;max-width:min(420px,100vw - 24px);max-height:min(60dvh,320px);box-shadow:0 4px 12px rgb(var(--palette-shadow-rgb) / .04), inset 0 1px 0 rgb(var(--palette-surface-rgb) / .72);transform-origin:50%;border-radius:8px;padding:8px 12px;overflow-y:auto}.cp-preview:before{content:"";pointer-events:none;background:linear-gradient(180deg, rgb(var(--palette-surface-rgb) / .56), rgb(var(--palette-surface-rgb) / .16) 46%, rgb(var(--palette-surface-rgb) / .08)), linear-gradient(90deg, rgb(var(--palette-surface-rgb) / .26), transparent 22%, transparent 78%, rgb(var(--palette-surface-rgb) / .18));position:absolute;inset:0}.cp-preview-link{font-size:12px;line-height:1.45;display:block;position:relative}.cp-preview-link .cp-preview-message{min-height:17.4px;color:var(--palette-ink);grid-area:1/1;font-size:12px;display:block}.cp-preview-link .cp-preview-message>span{color:var(--palette-ink);font-size:12px}.cp-preview-measure{visibility:hidden;grid-area:1/1;display:block;font-size:12px!important}.cp-preview-link small{color:var(--palette-muted);font-size:10px}.cp-typing:after{content:"";background:var(--palette-accent-line);vertical-align:-.08em;width:1px;height:.92em;margin-left:2px;animation:.64s step-end infinite cp-caret;display:inline-block}.cp-signature{animation:.22s both cp-signature}@keyframes cp-caret{50%{opacity:0}}@keyframes cp-signature{0%{opacity:0}to{opacity:1}}.cp-preview.cp-exit{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.cp-typing:after,.cp-signature{animation:none}}.cp-preview:has(.cp-preview-content){width:max-content;min-width:0;max-width:min(380px,100vw - 24px)}.cp-preview-content{position:relative}.cp-preview-content .cp-preview-link{text-align:left;width:100%;display:grid}.entry-comments-boundary{display:contents}.zg-article__head:has([data-comment-title-slot]>button){grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.zg-article__head:has([data-comment-title-slot]>button)>.zg-article__meta{grid-column:1/-1}[data-comment-title-slot]:not(:empty){margin-left:10px;display:flex}.ec-count{font:inherit;font-size:var(--text-ui);color:var(--palette-accent-quiet)}.ec-count:hover{color:var(--palette-link-hover)}.zg-prose :is(p,h1,h2,h3,li,pre):has(>.ec-marker){position:relative}.ec-marker{font:inherit;box-sizing:border-box;text-align:right;white-space:nowrap;min-width:24px;height:1lh;color:var(--palette-accent-quiet);-webkit-user-select:none;user-select:none;padding:0;display:block;position:absolute;top:0;right:calc(100% + 7px)}.ec-marker>span{vertical-align:baseline;width:9px;height:1cap;display:inline-block;position:relative}.ec-marker>span>span{font-family:Pretendard Variable,Pretendard JP Variable,sans-serif;font-size:9px;line-height:1;position:absolute;top:50%;right:0;transform:translateY(calc(-50% - 1px))}.ec-marker:before{content:"";position:absolute;inset-block:min(0px,50% - 12px);inset-inline:0}@media (pointer:coarse){.ec-marker:before{inset-block:min(0px, calc((100% - var(--zg-tap-min)) / 2))}}.ec-more{color:var(--palette-muted);border-radius:4px;padding:4px 6px;font-size:10px}.cp-comment:has(.ec-delete){position:relative}:is(.cp-comment:has(.ec-delete) .ec-comment-content,.cp-comment:has(.ec-delete)>.cp-quote){padding-inline-end:var(--zg-owner-control-xs,24px)}.ec-delete{inline-size:var(--zg-owner-control-xs,24px);block-size:var(--zg-owner-control-xs,24px);border-radius:var(--zg-radius-xs);font-size:var(--text-body);line-height:var(--leading-copy);color:var(--palette-muted);place-items:center;padding:0;display:grid;position:absolute;inset-block-start:var(--zg-space-2);inset-inline-end:0}.cp-comment:not(:has(>.cp-quote)) .ec-delete{inset-block-start:calc(var(--zg-space-2) + (1lh - var(--zg-owner-control-xs,24px)) / 2)}.ec-delete:hover:not(:disabled){color:var(--palette-accent-quiet);background:var(--palette-elevated)}.ec-delete:disabled{opacity:.55}.ec-delete-confirm{padding:var(--zg-space-4);font-size:var(--text-body);line-height:var(--leading-copy)}.ec-delete-confirm p{margin:0}.ec-delete-confirm-footer{gap:var(--zg-space-2);padding:var(--zg-space-2) var(--zg-space-4)}.cp-footer.ec-delete-confirm-footer button{min-height:var(--zg-owner-control-sm,28px);padding:var(--zg-space-1) var(--zg-space-2);border:var(--zg-border-rule);border-radius:var(--zg-radius-xs);background:var(--palette-surface);color:var(--palette-ink);line-height:var(--leading-ui)}.cp-footer.ec-delete-confirm-footer .ec-delete-confirm-submit{border-color:var(--palette-accent-quiet);background:var(--palette-accent-quiet);color:var(--palette-surface)}.ec-delete-confirm-footer button:disabled{opacity:.55;cursor:default}.cp-panel :is(button,a[href]):focus-visible{outline:2px solid var(--palette-accent-line);outline-offset:-2px;border-radius:4px}.ec-list-state{text-align:center;min-height:96px;color:var(--palette-muted);font-size:var(--text-ui);justify-content:center;align-items:center;margin:0;padding:24px 8px;line-height:1.6;display:flex}.ec-more{width:100%;min-height:32px}.ec-error{padding:12px 16px;font-size:12px}.ec-error button{color:var(--palette-accent-quiet);margin-left:12px}.cp-panel:has(.ec-error){flex-direction:column;display:flex}.cp-panel:has(.ec-error) .cp-list{overflow:auto}.cp-panel:not(:has(form)){max-height:min(360px,40dvh)!important}.cp-compose{max-height:calc(100dvh - 80px)}.cp-panel:has(form){overflow:auto}[data-comment-title-slot]:empty{display:none}.cp-comment .cp-quote{-webkit-line-clamp:unset;font-weight:inherit;display:block;overflow:visible}.cp-comment p{white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:wrap}.cp-panel .cp-compose{padding:0}.ec-compose-body{padding:12px 16px}.ec-compose-quote{background:var(--palette-elevated);border-radius:4px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:7px 10px;display:flex}.ec-compose-quote blockquote{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;padding:0;font-size:11px;line-height:1.5}.ec-compose-body textarea{min-height:38px;max-height:150px;font-size:var(--text-body);line-height:var(--leading-copy);border:1px solid var(--palette-rule);background:var(--palette-elevated);resize:none;padding:8px 12px}.ec-compose-body textarea:focus{border-color:var(--palette-accent-quiet)}.ec-compose-body textarea::placeholder{color:var(--palette-muted-soft);opacity:1}.ec-compose-body textarea{caret-color:var(--palette-accent-quiet)}@media (pointer:coarse){.ec-compose-body textarea{font-size:max(var(--zg-tap-text-min), 12px);line-height:1.45}}.ec-compose-footer{height:33px;padding:0 16px}.ec-compose-footer small{color:var(--palette-muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:10px}.ec-compose-footer .ec-count-over{color:var(--palette-accent-quiet)}.ec-compose-footer :is(button,a[href]){min-height:24px;padding:0;font-size:11px}.ec-compose-footer.ec-discard{gap:8px}.ec-compose-footer.ec-discard .ec-discard-question{color:var(--palette-muted);margin-right:auto;font-size:12px}.ec-compose-footer.ec-discard :is(.ec-discard-cancel,.ec-discard-confirm){font-size:12px}.ec-compose-footer.ec-discard .ec-discard-cancel{color:var(--palette-muted-soft)}.ec-compose-footer.ec-discard .ec-discard-confirm{color:var(--palette-accent-quiet)}.cp-panel:not(:has(form)){flex-direction:column;display:flex}.cp-panel:not(:has(form))>.cp-footer{margin-top:auto}.ec-toast{z-index:101;max-inline-size:calc(100vw - 2 * var(--zg-space-3));padding:var(--zg-space-2) var(--zg-space-3);border:var(--zg-border-rule);border-radius:var(--zg-radius-sm);background:var(--palette-surface);color:var(--palette-ink);box-shadow:var(--zg-shadow-popover);font-family:var(--font-body);font-size:var(--text-ui);line-height:var(--leading-ui);pointer-events:none;position:fixed;inset-block-end:max(var(--zg-space-6), env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%)}@media (pointer:coarse){.cp-comment:has(.ec-delete){min-block-size:calc(var(--zg-tap-min) + var(--zg-space-2) * 2)}:is(.cp-comment:has(.ec-delete) .ec-comment-content,.cp-comment:has(.ec-delete)>.cp-quote){padding-inline-end:var(--zg-tap-min)}.cp-footer{min-height:var(--zg-tap-min)}.ec-delete:before{content:"";inset:calc((var(--zg-owner-control-xs,24px) - var(--zg-tap-min)) / 2);position:absolute}.cp-footer :is(button,a[href]){position:relative}.cp-footer :is(button,a[href]):before{content:"";inset-inline:0;inset-block:calc((var(--zg-tap-min) - 100%) / -2);position:absolute}.ec-compose-footer{height:auto}}.zg-deck__back-meta [data-comment-title-slot]{margin-left:0}.zg-deck__back-meta .ec-count{font:inherit;white-space:nowrap}.zg-deck__back-body{--ec-card-gutter:var(--zg-space-4)}.zg-deck__back-body .ec-marker{min-width:0;width:var(--ec-card-gutter);padding-inline-end:min(4px, calc(var(--ec-card-gutter) / 4));right:100%}.zg-deck__back-body .ec-marker>span{width:min(9px, calc(var(--ec-card-gutter) * .75))}@media (max-width:760px) and (max-height:260px){.zg-deck__back-body{--ec-card-gutter:var(--zg-space-2)}}.entry-comments-boundary .zg-deck__back-body .zg-prose pre{overflow:visible}.zg-deck__back-body .zg-prose pre>.ec-marker{top:var(--zg-space-3)}.ec-marker-hit-extension{z-index:90;min-width:0;min-height:0;box-shadow:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:fixed}