@import"https://fonts.googleapis.com/css2?family=Gideon+Roman&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--font-family: "Inter", sans-serif;--gold: #FFD700}body{margin:0;padding:0;font-family:var(--font-family);display:flex;justify-content:center;align-items:center;min-height:100svh}#time{font-family:Gideon Roman,serif;font-size:clamp(28px,5vw,64px);position:relative;z-index:2}#container{padding:clamp(16px,5vw,40px);text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,18px)}#sundial{width:clamp(260px,70vmin,1100px);aspect-ratio:1 / 1;margin:0 auto;position:relative;z-index:1}.sundial-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}@media(max-width:520px),(max-height:700px){body{align-items:flex-start}}#locate-btn{position:absolute;top:20px;right:20px;text-decoration:none;color:#333;transition:color .3s;cursor:pointer;z-index:2}#locate-btn:hover{color:var(--gold)}#settings-btn{position:absolute;top:20px;left:20px;text-decoration:none;color:#333;transition:color .3s;cursor:pointer;z-index:2}#settings-btn:hover,#settings-btn.active{color:var(--gold)}#settings-panel{position:absolute;top:50%;left:20px;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;padding:0 20px 20px;box-shadow:0 2px 10px #0000001a;width:220px;z-index:1000;transition:transform .3s ease-in-out}#settings-panel.hidden{transform:translateY(-50%) translate(-320px)}#settings-panel label{display:block;margin-top:12px;margin-bottom:6px;font-size:13px;color:#333}#settings-panel select{width:100%;box-sizing:border-box;padding:8px 32px 8px 10px;font-family:var(--font-family);font-size:14px;line-height:1.2;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#333 50%),linear-gradient(135deg,#333 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}#settings-panel select:hover{border-color:var(--gold)}#settings-panel select:focus{border-color:var(--gold);outline:none}#settings-panel select::-ms-expand{display:none}#settings-panel input[type=range]{width:100%;margin-top:6px;accent-color:var(--gold)}#settings-panel input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}#settings-panel input[type=range]::-webkit-slider-runnable-track{height:6px;background:#ccc;border-radius:999px}#settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);border:1px solid #333;margin-top:-4px}#settings-panel input[type=range]::-moz-range-track{height:6px;background:#ccc;border-radius:999px}#settings-panel input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);border:1px solid #333}#settings-panel .settings-row{display:flex;align-items:center;gap:8px;margin-top:12px}#settings-panel .settings-time{display:flex;align-items:center;gap:8px;margin-top:6px}#settings-panel .settings-time select{width:auto;flex:1;min-width:0}#settings-panel .settings-time span{color:#333;-webkit-user-select:none;user-select:none}#settings-panel .settings-row label{margin:0}#settings-panel input[type=checkbox]{accent-color:var(--gold)}#settings-panel input[type=number]{width:100%;box-sizing:border-box;padding:8px 10px;font-family:var(--font-family);font-size:14px;line-height:1.2;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:6px}#settings-panel input[type=number]:disabled{opacity:.6;cursor:not-allowed}#settings-panel input[type=number]:focus{border-color:var(--gold);outline:none}