/* Common card presentation. Variants change content, not the window shell. */
#panel.card-study{width:min(680px,calc(100vw - 24px));background:#fff}
#panel.card-study #panel-body{padding:0;overflow-y:auto;scrollbar-gutter:stable;flex:1 1 auto}
.study-player-wrap{position:relative;aspect-ratio:16/9;background:#102743}
.study-player{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0;background:#102743}
.player-notice{margin:8px var(--record-inset) 0;padding:0;color:#496680;font-size:var(--text-body);line-height:1.6;text-align:left}
.record-content-inset>.player-notice{margin-inline:0}
.player-notice button{border:0;padding:0;background:transparent;font:inherit;color:inherit;text-decoration:underline}
.player-notice[hidden],.study-footer[hidden],.study-more[hidden],.study-switch[hidden]{display:none}
.record-content{--record-inset:var(--panel-content-inset);padding:0}
.record-content-inset{padding:var(--panel-content-inset) var(--record-inset) var(--panel-action-gap)}
.study-copy{--avatar-size:52px;--identity-gap:12px;--record-tool-size:44px;--record-menu-inset:calc((var(--record-tool-size) - 20px)/2 + 2.5px);--record-copy-top:12px;--record-identity-bottom:6px;padding:var(--record-copy-top) var(--record-inset) var(--panel-content-inset)}
.record-content-inset>.study-copy{padding-inline:0;padding-bottom:0}
.study-title-row{display:flex;gap:12px;align-items:flex-start}
.study-video-title{flex:1;min-width:0;font-size:calc(var(--text-title) + var(--text-unit));line-height:1.5;margin:0 0 10px;font-weight:600;overflow-wrap:anywhere}
.study-copy-single .study-video-title{margin-bottom:8px}
/* Both identity layouts share row placement. Controls span rows without stretching the name. */
.study-person{display:grid;grid-template-columns:var(--avatar-size) minmax(0,1fr) auto;column-gap:var(--identity-gap);row-gap:0;align-items:center;margin:6px 0 var(--record-identity-bottom)}
.study-person-thread{grid-column:1 / -1;margin-top:12px}
.study-person>:is(.animal-sprite,.record-coral){grid-column:1;grid-row:1 / 3;align-self:start;width:var(--avatar-size);height:var(--avatar-size);image-rendering:pixelated}
.study-person>.study-name{grid-column:2;grid-row:1;min-width:0;font-size:var(--text-name);line-height:1.35;font-weight:600;overflow-wrap:anywhere}

.study-person>.study-tools{grid-column:3;grid-row:1 / 3;align-self:start;margin:-8px 0 0;align-items:center}
.study-person>.study-meta{grid-column:2 / -1;grid-row:2;display:block;min-width:0;margin:0;font:var(--text-meta)/1.4 var(--font-record-meta,monospace);letter-spacing:.06em;color:#496680}
.study-meta-keywords,.study-meta time{white-space:nowrap}
.emotion-separator{display:inline-block;margin-inline:.18em;letter-spacing:0}
.study-person .study-meta time{display:inline;font:inherit;letter-spacing:inherit;color:inherit;margin:0}
.study-note{font-size:var(--text-body);line-height:1.85;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}
.study-copy-single>.study-note{margin-inline:6px var(--record-menu-inset)}
.study-comments{--avatar-size:34px;--identity-gap:10px;list-style:none;padding:0;margin:0}
.study-comments li{display:grid;grid-template-columns:var(--avatar-size) minmax(0,1fr) var(--record-tool-size);column-gap:var(--identity-gap);padding:0 0 12px;margin:0 0 16px;border:0}
.study-comments .study-note,.study-comments .study-report-form{grid-column:2 / -1;margin-inline:0 var(--record-menu-inset)}
.study-comments .study-note{line-height:1.75}
.study-count{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0;border:0;font-size:calc(16 * var(--text-unit));line-height:calc(24 * var(--text-unit))}
.study-tools{display:flex;margin-inline-start:auto;gap:2px}
.study-icon{display:grid;place-items:center;flex-shrink:0;width:var(--record-tool-size);height:var(--record-tool-size);padding:0;border:0;background:transparent;color:#496680;cursor:pointer}
.study-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-1px)}
.study-icon:hover,.study-comment-menu summary:hover{background:transparent}
.study-time{display:inline-block;background:#e0f3fc;border:0;padding:1px 6px;margin:0 7px 0 0;font:inherit;font-weight:400;line-height:1.45;color:#193650;cursor:pointer;text-decoration:none;vertical-align:baseline}
.study-more{display:inline;margin:0 0 0 6px;border:0;background:transparent;color:#496680;font:inherit;font-weight:400;padding:0;cursor:pointer;white-space:nowrap;text-decoration:none}
.study-more:hover{background:transparent}
.study-comment-menu{position:relative}
.study-comment-menu summary{list-style:none;cursor:pointer;width:var(--record-tool-size);height:var(--record-tool-size);display:grid;place-items:center;padding:0;line-height:1;color:#587086;letter-spacing:0}
.study-comment-menu summary svg{width:20px;height:20px;fill:currentColor}
.study-comment-menu summary::-webkit-details-marker{display:none}
.study-menu-options{position:absolute;right:0;top:100%;z-index:5;width:max-content;min-width:0;padding:2px;background:#fff;border:1px solid #afc5d4;box-shadow:2px 2px 0 #dbe7ee}
.study-comment-menu.opens-up .study-menu-options{top:auto;bottom:100%}
.study-menu-options button{display:block;width:100%;min-height:var(--control-visual-height);padding:5px 10px;white-space:nowrap;border:0;background:#fff;color:#193650;text-align:left;font:inherit}
.study-menu-options button:hover{background:#fff}
.study-report-form{display:grid;gap:12px;min-width:0;padding:16px;margin:12px var(--record-menu-inset) 12px calc(var(--avatar-size) + var(--identity-gap));border:1px solid #94aec1;background:#f2f9fc}
.study-report-title{margin:0;font-size:var(--text-title);line-height:1.5}
.study-report-reasons{display:grid;gap:8px;min-width:0;border:0;padding:0;margin:0}
.study-report-reasons label{display:flex;align-items:flex-start;gap:6px;line-height:1.5}
.study-report-reasons input{flex:0 0 auto;margin:5px 0 0;accent-color:var(--ink)}
.study-report-form p,.study-report-form .form-actions{margin:0}
.study-report-form p:empty{display:none}
.study-report-form .form-actions{flex-wrap:wrap}
.study-report-form button{min-height:44px;padding:8px 12px}
#panel .study-footer{position:relative;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;height:auto;min-height:0;padding:0 var(--panel-content-inset) var(--panel-content-inset);background:#fff;border:0;box-shadow:none;flex:0 0 auto;z-index:3}
#panel .study-footer[hidden]{display:none}
#panel.mine-window .study-footer{padding-top:0;overflow:hidden;scrollbar-gutter:stable}
#panel .study-footer>button{max-width:100%;min-height:44px;padding:10px 14px;white-space:normal;overflow-wrap:anywhere}
#panel .study-footer .study-recommend{position:static;padding:var(--control-padding);min-height:var(--control-height);font-size:var(--control-text);border:2px solid #294a70;background:#fff28a;color:#183552;box-shadow:inset 2px 2px #fffbd0,inset -2px -2px #d1ba54;font-weight:700;cursor:pointer}
/* Comparison navigation is intentionally separate from production actions. */
.study-switch{position:relative;z-index:2;justify-content:center;display:flex;flex-wrap:wrap;gap:6px;background:#fff;padding:6px;border:2px solid #193650;box-shadow:3px 3px #193650}
.study-switch button{padding:9px 14px;border:0;background:#fff;color:#193650;font-weight:bold;cursor:pointer}
.study-switch button[aria-pressed=true]{background:#193650;color:#fff}
.calendar-day-list{container-type:inline-size;display:grid;gap:28px}
.calendar-day-list section>div{display:grid;gap:20px}
.calendar-day-list h2{font-size:var(--text-title);line-height:1.5;margin:0 0 8px}
.calendar-day-list h2 span{font:var(--text-title) var(--font-record-meta);color:#496680;margin-inline-start:6px}
.calendar-day-video{display:grid;grid-template-columns:minmax(116px,36%) minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.calendar-day-video:hover{background:transparent}
.calendar-day-video img{width:100%;aspect-ratio:16/9;object-fit:cover}
.calendar-day-video strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--text-title);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.calendar-day-video small{display:block;margin-top:4px;font-size:var(--text-meta);line-height:1.4;color:#496680}
#mine-content:has(>.record-content){padding:0}
.record-publish-form{padding:0 24px 24px}
@media(max-width:650px){.study-copy{--record-copy-top:10px;--avatar-size:40px;--identity-gap:8px}.study-count{font-size:calc(14 * var(--text-unit))}.record-publish-form{padding-inline:16px}}

@container(max-width:20rem){.calendar-day-video{grid-template-columns:1fr}.calendar-day-video strong{-webkit-line-clamp:2}}
.study-count>strong{font-weight:600;color:#496680}

.coral-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.coral-options>span{display:grid;place-items:center;padding:8px;background:#f2faff;border:1px solid #c6dce8}.coral-options .record-coral{width:44px;height:44px;max-width:100%}@media(max-width:500px){.coral-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}

.record-state{display:inline-block;font-family:var(--font-ui);font-size:var(--text-meta);font-weight:400;white-space:nowrap}
.record-state-pending{color:#785719}.record-state-private{color:#994252}
.record-state-notice{margin:0 0 8px;padding:5px 8px;background:#f5f8fa;font-size:var(--text-meta);line-height:1.5;color:#496680}