.notification-settings .notification-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-settings h3{margin:0;font-size:16px}.notification-state{font-size:10px;font-weight:700;border:1px solid #ecebf0;border-radius:99px;padding:5px 9px;background:rgba(255,255,255,.7);color:#777}.notification-state.on{color:#476754;background:#f0f7f1}.notification-settings p{font-size:12px;line-height:1.6;margin:12px 0;color:#777983}.notification-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.notification-time-row label{font-size:12px;font-weight:650}.notification-time-row small{display:block;font-size:10px;color:#868891;margin-top:3px}.notification-time-row input{font:inherit;font-size:14px;font-weight:700;color:#202126;border:1px solid #e6e7ec;border-radius:14px;padding:9px 12px;background:rgba(255,255,255,.8)}.notification-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notification-buttons button{margin:0;min-height:40px}.notification-buttons button:disabled{opacity:.4;cursor:not-allowed}.notification-preview-button{display:block;margin:14px auto 0;padding:6px 10px;border:0;background:none;color:#777;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}.notification-banner{position:fixed;z-index:80;top:calc(14px + env(safe-area-inset-top));left:50%;width:min(calc(100% - 28px),398px);transform:translate(-50%,-140%);opacity:0;transition:transform .3s ease,opacity .3s;display:flex;gap:11px;align-items:flex-start;padding:16px 36px 16px 16px;border:1px solid rgba(255,255,255,.95);border-radius:25px;background:rgba(255,255,255,.86);box-shadow:0 8px 30px rgba(30,35,45,.12);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);pointer-events:none}.notification-banner.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.notification-banner .petal-icon{flex-shrink:0;margin-top:2px}.notification-banner small{display:block;font-size:10px;font-weight:650;color:#868892;margin-bottom:5px}.notification-banner strong{font-size:13px;line-height:1.6;font-weight:650;color:#25262b}.notification-banner button{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#888;font-size:20px;padding:4px 7px}.notification-next{color:#4e6657!important}.notification-error{color:#8c5862!important}@media(prefers-reduced-motion:reduce){.notification-banner{transition:none}}