*{box-sizing:border-box;-webkit-touch-callout:none}body,html{margin:0;padding:0;width:100%;height:100%;height:100dvh;height:-webkit-fill-available;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;position:fixed;inset:0}#wrapper{position:absolute;inset:0;width:100%;width:100dvw;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity 2s ease,padding .5s ease;-webkit-transition:opacity 2s ease,padding .5s ease;overflow:hidden;touch-action:none;box-sizing:border-box}.night-dim{opacity:.2!important}.gallery-frame{background:#0a0a0a!important;padding:45px!important}.gallery-frame #displayImg{border:8px solid #f7f5f0;box-shadow:0 0 25px #000000e6;max-width:calc(100vw - 90px)!important;max-height:calc(100vh - 90px)!important}#displayImg{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;opacity:0;display:block;margin:auto;pointer-events:none;-webkit-user-drag:none;transition:opacity .8s ease-in-out;-webkit-transition:opacity .8s ease-in-out}.visible{opacity:1!important}.glass-card{background:#1a1a1c8c;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #00000073;border-radius:20px;transition:opacity .35s ease,transform .35s ease;-webkit-transition:opacity .35s ease,transform .35s ease}.paused-hidden{opacity:0!important;pointer-events:none!important;transform:scale(.96);-webkit-transform:scale(.96)}.sf-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}#topLeftPanel{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:calc(20px + env(safe-area-inset-left,0px));z-index:10;pointer-events:none;padding:10px 18px;display:flex;align-items:center;gap:10px}#greetingIcon{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 6px rgba(255,214,10,.3))}#greeting{font-size:1.2em;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);line-height:1}#topRightPanel{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px));text-align:right;z-index:10;cursor:pointer;padding:8px 18px;display:flex;flex-direction:column;align-items:flex-end}#currentDate{font-size:.85em;font-weight:400;color:#fffc;margin-bottom:2px;text-transform:capitalize;display:flex;align-items:center;gap:6px}#clock{font-size:2.1em;font-weight:300;color:#fff;line-height:1.05;letter-spacing:-.5px}#deviceLocation{font-size:.88em;font-weight:400;color:#ffffffe6;margin-top:4px;display:flex;align-items:center;gap:6px}#weatherBox{font-size:.85em;font-weight:400;color:#fffc;margin-top:2px;display:flex;align-items:center;gap:6px}#overlay{position:absolute;bottom:calc(76px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));font-size:.9em;z-index:10;line-height:1.45;max-width:65%;color:#ffffffeb;padding:10px 18px;pointer-events:none}.meta-line{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btnMoreInfoWrapper{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));z-index:45;pointer-events:auto}.btn-more-info{background:#1a1a1ca6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.2);color:#fffffff2;padding:8px 16px;border-radius:18px;font-size:.86em;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 16px #00000059;transition:transform .15s ease,background .2s ease;-webkit-transition:transform .15s ease,background .2s ease;touch-action:auto}.btn-more-info:active{transform:scale(.92);background:#2d2d30cc}#infoDetailModal{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));width:320px;max-width:85vw;padding:16px 18px;z-index:60;display:none;font-size:.85em;line-height:1.5;color:#fff;pointer-events:auto}.detail-row{display:flex;justify-content:space-between;border-bottom:.5px solid rgba(255,255,255,.1);padding:6px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#ffffffa6}.detail-val{font-weight:500;text-align:right;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pauseBadge{position:absolute;top:24px;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);padding:8px 18px;font-size:.9em;font-weight:500;display:none;z-index:15;letter-spacing:.5px;align-items:center;gap:8px}.pause-bars{display:inline-flex;gap:3px;align-items:center;height:12px}.pause-bar{width:3px;height:12px;background:#fff;border-radius:1px}#actionToolbar{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));display:flex;gap:8px;align-items:center;padding:8px 16px;border-radius:22px;z-index:50;pointer-events:auto}.tool-btn{background:none;border:none;color:#ffffffe0;cursor:pointer;padding:8px;min-width:42px;min-height:42px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .15s ease,color .2s ease,background .2s ease;touch-action:auto}.tool-btn:hover{background:#ffffff1f}.tool-btn:active{transform:scale(.88);background:#fff3}.tool-btn.btn-heart.active svg{fill:#ff3b30;stroke:#ff3b30}.tool-btn.btn-star.active svg{fill:#ffd60a;stroke:#ffd60a}#btnHidePhoto{display:none;color:#ff453a}#progressBar{position:absolute;bottom:env(safe-area-inset-bottom,0px);left:0;height:3px;width:0%;background:#ffffffbf;z-index:10;pointer-events:none}#loader{position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;-webkit-animation:spin .8s linear infinite;z-index:5;display:none}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}#settingsModal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:#1c1c1ef5;border:.5px solid rgba(255,255,255,.2);box-shadow:0 16px 40px #0009;border-radius:20px;padding:22px;z-index:100;display:none;text-align:center;min-width:320px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:.95em}.setting-select{background:#2c2c2e;color:#fff;border:1px solid #48484a;padding:6px 10px;border-radius:8px;font-size:.9em;max-width:150px}.btn-action{padding:6px 14px;background:#2c2c2e;color:#fff;border:1px solid #48484a;border-radius:8px;cursor:pointer;font-size:.9em}.btn-close{margin-top:15px;padding:10px 20px;background:#fff;color:#000;border:none;border-radius:10px;font-weight:600;cursor:pointer;width:100%}#cleanOverlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000000eb;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);z-index:200;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.clean-badge{width:76px;height:76px;border-radius:22px;background:#ffffff14;border:.5px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0009,inset 0 1px 1px #fff3;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:#fff}.clean-icon-svg{width:38px;height:38px}.clean-title{font-size:1.55em;font-weight:600;letter-spacing:-.4px;margin:0 0 8px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.clean-subtitle{color:#ffffffa6;font-size:.95em;max-width:360px;margin:0 0 28px;line-height:1.45}.clean-timer-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:124px;height:124px;border-radius:62px;background:#ffffff0d;border:1.5px solid rgba(255,214,10,.45);box-shadow:0 0 35px #ffd60a33}#cleanTimer{font-size:3.4em;font-weight:300;margin:0;line-height:1;color:#ffd60a;letter-spacing:-1px}.clean-timer-sec{font-size:.72em;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff8c;margin-top:4px}#collageModal{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000000e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:150;display:none;flex-direction:column;align-items:center;justify-content:center}#collagePreview{max-width:82vw;max-height:72vh;border-radius:14px;box-shadow:0 12px 35px #000c;border:1px solid rgba(255,255,255,.15);-webkit-touch-callout:default!important;user-select:auto!important;-webkit-user-select:auto!important;pointer-events:auto!important}#collageModalBar{margin-top:18px;display:flex;gap:14px}.btn-modal{padding:10px 22px;border-radius:12px;border:none;font-weight:600;font-size:.95em;cursor:pointer}.btn-modal-share{background:#007aff;color:#fff}.btn-modal-cancel{background:#fff3;color:#fff}#collageCanvas{display:none}@media (min-width: 768px){.sf-icon{width:24px;height:24px}.tool-btn{padding:10px 14px;min-width:48px;min-height:48px}#actionToolbar{padding:10px 20px;gap:12px;border-radius:26px;bottom:calc(28px + env(safe-area-inset-bottom,0px));right:calc(28px + env(safe-area-inset-right,0px))}.btn-more-info{padding:10px 20px;font-size:.92em;border-radius:20px;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:calc(28px + env(safe-area-inset-left,0px))}#btnMoreInfoWrapper{bottom:calc(28px + env(safe-area-inset-bottom,0px));left:calc(28px + env(safe-area-inset-left,0px))}#overlay{bottom:calc(88px + env(safe-area-inset-bottom,0px));left:calc(28px + env(safe-area-inset-left,0px));font-size:1.05em;padding:12px 22px}#topLeftPanel{top:calc(24px + env(safe-area-inset-top,0px));left:calc(28px + env(safe-area-inset-left,0px));padding:12px 22px}#topRightPanel{top:calc(24px + env(safe-area-inset-top,0px));right:calc(28px + env(safe-area-inset-right,0px));padding:12px 24px}#clock{font-size:2.8em}#greeting{font-size:1.35em}}@media (max-width: 600px){#overlay{max-width:90%;bottom:calc(80px + env(safe-area-inset-bottom,0px));font-size:.82em;padding:8px 14px}#topRightPanel{padding:6px 14px}#clock{font-size:1.85em}#topLeftPanel{padding:6px 14px}#greeting{font-size:.95em}#actionToolbar{padding:6px 12px;gap:6px;bottom:calc(18px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px))}#btnMoreInfoWrapper{bottom:calc(18px + env(safe-area-inset-bottom,0px));left:calc(14px + env(safe-area-inset-left,0px))}.tool-btn{padding:6px;min-width:38px;min-height:38px}.sf-icon{width:20px;height:20px}}