*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden}body{background-color:#fff;color:#000;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease}#clock-container{width:90%;max-width:1200px;padding:2rem;user-select:none;-webkit-user-select:none}#time-display{font-size:clamp(
    calc(2rem * var(--font-scale, 1)),
    calc(8vw * var(--font-scale, 1)),
    calc(6rem * var(--font-scale, 1))
  );font-weight:300;line-height:1.3;cursor:default;transition:font-family .3s ease,font-size .2s ease}#time-display .word{display:inline;transition:opacity .3s ease}#time-display .word-leaving{opacity:0}#time-display .word-entering{opacity:0}body[data-lang=EN] #clock-container,body[data-lang=ES] #clock-container,body[data-lang=FR] #clock-container,body[data-lang=RU] #clock-container{text-align:left;direction:ltr}body[data-lang=AR] #clock-container,body[data-lang=HE] #clock-container{text-align:right;direction:rtl}body[data-lang=AR],body[data-lang=HE]{direction:rtl}#back-link{position:fixed;top:1.5rem;left:1.5rem;font-size:1.5rem;color:inherit;text-decoration:none;opacity:0;transition:opacity .3s ease;z-index:10}body[data-lang=AR] #back-link,body[data-lang=HE] #back-link{left:auto;right:1.5rem}body.show-controls #back-link{opacity:.3}body.show-controls #back-link:hover{opacity:.7}#controls-hint{position:fixed;top:1.7rem;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:300;color:inherit;opacity:0;transition:opacity .3s ease;z-index:10;white-space:nowrap;letter-spacing:.02em;pointer-events:none}body.show-controls #controls-hint{opacity:.25}#fullscreen-btn{position:fixed;top:1.5rem;right:1.5rem;background:0 0;border:none;color:inherit;font-size:1.5rem;opacity:0;transition:opacity .3s ease;cursor:pointer;z-index:10;padding:0;line-height:1}body[data-lang=AR] #fullscreen-btn,body[data-lang=HE] #fullscreen-btn{right:auto;left:1.5rem}body.show-controls #fullscreen-btn{opacity:.3}body.show-controls #fullscreen-btn:hover{opacity:.7}:fullscreen #fullscreen-btn{display:none}#settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#settings-overlay.hidden{display:none}#settings-popup{background:#fff;color:#000;border-radius:12px;padding:2rem;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.15)}#settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}#settings-title{font-size:1.25rem;font-weight:500}#settings-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem;line-height:1}#settings-close:hover{color:#000}.setting-group{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #eee}.setting-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{display:block;font-size:.85rem;font-weight:500;color:#333;margin-bottom:.5rem}.setting-description{display:block;font-size:.75rem;font-weight:400;color:#888;margin-top:.35rem;line-height:1.4}.toggle-container{display:flex;align-items:center;justify-content:space-between}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#ccc;border-radius:24px;cursor:pointer;transition:background-color .2s ease}.toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background-color:#000}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px)}.setting-select{width:100%;padding:.5rem .75rem;font-size:.9rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-family:inherit}.setting-select:focus{outline:0;border-color:#999}.color-picker-row{display:flex;align-items:center;gap:.75rem}.color-picker-row input[type=color]{-webkit-appearance:none;appearance:none;width:36px;height:36px;border:2px solid #ddd;border-radius:6px;cursor:pointer;padding:2px;background:0 0}.color-picker-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-row input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-hex{font-size:.8rem;color:#666;font-family:monospace}.slider-row{display:flex;align-items:center;gap:1rem}.font-size-slider{-webkit-appearance:none;appearance:none;flex:1;height:6px;background:#ddd;border-radius:3px;outline:0;cursor:pointer}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#000;border-radius:50%;cursor:pointer}.font-size-slider::-moz-range-thumb{width:18px;height:18px;background:#000;border:none;border-radius:50%;cursor:pointer}.slider-value{font-size:.85rem;color:#666;min-width:45px;text-align:right;font-weight:500}#install-banner{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:.75rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;z-index:50;font-size:.85rem;box-shadow:0 4px 20px rgba(0,0,0,.2);white-space:nowrap}#install-btn{background:#fff;color:#000;border:none;padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;font-size:.85rem}#install-btn:hover{background:#eee}#install-dismiss{background:0 0;border:none;color:#fff;cursor:pointer;font-size:1.2rem;opacity:.6;padding:0;line-height:1}#install-dismiss:hover{opacity:1}@media (max-width:600px){#clock-container{padding:1rem}#settings-popup{padding:1.5rem;width:95%}}