/* Activity status occupies its own header row, never the board or navigation. */
.activity-badge{height:94px;flex:none;display:flex;flex-direction:column;align-items:center;align-self:flex-start;gap:0;margin:4px clamp(16px,3.5vw,64px) -4px;max-width:calc(100% - 32px);pointer-events:none}
.activity-badge-image{width:72px;height:72px;flex:none;transition:opacity .65s ease;pointer-events:none}
.activity-badge img{width:100%;height:100%;object-fit:contain;filter:grayscale(var(--badge-gray,0));transition:filter .35s ease}
.activity-badge[data-visible=true] .activity-badge-image{pointer-events:auto}
.activity-badge[data-status=updated] .activity-badge-image:hover img{filter:grayscale(var(--badge-gray,0)) drop-shadow(0 0 9px #b7e867b0)}
.activity-badge[data-status=outdated] .activity-badge-image:hover img{filter:drop-shadow(0 0 9px #f34c7280)}
.activity-badge small{display:block;font:500 12px/1.45 system-ui;color:#ffe2df;text-shadow:0 1px 4px #000;max-width:190px;text-align:center;min-height:18px}
.activity-badge[data-preview=true] small{color:#f5d28d}.version-note{text-align:right;font-size:12px;opacity:.5;margin:8px 0 0;font-variant-numeric:tabular-nums}
.count-modal-title>span{display:block}.count-modal-title b,.count-title b{font-weight:800}
.count-confess{margin-top:12px;background:linear-gradient(145deg,#754a63,#452b41);color:#fce7ed;border-color:#b78a9e;font-size:15px}
.count-float-gray{color:#e0d9e3;text-shadow:0 2px 7px #221526}.count-float-portal{position:fixed;z-index:1000;right:auto;pointer-events:none}
.count-modal.reaction-departure .count-modal-inner{animation:reactionDepart 1.5s ease forwards;pointer-events:none}
.count-modal.reaction-only{min-height:255px;padding:24px;display:grid;align-items:center;cursor:default}
.reaction-panel{position:relative;display:grid;place-items:center;min-height:220px;width:100%;border-radius:18px;border:1px solid #cc7d9828;background:radial-gradient(ellipse,#b54d7520,transparent 73%);overflow:hidden}
.reaction-pair{display:flex;align-items:center;justify-content:center;gap:clamp(58px,10vw,88px);padding:35px 50px;font-size:clamp(32px,7vw,56px);line-height:1.2}
.reaction-teacher,.reaction-symbol{display:block;flex:none;transform-origin:center;will-change:transform,opacity}
.reaction-symbol{position:relative;width:1.2em;height:1.2em}.reaction-symbol>span{position:absolute;inset:0;display:grid;place-items:center}
.reaction-white{filter:grayscale(1) brightness(0) invert(1);z-index:2}.reaction-wave{opacity:0}.reaction-ripple{position:absolute;top:76%;left:50%;width:1.05em;height:.28em;border:1px solid #a5e4ef;border-radius:50%;opacity:0;pointer-events:none}
.reaction-manual{display:flex;align-items:center;gap:20px;font-size:clamp(42px,9vw,64px)}.reaction-manual .reaction-teacher,.reaction-girl{opacity:0}.reaction-good{position:absolute;inset:0;display:grid;place-items:center;padding:14px;font:clamp(28px,6.5vw,39px)/1.2 Georgia,serif;color:#ffe0d6;opacity:0;text-align:center}
.g-preview-tools{padding:16px;border:1px solid #b9859950;border-radius:15px;margin:20px 0;text-align:left;background:#2d1c2938}.g-preview-tools legend{font-weight:700;font-size:14px;color:#f9cfdd}.g-preview-tools label{display:flex;gap:10px;align-items:center;min-height:38px;font-size:14px;line-height:1.4}.g-preview-tools input[type=number]{width:85px;padding:8px;border-radius:8px;border:1px solid #aa8596;background:#291b26;color:#fff;font:inherit}.g-preview-tools small{display:block;font-size:12px;line-height:1.5;color:#d8bec9;margin-top:7px}.g-preview-tools input[type=checkbox]{accent-color:#db92ab;width:17px;height:17px;flex:none}
.mixer-tracks{display:grid;gap:10px;margin:20px 0}.mixer-track{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #b9cbb93b;border-radius:14px;padding:12px;background:linear-gradient(120deg,#294b3f,#17372f)}.mixer-track label{display:flex;align-items:center;gap:12px;text-align:left;font-size:15px;line-height:1.4}.mixer-track input{accent-color:#eacd93;width:18px;height:18px}.mixer-track .track-position{font:22px Georgia,serif;color:#efd59c;width:1.5ch}.mixer-track>div{display:flex;gap:5px}.mixer-track .subtle{padding:9px 12px;min-width:40px}.mixer-track:has(input:not(:checked)){opacity:.5}.mixer-note{font-size:13px!important;color:#c8d0bb!important}
#lessonHold[hidden]{display:none!important}#lessonHold{width:min(440px,100%);flex:1 1 310px}.action-bar:has(#lessonHold:not([hidden])){width:min(610px,100%);flex-wrap:wrap;gap:9px}.action-bar #lessonHold .vf-button{height:70px;padding:0;font-size:16px}.action-bar #lessonHold .vf-frame{padding:6px;border-radius:18px}.action-bar #lessonHold .vf-copy:not(.vf-centered){font-size:clamp(12px,3.1vw,18px);left:53px;right:9px}.action-bar #lessonHold .vf-key{left:13px;width:28px;height:30px;font-size:14px}.action-bar #lessonHold .vf-copy.vf-centered{inset:0 24px}.action-bar #lessonHold .vf-button:active{transform:none}.action-bar:has(#lessonHold:not([hidden])) .round-label{display:none}
@keyframes reactionDepart{to{opacity:0}}
@media(max-width:600px){.activity-badge{height:79px;margin-top:2px}.activity-badge-image{width:58px;height:58px}.count-modal.reaction-only{padding:15px;min-height:230px}.reaction-panel{min-height:198px}.reaction-pair{gap:53px;padding:38px 31px}.g-preview-tools{padding:12px}.count-modal-title{font-size:clamp(23px,5.8vw,30px)!important}.mixer-track{padding:10px;gap:8px}.mixer-track label{gap:8px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.activity-badge *{transition:none}.count-modal.reaction-departure .count-modal-inner{animation:none;opacity:0}.reaction-pair *{will-change:auto}}