*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;overflow:hidden;background:#fffbf4;font-family:PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}:root{--design-width: 390px;--nav-height: 67px;--nav-bottom-gap: 26px;--nav-side-margin: 24px;--safe-bottom: env(safe-area-inset-bottom, 0px);--content-bottom: 1268px;--scroll-clearance: calc(var(--nav-height) + var(--nav-bottom-gap) + var(--safe-bottom))}.bottom-nav .nav-indicator{left:217px}button{border:none;background:none;font:inherit;cursor:pointer}.viewport{width:100%;max-width:var(--design-width);height:100%;margin:0 auto;background:#fffbf4}.page{position:relative;width:100%;height:100%;overflow:hidden;background:#fffbf4}.page-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:var(--design-width);height:89px;margin:0 auto;z-index:50}.header-bar{position:absolute;left:0;top:0;width:100%;height:89px;background:#fff;border-bottom:1px solid #fed629}.status-bar{position:absolute;left:0;top:0;width:100%;height:47px;z-index:2}.status-time{position:absolute;left:27px;top:15px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.024em;color:#010101}.status-icons{position:absolute;left:286px;top:19px;width:77.4px;height:13px}.logo-sun{position:absolute;left:153px;top:59px;width:20px;height:20px;z-index:2}.app-title{position:absolute;left:173px;top:57px;font-size:16px;font-weight:600;line-height:24px;color:#291f18;z-index:2}.page-scroll{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:#fffbf4;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.page-scroll::-webkit-scrollbar{display:none}.scroll-spacer{width:100%;height:calc(var(--content-bottom) + var(--scroll-clearance));pointer-events:none}.page-hero{position:absolute;left:272px;top:101px;width:94px;height:84px;object-fit:cover;pointer-events:none}.page-title{position:absolute;left:24px;top:117px;width:96px;height:34px;font-size:24px;font-weight:600;line-height:34px;color:#291f18}.page-subtitle{position:absolute;left:24px;top:155px;width:210px;height:20px;font-size:14px;font-weight:400;line-height:20px;color:#6c6158}.today-card{position:absolute;left:24px;top:199px;width:342px;height:347px;overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 0 4px #00000040}.card-decor{position:absolute;border-radius:50%;background:#fed629;pointer-events:none}.card-decor-top{left:209px;top:-114px;width:170px;height:170px}.card-decor-bottom{left:-122px;top:266px;width:256.84px;height:256.84px}.card-decor-bottom-sm{left:-110px;top:125px;width:256.84px;height:256.84px}.today-header-dot{position:absolute;left:17px;top:17px;width:26px;height:26px;border-radius:50%;background:#ea6500}.today-header-icon{position:absolute;left:18px;top:18px;width:24px;height:24px;z-index:1}.today-title{position:absolute;left:47px;top:19px;font-size:16px;font-weight:600;line-height:22px;color:#291f18;white-space:nowrap}.reminder-item{position:absolute;left:18px;width:306px;height:54px;border-radius:60px}.reminder-item-1{top:61px}.reminder-item-2{top:127px}.reminder-item-3{top:193px}.reminder-item-4{top:259px}.reminder-item-done{background:#e0e0e0}.reminder-item-pending{background:#fee783}.reminder-icon{position:absolute;left:10px;top:10px;width:34px;height:34px}.reminder-content{position:absolute;left:54px;top:7px}.reminder-name{font-size:14px;font-weight:500;line-height:20px;color:#291f18;white-space:nowrap}.reminder-item-done .reminder-name{text-decoration:line-through}.reminder-time{margin-top:2px;font-size:12px;font-weight:400;line-height:17px}.reminder-item-done .reminder-time{color:#7b7b7b}.reminder-item-pending .reminder-time{color:#767676}.reminder-badge{position:absolute;right:16px;top:17px;display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:2px 10px;border-radius:73px;font-size:12px;font-weight:400;line-height:17px;white-space:nowrap}.reminder-badge-done{background:#ddccbe;color:#7b7b7b}.reminder-badge-action{background:#fff;border:1px solid #ea6500;color:#ea6500}.manage-tabs{position:absolute;left:24px;top:561px;width:342px;height:41px}.manage-tabs-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:44px;background:#fed629}.manage-tab{position:absolute;top:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:165px;height:33px;border-radius:44px;background:transparent;font-size:14px;font-weight:500;line-height:20px;color:#291f18}.manage-tab:first-of-type{left:4px}.manage-tab:last-of-type{left:173px}.manage-tab img{width:16px;height:16px;flex-shrink:0}.manage-tab-active{background:#fff}.section-title{position:absolute;left:24px;top:626px;font-size:16px;font-weight:600;line-height:22px;color:#291f18;white-space:nowrap}.add-drug-btn{position:absolute;left:270px;top:626px;display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1px solid #ea6500;border-radius:37px;font-size:14px;font-weight:400;line-height:20px;color:#ea6500}.add-drug-btn img{width:16px;height:16px}.upcoming-appointments-card{position:absolute;left:24px;top:620px;width:342px;height:210px;overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 0 4px #00000040}.card-decor-bottom-appt{left:-110px;top:129px;width:256.84px;height:256.84px}.upcoming-appt-header-dot{position:absolute;left:18px;top:17px;width:26px;height:26px;border-radius:50%;background:#ea6500}.upcoming-appt-header-icon{position:absolute;left:19px;top:18px;width:24px;height:24px;z-index:1}.upcoming-appt-title{position:absolute;left:48px;top:19px;z-index:2;font-size:16px;font-weight:600;line-height:22px;color:#291f18;white-space:nowrap}.add-appointment-btn{position:absolute;left:228px;top:17px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1px solid #ea6500;border-radius:37px;background:#fff;font-size:14px;font-weight:400;line-height:20px;color:#ea6500;cursor:pointer}.add-appointment-btn img{width:16px;height:16px}.upcoming-appt-item{position:absolute;left:18px;width:306px;height:54px;border-radius:60px;background:#fee783}.upcoming-appt-list{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.upcoming-appt-icon{position:absolute;left:10px;top:10px;width:34px;height:34px}.upcoming-appt-content{position:absolute;left:54px;top:7px;width:160px}.upcoming-appt-name{font-size:14px;font-weight:500;line-height:20px;color:#291f18;white-space:nowrap}.upcoming-appt-dept{margin-top:2px;font-size:12px;font-weight:400;line-height:17px;color:#767676;white-space:nowrap}.upcoming-appt-date{position:absolute;right:9px;top:8px;min-width:57px;padding:2px 10px;border:1px solid #ea6500;border-radius:73px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:400;line-height:17px;color:#ea6500;text-align:center}.drug-list{position:relative;width:100%}.drug-card{position:absolute;left:24px;width:342px;height:188px;overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 0 4px #00000040;transition:top .28s ease,opacity .28s ease,filter .28s ease}.drug-card-disabled{opacity:.55;filter:grayscale(.35)}.drug-card-disabled .drug-note{background:#e0e0e0}.drug-body{position:absolute;left:18px;top:41px;width:306px;height:105px}.drug-icon,.drug-icon-img{position:absolute;left:0;top:0;width:44px;height:44px}.drug-icon-blue{border-radius:22px;background:#d5e5ff;display:flex;align-items:center;justify-content:center}.drug-icon-blue img{width:24px;height:24px}.drug-info{position:absolute;left:54px;top:0;width:220px}.drug-name{font-size:16px;font-weight:500;line-height:22px;color:#291f18;white-space:nowrap}.drug-dose{margin-top:0;font-size:14px;font-weight:400;line-height:20px;color:#7b7b7b;white-space:nowrap}.drug-schedule{position:absolute;left:0;top:51px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;line-height:17px;color:#7b7b7b;white-space:nowrap}.drug-schedule img{width:16px;height:16px;flex-shrink:0}.drug-note{position:absolute;left:-54px;top:76px;width:306px;height:29px;border-radius:26px;background:#fee783;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:400;line-height:17px;color:#7b7b7b;white-space:nowrap}.drug-note img{width:16px;height:16px;flex-shrink:0}.drug-toggle{position:absolute;right:0;top:0;width:34px;height:16px;padding:0}.drug-toggle img{display:block;width:34px;height:16px}.drug-toggle-off .drug-toggle-track{display:block;width:34px;height:16px;border-radius:8px;border:1px solid #ea6500;background:#fff;position:relative}.drug-toggle-off .drug-toggle-track:after{content:"";position:absolute;left:1.5px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:#ea6500;border:1px solid #ffffff}.add-drug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.add-drug-modal[hidden]{display:none}.add-drug-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#291f1859}.add-drug-sheet{position:relative;width:100%;max-width:342px;max-height:calc(100% - 48px);overflow-y:auto;padding:24px;border-radius:32px;background:#fff;box-shadow:0 0 4px #00000040}.add-drug-title{font-size:18px;font-weight:600;line-height:25px;color:#291f18}.add-drug-form{margin-top:20px;display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;line-height:20px;color:#6c6158}.form-input{width:100%;height:44px;padding:0 14px;border:1px solid #fed629;border-radius:16px;background:#fffbf4;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;color:#291f18;outline:none}.form-input::placeholder{color:#a8a8a8}.form-input:focus{border-color:#ea6500}.form-actions{display:flex;gap:12px;margin-top:8px}.form-btn{flex:1;height:44px;border-radius:44px;font-size:14px;font-weight:500;line-height:20px}.form-btn-cancel{border:1px solid #ea6500;background:#fff;color:#ea6500}.form-btn-save{border:none;background:#ea6500;color:#fff}.page.modal-open,.page.modal-open .page-scroll{overflow:hidden}.panel-medication[hidden],.panel-appointment[hidden]{display:none}