.live-activity-widget{@apply flex flex-col gap-1 text-sm;padding:8px 0;position:relative;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.activity-label{@apply flex items-center gap-2;opacity:.6;font-size:.75rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.activity-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;position:relative;transition:all .4s ease;opacity:.7}.activity-pulse:before{content:"";position:absolute;inset:-1px;border-radius:50%;background:#10b981;opacity:.3;animation:pulse-ring-soft 3s infinite ease-out}.activity-pulse.active{opacity:1;animation:pulse-dot-soft 1.5s ease-out}.activity-pulse.active:before{animation:pulse-ring-soft 3s infinite ease-out,pulse-ring-active-soft 1s ease-out}.label-text{color:currentColor}.visit-count{font-size:2rem;font-weight:300;font-variant-numeric:tabular-nums;line-height:1;color:#10b981;margin:4px 0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.visit-count:hover{color:#059669}.metadata{font-size:.75rem;opacity:.7;font-weight:400}.last-connection{color:currentColor}.privacy-disclaimer{font-size:.6875rem;opacity:.5;font-style:italic;margin-top:6px;font-weight:300;line-height:1.2}@keyframes pulse-ring-soft{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.1}to{transform:scale(2);opacity:0}}@keyframes pulse-ring-active-soft{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.8);opacity:.3}to{transform:scale(2.5);opacity:0}}@keyframes pulse-dot-soft{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.7}}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.visit-count{font-size:1.75rem}.activity-label,.metadata{font-size:.7rem}.privacy-disclaimer{font-size:.65rem}}@media (max-width: 480px){.visit-count{font-size:1.5rem}}@media (prefers-color-scheme: dark){.visit-count{color:#34d399}.visit-count:hover{color:#10b981}.activity-pulse{background:#34d399}.activity-pulse:before{background:#34d399}}*{box-sizing:border-box}body,html{overflow-x:hidden;max-width:100vw}.btn-base{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;transition:all .2s ease}.btn-wrap{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-width:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;text-align:center}.btn-nav{display:flex;align-items:center;width:100%;box-sizing:border-box;min-width:0;overflow:hidden;padding-left:1rem;padding-right:1rem}.btn-nav .btn-nav-content{display:flex;align-items:center;width:100%;min-width:0;gap:.75rem}.btn-nav .btn-nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.btn-nav .btn-nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.card-base{box-sizing:border-box;max-width:100%;overflow:hidden}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card-title-wrap{word-break:break-word;overflow-wrap:anywhere;line-height:1.4;max-width:100%}.card-description{word-break:break-word;overflow-wrap:anywhere;line-height:1.6;max-width:100%}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:3em}.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}.text-wrap-safe{word-break:break-word;overflow-wrap:anywhere;hyphens:auto;max-width:100%}.input-base{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis}.textarea-base{box-sizing:border-box;width:100%;max-width:100%;word-break:break-word;overflow-wrap:anywhere;resize:vertical}.flex-container-safe{display:flex;min-width:0;max-width:100%}.flex-item-safe{min-width:0;max-width:100%;flex-shrink:1}.grid-container-safe{display:grid;min-width:0;max-width:100%}.grid-item-safe{min-width:0;max-width:100%;overflow:hidden}@media (max-width: 640px){.btn-responsive{width:100%;max-width:100%;min-width:0}.text-responsive{font-size:.875rem;line-height:1.4}.btn-nav .btn-nav-text{white-space:normal;word-break:break-word;line-height:1.3}}@media (min-width: 641px) and (max-width: 768px){.text-responsive{font-size:.9375rem}}@media (min-width: 769px){.text-responsive{font-size:1rem}}.admin-sidebar-btn{display:flex;align-items:center;width:100%;box-sizing:border-box;min-width:0;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:500;transition:all .2s ease;border:2px solid;overflow:hidden}.admin-sidebar-btn-content{display:flex;align-items:center;width:100%;min-width:0;gap:.75rem}.admin-sidebar-btn-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.admin-sidebar-btn-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:serif}@media (max-width: 640px){.admin-sidebar-btn-text{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.3}}.badge-base{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-width:0;padding:.25rem .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.tag-base{display:inline-block;box-sizing:border-box;max-width:100%;padding:.25rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600}.debug-overflow{outline:2px dashed red!important;background-color:#ff00001a!important}.debug-overflow *{outline:1px dotted orange!important}button,.button,[role=button],a.btn,a.button{box-sizing:border-box;max-width:100%;min-width:0}p,span,div,article,section{word-break:normal;overflow-wrap:break-word;max-width:100%}ul,ol,li{max-width:100%;word-break:break-word;overflow-wrap:anywhere}h1,h2,h3,h4,h5,h6{word-break:break-word;overflow-wrap:anywhere;max-width:100%}table{max-width:100%;table-layout:auto;overflow-x:auto;display:block}@media (max-width: 768px){table{display:block;overflow-x:auto;white-space:nowrap}}@tailwind base;@tailwind components;@tailwind utilities;