:root{--bg:#080d18;--bg-soft:#0b1120;--surface:#101827;--surface-2:#151f30;--surface-3:#1b2739;--border:#263449;--border-soft:rgba(255,255,255,.07);--gold:#d4af37;--gold-light:#f1d77a;--gold-soft:rgba(212,175,55,.14);--blue:#4b5d82;--blue-light:#7185ad;--text:#ffffff;--text-soft:#c5ccd8;--text-muted:#8994a7;--success:#72c28b;--danger:#d96b6b;--radius:18px;--radius-small:12px;--shadow:0 18px 50px rgba(0,0,0,.35);--header-height:78px;--nav-height:76px}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(75,93,130,.12),transparent 38%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,select{font:inherit}button{border:0}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}#app{min-height:100vh;padding-bottom:var(--nav-height)}.app-header{position:sticky;top:0;z-index:100;height:var(--header-height);border-bottom:1px solid var(--border);background:rgba(8,13,24,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{width:min(1200px,92%);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:10px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-size:17px;font-weight:800;letter-spacing:.08em}.brand-product{margin-top:5px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.22em}.header-status{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(114,194,139,.55)}.main-content{width:min(1200px,92%);margin:0 auto}.view{padding:48px 0 55px}.view-header{margin-bottom:32px;text-align:center}.eyebrow{margin-bottom:10px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.view-header h1{font-size:42px;font-weight:700;line-height:1.1;letter-spacing:-.025em}.view-description{max-width:600px;margin:12px auto 0;color:var(--text-muted);font-size:15px;line-height:1.6}.clock-card{width:min(720px,100%);margin:0 auto;padding:34px 28px 30px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 50% 30%,rgba(75,93,130,.09),transparent 48%),var(--surface);box-shadow:var(--shadow)}.clock-wrap{width:min(520px,100%);margin:0 auto;aspect-ratio:1}.clock{width:100%;height:100%;display:block;overflow:visible}.clock .needle{stroke:var(--gold);stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(
            0 0 7px rgba(212,175,55,.28)
        )}.clock .hour-needle{stroke-width:4}.clock .minute-needle{stroke-width:3}.clock .second-needle{stroke:#c9a227;stroke-width:1.2;opacity:.88}.clock-center{fill:var(--gold);filter:drop-shadow(
            0 0 8px rgba(212,175,55,.45)
        )}.clock-time{margin-top:18px;text-align:center}.vidhwaan-time{color:var(--gold-light);font-size:42px;font-weight:700;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums}.vidhwaan-phase{margin-top:12px;color:var(--text);font-size:16px;font-weight:600}.vidhwaan-purpose{margin-top:5px;color:var(--text-muted);font-size:13px}.conventional-time{display:flex;flex-direction:column;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-soft)}.label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.local-time-value{margin-top:8px;color:var(--text-soft);font-size:20px;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums}.local-date{margin-top:5px;color:var(--text-muted);font-size:12px}.time-info-grid{width:min(720px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{min-height:90px;padding:18px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface)}.info-label{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.16em}.info-card strong{margin-top:8px;color:var(--text-soft);font-size:15px;font-weight:600;line-height:1.3}.panel{width:min(800px,100%);margin:0 auto 20px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 35px rgba(0,0,0,.2)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-header h2{font-size:20px;font-weight:700}.panel-header p{margin-top:6px;color:var(--text-muted);font-size:13px;line-height:1.5}.panel-count{min-width:30px;height:30px;padding:0 9px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gold-soft);color:var(--gold-light);font-size:12px;font-weight:700}.alarm-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-group,.time-input,.time-selector{display:flex;flex-direction:column}.form-group label,.time-input label,.time-selector label{margin-bottom:8px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em}input[type=number],input[type=text],select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-small);outline:0;background:var(--surface-2);color:var(--text);font-size:14px}select{cursor:pointer}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.08)}.alarm-preview{margin-top:22px;padding:20px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-soft);border-radius:var(--radius-small);background:rgba(212,175,55,.035);text-align:center}.preview-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.alarm-preview strong{margin-top:8px;color:var(--gold-light);font-size:30px;font-weight:700;letter-spacing:.04em}.alarm-preview span:last-child{margin-top:6px;color:var(--text-muted);font-size:12px}.alarm-options{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.primary-button,.secondary-button{min-height:48px;padding:0 24px;border-radius:var(--radius-small);cursor:pointer;font-size:14px;font-weight:700;transition:transform .18s,opacity .18s,background .18s,border-color .18s}.primary-button{background:var(--gold);color:#090d14}.secondary-button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:translateY(0)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.alarm-panel>.primary-button{width:100%;margin-top:20px}.alarm-list{display:flex;flex-direction:column;gap:10px}.alarm-item{min-height:82px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-2)}.alarm-item-main{min-width:0}.alarm-item-time{color:var(--gold-light);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.alarm-item-meta{margin-top:5px;color:var(--text-muted);font-size:12px}.alarm-item-actions{display:flex;align-items:center;gap:8px}.alarm-toggle{width:44px;height:24px;border-radius:20px;background:var(--surface-3);cursor:pointer}.alarm-toggle.active{background:var(--gold)}.alarm-toggle::after{content:"";display:block;width:18px;height:18px;margin:3px;border-radius:50%;background:#fff;transition:transform .18s}.alarm-toggle.active::after{transform:translateX(20px)}.alarm-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9px;background:0 0;color:var(--text-muted);cursor:pointer}.empty-panel{padding:40px 20px;text-align:center}.empty-icon{margin-bottom:12px;font-size:30px;opacity:.7}.empty-panel h3{font-size:16px}.empty-panel p{margin-top:6px;color:var(--text-muted);font-size:13px}.stopwatch-panel,.timer-panel{text-align:center}.large-time-display{padding:20px 0;color:var(--gold-light);font-size:clamp(46px,8vw,76px);font-weight:600;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.timer-inputs{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.timer-inputs input{text-align:center}.laps-container{margin-top:32px;padding-top:22px;border-top:1px solid var(--border-soft);text-align:left}.laps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.laps-header h2{font-size:16px}.laps-header span{color:var(--text-muted);font-size:12px}.laps-list{display:flex;flex-direction:column;gap:6px}.lap-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--surface-2);color:var(--text-soft);font-size:13px}.alarm-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at center,rgba(212,175,55,.09),transparent 42%),rgba(5,8,15,.97)}.alarm-overlay-content{width:min(560px,100%);padding:45px 30px;border:1px solid rgba(212,175,55,.35);border-radius:28px;background:var(--surface);box-shadow:0 30px 100px rgba(0,0,0,.65);text-align:center}.ringing-indicator{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.3em}.ringing-phase{margin-top:20px;color:var(--text-muted);font-size:13px}.ringing-time{margin-top:15px;color:var(--gold-light);font-size:clamp(48px,10vw,76px);font-weight:700;letter-spacing:.04em}.alarm-overlay-content h2{margin-top:15px;font-size:24px}.ringing-conventional{margin-top:7px;color:var(--text-muted);font-size:14px}.ringing-actions{margin-top:32px;display:flex;justify-content:center;gap:12px}.alarm-snooze-button,.alarm-stop-button{min-width:130px}.bottom-navigation{position:fixed;left:0;right:0;bottom:0;z-index:200;height:var(--nav-height);padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:rgba(8,13,24,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:0 0;color:var(--text-muted);cursor:pointer;transition:color .18s}.nav-button.active{color:var(--gold-light)}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:10px;font-weight:700;letter-spacing:.04em}.nav-button.active::before{content:"";position:absolute;top:0;width:30px;height:2px;border-radius:2px;background:var(--gold)}.app-footer{width:min(800px,92%);margin:0 auto;padding:15px 0 35px;color:var(--text-muted);text-align:center;font-size:11px;line-height:1.7}.app-footer strong{color:var(--text-soft)}.app-footer span{display:block}@media(max-width:900px){.view{padding-top:38px}.clock-card{padding:28px 22px}}@media(max-width:768px){:root{--header-height:68px;--nav-height:70px}.header-inner,.main-content{width:calc(100% - 28px)}.brand-logo{width:38px;height:38px}.brand-name{font-size:15px}.brand-product{font-size:9px}.header-status{font-size:10px}.view{padding:32px 0 40px}.view-header{margin-bottom:22px}.view-header h1{font-size:32px}.view-description{font-size:13px}.clock-card{padding:20px 14px 24px;border-radius:22px}.clock-wrap{width:100%}.vidhwaan-time{font-size:34px}.vidhwaan-phase{font-size:14px}.conventional-time{margin-top:20px;padding-top:17px}.local-time-value{font-size:18px}.time-info-grid{grid-template-columns:1fr;gap:9px}.info-card{min-height:auto;padding:14px 16px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.info-card strong{margin-top:0;text-align:right}.panel{padding:20px 16px;border-radius:16px}.alarm-editor{grid-template-columns:1fr 1fr}.alarm-editor .time-selector:last-child{grid-column:1/-1}.alarm-options{grid-template-columns:1fr}.alarm-item{padding:14px;align-items:flex-start}.alarm-item-actions{flex-shrink:0}.timer-inputs{gap:8px}.timer-inputs input{padding-left:6px;padding-right:6px}.control-buttons{gap:8px}.primary-button,.secondary-button{padding:0 18px}.alarm-overlay{padding:14px}.alarm-overlay-content{padding:35px 20px;border-radius:22px}.ringing-actions{flex-direction:column}.alarm-snooze-button,.alarm-stop-button{width:100%}}@media(max-width:420px){.header-status{display:none}.view-header h1{font-size:29px}.clock-card{padding-left:10px;padding-right:10px}.vidhwaan-time{font-size:31px}.alarm-editor{grid-template-columns:1fr}.alarm-editor .time-selector:last-child{grid-column:auto}.large-time-display{font-size:42px}.control-buttons{display:grid;grid-template-columns:1fr 1fr}.control-buttons .primary-button{grid-column:1/-1}.nav-icon{font-size:20px}.nav-label{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{transition:none!important;animation:none!important}}#alarmLabel{appearance:none;-webkit-appearance:none;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-small);outline:0;background-color:var(--surface-2)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text);caret-color:var(--gold);font-size:14px;box-shadow:none;transition:border-color .18s,box-shadow .18s,background-color .18s}#alarmLabel::placeholder{color:var(--text-muted);opacity:1}#alarmLabel:focus{background-color:var(--surface-2)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text);border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.08)}.pwa-install-button{position:fixed;right:20px;bottom:calc(var(--nav-height) + 18px);z-index:500;min-height:46px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(212,175,55,.45);border-radius:999px;background:linear-gradient(180deg,rgba(212,175,55,.98),rgba(195,157,42,.98));color:#090d14;box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 1px rgba(212,175,55,.08);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:transform .18s,box-shadow .18s,opacity .18s}.pwa-install-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 1px rgba(212,175,55,.12)}.pwa-install-button:active{transform:translateY(0)}.pwa-install-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(9,13,20,.55);border-radius:50%;font-size:17px;font-weight:900;line-height:1}@media(max-width:420px){.pwa-install-button{right:14px;bottom:calc(var(--nav-height) + 14px);min-height:44px;padding:0 15px;font-size:12px}.pwa-install-icon{width:20px;height:20px;font-size:16px}}