/* Shared, open comment rows for the detail page and player discussion sheet. */
.drama-detail.drama-detail-immersive>.drama-comments {margin:20px 4px 12px;padding:18px 12px;border:0;border-radius:0;background:transparent;color:#eee;}
.bottom-sheet.drama-comments-sheet {border:0;background:#151515;box-shadow:0 -12px 40px #0003;}
.drama-comments-sheet>header {position:absolute;top:13px;right:14px;z-index:2;padding:0;border:0;}
.drama-comments-sheet>header>div {display:none;}
.drama-comments-sheet .sheet-body {max-height:min(75dvh,720px);padding-top:20px;}
.drama-comments-sheet .drama-comments-heading {padding-right:52px;}
.phone .drama-comments-heading {gap:10px;margin-bottom:18px;}
.phone .drama-comments-heading>h2 {color:#f5f5f5;font-size:17px;line-height:1.5;}
.phone .drama-comments-heading>span {color:#929292;font-size:11px;white-space:nowrap;}
.phone .drama-comments-list {display:grid;gap:22px;}
.phone .drama-comments .drama-comment {display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:11px;row-gap:5px;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.phone .drama-comment-heading,.phone .drama-comment-by {display:contents;}
.phone .drama-comment-avatar {grid-column:1;grid-row:1/4;align-self:start;width:38px;height:38px;flex-basis:38px;margin:0;object-fit:cover;border-radius:50%;background:#403847;color:#cdbbdd;}
.phone .drama-comment-by>strong {grid-column:2;grid-row:1;align-self:center;min-width:0;color:#a9a9a9;font-size:13px;font-weight:400;line-height:1.5;}
.phone .drama-comment>.drama-comment-text {grid-column:2;grid-row:2;min-width:0;margin:0;color:#f3f3f3;font-size:14px;line-height:1.75;}
.phone .drama-comment-by>time {grid-column:2;grid-row:3;min-width:0;color:#7d7d7d;font-size:11px;line-height:1.6;}
.phone .drama-comment>.drama-comment-status {grid-column:2;grid-row:4;justify-self:start;margin:2px 0 0;padding:0;background:transparent;color:#b29cbf;font-size:10px;}
.phone .drama-comments .drama-comments-empty {padding:28px 0;color:#8e8e8e;font-size:13px;}
.phone .drama-comments-actions {justify-content:flex-end;gap:12px;margin:12px 0 0;}
.phone .drama-comments .quiet-button {min-height:32px;padding:4px 0;border:0;border-radius:0;background:transparent;color:#939393;font-size:11px;}
.phone .drama-comments .drama-comment-form {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;margin-top:16px;padding-top:12px;background:transparent;}
.phone .drama-comments-sheet .drama-comment-form {position:sticky;bottom:0;margin-top:auto;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(transparent,#151515 12px);}
.phone .drama-comment-form>label {min-width:0;margin:0;font-size:0;}
.phone .drama-comment-form textarea {width:100%;height:42px;min-height:42px;max-height:110px;margin:0;padding:10px 14px;border:0;border-radius:22px;resize:vertical;background:#262626;color:#f5f5f5;font-size:16px;line-height:22px;}
.phone .drama-comment-form textarea::placeholder {color:#868686;}
.phone .drama-comment-form>.drama-comment-send {grid-column:2;grid-row:1;align-self:stretch;min-width:44px;min-height:42px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:#f1f1f1;box-shadow:none;font-size:14px;line-height:1.5;}
.phone .drama-comment-send:disabled {opacity:.45;}
.phone .drama-comment-form>.drama-comments-notice {grid-column:1/-1;grid-row:2;margin:1px 0 0;color:#777;font-size:10px;}
.phone .drama-comments>.drama-comments-notice {color:#a8a8a8;font-size:11px;}