*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{min-height:44px}:root{--pixel: 2px;--bg-main: #504c4a;--panel-bg: #a09891;--border-dark: #2d2b2b;--border-light: #c8c0b8;--text-dark: #2d2b2b;--text-light: #c8c0b8;--accent: #5a5655;--status-connecting: #f59e0b;--status-connected: #10b981;--status-error: #ef4444;--border-rounded: 0 calc(var(--pixel) * -2) 0 calc(var(--pixel) * -1) var(--border-dark), 0 calc(var(--pixel) * 2) 0 calc(var(--pixel) * -1) var(--border-dark), calc(var(--pixel) * -2) 0 0 calc(var(--pixel) * -1) var(--border-dark), calc(var(--pixel) * 2) 0 0 calc(var(--pixel) * -1) var(--border-dark);--clip-rounded-outer: polygon( calc(2 * var(--pixel)) 0, calc(100% - 2 * var(--pixel)) 0, calc(100% - 2 * var(--pixel)) var(--pixel), calc(100% - var(--pixel)) var(--pixel), calc(100% - var(--pixel)) calc(2 * var(--pixel)), 100% calc(2 * var(--pixel)), 100% calc(100% - 2 * var(--pixel)), calc(100% - var(--pixel)) calc(100% - 2 * var(--pixel)), calc(100% - var(--pixel)) calc(100% - var(--pixel)), calc(100% - 2 * var(--pixel)) calc(100% - var(--pixel)), calc(100% - 2 * var(--pixel)) 100%, calc(2 * var(--pixel)) 100%, calc(2 * var(--pixel)) calc(100% - var(--pixel)), var(--pixel) calc(100% - var(--pixel)), var(--pixel) calc(100% - 2 * var(--pixel)), 0 calc(100% - 2 * var(--pixel)), 0 calc(2 * var(--pixel)), var(--pixel) calc(2 * var(--pixel)), var(--pixel) var(--pixel), calc(2 * var(--pixel)) var(--pixel) );--clip-rounded-inner: polygon( var(--pixel) 0, calc(100% - var(--pixel)) 0, calc(100% - var(--pixel)) var(--pixel), 100% var(--pixel), 100% calc(100% - var(--pixel)), calc(100% - var(--pixel)) calc(100% - var(--pixel)), calc(100% - var(--pixel)) 100%, var(--pixel) 100%, var(--pixel) calc(100% - var(--pixel)), 0 calc(100% - var(--pixel)), 0 var(--pixel), var(--pixel) var(--pixel) )}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-main);font-family:VT323,monospace;image-rendering:pixelated;image-rendering:crisp-edges}#app{position:relative;width:100%;height:100%;border:calc(var(--pixel) * 4) solid var(--border-light);border-top-width:calc(var(--pixel) * 16);box-sizing:border-box}#app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:calc(var(--pixel) * 2) solid var(--border-dark);pointer-events:none;z-index:50}#title-bar{position:absolute;top:calc(var(--pixel) * -14);left:0;right:0;height:calc(var(--pixel) * 12);background:var(--border-light);display:flex;align-items:center;justify-content:center;z-index:60;cursor:pointer}#title-bar:before{content:"";position:absolute;left:calc(var(--pixel) * 4);right:50%;top:calc(var(--pixel) * 2);bottom:calc(var(--pixel) * 2);margin-right:80px;background:repeating-linear-gradient(to bottom,var(--border-dark) 0,var(--border-dark) var(--pixel),transparent var(--pixel),transparent calc(var(--pixel) * 2))}#title-bar:after{content:"";position:absolute;left:50%;right:calc(var(--pixel) * 4);top:calc(var(--pixel) * 2);bottom:calc(var(--pixel) * 2);margin-left:80px;background:repeating-linear-gradient(to bottom,var(--border-dark) 0,var(--border-dark) var(--pixel),transparent var(--pixel),transparent calc(var(--pixel) * 2))}#title-bar .title-text{color:var(--text-dark);font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:2px;background:var(--border-light);padding:0 12px;position:relative;z-index:1}#title-bar #version{position:absolute;right:calc(var(--pixel) * 6);color:var(--text-dark);font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px;background:var(--border-light);padding:0 4px;z-index:1;height:100%;display:flex;align-items:center}@media (min-width: 768px){#title-bar .title-text{font-size:20px}#title-bar #version{font-size:16px}}#get-number-btn,#pick-up-btn,#ignore-btn,#confirm-yes-btn,#confirm-no-btn,#toolbar button,#close-settings-btn,#close-rolodex-btn,#close-about-btn,#close-instructions-btn,#close-clock-btn,#instructions-btn,.contact-actions button,#type-number-btn,#paste-number-btn,#add-contact-btn,#camera-btn,#fullscreen-btn,#clock-format-btn,#install-btn,#refresh-btn,#about-btn{background:var(--border-dark);border:none;clip-path:var(--clip-rounded-outer);position:relative;isolation:isolate;box-shadow:none}#get-number-btn:before,#pick-up-btn:before,#ignore-btn:before,#confirm-yes-btn:before,#confirm-no-btn:before,#toolbar button:before,#close-settings-btn:before,#close-rolodex-btn:before,#close-about-btn:before,#close-instructions-btn:before,#close-clock-btn:before,#instructions-btn:before,.contact-actions button:before,#type-number-btn:before,#paste-number-btn:before,#add-contact-btn:before,#camera-btn:before,#fullscreen-btn:before,#clock-format-btn:before,#install-btn:before,#refresh-btn:before,#about-btn:before{content:"";position:absolute;inset:var(--pixel);clip-path:var(--clip-rounded-inner);z-index:-1}#confirm-no-btn:before,#toolbar button:before,.contact-actions button:before,#type-number-btn:before,#paste-number-btn:before,#add-contact-btn:before{background:var(--panel-bg);box-shadow:inset var(--pixel) var(--pixel) 0 0 var(--border-light),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--accent)}#confirm-no-btn:hover:before,#toolbar button:hover:before,.contact-actions button:hover:before,#type-number-btn:hover:before,#paste-number-btn:hover:before,#add-contact-btn:hover:before{background:var(--border-light)}#confirm-no-btn:active:before,#toolbar button:active:before,.contact-actions button:active:before,#type-number-btn:active:before,#paste-number-btn:active:before,#add-contact-btn:active:before{box-shadow:inset var(--pixel) var(--pixel) 0 0 var(--accent),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--border-light)}#get-number-btn:before,#pick-up-btn:before{background:var(--status-connected);box-shadow:inset var(--pixel) var(--pixel) 0 0 #ffffff4d,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0003}#get-number-btn:active:before{box-shadow:inset var(--pixel) var(--pixel) 0 0 #0003,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #ffffff4d}#ignore-btn:before,#confirm-yes-btn:before{background:var(--status-error);box-shadow:inset var(--pixel) var(--pixel) 0 0 #ffffff4d,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0003}#close-settings-btn:before,#close-rolodex-btn:before,#close-about-btn:before,#close-instructions-btn:before,#close-clock-btn:before,#instructions-btn:before{background:var(--border-light);box-shadow:inset var(--pixel) var(--pixel) 0 0 #ffffff80,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--accent)}#close-settings-btn:hover:before,#close-rolodex-btn:hover:before,#close-about-btn:hover:before,#close-instructions-btn:hover:before,#close-clock-btn:hover:before,#instructions-btn:hover:before{background:var(--text-light)}#close-settings-btn:active:before,#close-rolodex-btn:active:before,#close-about-btn:active:before,#close-instructions-btn:active:before,#close-clock-btn:active:before,#instructions-btn:active:before{box-shadow:inset var(--pixel) var(--pixel) 0 0 var(--accent),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #ffffff80}#toolbar #hang-up-btn:before{background:var(--status-error)}#camera-btn:before,#fullscreen-btn:before,#clock-format-btn:before,#install-btn:before,#refresh-btn:before,#about-btn:before{box-shadow:inset var(--pixel) var(--pixel) 0 0 #ffffff4d,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0003}#camera-btn:active:before,#fullscreen-btn:active:before,#clock-format-btn:active:before,#install-btn:active:before,#refresh-btn:active:before,#about-btn:active:before{box-shadow:inset var(--pixel) var(--pixel) 0 0 #0003,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #ffffff4d}#type-number-btn.active:before{background:var(--bg-main);box-shadow:inset var(--pixel) var(--pixel) 0 0 #0000004d,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #ffffff26}#remote-video-container{position:absolute;top:0;left:0;width:100%;height:100%}#remote-video-container.hidden{display:none}#remote-video{width:100%;height:100%;object-fit:contain;background:var(--bg-main);image-rendering:pixelated;image-rendering:crisp-edges}#local-video-container{position:absolute;top:8px;right:8px;width:120px;max-height:120px;z-index:10;overflow:hidden;background:var(--accent);border:var(--pixel) solid var(--border-dark);box-shadow:calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-light)}#local-video-container.hidden{display:none}#local-video{width:100%;height:auto;max-height:120px;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}@media (pointer: fine) and (min-width: 768px){#local-video-container{width:180px;max-height:180px;top:12px;right:auto;left:50%;transform:translate(-50%)}#local-video{max-height:180px}}.muted-indicator{position:absolute;top:0;left:0;right:0;background:#dc2626;color:var(--text-light);font-size:16px;font-weight:400;text-align:center;padding:4px 0;letter-spacing:2px;z-index:5;text-transform:uppercase}.muted-indicator.hidden{display:none}#remote-muted-indicator{font-size:20px;padding:8px 0}@media (min-width: 768px){#remote-muted-indicator{font-size:24px;padding:10px 0}}.camera-off-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-light);font-size:14px;font-weight:400;text-align:center;z-index:5;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}.camera-off-indicator.hidden{display:none}#remote-camera-off{font-size:28px}@media (min-width: 768px){#remote-camera-off{font-size:36px}}#status{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-main);border:var(--pixel) solid var(--border-dark);z-index:20;transition:opacity .5s ease;box-shadow:calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #00000026}#status.hidden{display:none}#status.connected{opacity:0;pointer-events:none}#status-icon{width:12px;height:12px;background:var(--status-connecting);border:var(--pixel) solid var(--border-dark)}#status.connected #status-icon{background:var(--status-connected)}#status.error #status-icon{background:var(--status-error)}#status-text{color:var(--text-light);font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:1px}#status.error{background:#3d2020;box-shadow:calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 #2a1515,inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #0003}#status.error #status-text{color:#f87171}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#clocks{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:2px;z-index:20}#clocks.hidden{display:none}.clock-item{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;box-shadow:none}.clock-time{color:var(--text-light);font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:2px;text-shadow:var(--pixel) 0 0 var(--border-dark),calc(var(--pixel) * -1) 0 0 var(--border-dark),0 var(--pixel) 0 var(--border-dark),0 calc(var(--pixel) * -1) 0 var(--border-dark)}.clock-label{color:var(--text-light);opacity:.8;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin-top:0;text-shadow:var(--pixel) 0 0 var(--border-dark),calc(var(--pixel) * -1) 0 0 var(--border-dark),0 var(--pixel) 0 var(--border-dark),0 calc(var(--pixel) * -1) 0 var(--border-dark)}@media (min-width: 768px){#clocks{top:20px;left:20px;gap:4px}.clock-time{font-size:24px}.clock-label{font-size:18px}}#call-timer{color:var(--text-light);font-size:14px;font-weight:400;letter-spacing:1px;opacity:.85;margin-top:2px;text-shadow:var(--pixel) 0 0 var(--border-dark),calc(var(--pixel) * -1) 0 0 var(--border-dark),0 var(--pixel) 0 var(--border-dark),0 calc(var(--pixel) * -1) 0 var(--border-dark)}#call-timer.hidden{display:none}@media (min-width: 768px){#call-timer{font-size:16px}}#battery-level{color:var(--text-light);font-size:14px;font-weight:400;letter-spacing:1px;opacity:.85;margin-top:2px;text-shadow:var(--pixel) 0 0 var(--border-dark),calc(var(--pixel) * -1) 0 0 var(--border-dark),0 var(--pixel) 0 var(--border-dark),0 calc(var(--pixel) * -1) 0 var(--border-dark)}#battery-level.hidden{display:none}@media (min-width: 768px){#battery-level{font-size:16px}}#install-btn{display:none}#install-btn:before{background:linear-gradient(180deg,#60a5fa,#60a5fa 8.33%,#5498f7 8.33%,#5498f7 16.66%,#488bf4 16.66%,#488bf4 75%,#3d7df1 75%,#3d7df1 83.33%,#3170ee 83.33%,#3170ee 91.66%,#2563eb 91.66%,#2563eb)}#install-btn.visible{display:block}.home-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-main);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect x='0' y='0' width='2' height='2' fill='%232d2b2b'/%3E%3Crect x='2' y='0' width='1' height='1' fill='%232d2b2b'/%3E%3Crect x='0' y='2' width='1' height='1' fill='%232d2b2b'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%232d2b2b'/%3E%3Crect x='6' y='4' width='1' height='1' fill='%232d2b2b'/%3E%3Crect x='4' y='6' width='1' height='1' fill='%232d2b2b'/%3E%3C/svg%3E");background-size:8px 8px;image-rendering:pixelated;image-rendering:crisp-edges;z-index:0}#home-no-number{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:5}#home-no-number.hidden{display:none}#get-number-btn{z-index:1;padding:12px 22px;color:#fff;font-size:20px;font-weight:400;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:2px}#get-number-btn:hover{filter:brightness(1.1)}#get-number-btn:active{transform:translateY(1px)}@media (min-width: 768px){#get-number-btn{padding:16px 26px}}#home-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:5}#home-screen.hidden{display:none}.waiting-icon{position:relative;z-index:1;width:200px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}@media (min-width: 768px){.waiting-icon{width:260px}}#inline-number-display{position:relative;z-index:1;display:flex;align-items:stretch;background:var(--accent);border:var(--pixel) solid var(--border-dark);box-shadow:inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #0000001a}.inline-number-value{font-size:28px;color:var(--border-light);letter-spacing:3px;word-break:break-all;text-align:center;padding:10px 16px}#copy-inline-number-btn{padding:6px 14px;background:var(--panel-bg);border:none;border-left:var(--pixel) solid var(--border-dark);color:var(--text-dark);font-size:16px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .15s,color .15s;box-shadow:inset var(--pixel) var(--pixel) 0 0 var(--border-light),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--accent)}#copy-inline-number-btn:hover{background:var(--border-light)}#copy-inline-number-btn:active{box-shadow:inset var(--pixel) var(--pixel) 0 0 var(--accent),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--border-light)}#copy-inline-number-btn.copied{background:var(--status-connected);color:#fff;box-shadow:inset var(--pixel) var(--pixel) 0 0 #ffffff4d,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0003}@media (max-width: 480px){.inline-number-value{font-size:22px;letter-spacing:2px;padding:8px 12px}#home-screen{gap:16px}}.toggle-switch-row{display:flex;align-items:center;gap:12px;padding:8px 18px;width:100%;background:var(--border-dark);clip-path:var(--clip-rounded-outer);position:relative;isolation:isolate}.toggle-switch-row:before{content:"";position:absolute;inset:var(--pixel);clip-path:var(--clip-rounded-inner);z-index:-1;background:var(--accent);box-shadow:inset var(--pixel) var(--pixel) 0 0 #fff3,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #0003}.toggle-switch-label{color:#fff;font-size:18px;font-weight:400;font-family:VT323,monospace;text-transform:uppercase;letter-spacing:1px;flex:1;min-width:0}.toggle-switch{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.toggle-switch-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-switch-track{position:relative;width:60px;height:32px;background:var(--bg-main);border:calc(var(--pixel) * 1) solid var(--border-dark);clip-path:var(--clip-rounded-outer);transition:background .2s ease;box-shadow:inset var(--pixel) var(--pixel) 0 0 #0000004d,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #ffffff1a}.toggle-switch-knob{position:absolute;top:calc(var(--pixel) * 1);left:calc(var(--pixel) * 1);width:24px;height:24px;background:var(--panel-bg);border:calc(var(--pixel) * 1) solid var(--border-dark);clip-path:var(--clip-rounded-inner);transition:left .2s ease;box-shadow:inset var(--pixel) var(--pixel) 0 0 var(--border-light),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--accent)}.toggle-switch-input:checked~.toggle-switch-track{background:var(--status-connected);box-shadow:inset var(--pixel) var(--pixel) 0 0 #00000026,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 #fff3}.toggle-switch-input:checked~.toggle-switch-track .toggle-switch-knob{left:calc(100% - 24px - var(--pixel) * 1);background:var(--border-light);box-shadow:inset var(--pixel) var(--pixel) 0 0 #ffffff80,inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 0 var(--accent)}.toggle-switch-state{font-size:16px;font-family:VT323,monospace;text-transform:uppercase;letter-spacing:1px;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.toggle-switch-off-label{color:var(--text-light);opacity:.9;order:-1}.toggle-switch-on-label{color:var(--text-light);opacity:.4}.toggle-switch-input:checked~.toggle-switch-off-label{opacity:.4}.toggle-switch-input:checked~.toggle-switch-on-label{opacity:.9}.toggle-switch--red .toggle-switch-input:checked~.toggle-switch-track{background:#dc2626}.toggle-switch--amber .toggle-switch-input:checked~.toggle-switch-track{background:#d97706}@media (max-height: 500px){.toggle-switch-row{padding:6px 14px;gap:8px}.toggle-switch-label{font-size:14px}.toggle-switch-track{width:52px;height:28px}.toggle-switch-knob{width:20px;height:20px}.toggle-switch-input:checked~.toggle-switch-track .toggle-switch-knob{left:calc(100% - 20px - var(--pixel) * 1)}}#incoming-call{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2d2b2bd9;z-index:80}#incoming-call.hidden{display:none}.incoming-call-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 40px;background:var(--panel-bg);border:calc(var(--pixel) * 2) solid var(--border-dark);box-shadow:calc(var(--pixel) * -2) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * -2) 0 0 var(--border-dark),calc(var(--pixel) * 2) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * -2) 0 0 var(--border-dark),calc(var(--pixel) * -2) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * 2) 0 0 var(--border-dark),calc(var(--pixel) * 2) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * 2) 0 0 var(--border-dark);animation:ring-blink 1s steps(2) infinite}.incoming-call-label{color:var(--text-dark);font-size:20px;text-transform:uppercase;letter-spacing:2px}.incoming-call-from{color:var(--text-dark);font-size:28px;letter-spacing:2px;word-break:break-all;text-align:center}.incoming-call-buttons{display:flex;gap:16px;margin-top:8px}#pick-up-btn{padding:12px 22px;color:#fff;font-size:20px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#pick-up-btn:hover{filter:brightness(1.1)}#pick-up-btn:active{transform:translateY(1px)}#ignore-btn{padding:12px 22px;color:#fff;font-size:20px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#ignore-btn:hover{filter:brightness(1.1)}#ignore-btn:active{transform:translateY(1px)}@keyframes ring-blink{0%,to{opacity:1}50%{opacity:.85}}#confirm-dialog{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2d2b2bd9;z-index:100}#confirm-dialog.hidden{display:none}.confirm-dialog-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 40px;background:var(--panel-bg);border:calc(var(--pixel) * 2) solid var(--border-dark);box-shadow:calc(var(--pixel) * -2) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * -2) 0 0 var(--border-dark),calc(var(--pixel) * 2) calc(var(--pixel) * -1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * -2) 0 0 var(--border-dark),calc(var(--pixel) * -2) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * -1) calc(var(--pixel) * 2) 0 0 var(--border-dark),calc(var(--pixel) * 2) calc(var(--pixel) * 1) 0 0 var(--border-dark),calc(var(--pixel) * 1) calc(var(--pixel) * 2) 0 0 var(--border-dark)}.confirm-dialog-message{color:var(--text-dark);font-size:22px;text-transform:uppercase;letter-spacing:2px;text-align:center;word-break:break-word}.confirm-dialog-buttons{display:flex;gap:16px;margin-top:8px}#confirm-yes-btn{padding:12px 22px;color:#fff;font-size:20px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#confirm-yes-btn:hover{filter:brightness(1.1)}#confirm-yes-btn:active{transform:translateY(1px)}#confirm-no-btn{padding:12px 22px;color:var(--text-dark);font-size:20px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#confirm-no-btn:active{transform:translateY(1px)}#toolbar{position:fixed;bottom:calc(var(--pixel) * 10);left:calc(var(--pixel) * 10);right:calc(var(--pixel) * 10);display:flex;justify-content:space-between;z-index:15}#toolbar button{padding:12px 22px;color:var(--text-dark);font-size:20px;font-weight:400;font-family:VT323,monospace;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}#toolbar.hidden,#toolbar button.hidden{display:none}#hang-up-btn{color:#fff!important}#hang-up-btn:hover{filter:brightness(1.1)}#retry-btn{margin-left:auto;margin-right:8px}@media (max-width: 767px){#retry-btn:not(.hidden){display:none}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait){#retry-btn:not(.hidden){display:none}}@media (min-width: 768px){#toolbar{bottom:calc(var(--pixel) * 10);left:calc(var(--pixel) * 12);right:calc(var(--pixel) * 12)}#toolbar button{padding:16px 26px;font-size:20px}}#settings-menu,#rolodex-menu,#about-menu,#instructions-menu,#clock-menu{position:absolute;top:calc(var(--pixel) * 4);left:calc(var(--pixel) * 4);right:calc(var(--pixel) * 4);bottom:calc(var(--pixel) * 4);max-width:600px;margin-left:auto;margin-right:auto;background-color:var(--panel-bg);z-index:90;display:flex;flex-direction:column;box-sizing:border-box;border:calc(var(--pixel) * 2) solid var(--border-dark);transform:translateZ(0);backface-visibility:hidden}#settings-menu.hidden,#rolodex-menu.hidden,#about-menu.hidden,#instructions-menu.hidden,#clock-menu.hidden{display:none}.settings-title-bar{height:calc(var(--pixel) * 12);background:var(--border-light);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;border-bottom:var(--pixel) solid var(--border-dark)}.settings-title-bar:before{content:"";position:absolute;left:calc(var(--pixel) * 4);right:50%;top:calc(var(--pixel) * 2);bottom:calc(var(--pixel) * 2);margin-right:80px;background:repeating-linear-gradient(to bottom,var(--border-dark) 0,var(--border-dark) var(--pixel),transparent var(--pixel),transparent calc(var(--pixel) * 2))}.settings-title-bar:after{content:"";position:absolute;left:50%;right:calc(var(--pixel) * 4);top:calc(var(--pixel) * 2);bottom:calc(var(--pixel) * 2);margin-left:80px;background:repeating-linear-gradient(to bottom,var(--border-dark) 0,var(--border-dark) var(--pixel),transparent var(--pixel),transparent calc(var(--pixel) * 2))}.settings-title{color:var(--text-dark);font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:2px;background:var(--border-light);padding:0 12px;position:relative;z-index:1}.settings-content{flex:1;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-content:start;align-items:center;padding:24px 24px 64px;overflow-y:auto;background:transparent;border:none;box-shadow:none}.settings-content button{padding:12px 22px;color:#fff;font-size:20px;font-weight:400;font-family:VT323,monospace;cursor:pointer;transition:transform .1s ease;text-transform:uppercase;letter-spacing:1px}.settings-content button:hover,.settings-content button:active{transform:translateY(-1px)}.settings-content button:active{transform:translateY(1px)}@media (max-height: 500px){.settings-content{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;align-content:start}.settings-content button{padding:12px 22px;font-size:20px}.settings-title-bar{padding:6px 12px}.settings-title{font-size:18px;padding:2px 12px}}#camera-btn:before{background:linear-gradient(180deg,#2dd4bf,#2dd4bf 8.33%,#27c7b4 8.33%,#27c7b4 16.66%,#20baa9 16.66%,#20baa9 75%,#1aae9e 75%,#1aae9e 83.33%,#13a193 83.33%,#13a193 91.66%,#0d9488 91.66%,#0d9488)}#fullscreen-btn:before{background:linear-gradient(180deg,#a78bfa,#a78bfa 8.33%,#9e7bf7 8.33%,#9e7bf7 16.66%,#966bf5 16.66%,#966bf5 75%,#8d5af2 75%,#8d5af2 83.33%,#854aef 83.33%,#854aef 91.66%,#7c3aed 91.66%,#7c3aed)}#clock-format-btn:before{background:linear-gradient(180deg,#f472b6,#f472b6 8.33%,#ef63a9 8.33%,#ef63a9 16.66%,#ea549d 16.66%,#ea549d 75%,#e54590 75%,#e54590 83.33%,#e03684 83.33%,#e03684 91.66%,#db2777 91.66%,#db2777)}#refresh-btn:before{background:linear-gradient(180deg,#4ade80,#4ade80 8.33%,#40d275 8.33%,#40d275 16.66%,#35c66a 16.66%,#35c66a 75%,#2bbb60 75%,#2bbb60 83.33%,#20af55 83.33%,#20af55 91.66%,#16a34a 91.66%,#16a34a)}@media (pointer: coarse){#fullscreen-btn{display:none}}@media (pointer: fine){#camera-btn{display:none}}#close-settings-btn,#close-rolodex-btn,#close-about-btn,#close-instructions-btn,#close-clock-btn{position:absolute;bottom:calc(var(--pixel) * 8);right:calc(var(--pixel) * 8);padding:12px 22px;color:var(--text-dark);font-size:20px;font-weight:400;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:2}@media (max-height: 500px){#close-settings-btn,#close-rolodex-btn,#close-about-btn,#close-clock-btn{bottom:calc(var(--pixel) * 6);right:calc(var(--pixel) * 6)}}@media (min-width: 768px){.settings-content button,#close-settings-btn,#close-rolodex-btn,#close-about-btn,#close-instructions-btn,#close-clock-btn{padding:16px 26px;font-size:20px}.rolodex-content{margin-bottom:75px!important}}.rolodex-content{flex:1;min-height:0;display:flex;flex-direction:column;margin:16px 16px 64px;overflow-y:scroll;border:var(--pixel) solid var(--border-dark);background:var(--border-light);box-shadow:inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #0000001a}.rolodex-content::-webkit-scrollbar{width:20px}.rolodex-content::-webkit-scrollbar-track{background-color:var(--border-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect x='0' y='0' width='2' height='2' fill='%235a5655'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%235a5655'/%3E%3C/svg%3E");background-size:4px 4px;image-rendering:pixelated;image-rendering:crisp-edges;border-left:2px solid var(--border-dark)}.rolodex-content::-webkit-scrollbar-thumb{background:var(--border-light);border:2px solid var(--border-dark);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px 0 0 var(--accent)}.rolodex-content::-webkit-scrollbar-thumb:hover{background:#d4cec8}.rolodex-content::-webkit-scrollbar-thumb:active{background:var(--panel-bg);box-shadow:inset 1px 1px 0 0 var(--accent),inset -1px -1px #ffffff80}.rolodex-content::-webkit-scrollbar-button{display:block;height:20px;background:var(--border-light);border:2px solid var(--border-dark);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px 0 0 var(--accent)}.rolodex-content::-webkit-scrollbar-button:hover{background:#d4cec8}.rolodex-content::-webkit-scrollbar-button:active{background:var(--panel-bg);box-shadow:inset 1px 1px 0 0 var(--accent),inset -1px -1px #ffffff80}.rolodex-content::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,0 10,6 0,6' fill='%232d2b2b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 6px}.rolodex-content::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,6 10,0 0,0' fill='%232d2b2b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 6px}@supports (scrollbar-color: auto){.rolodex-content{scrollbar-color:var(--border-light) var(--accent);scrollbar-width:auto}}.add-contact-label{font-size:16px;font-weight:700;color:var(--text-dark);letter-spacing:.5px}#add-contact-form{display:flex;flex-direction:column;gap:8px;padding:16px 16px 12px;border-bottom:var(--pixel) solid var(--border-dark);flex-shrink:0}.add-contact-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;container-type:inline-size}.btn-short,.btn-full{display:none}.btn-tiny{display:inline}@container (min-width: 340px){.btn-tiny{display:none}.btn-short{display:inline}}@container (min-width: 420px){.btn-short{display:none}.btn-full{display:inline}}#type-number-btn,#paste-number-btn{flex:1;height:44px;padding:2px 14px;color:var(--text-dark);font-size:16px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#type-number-btn:active,#paste-number-btn:active,#type-number-btn.active{color:var(--text-light)}#type-number-btn.active:hover:before{background:var(--bg-main)}#contact-number-input,#contact-name-input{flex:1;min-width:0;height:44px;padding:4px 12px;background:var(--border-light);border:var(--pixel) solid var(--border-dark);color:var(--text-dark);font-size:18px;font-family:VT323,monospace;text-transform:uppercase;letter-spacing:1px;box-shadow:inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #0000001a}#contact-number-input{flex-basis:140px;opacity:.55}#contact-number-input::placeholder,#contact-name-input::placeholder{color:var(--accent);opacity:.7}#contact-name-input{text-transform:none}#add-contact-btn{flex:0 0 auto;height:44px;padding:2px 18px;color:var(--text-dark);font-size:18px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}#onscreen-keyboard{padding:8px 16px;background:var(--border-light);border:var(--pixel) solid var(--border-dark);flex-shrink:0;box-shadow:inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #0000001a}#onscreen-keyboard.hidden{display:none}#keyboard-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}#keyboard-grid button{width:100%;padding:0;border:var(--pixel) solid transparent;background:transparent;font-size:18px;font-family:VT323,monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dark)}#keyboard-grid button:hover,#keyboard-grid button:active{border-color:var(--border-dark);background:var(--panel-bg)}#keyboard-grid button.keyboard-del{background:var(--panel-bg);border-color:var(--border-dark);font-size:14px;text-transform:uppercase;letter-spacing:1px}#keyboard-grid button.keyboard-del:hover,#keyboard-grid button.keyboard-del:active{background:var(--accent);color:var(--text-light)}#contact-list{display:flex;flex-direction:column}#no-contacts{text-align:center;color:var(--text-dark);font-size:18px;text-transform:uppercase;letter-spacing:1px;padding:24px;opacity:.7}#no-contacts.hidden{display:none}.contact-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(45,43,43,.15)}.contact-status-badge{flex:0 0 auto;padding:2px 6px;font-size:11px;font-family:VT323,monospace;text-transform:uppercase;letter-spacing:.5px;border:var(--pixel) solid var(--border-dark);text-align:center;line-height:1.2}.contact-status-badge.home{background:var(--status-connected);color:#fff}.contact-status-badge.away{background:var(--accent);color:var(--text-light)}.contact-status-badge.loading{background:var(--status-connecting);color:var(--text-dark)}.pixel-spinner{display:inline-block;width:14px;height:14px;position:relative;vertical-align:middle}.pixel-spinner:before{content:"";display:block;width:var(--pixel);height:var(--pixel);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pixel-spin 1.2s steps(1) infinite}@keyframes pixel-spin{0%{box-shadow:0 -6px 0 var(--text-dark),4px -4px 0 transparent,6px 0 0 transparent,4px 4px 0 transparent,0 6px 0 transparent,-4px 4px 0 transparent,-6px 0 0 transparent,-4px -4px 0 transparent}12.5%{box-shadow:0 -6px 0 transparent,4px -4px 0 var(--text-dark),6px 0 0 transparent,4px 4px 0 transparent,0 6px 0 transparent,-4px 4px 0 transparent,-6px 0 0 transparent,-4px -4px 0 transparent}25%{box-shadow:0 -6px 0 transparent,4px -4px 0 transparent,6px 0 0 var(--text-dark),4px 4px 0 transparent,0 6px 0 transparent,-4px 4px 0 transparent,-6px 0 0 transparent,-4px -4px 0 transparent}37.5%{box-shadow:0 -6px 0 transparent,4px -4px 0 transparent,6px 0 0 transparent,4px 4px 0 var(--text-dark),0 6px 0 transparent,-4px 4px 0 transparent,-6px 0 0 transparent,-4px -4px 0 transparent}50%{box-shadow:0 -6px 0 transparent,4px -4px 0 transparent,6px 0 0 transparent,4px 4px 0 transparent,0 6px 0 var(--text-dark),-4px 4px 0 transparent,-6px 0 0 transparent,-4px -4px 0 transparent}62.5%{box-shadow:0 -6px 0 transparent,4px -4px 0 transparent,6px 0 0 transparent,4px 4px 0 transparent,0 6px 0 transparent,-4px 4px 0 var(--text-dark),-6px 0 0 transparent,-4px -4px 0 transparent}75%{box-shadow:0 -6px 0 transparent,4px -4px 0 transparent,6px 0 0 transparent,4px 4px 0 transparent,0 6px 0 transparent,-4px 4px 0 transparent,-6px 0 0 var(--text-dark),-4px -4px 0 transparent}87.5%{box-shadow:0 -6px 0 transparent,4px -4px 0 transparent,6px 0 0 transparent,4px 4px 0 transparent,0 6px 0 transparent,-4px 4px 0 transparent,-6px 0 0 transparent,-4px -4px 0 var(--text-dark)}}.contact-actions button.loading-btn{opacity:.6;min-width:44px;display:flex;align-items:center;justify-content:center}.contact-info{flex:1;min-width:0}.contact-name{color:var(--text-dark);font-size:18px;font-weight:400;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-number{color:var(--accent);font-size:16px;letter-spacing:1px}.contact-actions{display:flex;gap:4px;flex:0 0 auto}.contact-actions button{padding:6px 10px;min-height:44px;color:var(--text-dark);font-size:14px;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.contact-actions button:disabled{opacity:.4;cursor:default;filter:none}.contact-actions button:disabled:hover:before{background:var(--panel-bg)}@media (max-width: 480px){.contact-item{flex-wrap:wrap}.contact-actions{width:100%;justify-content:flex-end;margin-top:2px;padding-top:4px;border-top:1px solid rgba(45,43,43,.1)}}#about-btn:before{background:linear-gradient(180deg,#94a3b8,#94a3b8 8.33%,#8a99ad 8.33%,#8a99ad 16.66%,#808fa2 16.66%,#808fa2 75%,#768598 75%,#768598 83.33%,#6c7b8d 83.33%,#6c7b8d 91.66%,#64748b 91.66%,#64748b)}.about-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12px;padding:24px 24px 64px;overflow-y:auto}.about-content::-webkit-scrollbar,.instructions-content::-webkit-scrollbar{width:20px}.about-content::-webkit-scrollbar-track,.instructions-content::-webkit-scrollbar-track{background-color:var(--border-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect x='0' y='0' width='2' height='2' fill='%235a5655'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%235a5655'/%3E%3C/svg%3E");background-size:4px 4px;image-rendering:pixelated;image-rendering:crisp-edges;border-left:2px solid var(--border-dark)}.about-content::-webkit-scrollbar-thumb,.instructions-content::-webkit-scrollbar-thumb{background:var(--border-light);border:2px solid var(--border-dark);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px 0 0 var(--accent)}.about-content::-webkit-scrollbar-thumb:hover,.instructions-content::-webkit-scrollbar-thumb:hover{background:#d4cec8}.about-content::-webkit-scrollbar-thumb:active,.instructions-content::-webkit-scrollbar-thumb:active{background:var(--panel-bg);box-shadow:inset 1px 1px 0 0 var(--accent),inset -1px -1px #ffffff80}.about-content::-webkit-scrollbar-button,.instructions-content::-webkit-scrollbar-button{display:block;height:20px;background:var(--border-light);border:2px solid var(--border-dark);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px 0 0 var(--accent)}.about-content::-webkit-scrollbar-button:hover,.instructions-content::-webkit-scrollbar-button:hover{background:#d4cec8}.about-content::-webkit-scrollbar-button:active,.instructions-content::-webkit-scrollbar-button:active{background:var(--panel-bg);box-shadow:inset 1px 1px 0 0 var(--accent),inset -1px -1px #ffffff80}.about-content::-webkit-scrollbar-button:vertical:decrement,.instructions-content::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,0 10,6 0,6' fill='%232d2b2b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 6px}.about-content::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,6 10,0 0,0' fill='%232d2b2b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 6px}@supports (scrollbar-color: auto){.about-content,.instructions-content{scrollbar-color:var(--border-light) var(--accent);scrollbar-width:auto}}.about-heading{color:var(--text-dark);font-size:28px;text-transform:uppercase;letter-spacing:3px;text-align:center}.about-version{color:var(--accent);font-size:16px;letter-spacing:1px;text-align:center}.about-text{color:var(--text-dark);font-size:20px;line-height:1.4;text-align:center;max-width:440px}.about-text p{margin-bottom:14px}.about-text p:last-child{margin-bottom:0}.about-footer{position:absolute;bottom:calc(var(--pixel) * 8);left:calc(var(--pixel) * 8);right:calc(var(--pixel) * 8);display:flex;justify-content:space-between;align-items:center;z-index:2}.about-footer button{padding:12px 22px;min-height:44px;color:var(--text-dark);font-size:20px;font-weight:400;font-family:VT323,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.about-footer #close-about-btn{position:relative;right:auto;bottom:auto}@media (min-width: 768px){.about-footer button{padding:16px 26px}}@media (max-height: 500px){.about-content{padding:16px;gap:8px;justify-content:flex-start}.about-heading{font-size:22px}.about-text{font-size:16px}.about-footer{bottom:calc(var(--pixel) * 6);left:calc(var(--pixel) * 6);right:calc(var(--pixel) * 6)}}.instructions-note{color:var(--text-dark);font-size:20px;line-height:1.5;text-align:center;max-width:440px}.instructions-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12px;padding:24px 24px 64px;overflow-y:auto}.instructions-list{color:var(--text-dark);font-size:20px;line-height:1.5;max-width:440px;padding-left:1.2em}.instructions-list li{margin-bottom:14px}.instructions-list li:last-child{margin-bottom:0}.clock-menu-content{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px 16px 64px;overflow-y:auto;min-height:0}@media (min-width: 768px){.clock-menu-content{padding-bottom:75px}}.clock-menu-content .toggle-switch-row{flex-shrink:0}.clock-tz-heading{color:var(--text-dark);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:4px;flex-shrink:0}.timezone-list{flex:1;min-height:0;overflow-y:scroll;border:var(--pixel) solid var(--border-dark);background:var(--border-light);box-shadow:inset calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 var(--border-dark),inset calc(var(--pixel) * 2) calc(var(--pixel) * 2) 0 0 #0000001a}.timezone-list::-webkit-scrollbar{width:20px}.timezone-list::-webkit-scrollbar-track{background-color:var(--border-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect x='0' y='0' width='2' height='2' fill='%235a5655'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%235a5655'/%3E%3C/svg%3E");background-size:4px 4px;image-rendering:pixelated;image-rendering:crisp-edges;border-left:2px solid var(--border-dark)}.timezone-list::-webkit-scrollbar-thumb{background:var(--border-light);border:2px solid var(--border-dark);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px 0 0 var(--accent)}.timezone-list::-webkit-scrollbar-thumb:hover{background:#d4cec8}.timezone-list::-webkit-scrollbar-thumb:active{background:var(--panel-bg);box-shadow:inset 1px 1px 0 0 var(--accent),inset -1px -1px #ffffff80}.timezone-list::-webkit-scrollbar-button{display:block;height:20px;background:var(--border-light);border:2px solid var(--border-dark);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px 0 0 var(--accent)}.timezone-list::-webkit-scrollbar-button:hover{background:#d4cec8}.timezone-list::-webkit-scrollbar-button:active{background:var(--panel-bg);box-shadow:inset 1px 1px 0 0 var(--accent),inset -1px -1px #ffffff80}.timezone-list::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,0 10,6 0,6' fill='%232d2b2b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 6px}.timezone-list::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,6 10,0 0,0' fill='%232d2b2b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 6px}@supports (scrollbar-color: auto){.timezone-list{scrollbar-color:var(--border-light) var(--accent);scrollbar-width:auto}}.tz-item{padding:6px 12px;font-size:16px;font-family:VT323,monospace;color:var(--text-dark);cursor:pointer;letter-spacing:.5px;border-bottom:1px solid rgba(45,43,43,.15)}.tz-item:hover{background:var(--panel-bg)}.tz-item.selected{background:var(--bg-main);color:var(--text-light)}.tz-separator{height:3px;background:var(--border-dark);flex-shrink:0}#clock-remote-item.hidden{display:none}@media (max-height: 500px){.clock-menu-content{padding:12px 12px 56px;gap:8px}}