*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--panel: #1a1d27;--card: #232734;--border: #2d3244;--text: #e8eaf0;--text-dim: #8b90a5;--accent: #4f8cff;--green: #34d399;--yellow: #fbbf24;--red: #f87171;--orange: #fb923c;--weather-bg: rgba(26, 29, 46, .95);--leaflet-bg: #1a1d27}:root.light{--bg: #f4f6f8;--panel: #ffffff;--card: #eef0f5;--border: #d5d8e0;--text: #1a1d2e;--text-dim: #6b7085;--accent: #3b74e0;--green: #16a368;--yellow: #d99a06;--red: #dc4545;--orange: #e07b2a;--weather-bg: rgba(255, 255, 255, .92);--leaflet-bg: #e8eaf0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}.hamburger-menu{position:fixed;top:12px;right:12px;z-index:1150}.runner-header .hamburger-menu{position:relative;top:auto;right:auto;margin-left:auto;z-index:auto}.hamburger-btn{width:40px;height:40px;border-radius:50%;background:var(--panel);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;transition:border-color .2s}.hamburger-btn:hover{border-color:var(--accent)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--text);border-radius:1px;transition:transform .2s,opacity .2s}.hamburger-icon.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hamburger-dropdown{position:absolute;top:48px;right:0;min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000004d;padding:6px 0;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;color:var(--text);font-size:.85rem;text-align:left;cursor:pointer;transition:background .15s}.menu-item:hover{background:var(--border)}.menu-item.menu-user{font-weight:600;color:var(--accent);cursor:default}.menu-item.menu-user:hover{background:none}.menu-item-danger{color:var(--red, #f87171)}.menu-item-danger:hover{background:#f871711a}.menu-divider{height:1px;background:var(--border);margin:4px 0}.modal{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#0009}.modal-content{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:380px;margin:1rem}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem}.modal-close:hover{color:var(--text)}.auth-form.hidden{display:none}.auth-form h2{margin-bottom:1.25rem;font-size:1.3rem}.auth-form .form-group{margin-bottom:1rem}.auth-form .btn-primary{width:100%;margin-top:.5rem}.auth-switch{margin-top:1rem;text-align:center;font-size:.8rem;color:var(--text-dim)}.page{position:fixed;inset:0;background:var(--bg);z-index:1100;overflow-y:auto}.page.hidden{display:none}.overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1100;text-align:center}.overlay.hidden{display:none;pointer-events:none}.overlay-content h1{font-size:2.5rem;margin-bottom:.5rem}.overlay-content p{font-size:1.2rem;color:var(--text-dim);margin-bottom:2rem}.countdown{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.overlay-weather{margin-top:1.5rem;font-size:.9rem;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:.5rem}.overlay-weather .weather-desc{color:var(--text);font-weight:600}.setup-container{max-width:480px;margin:0 auto;padding:3rem 1.5rem}.setup-container h1{font-size:2rem;margin-bottom:.25rem}.setup-subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1rem}.race-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.form-group input[type=text],.form-group input[type=datetime-local],.form-group input[type=email],.form-group input[type=password]{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.form-group input.input-invalid{border-color:var(--red)}.field-hint{font-size:.78rem;min-height:1.1em}.field-hint.hint-error{color:var(--red)}.file-upload{position:relative;background:var(--card);border:2px dashed var(--border);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s}.file-upload:hover{border-color:var(--accent)}.file-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.9rem}.file-icon{font-size:2rem}.form-error{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:var(--red);padding:.6rem .8rem;border-radius:8px;font-size:.85rem}.form-error.hidden{display:none}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.85rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.report-container{max-width:600px;margin:0 auto;padding:2.5rem 1.5rem}.report-container h1{font-size:1.8rem;margin-bottom:1.5rem}.report-content{margin-bottom:2rem}.report-note{color:var(--text-dim);text-align:center;padding:2rem}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.report-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem}.report-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.25rem}.report-card-value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.report-section{margin-bottom:1.5rem}.report-section h3{font-size:.95rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.hr-zones{display:flex;flex-direction:column;gap:.5rem}.hr-zone-row{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.hr-zone-label{width:120px;flex-shrink:0;color:var(--text-dim)}.hr-zone-bar-bg{flex:1;height:8px;background:var(--card);border-radius:4px;overflow:hidden}.hr-zone-bar{height:100%;border-radius:4px;transition:width .3s}.hr-zone-pct{width:45px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim)}.splits-table{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;max-height:300px;overflow-y:auto}.splits-header{display:flex;justify-content:space-between;padding:.6rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card)}.splits-row{display:flex;justify-content:space-between;padding:.45rem 1rem;font-size:.85rem;font-variant-numeric:tabular-nums;border-bottom:1px solid rgba(45,50,68,.3)}.splits-row:last-child{border-bottom:none}.report-map{height:250px;border-radius:10px;overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--border)}.report-map .leaflet-container{background:var(--leaflet-bg)}.race-history-section{margin-top:2.5rem;border-top:1px solid var(--border);padding-top:1.5rem}.race-history-section.hidden{display:none}.race-history-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.race-history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.history-name{font-weight:600;font-size:.95rem;margin-bottom:.2rem}.history-meta{font-size:.8rem;color:var(--text-dim)}.history-report-link{color:var(--accent);text-decoration:none;font-weight:600}.history-report-link:hover{text-decoration:underline}.history-copy-link{color:var(--text-dim);text-decoration:none;font-size:.8rem;margin-left:.5rem}.history-copy-link:hover{color:var(--accent);text-decoration:underline}.history-delete-link{color:var(--text-dim);text-decoration:none;font-size:.8rem;margin-left:.5rem}.history-delete-link:hover{color:var(--red);text-decoration:underline}.share-url-banner{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;margin:.75rem 0;flex-wrap:wrap}.share-label{color:var(--text-dim);font-size:.85rem;white-space:nowrap}.share-url-input{flex:1;min-width:180px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.35rem .5rem;font-size:.85rem;font-family:monospace}.btn-copy{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer;white-space:nowrap}.btn-copy:hover{opacity:.85}.main{display:flex;height:100vh}#map-container{flex:1 1 60%;min-width:0}#map{width:100%;height:100%}#stats-panel{flex:0 0 380px;background:var(--panel);border-left:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.stats-fixed{flex-shrink:0;padding:1.25rem 1.25rem .75rem;display:flex;flex-direction:column;gap:.5rem}.stats-scroll{flex:1;overflow-y:auto;padding:.5rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1rem}.runner-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.runner-avatar{font-size:2.5rem;line-height:1}.runner-info h1{font-size:1.4rem;font-weight:700}.runner-info p{font-size:.8rem;color:var(--text-dim)}.viewer-count{color:var(--text-dim);white-space:nowrap}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.1rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.stat-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-sub{font-size:.75rem;color:var(--text-dim)}.hr-green .stat-value{color:var(--green)}.hr-yellow .stat-value{color:var(--yellow)}.hr-red .stat-value{color:var(--red)}.progress-bar-container{position:relative;background:var(--card);border-radius:8px;height:28px;overflow:hidden;border:1px solid var(--border)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#6c5ce7);border-radius:8px;transition:width 1s ease}.progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.checkpoints h2{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.checkpoint-list{display:flex;flex-direction:column;gap:1px}.checkpoint{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:4px;font-size:.78rem;font-variant-numeric:tabular-nums}.checkpoint .km{width:2rem;font-weight:600;flex-shrink:0;text-align:right}.checkpoint.passed{color:var(--text)}.checkpoint.next{background:#4f8cff1a;color:var(--accent);font-weight:600}.checkpoint.upcoming{color:var(--text-dim)}.split-bar-track{flex:1;height:18px;background:var(--card);border-radius:4px;overflow:hidden;position:relative}.split-bar{height:100%;border-radius:4px;transition:width .3s ease}.split-bar.fast{background:#34d3998c}.split-bar.slow{background:#fb923c80}.split-pace{width:3.8rem;text-align:right;font-weight:600;font-size:.78rem;flex-shrink:0}.split-time{width:3.8rem;text-align:right;font-size:.72rem;color:var(--text-dim);flex-shrink:0}.checkpoint .eta{flex:1;text-align:right}.checkpoint .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.checkpoint.next .status-dot{background:var(--accent)}.checkpoint.upcoming .status-dot{background:var(--border)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.4}to{transform:scale(2.5);opacity:0}}.runner-marker{width:18px;height:18px;background:var(--accent);border:3px solid #fff;border-radius:50%;position:relative;box-shadow:0 0 8px #4f8cff99}.runner-marker:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite;z-index:-1}.km-marker{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.km-marker-major{width:22px;height:22px;background:var(--accent);border:2px solid #fff;border-radius:50%}.km-marker-minor{width:14px;height:14px;background:#4f8cff80;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:8px}@media(max-width:768px){body{overflow:auto;height:auto}.main{flex-direction:column;height:auto;min-height:100vh}#map-container{flex:none;height:35vh;position:sticky;top:0;z-index:10}#stats-panel{flex:none;overflow:visible;border-left:none;border-top:1px solid var(--border)}.stats-fixed{position:static}.stats-scroll{overflow:visible;padding-bottom:5rem}.stat-value{font-size:1.25rem}.setup-container,.report-container{padding:2rem 1rem}.report-grid{grid-template-columns:1fr}.weather-bar{padding:.3rem .5rem;min-width:auto;border-radius:8px;font-size:.65rem;gap:0}.weather-icon{font-size:1rem}.weather-temp{font-size:.85rem}.weather-desc{font-size:.6rem}.weather-details{display:none}.map-ctrl-btn{font-size:14px}.layer-switch-btn{width:30px;height:30px;bottom:10px;right:10px}.recenter-btn{bottom:10px;padding:6px 16px;font-size:.8rem}}#map-container{position:relative}.map-ctrl-btn{position:absolute;z-index:800;width:36px;height:36px;border-radius:50%;background:var(--panel);border:1px solid var(--border);cursor:pointer;box-shadow:0 2px 8px #00000059;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:border-color .2s;color:var(--text)}.map-ctrl-btn:hover{border-color:var(--accent)}.recenter-btn{position:absolute;z-index:800;bottom:12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000004d;white-space:nowrap;transition:opacity .2s}.recenter-btn:hover{opacity:.9}.layer-switch-btn{bottom:12px;right:12px;width:34px;height:34px;border-radius:10px}.live-qr-section{background:var(--card-bg, var(--card));border-radius:12px;padding:12px;margin:8px 12px;text-align:center}.live-qr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.live-qr-label{font-size:.85rem;opacity:.8}.live-qr-dismiss{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;opacity:.6}.live-qr-dismiss:hover{opacity:1}.live-qr-code{display:flex;justify-content:center}.live-qr-code>div{padding:12px;background:#fff;border-radius:12px;display:inline-block}.sensor-status{padding:.5rem .75rem;border-radius:8px;font-size:.78rem;display:none}.sensor-status.sensor-stale{display:block;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:var(--yellow)}.sensor-status.sensor-ok{display:none}.qr-section{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-section.hidden{display:none}.qr-label{font-size:.85rem;color:var(--text-dim)}#qr-code{padding:12px;background:#fff;border-radius:12px;display:inline-block}.weather-bar{display:none;position:absolute;top:12px;right:12px;z-index:800;flex-direction:column;gap:.2rem;padding:.55rem .75rem;background:var(--weather-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;font-size:.75rem;color:var(--text-dim);pointer-events:none;min-width:130px}.weather-bar.visible{display:flex}.weather-main{display:flex;align-items:center;gap:.45rem}.weather-icon{font-size:1.3rem;line-height:1}.weather-temp{font-size:1.1rem;font-weight:700;color:var(--text)}.weather-desc{font-size:.7rem;color:var(--text-dim)}.weather-details{display:flex;gap:.6rem;font-size:.68rem;color:var(--text-dim);padding-top:.15rem;border-top:1px solid rgba(45,50,68,.5);margin-top:.15rem}.weather-details span{display:flex;align-items:center;gap:.2rem}.weather-detail-icon{font-size:.75rem;opacity:.7}.last-update{font-size:.72rem;color:var(--text-dim);text-align:right;margin-bottom:-.25rem}.last-update.stale{color:var(--orange)}.leaflet-container{background:var(--leaflet-bg)}.theme-toggle{position:fixed;bottom:80px;right:16px;z-index:1200;background:var(--panel);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:background .2s,border-color .2s}.theme-toggle:hover{border-color:var(--accent)}.engagement-summary{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1.5rem;text-align:center}.engagement-headline{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.engagement-breakdown{font-size:.82rem;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:.5rem}.engagement-dot{color:var(--border)}.cheers-pill{position:fixed;bottom:20px;right:20px;z-index:1100;display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:24px;background:var(--accent);border:none;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;box-shadow:0 4px 16px #00000059;transition:transform .15s,box-shadow .15s}.cheers-pill:hover{transform:scale(1.04);box-shadow:0 6px 20px #00000073}.cheers-pill-active{background:var(--card);color:var(--text);border:1px solid var(--border)}.cheers-pill-icon{font-size:1rem;line-height:1}.cheers-pill-label{white-space:nowrap}.cheers-toast-stack{position:fixed;bottom:72px;right:20px;z-index:1050;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}.cheers-toast{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 14px;font-size:.82rem;color:var(--text);box-shadow:0 4px 16px #0000004d;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:toast-in .3s ease-out;pointer-events:none}.cheers-toast strong{font-weight:700}.toast-heart{font-size:.85rem}.cheers-toast-exit{animation:toast-out .4s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.cheers-overlay-backdrop{position:fixed;inset:0;background:#0006;z-index:1200;animation:cheers-backdrop-in .2s ease-out}@keyframes cheers-backdrop-in{0%{opacity:0}to{opacity:1}}.cheers-overlay{position:fixed;bottom:0;left:0;right:0;z-index:1250;background:var(--panel);border-top:1px solid var(--border);border-radius:16px 16px 0 0;max-height:70vh;display:flex;flex-direction:column;animation:cheers-slide-up .25s ease-out;box-shadow:0 -4px 24px #0000004d}@keyframes cheers-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cheers-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;flex-shrink:0}.cheers-overlay-header h2{font-size:1rem;font-weight:700;color:var(--text)}.cheers-overlay-close{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.cheers-overlay-close:hover{background:var(--card);color:var(--text)}.cheers-panel{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 16px 16px}.cheers-join-bar{display:flex;gap:8px;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:10px;background:var(--card);border:1px solid var(--border)}.cheers-join-bar input{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;outline:none}.cheers-join-bar input:focus{border-color:var(--accent)}.btn-join{padding:7px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .15s}.btn-join:disabled{opacity:.4;cursor:default}.btn-join:not(:disabled):hover{opacity:.85}.btn-join-cancel{padding:7px 12px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:.82rem;cursor:pointer;flex-shrink:0}.btn-join-cancel:hover{color:var(--text);border-color:var(--text-dim)}.cheers-feed{flex:1;min-height:0;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding-right:4px}.cheers-empty{color:var(--text-dim);font-size:.88rem;text-align:center;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.cheers-empty-icon{font-size:1.5rem}.cheer-item,.cheer-item.cheer-kudos{padding:2px 0}.cheer-kudos-row{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;color:var(--text-dim)}.cheer-kudos-heart{font-size:.85rem;flex-shrink:0}.cheer-kudos-label{flex:1;min-width:0}.cheer-kudos-label strong{color:var(--text);font-weight:600}.cheer-bubble-wrapper{display:flex;flex-direction:column;gap:2px}.cheer-bubble-meta{display:flex;align-items:center;gap:6px;padding-left:4px}.cheer-sender{font-size:.72rem;font-weight:600;color:var(--text-dim)}.cheer-time{font-size:.65rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0;opacity:.7}.cheer-bubble{background:var(--card);border:1px solid var(--border);border-radius:12px 12px 12px 4px;padding:8px 12px;display:flex;align-items:flex-end;gap:8px;max-width:85%}.cheer-message{font-size:.85rem;color:var(--text);word-break:break-word;flex:1;line-height:1.4}.cheer-like-btn{background:none;border:none;cursor:pointer;font-size:.82rem;color:var(--text-dim);display:flex;align-items:center;gap:3px;padding:2px 4px;border-radius:4px;flex-shrink:0;transition:color .15s;line-height:1}.cheer-like-btn:hover,.cheer-like-btn.liked{color:var(--red)}.cheer-like-count{font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}.cheers-input-section{flex-shrink:0}.cheers-sender-label{font-size:.72rem;color:var(--text-dim);margin-bottom:6px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s;display:inline-block}.cheers-sender-label:hover{background:var(--card);color:var(--text)}.cheers-sender-label strong{color:var(--text);font-weight:600}.cheer-input-area{display:flex;gap:6px;align-items:center}.cheer-input-area input{flex:1;min-width:0;padding:8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.85rem;outline:none}.cheer-input-area input:focus{border-color:var(--accent)}.btn-kudos{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.btn-kudos:hover{background:var(--border)}.btn-send-cheer{padding:8px 16px;border-radius:20px;border:none;background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .15s}.btn-send-cheer:disabled{opacity:.4;cursor:default}.btn-send-cheer:not(:disabled):hover{opacity:.85}@keyframes cheer-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cheer-fade-in{animation:cheer-fade-in .25s ease-out}@media(min-width:769px){.cheers-overlay{left:auto;right:16px;bottom:72px;width:380px;max-height:520px;border-radius:16px;border:1px solid var(--border)}.cheers-pill{bottom:20px;right:20px}.cheers-toast-stack{bottom:68px;right:20px}}