@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/source-sans-3-700.woff2) format("woff2")}:root{--background-color: #000;--text-color: #fff;--drawer-bg-color: rgba(0, 0, 0, .85);--button-bg-color: #333;--button-text-color: #fff;--button-hover-bg-color: #555;--time-date-gap: clamp(20px, 4vw, 40px);--clock-time-size: clamp(80px, 15vw, 250px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--text-color);overflow:hidden;transition:background-color .3s ease,color .3s ease}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.clock{position:relative;width:100%;height:100%;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.clock:focus{outline:none}#timeDisplay{font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:var(--clock-time-size);line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.char-wrapper{height:1em;overflow:hidden;display:inline-block;vertical-align:middle}.char-reel{display:flex;flex-direction:column}.char-reel.animated{transition:transform .6s cubic-bezier(.65,0,.35,1)}.char-reel .digit,#timeDisplay .separator{height:100%;line-height:1;display:flex;align-items:center;justify-content:center}#dateDisplay{margin-top:var(--time-date-gap);font-family:sans-serif;font-weight:600;font-size:3vw;opacity:.8;white-space:nowrap}#timeDisplay.dimmed,#dateDisplay.dimmed{opacity:.3}.hint,.pwa-toast{position:absolute;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:5px;font-family:sans-serif;font-size:.9em;opacity:0;transition:opacity 1s ease-out;z-index:10;white-space:nowrap;pointer-events:none}.hint{top:10%}.pwa-toast{top:18%;pointer-events:all;cursor:pointer}.pwa-toast .refresh-button{margin-left:15px;padding:3px 8px;border:1px solid #fff;background:transparent;color:#fff;border-radius:3px;cursor:pointer}.hint.show,.pwa-toast.show{opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:90vw;max-width:500px;background-color:#333;color:#fff;border-radius:8px;padding:25px;box-shadow:0 5px 15px #00000080;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;display:flex;flex-direction:column}.modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal h3{margin-top:0;margin-bottom:20px;font-family:sans-serif;color:#eee;text-align:center}.modal .close-button{border:none;text-align:center;padding:10px 15px;cursor:pointer;border-radius:4px;background-color:var(--button-bg-color);color:var(--button-text-color);font-size:1em;transition:background-color .2s ease;align-self:center;min-width:100px}.modal .close-button:hover{background-color:var(--button-hover-bg-color)}@media (max-width: 768px){.drawer{width:80vw;right:-80vw}}.modal-content{flex-grow:1;margin-bottom:25px;font-family:sans-serif;line-height:1.6;max-height:60vh;overflow-y:auto}.modal-content p{margin:1em 0;color:#ddd;text-align:center}.modal-footer{display:flex;justify-content:center;gap:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.modal-footer button,.modal>.close-button{border:none;text-align:center;padding:10px 15px;cursor:pointer;border-radius:4px;background-color:var(--button-bg-color);color:var(--button-text-color);font-size:1em;transition:background-color .2s ease;min-width:100px}.modal-footer button:hover,.modal>.close-button:hover{background-color:var(--button-hover-bg-color)}.log-list{list-style:none;padding:0;margin:0}.log-list li{margin-bottom:12px;color:#ddd}.log-list li strong{color:#fff;font-weight:600;display:block}.support-images{display:flex;justify-content:space-around;gap:20px;margin-top:20px}.support-item{text-align:center}.support-item p{margin-top:8px;font-size:.9em}.support-placeholder{width:150px;height:150px;background-color:#444;border:2px dashed #666;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#888}.support-placeholder img{width:100%;height:100%;object-fit:contain}#logModalOverlay,#supportModalOverlay,#confirmModalOverlay,#shareModalOverlay{z-index:1002}#logModal,#supportModal,#confirmModal,#shareModal{z-index:1003}.log-details{list-style-type:disc;padding-left:20px;margin-top:5px;color:#ccc}.log-details li{margin-bottom:4px}#confirmModal .confirm-ok-button{background-color:#d9534f}#confirmModal .confirm-ok-button:hover{background-color:#c9302c}.share-container{display:flex;flex-direction:column;align-items:center;gap:15px}.share-qrcode img{width:160px;height:160px;border-radius:8px;background-color:#fff;padding:5px}.share-link-wrapper{display:flex;width:100%;max-width:350px}#shareLinkInput{flex-grow:1;padding:8px 12px;border:1px solid #555;background-color:#222;color:#eee;border-radius:4px 0 0 4px;font-size:.9em;outline:none}#copyLinkBtn{padding:8px 15px;border:1px solid #555;border-left:none;background-color:var(--button-bg-color);color:var(--button-text-color);cursor:pointer;border-radius:0 4px 4px 0;font-size:.9em;transition:background-color .2s ease;white-space:nowrap}#copyLinkBtn:hover{background-color:var(--button-hover-bg-color)}.controls-container{position:fixed;bottom:0;left:0;width:100%;padding:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);z-index:990;opacity:0;pointer-events:none;transition:opacity .4s ease-in-out}.controls-container.visible{opacity:1;pointer-events:auto}.controls-group{display:flex;gap:10px}.controls-container button{border:none;text-align:center;padding:8px 16px;text-decoration:none;cursor:pointer;border-radius:6px;background-color:var(--button-bg-color);color:var(--button-text-color);font-size:.9em;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.controls-container button:hover{background-color:var(--button-hover-bg-color)}.controls-container button:active{transform:scale(.95)}@media (max-width: 600px){.controls-container{gap:15px}.controls-group{gap:8px}.controls-container button{padding:8px 12px;font-size:.85em}}.time-container{display:flex;flex-direction:column;align-items:center}.controls-group+.controls-group{padding-left:10px;border-left:1px solid rgba(255,255,255,.15)}.modal-content{scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.controls-group{position:relative;display:flex;gap:10px}.lang-menu{position:absolute;bottom:calc(100% + 10px);left:0;background-color:var(--drawer-bg-color, rgba(0, 0, 0, .85));border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px;z-index:1000;box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.lang-menu.visible{opacity:1;transform:translateY(0);pointer-events:auto}.lang-menu button{width:100%;border:none;background-color:transparent;color:var(--button-text-color);padding:8px 16px;text-align:left;cursor:pointer;border-radius:4px;font-size:.9em;transition:background-color .2s ease}.lang-menu button:hover{background-color:var(--button-hover-bg-color)}