.cmt-scrim,.shr-scrim{position:fixed;inset:0;z-index:2100;background:rgba(13,12,18,.35)}.cmt-panel,.shr-panel{position:fixed;z-index:2101;background:var(--surface);color:var(--ink);display:flex;flex-direction:column;box-shadow:0 -8px 30px rgba(0,0,0,.25)}.cmt-panel{height:72vh;max-height:72vh;outline:none}.cmt-panel,.shr-panel{left:0;right:0;bottom:0;border-radius:18px 18px 0 0}.shr-panel{padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px))}.cmt-grab{display:block;width:44px;height:5px;border-radius:3px;background:#d6d0e6;margin:8px auto 0}.cmt-top{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 16px;border-bottom:1px solid #eee9f6}.cmt-top h2{font-size:17px;font-weight:700;margin:0;color:var(--ink)}.cmt-close{width:44px;height:44px;border:0;background:none;color:var(--ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.cmt-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:4px 16px 8px}.cmt-list{list-style:none;margin:0;padding:0}.cmt-item{display:flex;gap:10px;padding:10px 0}.cmt-sub{margin-left:42px;border-left:2px solid #eee9f6;padding-left:10px}.cmt-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#eee9f6}.cmt-main{flex:1 1;min-width:0}.cmt-head{display:flex;align-items:baseline;gap:8px}.cmt-name{font-weight:700;font-size:14px}.cmt-time{font-size:12px;color:var(--ink-3)}.cmt-text{margin:2px 0;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.cmt-actions{display:flex;align-items:center;gap:4px}.cmt-link{color:var(--brand);font-weight:700;font-size:14px;padding:0 8px 0 0}.cmt-like,.cmt-link{background:none;border:0;min-height:44px}.cmt-like{display:inline-flex;align-items:center;gap:4px;min-width:44px;padding:0 8px;color:var(--ink-3);font-size:13px;font-weight:600;border-radius:22px}.cmt-like.cmt-liked{color:var(--brand-2)}.cmt-like-n{min-width:8px}.cmt-item{transition:background-color .6s ease;border-radius:10px}.cmt-item.cmt-hl{background:#efe9ff;box-shadow:0 0 0 6px #efe9ff}.lk-list{list-style:none;margin:0;padding:0}.lk-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 0;color:inherit;text-decoration:none}.lk-row:hover .lk-name{text-decoration:underline}.lk-text{display:flex;flex-direction:column;min-width:0}.lk-name{font-weight:700;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:4px}.lk-name,.lk-user{overflow-wrap:anywhere}.lk-user{font-size:13px;color:var(--ink-3)}.cmt-replies{padding-left:42px}.cmt-dots{width:44px;height:44px;border:0;background:none;color:var(--ink-3);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.cmt-menu-wrap{position:relative;margin-left:auto}.cmt-menu{position:absolute;right:0;top:40px;z-index:5;background:var(--surface);border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.25);padding:4px;min-width:130px;display:flex;flex-direction:column}.cmt-menu.cmt-menu-up{top:auto;bottom:40px}.cmt-menu button{min-height:44px;border:0;background:none;text-align:left;padding:0 12px;font-size:15px;border-radius:8px;color:var(--ink)}.cmt-menu button:hover{background:var(--brand-soft)}.cmt-state{padding:28px 8px;text-align:center;color:var(--ink-2)}.cmt-btn{min-height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--brand-2);background:var(--surface);color:var(--brand);font-weight:700}.cmt-more{display:block;margin:8px auto}.cmt-compose{border-top:1px solid #eee9f6;padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));background:var(--surface)}.cmt-replying{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-2);padding:0 4px 6px}.cmt-replying button{min-width:44px;min-height:36px;border:0;background:none;color:var(--ink-2)}.cmt-row{display:flex;align-items:center;gap:8px}.cmt-input{flex:1 1;min-width:0;min-height:44px;border:1px solid #d6d0e6;border-radius:22px;padding:0 14px;font-size:16px;color:var(--ink);background:var(--surface)}.cmt-post{min-height:44px;min-width:56px;border:0;background:none;color:var(--brand);font-weight:700;font-size:15px}.cmt-post:disabled{color:#b4aecb}.cmt-counter{text-align:right;font-size:12px;color:var(--ink-3);padding:2px 8px 0}.cmt-off{margin:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom, 0px));border-top:1px solid #eee9f6;color:var(--ink-2);text-align:center}.cmt-input:focus-visible,.cmt-panel button:focus-visible,.shr-panel button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shr-link{margin:10px 16px 4px;font-size:14px;color:var(--ink-2);overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.shr-note{margin:14px 16px;color:var(--ink-2);font-size:15px}.shr-grid{list-style:none;margin:0;padding:8px 12px 4px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.shr-btn{width:100%;min-height:76px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--ink);border-radius:12px}.shr-btn:hover{background:var(--brand-soft)}.shr-ico{width:48px;height:48px;border-radius:50%;background:var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}@media (min-width:801px){.cmt-scrim{background:transparent}.cmt-panel{left:auto;right:16px;top:76px;bottom:16px;width:400px;height:auto;max-height:none;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.cmt-grab{display:none}.shr-panel{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:460px;max-width:calc(100vw - 32px);border-radius:16px}.shr-scrim{background:rgba(13,12,18,.45)}}@media (max-width:800px) and (prefers-reduced-motion:no-preference){.cmt-panel,.shr-panel{animation:cmt-up .18s ease-out}}@keyframes cmt-up{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}.shr-send{margin:10px 16px}.cmt-namebadge{display:inline-flex;align-items:center;min-width:0}