:root{--background-color:#f0f0f0;--text-color:#333;--text-secondary-color:#666;--primary-color:#fff;--secondary-color:#e0e0e0;--accent-color:#009dff;--shadow-color:rgba(0, 0, 0, 0.1);--danger-color:#ff453a;--rgb-background-color:240, 240, 240;--rgb-text-color:51, 51, 51;--rgb-secondary-color:224, 224, 224;--rgb-primary-color:255, 255, 255}body[data-theme=dark]{color-scheme:dark;--background-color:#121212;--text-color:#e0e0e0;--text-secondary-color:#aaa;--primary-color:#1e1e1e;--secondary-color:#2a2a2a;--shadow-color:rgba(0, 0, 0, 0.5);--danger-color:#ff6b6b;--rgb-background-color:18, 18, 18;--rgb-text-color:224, 224, 224;--rgb-secondary-color:42, 42, 42;--rgb-primary-color:30, 30, 30}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow:hidden}#app-container,body{display:flex;flex-direction:column;overflow:hidden}body,html{overscroll-behavior-y:contain;height:100%}body{visibility:hidden;color-scheme:light;font-family:"IBM Plex Sans JP",sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.loaded{visibility:visible}input,select{user-select:auto;-webkit-user-select:auto}html.is-standalone body{min-height:100vh}.truncate-text{white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .001s ease-out;will-change:opacity}#app-container{flex:1;min-height:0;position:relative;transform:translateZ(0)}.main-content,.middle-container{flex-grow:1;display:flex;flex-direction:row;overflow:hidden;background-color:var(--primary-color)}.main-content{flex-direction:column;background-color:var(--background-color)}.scroll-container{overscroll-behavior-y:contain}body.has-classic-scrollbar .scroll-container::-webkit-scrollbar{background-color:var(--background-color)}body.has-classic-scrollbar .scroll-container::-webkit-scrollbar-track{background-color:var(--background-color);border-radius:6px}body.has-classic-scrollbar .scroll-container::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:6px;border:2px solid var(--background-color)}body.has-classic-scrollbar .scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary-color)}@supports (-moz-appearance:none){body{scrollbar-color:var(--secondary-color) var(--background-color)}}body.has-classic-scrollbar #pinned-city-container,body.has-classic-scrollbar .scroll-container{padding-left:10px}.toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:var(--toolbar-background-color, var(--accent-color));box-shadow:0 2px 5px var(--shadow-color);z-index:10}.bottom-toolbar,.top-toolbar{box-sizing:border-box;flex-shrink:0}.top-toolbar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.bottom-toolbar{height:60px;justify-content:center}.toolbar-actions{display:flex;flex-shrink:0}.toolbar-title-group{display:flex;align-items:center;min-width:0}.toolbar-title{font-size:1.25rem;font-weight:600;color:#fff;display:inline-block;vertical-align:middle}.icon-button{background:0 0;border:0;font-size:1.5rem;cursor:pointer;color:#fff;padding:8px;border-radius:50%}.icon-button:hover{background-color:rgba(0,0,0,.1)}#app-icon-canvas{margin-right:12px;vertical-align:middle;image-rendering:high-quality}#now-button{background-color:#fff;color:var(--toolbar-background-color, var(--accent-color));border:0;padding:10px 48px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer}#now-button:disabled{background-color:#e0e0e0;color:var(--toolbar-background-color, var(--accent-color));opacity:.5;cursor:not-allowed}#pinned-city-container,.scroll-container{overflow-y:auto;overflow-x:hidden;user-select:none;position:relative;z-index:1;scrollbar-gutter:stable;overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-anchor:none}#pinned-city-container{flex-shrink:0;border-bottom:3px solid var(--accent-color)}.city-list-container{flex-grow:1;z-index:1}#city-list,#pinned-city{padding:0 4px;margin:0;overflow:hidden}#city-list{padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:4px}@media (max-width:500px){#city-list{grid-template-columns:1fr}}.vertical-winder{flex-shrink:0;width:60px;user-select:none;position:relative;overflow:hidden;cursor:ns-resize;transform:translateZ(0);touch-action:pan-y}.edit-mode #city-list .city-item:active .city-item-drag-handle,.vertical-winder:active{cursor:grabbing}.city-item,.city-item-content{display:flex;align-items:center}.city-item{background-color:var(--primary-color);border-radius:12px;padding:12px 16px 6px 10px;margin:0;max-width:none;height:5.5rem;box-shadow:0 1px 3px var(--shadow-color);max-height:150px;overflow:hidden;box-sizing:border-box;transform:translateZ(0);transition:opacity .2s ease-in-out,transform .2s ease-in-out,max-height .2s ease-in-out,padding .2s ease-in-out,margin .2s ease-in-out}.city-item.removing{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.city-item-content{flex-grow:1;justify-content:space-between;min-width:0}.city-details{flex-grow:1;text-align:left;min-width:0;position:relative;margin-left:6px}.city-item.is-custom .city-details::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--accent-color);border-radius:2px}.time-details{display:flex;flex-direction:column;align-items:flex-end;min-width:9rem}.time-details .date,.time-details .time-diff{width:100%;text-align:right}.city-name{font-size:1.2rem;font-weight:700;line-height:1.2}.browser-tz-diff,.time-diff{font-size:.8rem;color:var(--text-secondary-color);line-height:1.2}.country-name{font-weight:600}.country-name,.date{font-size:.8rem;line-height:1.2}.time{font-size:2.4rem;font-family:"IBM Plex Sans JP",monospace;font-weight:500;line-height:1;display:flex;align-items:baseline;justify-content:flex-end;width:100%}.time .day-period{font-size:.4em;min-width:0}.time .time-value-container{display:inline-block;text-align:right;flex-shrink:0;width:4.6ch}.city-item-drag-handle{color:var(--text-secondary-color)}.city-item-delete-button,.city-item-drag-handle{display:none;cursor:pointer;font-size:1.5rem}.city-item-drag-handle{margin-left:8px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.city-item-delete-button{margin-right:8px;color:var(--danger-color);border-radius:50%;width:24px;text-align:center}.edit-mode #city-list .city-item-delete-button,.edit-mode #city-list .city-item-drag-handle{display:block}.edit-mode #city-list .city-item-content{pointer-events:none}body.edit-mode #city-list .city-item .time-details{visibility:hidden;min-width:0;flex-basis:0}body.edit-mode #city-list .city-item .city-details{flex-grow:1}body.sorting,body.sorting *{cursor:grabbing!important;user-select:none}.city-item.dragging,.modal,.placeholder{box-sizing:border-box}.placeholder{background-color:var(--secondary-color);border:2px dashed var(--accent-color);border-radius:12px;margin:0;max-width:none}.city-item.dragging{position:fixed;opacity:.8;z-index:200;pointer-events:none;width:300px}.city-item.is-dropping{transition:top .1s ease-out,left .1s ease-out}.modal{position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s;padding-top:env(safe-area-inset-top);padding-right:calc(env(safe-area-inset-right) + 32px);padding-bottom:0;padding-left:calc(env(safe-area-inset-left) + 32px);gap:8px}.modal:not([hidden]){visibility:visible;opacity:1;transition:opacity .2s}.modal.is-opening{pointer-events:none}.modal-content{background-color:var(--primary-color);border-radius:12px;width:96%;max-width:450px;max-height:96%;display:flex;flex-direction:column;box-shadow:0 4px 15px rgba(0,0,0,.2);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--secondary-color)}.modal-header h2{margin:0;font-size:1.2rem;flex-grow:1;min-width:0}.calendar-header .close-button,.modal-header .close-button{font-size:1.8rem;background-color:var(--toolbar-background-color, var(--accent-color));border:0;cursor:pointer;color:#fff;padding:0;width:40px;min-width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;line-height:1;transition:background-color .2s,opacity .2s;box-sizing:border-box}.calendar-header .close-button:hover,.modal-header .close-button:hover{opacity:.8}.modal-body{overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;padding:16px;border-top:1px solid var(--secondary-color)}.modal-footer button{padding:10px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;border:0}.modal-footer button+button{margin-left:12px}.modal-footer button:not(.button-secondary){background-color:var(--toolbar-background-color, var(--accent-color));color:#fff}.modal-footer .button-secondary{color:var(--text-color)}#city-selection-modal{z-index:102}#city-selection-modal .modal-content{height:96%}#city-search-input{width:auto;margin:16px;padding:12px;border:1px solid var(--secondary-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:1rem}#city-selection-list{flex-grow:1;overflow-y:auto;padding:0 16px 16px}#city-selection-list .city-selection-item{display:flex;height:1.2rem;align-items:center;padding:12px;cursor:pointer;border-radius:8px}#city-selection-list .city-selection-item:hover,.modal-footer .button-secondary{background-color:var(--secondary-color)}#city-selection-list .city-selection-item .city-selection-text{width:100%}#settings-modal .modal-body{background-color:var(--background-color);padding:16px 8px}#settings-modal .setting-group{background-color:var(--primary-color);border-radius:12px;margin:0 8px 16px;border:1px solid rgba(var(--rgb-text-color),.05);box-shadow:0 1px 2px var(--shadow-color);padding:0;overflow:hidden}#settings-modal .setting-group:last-child{margin-bottom:0}#settings-modal .setting-group-title{padding:12px 16px 4px;margin:0;font-size:.8rem;background-color:rgba(var(--rgb-secondary-color),.3);border-bottom:1px solid rgba(var(--rgb-text-color),.08)}#settings-modal .setting-group .setting-item{border-bottom-color:var(--background-color)}#datetime-setting-modal .modal-footer{justify-content:center}#datetime-setting-modal .city-display #datetime-modal-city-name,#datetime-setting-modal .city-display #datetime-modal-country-name{font-size:1.1rem;font-weight:500;width:100%;text-align:center}#datetime-setting-modal .city-display{flex-direction:column;justify-content:center;padding:8px 16px}#city-edit-modal .setting-item{justify-content:space-between}#city-edit-modal .setting-item label{flex-shrink:0;margin-right:16px}#city-edit-modal .setting-item span{font-weight:600;text-align:right;flex-grow:1;min-width:0}#city-edit-modal .modal-footer{justify-content:center}.setting-group{padding:16px;border-bottom:1px solid var(--secondary-color)}.setting-group:last-child,.setting-item:last-child{border-bottom:none}.setting-group-title{font-size:.9rem;font-weight:600;color:var(--text-secondary-color);margin:0 0 12px;text-transform:uppercase}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--secondary-color)}.setting-item label{font-weight:500;padding-right:16px}.setting-item-column{display:flex;flex-direction:column;margin-bottom:16px}.setting-item-column label{margin-bottom:8px;font-weight:500}.setting-note{font-size:.8rem;color:var(--text-secondary-color);margin:0}.input-full-width{width:100%;padding:10px;border-radius:8px;border:1px solid var(--secondary-color);color:var(--text-color);font-size:1rem;box-sizing:border-box}.button-full-width,.input-full-width,.radio-group{background-color:var(--secondary-color)}.button-full-width{width:100%;padding:12px;font-size:1rem;font-weight:500;text-align:center}#theme-select,.button-full-width:hover{background-color:var(--background-color)}#theme-select,.button-full-width{border-radius:8px;border:1px solid var(--secondary-color);color:var(--text-color);cursor:pointer}#theme-select{padding:8px 12px}.radio-group{display:flex;align-items:center;border-radius:20px;padding:4px}.color-option input[type=radio],.radio-group input[type=radio]{display:none}.radio-group label{border-radius:16px;cursor:pointer;transition:background-color .2s,color .2s;font-weight:400;padding:8px 16px}.radio-group input[type=radio]:checked+label{background-color:var(--primary-color);color:var(--accent-color);font-weight:500;box-shadow:0 1px 3px var(--shadow-color)}.color-selection-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;flex-grow:1;max-width:250px}.color-option{display:flex;align-items:center;justify-content:center}.color-option .color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid var(--secondary-color);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.color-option input[type=radio]:checked+.color-swatch{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:inset 0 0 0 2px var(--primary-color)}.icon-selection-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;flex-grow:1;max-width:250px}.icon-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--secondary-color);cursor:pointer;border:2px solid transparent}.modal:not([hidden]) .icon-option{transition:border-color .2s ease}.icon-option.selected{border-color:var(--accent-color);box-shadow:0 0 5px var(--accent-color-light)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--secondary-color);transition:.4s;border-radius:28px;padding:0}.toggle-switch label:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+label{background-color:var(--accent-color)}.toggle-switch input:focus+label{box-shadow:0 0 1px var(--accent-color)}.toggle-switch input:checked+label:before{transform:translateX(22px)}.custom-context-menu{position:absolute;z-index:250;background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 15px var(--shadow-color);width:180px;padding:8px 0;border:1px solid rgba(var(--rgb-text-color),.1)}.custom-context-menu li[hidden],.custom-context-menu[hidden]{display:none}.custom-context-menu .context-menu-header{padding:8px 16px 4px;font-weight:600;font-size:1rem;color:var(--text-secondary-color);border-bottom:1px solid var(--secondary-color);margin-bottom:4px}.custom-context-menu ul{list-style:none;margin:0;padding:0}.custom-context-menu li{padding:10px 16px;cursor:pointer;font-size:1rem;transition:background-color .2s;display:flex;align-items:center}.custom-context-menu li i{margin-right:12px;width:1.2em;text-align:center}#calendar-modal .calendar-nav-button:hover,.custom-context-menu li:hover{background-color:var(--secondary-color)}.custom-context-menu li.danger{color:var(--danger-color)}#context-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:249}.datetime-spinners,.spinner-container{display:flex;flex-direction:column;align-items:center;padding:5px 0}.datetime-spinners{justify-content:center;gap:8px}.spinner-container{position:relative}.date-spinners,.time-spinners{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;position:relative}.date-spinners::before,.time-spinners::before{content:"";position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%);height:34px;background-color:rgba(var(--rgb-text-color),.05);border-radius:8px;z-index:0;pointer-events:none}.spinner-wheel-container{height:calc(30px*5);overflow:hidden;position:relative;min-width:80px;cursor:ns-resize;user-select:none;touch-action:none;z-index:1}.spinner-wheel-container::after,.spinner-wheel-container::before{content:"";position:absolute;left:0;width:100%;height:calc(30px*2);z-index:2;pointer-events:none}.spinner-wheel-container::before{top:0;background:linear-gradient(to bottom,var(--primary-color) 10%,transparent 100%)}.spinner-wheel-container::after{bottom:0;background:linear-gradient(to top,var(--primary-color) 10%,transparent 100%)}.spinner-wheel{position:relative}.spinner-separator,.spinner-wheel-item{font-weight:400;color:var(--text-secondary-color)}.spinner-wheel-item{height:30px;line-height:30px;text-align:center;font-size:18px;transition:color .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);opacity:.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0)}.spinner-wheel-item.active{color:var(--text-color);font-size:22px;font-weight:600;opacity:1;color:#000}.spinner-wheel.no-color-transition .spinner-wheel-item{transition:transform .2s,opacity .2s}.spinner-separator{font-size:20px;align-self:center;padding:0 5px}.spinner-arrow,body.show-pinned-city-false #pinned-city-container{display:none}.spinner-button{position:absolute;left:50%;transform:translateX(-50%);z-index:3;background-color:transparent;border:0;color:var(--text-secondary-color);cursor:pointer;font-size:1.5rem;padding:0;margin:0;width:50px;height:30px;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;transition:color .2s,opacity .2s;text-shadow:0 1px 3px rgba(0,0,0,.1);opacity:.4}.spinner-button.up{top:5px}.spinner-button.down{bottom:5px}.spinner-button:hover{opacity:1}body[data-theme=dark] .spinner-button{color:var(--text-secondary-color);text-shadow:0 1px 3px rgba(0,0,0,.3)}.spinner-button:hover,body[data-theme=dark] .spinner-button:hover{color:var(--text-color)}.spinner-wheel.no-transition,.spinner-wheel.no-transition *{transition:none!important}#calendar-modal{z-index:101}#calendar-modal .calendar-content{background-color:var(--primary-color);border-radius:12px;padding:16px;width:90%;max-width:320px;box-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:90%;overflow:auto;min-height:0}#calendar-modal .calendar-header{display:flex;align-items:center;padding-bottom:10px;gap:4px}#calendar-modal #calendar-month-year{font-size:1.1rem;font-weight:700;text-align:left;margin-right:auto}#calendar-modal .calendar-nav-button,.date-display-button{color:var(--text-color);cursor:pointer;justify-content:center;align-items:center}#calendar-modal .calendar-nav-button{background:0 0;border:0;font-size:1.8rem;padding:0;border-radius:50%;width:40px;height:40px;display:inline-flex;flex-shrink:0;transition:background-color .2s}.date-display-button{background:var(--secondary-color);border:1px solid rgba(var(--rgb-text-color),.1);font-size:1.1rem;font-weight:500;text-align:center;width:calc(100% - 32px);margin:8px auto 12px;border-radius:8px;padding:10px 8px;transition:background-color .2s,box-shadow .2s;display:flex;gap:8px}.date-display-button:hover{background-color:var(--background-color);box-shadow:0 0 5px rgba(var(--rgb-text-color),.1)}#calendar-modal .calendar-grid{display:flex;flex-direction:column;text-align:center;padding-top:10px;height:300px;justify-content:space-between;min-width:259px}#calendar-modal .calendar-week{display:flex;flex-grow:1;align-items:center;justify-content:space-between}#calendar-modal .calendar-week.header{flex-grow:0;padding-bottom:5px}#calendar-modal .weekday-header{width:37px;font-weight:700;color:var(--text-secondary-color);font-size:.8rem}#calendar-modal .calendar-day{padding:0;border-radius:50%;cursor:pointer;transition:background-color .2s,color .2s;line-height:35px;height:37px;width:37px;flex-shrink:0;font-size:1rem;box-sizing:border-box;border:1px solid transparent}#calendar-modal .calendar-day.empty{cursor:default;background-color:transparent!important;border-color:transparent!important}#calendar-modal .calendar-day:not(.empty):hover{background-color:var(--secondary-color)}#calendar-modal .calendar-day.today{font-weight:700;border-color:var(--text-secondary-color)}#calendar-modal .calendar-day.selected{background-color:var(--accent-color);color:#fff;font-weight:700;border-color:transparent}body.show-time-bar-false .vertical-winder{display:none}body.winder-on-left .middle-container{flex-direction:row-reverse}@media (max-width:420px){#settings-modal .setting-item{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px}#settings-modal .setting-item>label:first-child{margin-bottom:12px;font-size:.9rem;color:var(--text-secondary-color)}#settings-modal .color-selection-container,#settings-modal .icon-selection-container{justify-content:flex-start;max-width:none;padding-top:4px}#settings-modal #theme-select,#settings-modal .radio-group{width:100%;box-sizing:border-box}#settings-modal .radio-group{display:grid;grid-template-columns:1fr 1fr}#settings-modal .radio-group label{text-align:center}}body[data-theme=light] .spinner-wheel-item{color:#9e9e9e}body[data-theme=dark] .spinner-wheel-item{color:#5a5a5a}body[data-theme=light] .spinner-wheel-item.active{color:#000}body[data-theme=dark] .spinner-wheel-item.active{color:#fff}.spinner-wheel-item.invalid-day{color:#d3d3d3!important}body[data-theme=dark] .spinner-wheel-item.invalid-day{color:#4f4f4f!important}.time-diff.is-dst{color:var(--accent-color);font-weight:700}#calendar-month-year,.date-display-button .date-text{min-width:0}#ad-main-bottom-container,.ad-container-wrapper{display:flex;align-items:center;justify-content:center}#ad-main-bottom-container{width:100%;height:50px;overflow:hidden;background-color:var(--toolbar-background-color);flex-shrink:0;padding:0;margin:0}.ad-container.ad-container-bottom{display:none;width:100%;height:100%;max-width:none;min-height:0;padding:0;background-color:transparent}@media (max-width:727px){#ad-main-bottom-container{height:60px}.ad-container-bottom.sp-only{display:flex}}@media (min-width:728px){#ad-main-bottom-container{height:90px}.ad-container-bottom.pc-only{display:flex}}#ad-main-bottom{display:block;width:100%;height:100%}#safe-area-bottom-filler{height:env(safe-area-inset-bottom);flex-shrink:0;background-color:var(--toolbar-background-color)}.ad-container-wrapper{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:316px;height:100%;position:relative;z-index:102}.ad-left-wrapper{justify-content:flex-end}.ad-right-wrapper{justify-content:flex-start}.ad-container{width:100%;max-width:316px;height:600px;max-height:80vh;min-height:616px;background-color:var(--secondary-color);padding:8px;box-sizing:border-box;display:flex;border-radius:8px;justify-content:center;align-items:center}.ad-placeholder,ins{width:100%;height:100%;box-sizing:border-box;background-color:rgba(var(--rgb-text-color),.1);border:2px dashed var(--accent-color);border-radius:4px}.ad-placeholder{display:flex;justify-content:center;align-items:center;color:var(--text-secondary-color);font-size:1.5rem}.calendar-content,.modal-content{flex-grow:0;flex-shrink:0;position:relative}#calendar-modal{gap:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width:1118px){.ad-container-wrapper{display:none}.modal:not(#calendar-modal){gap:0;padding-left:calc(env(safe-area-inset-left) + 16px);padding-right:calc(env(safe-area-inset-right) + 16px)}}@media (max-width:540px){.modal:not(#calendar-modal){padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}#datetime-setting-modal .modal-content{position:relative}#datetime-setting-modal #calendar-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;border-radius:12px}