:root{--text-scale:1}
.text-preferences{background:linear-gradient(130deg,#FFF4E5,#F4EEF9);border:1px solid #DFD3EA;border-radius:22px;padding:22px;margin:18px 0;color:#382D37}
.text-preferences h3{font-size:calc(19px * var(--text-scale, 1));margin:0 0 8px}.text-preferences p{font-size:calc(15px * var(--text-scale, 1));line-height:1.8}.text-size-options{display:flex;gap:8px;margin:18px 0}.text-size-options button{flex:1;min-width:0;min-height:92px;background:#fff;border:2px solid transparent;border-radius:14px;color:#614580;cursor:pointer;font:inherit;padding:10px 4px}.text-size-options span,.text-size-options b{display:block}.text-size-options b{font-size:calc(13px * var(--text-scale, 1));margin-top:8px}.text-size-options button[aria-pressed=true]{border-color:#6B4C9A;background:#EFE7F8}.text-preview{background:white;border-radius:12px;padding:12px}.text-size-status{font-size:calc(14px * var(--text-scale, 1))}.wisdom-dialog{margin:auto;border:1px solid #E3D4E5;border-radius:24px;background:#FFFCF8;color:#302A2B;width:min(94vw,560px);max-height:88dvh;box-sizing:border-box;padding:24px;overflow:auto;line-height:1.85}.wisdom-dialog::backdrop{background:#29213999;backdrop-filter:blur(5px)}.wisdom-dialog h2{font-size:calc(28px * var(--text-scale, 1));line-height:1.45}.wisdom-dialog h3{font-size:calc(18px * var(--text-scale, 1));margin:22px 0 8px;color:#6B4C9A}.wisdom-dialog p,.wisdom-dialog li{font-size:calc(16px * var(--text-scale, 1))}.wisdom-dialog img{display:block;width:128px;height:128px;border-radius:50%;margin:12px auto}.dialog-close{display:block;margin-left:auto;background:#F1E9F7;border:0;color:#6B4C9A;padding:10px 14px;border-radius:12px;font:inherit;cursor:pointer}.wisdom-dialog ul{padding-left:22px}.family-badge{display:table;margin:12px auto 16px;padding:8px 22px;border-radius:99px;background:#E8F3F2;color:#226C75;font-size:calc(23px * var(--text-scale, 1));font-weight:700}.family-badge[data-family=fire]{color:#AD493A;background:#FFEBE3}.family-badge[data-family=water]{color:#405BA2;background:#E8EDF9}
.care-family-grid button{font:inherit;color:inherit;background:linear-gradient(150deg,#fff,#F0EAF8);border:1px solid #DED2EA;border-radius:18px;padding:14px;cursor:pointer;text-align:center;min-width:0}.care-family-grid button b,.care-family-grid button small{display:block}.care-family-grid button img{width:100%;max-width:110px;border-radius:50%}.care-family-grid button:hover{border-color:#6B4C9A;box-shadow:0 5px 18px #6B4C9A18}.care-family-grid button:focus-visible,button:focus-visible{outline:3px solid #2B8B95;outline-offset:3px}.care-family-grid button small{font-size:calc(14px * var(--text-scale, 1));line-height:1.7}.care-actions .care-action-grid button:nth-child(1){background:#FFF0E7}.care-actions .care-action-grid button:nth-child(2){background:#EAF3F4}.care-actions .care-action-grid button:nth-child(3){background:#EFEAF7}.care-actions .care-action-grid button:nth-child(4){background:#FBEAF1}.clock-page-heading{border-bottom-color:#DFCBE4}.clock-form label{min-width:0}.clock-form input{max-width:100%;box-sizing:border-box}.clock-data-row{gap:16px}.clock-data-row b{overflow-wrap:anywhere}.clock-subtitle{color:#6B4C9A}.care-details:nth-of-type(3n+1){border-color:#E4CCC7}.care-details:nth-of-type(3n+2){border-color:#CCE0DE}.care-details:nth-of-type(3n){border-color:#D7CEE7}.care-details summary{background:linear-gradient(120deg,#FFF8F1,#F5F0FA)}
@media(max-width:420px){.wisdom-dialog{padding:18px}.text-preferences{padding:16px}.text-size-options{gap:5px}.clock-nav-label{font-size:calc(12px * var(--text-scale, 1))}html[data-text-size="1.3"] .care-family-grid{grid-template-columns:1fr 1fr}}
.aw-now .clock-time{white-space:nowrap;flex-shrink:0;padding:0;letter-spacing:.02em}.aw-now>span{min-width:0}.clock-menu{white-space:nowrap}body>nav .nav-label{white-space:normal;line-height:1.3;overflow-wrap:anywhere}body>nav .nav-item{justify-content:center}
@media(max-width:380px){body>header .logo-text h1{font-size:22px!important}.clock-menu{padding-left:8px;font-size:calc(14px * var(--text-scale,1))}.aw-now{gap:8px}.aw-now .clock-time{font-size:calc(36px * var(--text-scale,1))}body>nav .nav-label{font-size:calc(12px * var(--text-scale,1))}}

.aw-now>span{text-wrap:balance}