#clockContainer{margin-left:1rem;margin-right:1rem;display:block;padding-bottom:.5rem;padding-top:1rem;container-type:inline-size;background:var(--gradient-gray);border-radius:var(--radius-xl)}#clock{font-size:clamp(50px,20cqw,300px);text-align:center;font-weight:800;--tw-text-opacity:1;color:hsl(171 100% 41%/var(--tw-text-opacity,1));text-shadow:var(--shadow-sm);letter-spacing:-.02em}@supports (background:-webkit-named-image(i)){#clockContainer{display:block;padding-bottom:0;width:100%;overflow-x:hidden;container-type:normal!important}#clock{font-size:clamp(3rem,8vw,12rem)!important;text-align:center;font-weight:800;--tw-text-opacity:1;color:hsl(171 100% 41%/var(--tw-text-opacity,1));white-space:nowrap;overflow:hidden;max-width:100%;letter-spacing:-.05em;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.main-controls{display:flex;gap:var(--spacing-base);padding:var(--spacing-xl);background:var(--gradient-white);border-radius:var(--radius-2xl);border:2px solid rgba(226,232,240,.6);backdrop-filter:blur(16px);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.6);transition:var(--transition-bounce)}.main-controls:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(203,213,225,.8)}.main-controls .ant-btn:first-child{background:var(--gradient-primary);color:var(--color-white);border-color:rgba(16,185,129,.3)}.main-controls .ant-btn:first-child:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary-darker) 100%);border-color:rgba(16,185,129,.5)}.main-controls .ant-btn:nth-child(2){background:var(--gradient-blue);color:var(--color-white);border-color:rgba(59,130,246,.3)}.main-controls .ant-btn:nth-child(2):hover{background:linear-gradient(135deg,var(--color-blue-dark) 0,var(--color-blue-darker) 100%);border-color:rgba(59,130,246,.5)}.main-controls .ant-btn:nth-child(3){background:var(--gradient-purple);color:var(--color-white);border-color:rgba(139,92,246,.3)}.main-controls .ant-btn:nth-child(3):hover{background:linear-gradient(135deg,var(--color-purple-dark) 0,var(--color-purple-darker) 100%);border-color:rgba(139,92,246,.5)}.main-controls .ant-btn-dangerous{background:var(--gradient-red);border-color:rgba(239,68,68,.3);color:var(--color-white)!important;position:relative;overflow:hidden}.main-controls .ant-btn-dangerous:hover{background:linear-gradient(135deg,var(--color-red-dark) 0,var(--color-red-darker) 100%)!important;border-color:rgba(239,68,68,.5)!important;color:var(--color-white)!important}.main-controls .ant-btn-dangerous span{color:var(--color-white)!important;position:relative;z-index:1}.main-controls .ant-btn span{font-weight:600;letter-spacing:.025em;position:relative;z-index:1}.main-controls .ant-btn:focus{outline:2px solid transparent;box-shadow:0 0 0 3px rgba(59,130,246,.3),var(--shadow-lg)}.main-controls .ant-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.main-controls .ant-btn:disabled:hover{transform:none!important;box-shadow:var(--shadow-sm)!important}.main-controls .ant-btn.loading{position:relative;pointer-events:none}.main-controls .ant-btn.loading:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite;z-index:2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:var(--breakpoint-desktop )){#clockContainer{margin:0 var(--spacing-sm);padding:var(--spacing-base) var(--spacing-sm)}.main-controls{gap:var(--spacing-md);padding:var(--spacing-xl)}.main-controls .ant-btn{height:46px;font-size:14.5px;padding:0 var(--spacing-lg)}}@media only screen and (max-width:var(--breakpoint-mobile )){#clock{text-align:center;font-size:120px;font-weight:800;--tw-text-opacity:1;color:hsl(171 100% 41%/var(--tw-text-opacity,1))}#clockContainer{padding:1rem;margin:var(--spacing-sm);background:linear-gradient(135deg,rgba(26,188,156,.03),rgba(26,188,156,.01))}.main-controls{gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:center}.main-controls .ant-btn{height:44px;font-size:var(--text-sm);padding:0 var(--spacing-lg);min-width:80px;border-radius:var(--radius-lg)}}.footer{padding-bottom:var(--spacing-base);background:var(--gradient-footer);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#cbd5e1);transition:background var(--transition-slow)}.navbar-item{color:var(--color-gray-700);font-weight:600}@media only screen and (max-width:var(--breakpoint-desktop )){.navbar-item{font-size:var(--text-sm);white-space:nowrap}nav{padding:var(--spacing-sm) var(--spacing-lg)!important}nav .flex{gap:var(--spacing-xs)!important}nav .space-x-1>*+*{margin-left:var(--spacing-xs)!important}.navbar-item:last-child{padding:var(--spacing-sm) var(--spacing-sm);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.navbar-item:last-child:hover{background-color:var(--color-gray-200)}.navbar-item:first-child{font-size:var(--text-sm);font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis}.auth-section{display:flex;align-items:center;gap:var(--spacing-xs)}.sync-status-indicator{display:none!important}}@media only screen and (max-width:var(--breakpoint-xl )){.navbar{display:flex}.navbar-item,.navbar-link{display:flex;align-items:center}.navbar-end{justify-content:flex-end;margin-left:auto;display:flex}}@media (max-width:var(--breakpoint-desktop )){.footer{padding:var(--spacing-base) 0}.footer .max-w-7xl{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}