.kxTimeBackdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6)}.kxTimeSheet{width:min(100%,460px);padding-bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid #3a3122;border-bottom:0;border-radius:22px 22px 0 0;background:#14120e;color:#f4eddc;box-shadow:0 -20px 60px rgba(0,0,0,.5);font-family:var(--font-body),"Helvetica Neue",sans-serif;animation:kxSheetUp .22s ease-out}.kxTimeHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #2a251b}.kxTimeHead b{font-family:var(--font-display),Georgia,serif;font-size:21px;font-weight:500}.kxTimeHead button{min-width:70px;min-height:40px;padding:0 10px;border:0;background:none;color:#a89f8c;font-size:15px;cursor:pointer}.kxTimeHead .kxTimeDone{border-radius:999px;background:linear-gradient(180deg,#e2c37f,#c39c52);color:#15120a;font-weight:600}.kxWheelWrap{position:relative;height:220px;margin:12px 16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.kxWheelBand{position:absolute;left:0;right:0;top:88px;height:44px;border-top:1px solid #8a7440;border-bottom:1px solid #8a7440;background:rgba(226,195,127,.08);border-radius:10px;pointer-events:none}.kxWheel{position:relative;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none}.kxWheel::-webkit-scrollbar{display:none}.kxWheel>div[role=option]{display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:22px;color:#6f6656;letter-spacing:.06em;cursor:pointer;transition:color .15s ease,font-size .15s ease}.kxWheel>div.on{color:#f4eddc;font-size:26px;font-weight:500}.kxTimeNote{margin:10px 16px 0;text-align:center;font-size:12.5px;color:#a89f8c}.kxTimeBtn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:8px;padding:0 14px;border:1px solid #aaa;border-radius:8px;background:#fff;color:#171714;font:16px Arial,sans-serif;cursor:pointer;text-align:left}.kxTimeBtn:not(.hasValue) span{color:#888}.kxTimeBtn i{width:8px;height:8px;border-right:1.5px solid #7b5b22;border-bottom:1.5px solid #7b5b22;transform:rotate(45deg);margin-top:-4px}