.floating-timer-card{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.floating-timer-card:before{display:none}.floating-timer-card:hover{background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important}.floating-timer-card .card-header,.floating-timer-card .card-content{background:transparent;border:none;padding:1rem 0}.elegant-timer-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.elegant-timer{position:relative;width:350px;height:350px;margin:0 auto}.timer-circle{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a19fcaec,#0f172ae5 40%,#0f172a,#05080f);border:2px solid rgba(52,0,83,.3);box-shadow:0 0 50px #34005333,inset 0 0 50px #3400530d;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.timer-circle:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;border:1px solid rgba(52,0,83,.2)}.timer-circle:after{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;border-radius:50%;border:1px solid rgba(52,0,83,.1)}.liquid-pool{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;overflow:hidden;z-index:1}.liquid-water{position:absolute;z-index:1;width:200%;height:200%;left:-50%;border-radius:40%;background:#24122aa2;animation:liquid-spin 8s linear infinite,liquid-level 4s ease-in-out infinite;box-shadow:0 0 20px #34005333,inset 0 0 30px #3400531a}@keyframes liquid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes liquid-level{0%,to{top:50%}50%{top:45%}}.liquid-glare{position:absolute;top:-120%;left:-120%;z-index:3;width:200%;height:200%;transform:rotate(45deg);border-radius:50%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 60%,transparent 100%)}.progress-ring{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;background:conic-gradient(from 0deg,#FFBD00 0deg,#FFBD00 var(--progress, 270deg),transparent var(--progress, 270deg),transparent 360deg);mask:radial-gradient(closest-side,transparent 98%,black 100%);-webkit-mask:radial-gradient(closest-side,transparent 98%,black 100%);z-index:4}.radar-sweep{position:absolute;top:50%;left:50%;width:2px;height:45%;background:linear-gradient(to top,transparent 0%,rgba(52,0,83,.8) 20%,rgba(52,0,83,.4) 80%,transparent 100%);transform-origin:bottom center;transform:translate(-50%,-100%) rotate(0);animation:radar-sweep 3s linear infinite;filter:blur(1px);z-index:5}@keyframes radar-sweep{0%{transform:translate(-50%,-100%) rotate(0)}to{transform:translate(-50%,-100%) rotate(360deg)}}.radar-grid{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);z-index:2}.radar-line{position:absolute;background:#3400531a;transform-origin:center}.radar-line.vertical{width:1px;height:100%;left:50%;transform:translate(-50%)}.radar-line.horizontal{height:1px;width:100%;top:50%;transform:translateY(-50%)}.radar-line.diagonal1{width:1px;height:141%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.radar-line.diagonal2{width:1px;height:141%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.radar-circle{position:absolute;border:1px solid rgba(52,0,83,.08);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-circle:nth-child(1){width:25%;height:25%}.radar-circle:nth-child(2){width:50%;height:50%}.radar-circle:nth-child(3){width:75%;height:75%}.timer-display-elegant{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.timer-display-elegant .card-title{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;color:#ffbd00;text-shadow:0 0 20px rgba(52,0,83,.6),0 0 40px rgba(52,0,83,.3);margin-bottom:.5rem;line-height:1}.timer-display-elegant .card-description{font-family:Inter,sans-serif;font-size:.8rem;color:#000000b3;text-transform:uppercase;letter-spacing:.3em;font-weight:500;margin-bottom:1rem}.timer-display-elegant img{filter:drop-shadow(0 0 10px rgba(52,0,83,.5));animation:token-pulse 2s ease-in-out infinite}@keyframes token-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(52,0,83,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(52,0,83,.8))}}.compact-controls{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.compact-btn{background:#3400531a;border:1px solid rgba(52,0,83,.3);border-radius:20px;padding:.4rem 1rem;color:#ffbd00;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.compact-btn:hover{background:#34005333;border-color:#34005380;transform:translateY(-1px)}.compact-btn--active{background:#ff444426;border-color:#f446;color:#f44}.status-compact{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:#340053cc;font-weight:500}.status-dot-compact{width:6px;height:6px;background:#ffbd00;border-radius:50%;animation:pulse-compact 2s infinite}@keyframes pulse-compact{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@media(max-width:768px){.elegant-timer{width:280px;height:280px}.timer-display-elegant .card-title{font-size:3rem}.compact-btn{font-size:.7rem;padding:.3rem .8rem}}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer}.hamburger-icon span{display:block;width:100%;height:3px;background-color:currentColor;border-radius:2px;transition:all .3s ease}.close-icon{position:relative;width:24px;height:24px;cursor:pointer;display:inline-block}.close-icon:before,.close-icon:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:3px;background-color:currentColor;border-radius:2px}.close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.icon-logout,.icon-warning,.icon-timer,.icon-external-link,.icon-copy,.icon-check-circle,.icon-lock,.icon-x-circle,.icon-info{display:inline-block;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.disconnect-icon .icon-logout,.warning-icon .icon-warning,.cancel-warning-icon .icon-warning{width:24px;height:24px}.btn .icon-logout,.btn .icon-external-link,.btn .icon-x{margin-right:6px;width:16px;height:16px}.timer-icon{width:16px;height:16px;margin-right:4px}.copy-btn .icon-copy{width:16px;height:16px}.status-icon{width:18px;height:18px}.notification-icon{width:20px;height:20px}.notification-close .close-icon{width:12px;height:12px}@media(max-width:768px){.hamburger-icon{width:22px;height:16px}.hamburger-icon span{height:2.5px}.icon-logout,.icon-warning{width:18px;height:18px}}.hamburger-icon:hover span{opacity:.7}.close-icon:hover:before,.close-icon:hover:after{opacity:.7}.icon-logout,.icon-warning{transition:opacity .2s ease}.icon-logout:hover,.icon-warning:hover{opacity:.7}.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align: auto;*zoom: 1;*display: inline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align: auto;*zoom: 1;*display: inline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.stat-value .odometer{color:#bd7b49!important}.stat-value .odometer .odometer-value,.stat-value .odometer .odometer-formatting-mark{color:#bd7b49!important;-webkit-text-fill-color:#BD7B49!important}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center;color:inherit}
