.install-status{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:15px 17px;border:1.5px solid #fff;border-radius:22px;background:linear-gradient(145deg,#fff,#ffe5ef);box-shadow:0 10px 23px rgba(75,35,61,.08)}
.install-status>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:16px;background:#f8d6e6;color:#ce276e;font-size:25px;font-weight:900}.install-status small,.install-guide>small{display:block;color:#c22168;font-size:10px;font-weight:900;letter-spacing:.1em}.install-status strong{display:block;margin-top:3px;color:#102457;font-family:"Comic Sans MS",ui-rounded,cursive;font-size:17px}.install-status.installed{background:linear-gradient(145deg,#fff,#e8f7ed)}.install-status.installed>span{background:#d8f0df;color:#287346}
.install-guide{padding:18px;border:1.5px solid #fff;border-radius:25px;background:linear-gradient(145deg,#fff,#f0eafb);box-shadow:0 11px 25px rgba(75,35,61,.08)}.install-guide h2{margin:4px 0 12px;color:#102457;font-family:"Comic Sans MS",ui-rounded,cursive}.install-guide ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.install-guide li{display:flex;gap:11px;margin:0;padding:11px;border-radius:17px;background:rgba(255,255,255,.78)}.install-guide li>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#f78fbc;color:#fff;font-weight:900}.install-guide li b{color:#102457}.install-guide li p{margin:3px 0 0;color:#705d76;font-size:13px;line-height:1.35}
.install-actions{display:grid;gap:9px;margin-top:13px}.install-actions button{min-height:50px;border-radius:17px;background:linear-gradient(145deg,#f4388d,#d50068);color:#fff;font-weight:900}.install-actions button[hidden]{display:none}.install-after{display:flex;gap:12px;margin-top:13px;padding:15px;border:1px solid #f0d2df;border-radius:20px;background:rgba(255,255,255,.72)}.install-after>span{font-size:29px}.install-after b{color:#102457}.install-after p{margin:4px 0 0;color:#705d76;font-size:13px;line-height:1.4}
.topbar{height:128px!important;padding-top:18px!important}.topbar .zoryli-brand{display:flex;align-items:center;justify-content:center;width:min(270px,calc(100vw - 155px));height:88px;padding:0;border:0;background:transparent;overflow:visible}.topbar .zoryli-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:13px}.zoryli-about-logo{padding:8px!important;overflow:hidden}.zoryli-about-logo img{display:block;width:100%;max-height:190px;object-fit:contain;border-radius:19px}@media(max-width:380px){.topbar{height:118px!important;padding-inline:11px!important}.topbar .zoryli-brand{width:min(230px,calc(100vw - 138px));height:78px}}
.bris-card{display:grid;gap:13px}.bris-intro,.bris-words{padding:18px;border:1.5px solid #fff;border-radius:24px;background:linear-gradient(145deg,#fff,#ffe6ef);box-shadow:0 10px 23px rgba(75,35,61,.08)}.bris-intro small,.bris-words small{color:#c12067;font-size:10px;font-weight:900;letter-spacing:.1em}.bris-intro h2{margin:5px 0 8px;color:#102457;font-family:"Comic Sans MS",ui-rounded,cursive}.bris-intro p,.bris-note{margin:0;color:#69586b;line-height:1.45}.bris-actions{display:grid;gap:9px}.bris-actions a{display:flex;align-items:center;min-height:52px;padding:13px 16px;border:1.5px solid #fff;border-radius:18px;background:linear-gradient(145deg,#f4388d,#d50068);box-shadow:0 8px 18px rgba(157,30,91,.15);color:#fff;font-weight:900;text-decoration:none}.bris-actions a:nth-child(3){background:linear-gradient(145deg,#fff,#eee6fa);color:#792158}.bris-words p{margin:8px 0 12px;color:#102457;font-size:17px;font-weight:800;line-height:1.45}.bris-words button{min-height:44px;padding:10px 14px;border:1px solid #efbfd3;border-radius:15px;background:#fff;color:#b92366;font-weight:850}.bris-note{padding:13px;border-radius:17px;background:rgba(255,255,255,.7);font-size:13px;text-align:center}
#collection .collection-item{align-items:start}#collection .open-collection-item span,#collection .open-collection-item small{display:block;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}#collection .open-collection-item span{line-height:1.25}#collection .open-collection-item small{line-height:1.4}#messages .recent-message span{display:block;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.entry p,.saved-message p,.question-item p,.gentle-progress-item strong,.gentle-progress-item p{overflow-wrap:anywhere;white-space:pre-wrap}.profile-menu-choice b,.profile-menu-choice small,.support-grid b,.support-grid small{white-space:normal;overflow-wrap:anywhere}
#photo-gallery .open-diary-photo small,#diaryPhotos .open-diary-photo small{height:auto;min-height:36px;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.35}#photo-gallery .diary-photo,#diaryPhotos .diary-photo{height:auto;aspect-ratio:auto;min-height:185px}#diaryPhotos .open-diary-photo img{display:block;width:100%;height:145px;flex:none;object-fit:cover}.search-result b,.search-result small,.person .open-person b,.person .open-person small,.person .open-person em,.quick-message-open,.packing-row span,.travel-place-list button{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}.quick-message-open{line-height:1.4}.packing-row>button:first-child{align-items:flex-start}.page-head>div{min-width:0}.page-head h1,.page-head p{overflow-wrap:anywhere}
.search-result>span{flex:1;min-width:0}.search-result b,.search-result small{line-height:1.35}
.home-head h1,.home-head>p{max-width:calc(100% - 145px);overflow-wrap:anywhere}@media(max-width:380px){.home-head h1,.home-head>p{max-width:none}}
.home-checkin-head{flex-wrap:wrap}.home-checkin-head>span{flex:1 1 170px;min-width:0}.home-checkin-head>button{margin-left:auto;white-space:normal;overflow-wrap:anywhere}
.top-actions .favorite-button{display:none}.top-actions{gap:0}
#home .people-card{min-height:168px;padding-bottom:70px}#home .people-card small{padding-bottom:0}
.app-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bottom-nav{height:auto;min-height:86px;padding:8px 4px max(9px,env(safe-area-inset-bottom));align-items:flex-start}.bottom-nav button{flex:1 1 20%;min-width:0;min-height:66px;padding:5px 2px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.bottom-nav button span{margin-bottom:4px}@media(max-width:380px){.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:23px}.screen{padding-left:14px;padding-right:14px}}body[data-text-size="largest"] .bottom-nav{overflow-x:visible;justify-content:space-around;gap:0}body[data-text-size="largest"] .bottom-nav button{flex:1 1 20%;min-width:0;font-size:9px}

/* Viktiga texter ska aldrig kapas på smala skärmar eller vid större textstorlek. */
.home-card,.help-strip,.choice,.support-link,.feature,.meal-steps button,.entry,.recent-message,.saved-message .open-saved-message,.person,.collection-item{height:auto}
.home-card .card-title,.home-card small,.help-strip strong,.help-strip small,.choice,.choice b,.choice small,.support-link span,.support-link b,.support-link small,.feature span,.feature strong,.feature small,.meal-steps strong,.meal-steps small,.entry strong,.entry p,.recent-message span,.saved-message p,.person span,.collection-item span{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip}

/* Alla val i nedersta menyraden ska vara rosa, även när de inte är valda. */
.bottom-nav button,.bottom-nav button span{color:#d9006c}
.bottom-nav button[data-go="messages"]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.bottom-nav button[data-go="messages"] .nav-icon{display:block;width:28px;height:28px;margin:0 0 4px;color:#d9006c}
.bottom-nav button[data-go="messages"] .nav-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav button[data-go="messages"] .nav-label{display:block;margin:0;color:#d9006c;font-size:9px;line-height:1.15;white-space:nowrap;overflow-wrap:normal}

/* Undersidornas symboler följer samma mjuka, glansiga bildstil som startsidan. */
.screen:where(:not(#home):not(#profile)) .page-head>span{flex:0 0 68px;width:68px;height:68px;border:2px solid rgba(255,255,255,.92);border-radius:23px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffe2ef 56%,#e8dafa 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 9px 19px rgba(85,35,65,.15);font-size:36px;filter:none}
#anxiety .page-head>span,#grounding .page-head>span,#calm-time .page-head>span,#stuck .page-head>span,#breathe .page-head>span,#quiet-words .page-head>span,#waiting .page-head>span,#boundaries .page-head>span,#choose-support .page-head>span{border:0;background:url("./assets/home-lamp-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#schedule .page-head>span,#diary .page-head>span,#morning .page-head>span,#evening .page-head>span,#night-plan .page-head>span,#changed-plan .page-head>span,#school-plan .page-head>span,#travel-plan .page-head>span,#packing .page-head>span,#contact-plan .page-head>span,#talk-plan .page-head>span,#friend-plan .page-head>span,#my-questions .page-head>span,#important-now .page-head>span,#write-helper .page-head>span,#future-letter .page-head>span{border:0;background:url("./assets/home-planner-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#schedule-task .page-head>span,#diary-entry .page-head>span,#diary-folders .page-head>span,#diary-overview .page-head>span,#diary-tags .page-head>span{border:0;background:url("./assets/home-planner-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#food .page-head>span,#before .page-head>span,#during .page-head>span{border:0;background:url("./assets/home-bowl-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#after .page-head>span,#care-routine .page-head>span{border:0;background:url("./assets/home-mug-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#joy .page-head>span,#collection .page-head>span,#photo-gallery .page-head>span,#photo-detail .page-head>span,#surprise .page-head>span,#drawing .page-head>span,#collage .page-head>span,#beads .page-head>span,#pairs-game .page-head>span,#wallpaper .page-head>span{border:0;background:url("./assets/home-headphones-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#collection-item-detail .page-head>span{border:0;background:url("./assets/home-headphones-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#people .page-head>span,#messages .page-head>span,#compose .page-head>span,#message-archive .page-head>span,#message-settings .page-head>span,#quick-messages .page-head>span,#after-talk .page-head>span,#help-me-card .page-head>span,#support .page-head>span,#safety-plan .page-head>span,#support-card .page-head>span,#support-shortcuts .page-head>span,#need-help .page-head>span,#urgent .page-head>span,#urgent-card .page-head>span,#bris .page-head>span,#frisk-fri .page-head>span{border:0;background:url("./assets/home-hearts-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#person-detail .page-head>span{border:0;background:url("./assets/home-hearts-v2.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
#menu .page-head>span,#search .page-head>span,#about .page-head>span,#install .page-head>span,#privacy .page-head>span,#settings .page-head>span,#theme .page-head>span,#profile-details .page-head>span,#gentle-progress .page-head>span{border:0;background:url("./assets/home-objects-v1.png") center/contain no-repeat;box-shadow:none;font-size:0;filter:drop-shadow(0 8px 7px rgba(85,35,65,.18))}
.pretty-symbol{position:relative;z-index:1;display:grid!important;place-items:center;width:54px;height:54px;margin:0 auto 8px!important;border:2px solid #fff;border-radius:18px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.13);color:#d9006c;font-size:28px!important;line-height:1!important;filter:drop-shadow(0 3px 3px rgba(85,35,65,.08))}
.main-menu-grid .pretty-symbol{margin-left:0!important}
.pretty-inline-symbol,.support-link>i{display:inline-grid!important;place-items:center;flex:0 0 42px;width:42px;height:42px;margin:0 10px 0 0!important;border:2px solid #fff;border-radius:15px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.13);color:#d9006c;font-size:23px!important;font-style:normal;line-height:1!important;vertical-align:middle;filter:drop-shadow(0 2px 2px rgba(85,35,65,.06))}
.choice,.calm-ideas button,.safety-plan-actions button,.about-andrum-actions button,.breathe-after button,.during-simple button,.before-simple button,#afterSimpleChoices button,.support-card-actions button,.photo-add{align-items:center}
.photo-add>.pretty-inline-symbol{margin-right:0!important}
.message-menu .pretty-symbol{flex:0 0 54px;margin:0!important}
button:is([data-go="anxiety"],[data-go="calm-time"],[data-go="stuck"],[data-go="grounding"],[data-go="breathe"])>.pretty-symbol{border:0;background:url("./assets/home-lamp-v2.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
button:is([data-go="food"],[data-go="before"],[data-go="during"])>.pretty-symbol{border:0;background:url("./assets/home-bowl-v2.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
button[data-go="after"]>.pretty-symbol{border:0;background:url("./assets/home-mug-v2.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
button:is([data-go="schedule"],[data-go="diary"],[data-go="morning"],[data-go="evening"],[data-go="changed-plan"],[data-go="school-plan"],[data-go="travel-plan"])>.pretty-symbol{border:0;background:url("./assets/home-planner-v2.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
button:is([data-go="people"],[data-go="support"],[data-go="need-help"],[data-go="urgent"],[data-go="messages"],[data-go="compose"],[data-go="safety-plan"],[data-go="bris"])>.pretty-symbol{border:0;background:url("./assets/home-hearts-v2.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
button[data-go="joy"]>.pretty-symbol{border:0;background:url("./assets/home-headphones-v2.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
button[data-go="profile"]>.pretty-symbol{border:0;background:url("./assets/profile-bag-v1.png") center/contain no-repeat;box-shadow:none;font-size:0!important;filter:drop-shadow(0 6px 5px rgba(85,35,65,.16))}
/* Stöd & hjälp: varje val ska vara lätt att känna igen på sin egen symbol. */
#support .support-grid button>.pretty-symbol{
  border:2px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.13)!important;
  font-size:28px!important;
  filter:drop-shadow(0 3px 3px rgba(85,35,65,.08))!important;
}
#support .support-grid button:nth-child(3n+2)>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 18%,#eee3ff 59%,#cfb9ec 100%)!important}
#support .support-grid button:nth-child(3n)>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 18%,#fff0e5 59%,#efc6b9 100%)!important}
/* Menyerna behåller egna symboler så olika val inte ser likadana ut. */
#menu .main-menu-grid button>.pretty-symbol,
#messages .message-menu button>.pretty-symbol,
#diary .diary-menu button>.pretty-symbol{
  border:2px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.13)!important;
  font-size:28px!important;
  filter:drop-shadow(0 3px 3px rgba(85,35,65,.08))!important;
}
#menu .main-menu-grid button:nth-child(even)>.pretty-symbol,
#messages .message-menu button:nth-child(even)>.pretty-symbol,
#diary .diary-menu button:nth-child(even)>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 18%,#eee3ff 59%,#cfb9ec 100%)!important}
.search-result>i,.open-collection-item>i,.diary-folder-grid button>span{display:grid!important;place-items:center;width:44px;height:44px;border:2px solid #fff;border-radius:15px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.12);font-size:23px!important;font-style:normal;line-height:1}
#collection .open-collection-item{grid-template-columns:50px minmax(0,1fr)}
.people-list .person-actions span{display:block!important;flex:0 0 22px!important;width:22px;height:22px;background:#d9006c;font-size:0!important}
.people-list .person-actions a span{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.62a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.84.29 1.72.5 2.62.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.62a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.84.29 1.72.5 2.62.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
.people-list .person-actions button span{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m4 7 8 6 8-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m4 7 8 6 8-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#collection .favorite-item,#message-archive .saved-message-actions button,#schedule .date-row button,#search .andrum-search-box>button,#photo-gallery .diary-photo>button:not(.open-diary-photo),#diaryPhotos .diary-photo>button:not(.open-diary-photo){border:1.5px solid #fff!important;background:linear-gradient(145deg,#fff,#ffdce9)!important;color:#d9006c!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.12)!important;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;line-height:1}
#collection .favorite-item.is-favorite,#message-archive .saved-message-actions button[aria-pressed="true"]{background:linear-gradient(145deg,#f5368c,#d8006a)!important;color:#fff!important}
#collection .remove-item,.quick-message-row .quick-message-remove{border:1.5px solid #efd6e1!important;background:linear-gradient(145deg,#fff,#fff2f6)!important;color:#956f81!important;box-shadow:0 5px 11px rgba(85,35,65,.07)!important}
#collectionForm button[aria-label="Lägg till"]{min-height:46px;border:1.5px solid #fff;border-radius:15px;background:linear-gradient(145deg,#f5368c,#d8006a);color:#fff;box-shadow:0 7px 15px rgba(157,30,91,.16);font-size:23px;line-height:1}
#diary [data-mood],#diary-entry [data-edit-mood]{display:grid;place-items:center;width:58px;height:58px;min-height:58px;padding:0;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffe5ef 57%,#e9e0fa 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.96),0 8px 17px rgba(85,35,65,.13);font-size:26px;line-height:1;transition:transform .16s,border-color .16s,box-shadow .16s}
#diary [data-mood].selected,#diary-entry [data-edit-mood].selected{border:3px solid #e60072;background:radial-gradient(circle at 30% 22%,#fff 0 14%,#ffd2e5 56%,#e3d3f6 100%);box-shadow:0 0 0 4px rgba(230,0,114,.12),0 10px 20px rgba(116,32,77,.18);transform:translateY(-3px) scale(1.04)}
#diary [data-mood]:active,#diary-entry [data-edit-mood]:active{transform:scale(.95)}
@media(max-width:370px){#diary [data-mood],#diary-entry [data-edit-mood]{width:51px;height:51px;min-height:51px;font-size:23px}}
@media(max-width:370px){.screen:where(:not(#home):not(#profile)) .page-head>span{flex-basis:58px;width:58px;height:58px}.pretty-symbol{width:48px;height:48px;font-size:25px!important}}

.helper-actions button:has(>.pretty-inline-symbol),#helpOpenMessage:has(>.pretty-inline-symbol),#important-now>.primary:has(>.pretty-inline-symbol),.send-to-person:has(>.pretty-inline-symbol){display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.helper-actions .pretty-inline-symbol,#helpOpenMessage>.pretty-inline-symbol,#important-now>.primary>.pretty-inline-symbol,.send-to-person>.pretty-inline-symbol{flex-basis:38px;width:38px;height:38px;margin-right:2px!important;border-radius:13px;font-size:21px!important}

#compose .message-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px!important}
#compose .message-actions button:before{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1.5px solid #fff;border-radius:11px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.12);color:#d9006c;font-size:18px;line-height:1}
#saveMessage:before{content:"♡"}#copyMessage:before{content:"⧉"}#shareMessage:before{content:"↗"}
@media(max-width:370px){#compose .message-actions button{gap:4px;padding-left:5px;padding-right:5px;font-size:12px!important}#compose .message-actions button:before{flex-basis:27px;width:27px;height:27px;font-size:16px}}

#home .home-checkin-head>button,#home .home-checkin-actions button{display:flex;align-items:center;justify-content:center;gap:6px;white-space:normal;line-height:1.2}
#home .home-checkin-head>button:before,#home .home-checkin-actions button:before{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1.5px solid #fff;border-radius:10px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);color:#d9006c;font-size:16px;line-height:1}
#openFeelings:before{content:"📓"}#saveHomeFeeling:before{content:"♡"}#writeHomeFeeling:before{content:"✍"}
#home .home-checkin-actions button{min-height:56px}
@media(max-width:370px){#home .home-checkin-head>button{max-width:118px!important}#home .home-checkin-actions button{gap:4px;padding-inline:5px!important;font-size:12px}#home .home-checkin-actions button:before{flex-basis:25px;width:25px;height:25px;font-size:15px}}

#after .timer-actions button,#calm-time .calm-controls button,#breatheBegin{display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;line-height:1.2}
#after .timer-actions button:before,#calm-time .calm-controls button:before,#breatheBegin:before{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1.5px solid #fff;border-radius:11px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);color:#d9006c;font-size:18px;line-height:1}
#timerStart:before,#calmStart:before,#breatheBegin:before{content:"♡"}#timerReset:before,#calmReset:before{content:"↺"}
@media(max-width:370px){#after .timer-actions button,#calm-time .calm-controls button,#breatheBegin{gap:5px;padding-inline:7px;font-size:13px}#after .timer-actions button:before,#calm-time .calm-controls button:before,#breatheBegin:before{flex-basis:27px;width:27px;height:27px;font-size:16px}}

#diary #saveDiary,#diary #clearDiaryDraft{display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;line-height:1.2}
#diary #saveDiary:before{content:"♡";display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1.5px solid #fff;border-radius:12px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);color:#d9006c;font-size:20px;line-height:1}
#diary #clearDiaryDraft:before{content:"×";display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #fff;border-radius:9px;background:linear-gradient(145deg,#fff,#ffdce9);box-shadow:0 3px 7px rgba(85,35,65,.1);color:#d9006c;font-size:17px;line-height:1}
@media(max-width:370px){#diary #saveDiary{gap:5px;font-size:14px}#diary #saveDiary:before{flex-basis:30px;width:30px;height:30px;font-size:18px}}

#person-detail :is(#savePersonEdit,#cancelPersonEdit,#deletePersonEdit){display:flex;align-items:center;justify-content:center;gap:7px;min-height:49px;border-radius:15px;white-space:normal;line-height:1.2;font-weight:850}
#person-detail :is(#savePersonEdit,#cancelPersonEdit,#deletePersonEdit):before{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1.5px solid #fff;border-radius:11px;background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);color:#d9006c;font-size:19px;line-height:1}
#savePersonEdit:before{content:"♡"}#cancelPersonEdit:before{content:"‹"}#deletePersonEdit:before{content:"×"}
#person-detail #cancelPersonEdit{border:1px solid #ead1df;background:#fff;color:#744964}#person-detail #deletePersonEdit{border-color:#eab2c8;background:#fff4f8;color:#a3004c}
@media(max-width:370px){#person-detail :is(#savePersonEdit,#cancelPersonEdit,#deletePersonEdit){gap:5px;font-size:13px}#person-detail :is(#savePersonEdit,#cancelPersonEdit,#deletePersonEdit):before{flex-basis:29px;width:29px;height:29px;font-size:17px}}

/* Små stegmarkeringar i måltidsstödet och lugnövningarna. */
.meal-support-steps button>i,
#grounding .ground-list button>i{
  display:inline-grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
  margin:0 11px 0 0;
  border:2px solid #fff;
  border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffdce9 58%,#e6d8f7 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.96),0 6px 13px rgba(85,35,65,.13);
  color:#c81765;
  font-size:21px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
.meal-support-steps button.done>i,
#grounding .ground-list button.done>i{
  border-color:#ffb7d5;
  background:radial-gradient(circle at 32% 24%,#ff97c1 0 12%,#f33b8d 48%,#d50068 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.56),0 0 0 4px rgba(230,0,114,.1),0 7px 15px rgba(145,35,91,.18);
  color:#fff;
}
.care-flow-board .meal-support-steps button{
  grid-template-columns:40px minmax(0,1fr);
}
.care-flow-board .meal-support-steps button>i{
  margin:0;
}
.care-flow-board .meal-support-steps button.done>i:after{
  color:#fff;
  font-size:19px;
}
#grounding .ground-list button>b{
  flex:0 0 46px;
  border:2px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 16%,#ffdce9 56%,#dfd2f5 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.12);
}
.ground-focus-dots i{
  width:12px;
  height:12px;
  border:1.5px solid #fff;
  background:radial-gradient(circle at 32% 25%,#fff 0 15%,#f1dbe8 62%,#d9c5d5 100%);
  box-shadow:0 3px 7px rgba(85,35,65,.12);
}
.ground-focus-dots i.current{
  width:29px;
  border-color:#ffc3dc;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5),0 4px 9px rgba(145,35,91,.2);
}
.ground-focus-dots i.done{
  border-color:#eadbfa;
  background:linear-gradient(145deg,#d7b5eb,#a978c3);
}
@media(max-width:370px){
  .meal-support-steps button>i,#grounding .ground-list button>i{flex-basis:32px;width:32px;height:32px;margin-right:9px;font-size:19px}
  .care-flow-board .meal-support-steps button{grid-template-columns:36px minmax(0,1fr)}
}

/* Samma glansiga markering i morgon-, kvälls-, pack- och egenvårdslistor. */
.morning-step>button:first-child>i,
.evening-step>button:first-child>i,
.packing-row>button:first-child>i,
.care-step>i{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:2px solid #fff;
  border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffdce9 58%,#e6d8f7 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.96),0 6px 13px rgba(85,35,65,.13);
  color:#c81765;
  font-size:20px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
.morning-step.done>button:first-child>i,
.evening-step.done>button:first-child>i,
.packing-row.done>button:first-child>i,
.care-step.done>i{
  border-color:#ffb7d5;
  background:radial-gradient(circle at 32% 24%,#ff97c1 0 12%,#f33b8d 48%,#d50068 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.56),0 0 0 4px rgba(230,0,114,.1),0 7px 15px rgba(145,35,91,.18);
  color:#fff;
}
.morning-step>button:first-child,
.evening-step>button:first-child,
.packing-row>button:first-child,
.care-step{
  min-height:60px;
}
.morning-step>button:first-child:active>i,
.evening-step>button:first-child:active>i,
.packing-row>button:first-child:active>i,
.care-step:active>i{
  transform:scale(.94);
}
@media(max-width:370px){
  .morning-step>button:first-child>i,.evening-step>button:first-child>i,.packing-row>button:first-child>i,.care-step>i{flex-basis:31px;width:31px;height:31px;font-size:18px}
}

/* Känslo- och aktivitetsval får samma mjuka 3D-symboler som startsidan. */
.care-picker button>span,
.waiting-idea>span,
.morning-focus-card>span,
#stuckStepIcon,
#afterSimpleResult>span{
  display:grid!important;
  place-items:center;
  width:62px;
  height:62px;
  margin:0 auto 9px;
  border:2px solid #fff;
  border-radius:21px;
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffdce9 58%,#e6d8f7 100%);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.96),0 8px 17px rgba(85,35,65,.14);
  font-size:32px!important;
  line-height:1;
}
#stuckStepIcon{
  width:84px;
  height:84px;
  margin:45px auto 18px;
  border-radius:28px;
  font-size:42px!important;
}
#afterSimpleResult>span{
  width:72px;
  height:72px;
  margin-bottom:10px;
  border-radius:24px;
  font-size:38px!important;
}
.school-moods button{
  display:grid;
  place-items:center;
  justify-self:center;
  width:58px;
  height:58px;
  min-width:0;
  min-height:58px;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffe3ee 58%,#e7dcf7 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.96),0 7px 15px rgba(85,35,65,.12);
  font-size:25px;
  line-height:1;
}
.school-moods button.selected{
  border:3px solid #e60072;
  background:radial-gradient(circle at 30% 22%,#fff 0 14%,#ffd2e5 56%,#e3d3f6 100%);
  box-shadow:0 0 0 4px rgba(230,0,114,.11),0 9px 18px rgba(116,32,77,.17);
  transform:translateY(-2px) scale(1.03);
}
.school-moods button:active{transform:scale(.95)}
@media(max-width:380px){
  .care-picker button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 13px}
  .care-picker button>span{flex:0 0 48px;width:48px;height:48px;margin:0;font-size:26px!important}
  .school-moods button{width:52px;height:52px;min-height:52px;font-size:23px}
}

/* Små tids- och känsloval ska vara tydliga utan att kännas hårda. */
#calm-time .calm-lengths button,
.breathe-lengths button,
.waiting-times button{
  min-height:46px;
  border:2px solid #fff;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#fff1f6 58%,#eee7fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 6px 13px rgba(85,35,65,.1);
  color:#733a60;
  font-weight:900;
}
#calm-time .calm-lengths button.selected,
.breathe-lengths button.selected,
.waiting-times button.selected{
  border-color:#ffb4d3;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.44),0 0 0 3px rgba(230,0,114,.1),0 7px 15px rgba(145,35,91,.18);
  color:#fff;
  transform:translateY(-1px);
}
#calm-time .calm-lengths button:active,
.breathe-lengths button:active,
.waiting-times button:active{transform:scale(.96)}
.anxiety-flow-board .anxiety-feelings button,
.after-flow-board .after-checkin button{
  border:2px solid #fff;
  background:linear-gradient(145deg,#fff,#fff2f6 62%,#eee8fa);
  box-shadow:0 6px 13px rgba(85,35,65,.09);
}
.anxiety-flow-board .anxiety-feelings button.selected,
.after-flow-board .after-checkin button.selected{
  border-color:#ef8fbb;
  background:linear-gradient(145deg,#fff,#ffdce9);
  box-shadow:0 0 0 3px rgba(230,0,114,.09),0 7px 15px rgba(85,35,65,.12);
  color:#9f1455;
}
.anxiety-flow-board .anxiety-feelings button:after,
.after-flow-board .after-checkin button:after{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  right:11px;
  border:2px solid #fff;
  border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffdce9 58%,#e6d8f7 100%);
  box-shadow:0 5px 10px rgba(85,35,65,.1);
  font-size:18px;
}
.anxiety-flow-board .anxiety-feelings button.selected:after,
.after-flow-board .after-checkin button.selected:after{
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
}

/* Genvägarnas små symboler följer samma stil på alla stödsidor. */
.morning-links button:has(>.pretty-inline-symbol),
.evening-links button:has(>.pretty-inline-symbol),
.care-actions button:has(>.pretty-inline-symbol),
.school-reflection-actions button:has(>.pretty-inline-symbol),
.school-plan-actions button:has(>.pretty-inline-symbol),
.travel-actions button:has(>.pretty-inline-symbol),
.friend-plan-actions button:has(>.pretty-inline-symbol),
.quiet-words-actions button:has(>.pretty-inline-symbol){
  display:flex;
  align-items:center;
  min-height:64px;
  padding:10px 12px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6 62%,#eee8fa);
  box-shadow:0 7px 15px rgba(85,35,65,.09);
  color:#102457;
  text-align:left;
}
.school-plan-actions button:has(>.pretty-inline-symbol):first-child,
.friend-plan-actions button:has(>.pretty-inline-symbol):first-child{
  background:linear-gradient(145deg,#fff,#ffdce9);
  color:#9f1455;
}
.morning-links .pretty-inline-symbol,
.evening-links .pretty-inline-symbol,
.care-actions .pretty-inline-symbol,
.school-reflection-actions .pretty-inline-symbol,
.school-plan-actions .pretty-inline-symbol,
.travel-actions .pretty-inline-symbol,
.friend-plan-actions .pretty-inline-symbol,
.quiet-words-actions .pretty-inline-symbol{
  flex-basis:40px;
  width:40px;
  height:40px;
  margin-right:9px!important;
  border-radius:14px;
  font-size:21px!important;
}

/* Redigeringsknapparna har samma mjuka ZORYLI-symboler som startsidan. */
#schedule-task .task-edit-actions,
#collection-item-detail .collection-item-actions,
#diary-entry .diary-entry-actions{
  align-items:stretch;
}
#schedule-task .task-edit-actions button,
#collection-item-detail .collection-item-actions button,
#diary-entry .diary-entry-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  padding:10px 12px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
}
#saveTaskEdit:before,
#saveCollectionItem:before,
#updateDiaryEntry:before,
#cancelTaskEdit:before,
#cancelCollectionEdit:before,
#deleteTaskEdit:before,
#deleteCollectionItem:before,
#deleteDiaryEntry:before{
  display:grid;
  flex:0 0 35px;
  place-items:center;
  width:35px;
  height:35px;
  border:2px solid #fff;
  border-radius:13px;
  background:radial-gradient(circle at 30% 22%,#fff 0 16%,#ffd7e8 58%,#e5d8f7 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 5px 11px rgba(85,35,65,.12);
  color:#d80069;
  font-size:19px;
  font-weight:950;
  line-height:1;
}
#saveTaskEdit:before,
#saveCollectionItem:before,
#updateDiaryEntry:before{content:"♡"}
#cancelTaskEdit:before,
#cancelCollectionEdit:before{content:"‹";font-size:26px}
#deleteTaskEdit:before,
#deleteCollectionItem:before,
#deleteDiaryEntry:before{content:"×";font-size:24px}
#saveTaskEdit:before,
#saveCollectionItem:before,
#updateDiaryEntry:before{
  background:radial-gradient(circle at 30% 22%,#fff 0 13%,#ffb9d4 56%,#f382b4 100%);
  color:#a90050;
}
#cancelTaskEdit,
#cancelCollectionEdit{
  min-height:48px;
  border:1px solid #e4d6ee;
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#f0e9fa);
  color:#59486c;
  font-weight:850;
}
#deleteTaskEdit:before,
#deleteCollectionItem:before,
#deleteDiaryEntry:before{
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#fff0f5 58%,#f5dce7 100%);
  color:#a3004c;
}
@media(max-width:380px){
  #schedule-task .task-edit-actions button,
  #collection-item-detail .collection-item-actions button,
  #diary-entry .diary-entry-actions button{
    min-height:54px;
    justify-content:flex-start;
    padding-inline:14px;
    text-align:left;
  }
}

/* Bildminnen och den trygga planen använder samma mjuka knappsymboler. */
#photo-detail #savePhotoNote,
#photo-detail #favoritePhoto,
#photo-detail .photo-extra-actions button,
#after #saveAfterPlan,
#after #cancelAfterPlan,
#after #editAfterPlan{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:51px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
}
#photo-detail #savePhotoNote:before,
#after #saveAfterPlan:before,
#after #cancelAfterPlan:before,
#after #editAfterPlan:before{
  display:grid;
  flex:0 0 35px;
  place-items:center;
  width:35px;
  height:35px;
  border:2px solid #fff;
  border-radius:13px;
  background:radial-gradient(circle at 30% 22%,#fff 0 14%,#ffbdd7 56%,#ee88b7 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 5px 11px rgba(85,35,65,.12);
  color:#a80050;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
#photo-detail #savePhotoNote:before,
#after #saveAfterPlan:before{content:"♡"}
#after #cancelAfterPlan:before{content:"‹";font-size:27px}
#after #editAfterPlan:before{content:"✎";font-size:18px}
#photo-detail #savePhotoNote,
#after #saveAfterPlan{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:0 8px 17px rgba(157,30,91,.17);
  color:#fff;
}
#photo-detail #favoritePhoto{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe2ee 62%,#eee7fa);
  box-shadow:0 7px 15px rgba(85,35,65,.1);
}
#photo-detail #favoritePhoto.selected{
  background:linear-gradient(145deg,#ffd7e7,#f8bed7);
  box-shadow:0 0 0 3px rgba(230,0,114,.08),0 7px 15px rgba(85,35,65,.11);
}
#photo-detail .photo-extra-actions button{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:0 7px 15px rgba(85,35,65,.09);
  color:#9f1455;
}
#photo-detail .photo-extra-actions button:last-child{
  background:linear-gradient(145deg,#fff,#eee8fa);
  color:#55466f;
}
#after #cancelAfterPlan{
  border:1.5px solid #fff;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#eee8fa);
  box-shadow:0 7px 15px rgba(85,35,65,.08);
  color:#59486c;
  font-weight:850;
}
#after #editAfterPlan{
  min-height:42px;
  padding:4px 8px;
  border:1px solid #efc7d8;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#ffe7f1);
  box-shadow:0 5px 12px rgba(85,35,65,.08);
}
#after #editAfterPlan:before{
  flex-basis:29px;
  width:29px;
  height:29px;
  border-radius:11px;
}
#after .after-plan-actions a,
#after .after-plan-actions button{
  min-height:51px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:0 7px 15px rgba(85,35,65,.09);
}
#after .after-plan-actions button{
  background:linear-gradient(145deg,#fff,#ffe0ed);
}
@media(max-width:380px){
  #photo-detail .photo-extra-actions{grid-template-columns:1fr}
  #photo-detail #savePhotoNote,
  #photo-detail #favoritePhoto,
  #photo-detail .photo-extra-actions button,
  #after #saveAfterPlan,
  #after #cancelAfterPlan{
    justify-content:flex-start;
    padding-inline:14px;
    text-align:left;
  }
}

/* Trygghets- och kontaktplanens viktigaste val får samma tydliga symboler. */
#safety-plan #saveSafetyPlan,
#safety-plan #cancelSafetyPlan,
#safety-plan #editSafetyPlan,
#contact-plan #saveContactPlan,
#contact-plan .contact-plan-bottom button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  min-height:51px;
  padding:9px 12px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
}
#safety-plan #saveSafetyPlan:before,
#safety-plan #cancelSafetyPlan:before,
#safety-plan #editSafetyPlan:before,
#contact-plan #saveContactPlan:before,
#contact-plan .contact-plan-bottom button:before{
  display:grid;
  flex:0 0 35px;
  place-items:center;
  width:35px;
  height:35px;
  border:2px solid #fff;
  border-radius:13px;
  background:radial-gradient(circle at 30% 22%,#fff 0 15%,#ffd7e8 58%,#e5d8f7 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 5px 11px rgba(85,35,65,.12);
  color:#d60068;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
#safety-plan #saveSafetyPlan:before,
#contact-plan #saveContactPlan:before{content:"♡"}
#safety-plan #cancelSafetyPlan:before{content:"‹";font-size:27px}
#safety-plan #editSafetyPlan:before{content:"✎";font-size:18px}
#contact-plan #contactPlanReset:before{content:"↻";font-size:21px}
#contact-plan #contactPlanUrgent:before{content:"♡"}
#safety-plan #saveSafetyPlan,
#contact-plan #saveContactPlan{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:0 8px 17px rgba(157,30,91,.17);
  color:#fff;
}
#safety-plan #cancelSafetyPlan{
  border:1.5px solid #fff;
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#eee8fa)!important;
  box-shadow:0 7px 15px rgba(85,35,65,.08);
  color:#59486c!important;
  font-weight:850;
}
#safety-plan #editSafetyPlan{
  grid-column:1/-1;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe2ed);
  color:#9f1455;
}
#contact-plan .contact-plan-bottom button{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#eee8fa);
  box-shadow:0 7px 15px rgba(85,35,65,.09);
  color:#55466f;
  font-size:0;
}
#contact-plan #contactPlanReset:after{
  content:"Börja om";
  font-size:14px;
  font-weight:850;
}
#contact-plan #contactPlanUrgent{
  background:linear-gradient(145deg,#fff,#ffe0ed);
  color:#9f1455;
}
#contact-plan #contactPlanUrgent:after{
  content:"Öppna Akut hjälp";
  font-size:14px;
  font-weight:850;
}
#contact-plan .contact-plan-person a,
#contact-plan .contact-plan-person button:not(.contact-tried){
  border:2px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 16%,#ffdce9 58%,#e8dcf8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 5px 11px rgba(85,35,65,.11);
  color:#c60060;
}
#contact-plan .contact-plan-person .contact-tried{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:0 5px 11px rgba(85,35,65,.07);
}
@media(max-width:380px){
  #safety-plan #saveSafetyPlan,
  #safety-plan #cancelSafetyPlan,
  #safety-plan #editSafetyPlan,
  #contact-plan #saveContactPlan,
  #contact-plan .contact-plan-bottom button{
    justify-content:flex-start;
    padding-inline:13px;
    text-align:left;
  }
  #contact-plan .contact-plan-bottom{grid-template-columns:1fr}
}

/* Resplanen och stöd vid ändrade planer följer samma symbolstil. */
#travel-plan #saveTravelPlan,
#travel-plan #saveTravelPlace,
#changed-plan #saveChangedPlan,
#changed-plan .changed-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  min-height:51px;
  padding:9px 12px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
  font-size:0;
}
#travel-plan #saveTravelPlan:before,
#travel-plan #saveTravelPlace:before,
#changed-plan #saveChangedPlan:before,
#changed-plan .changed-actions button:before{
  display:grid;
  flex:0 0 35px;
  place-items:center;
  width:35px;
  height:35px;
  border:2px solid #fff;
  border-radius:13px;
  background:radial-gradient(circle at 30% 22%,#fff 0 15%,#ffd7e8 58%,#e5d8f7 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 5px 11px rgba(85,35,65,.12);
  color:#d60068;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
#travel-plan #saveTravelPlan:before,
#changed-plan #saveChangedPlan:before{content:"♡"}
#travel-plan #saveTravelPlace:before{content:"+";font-size:23px}
#changed-plan #changedDiary:before{content:"▤";font-size:18px}
#changed-plan #changedMessage:before{content:"♡"}
#changed-plan #changedClear:before{content:"↻";font-size:21px}
#travel-plan #saveTravelPlan:after{content:"Spara resplanen"}
#travel-plan #saveTravelPlace:after{content:"Spara platsen"}
#changed-plan #saveChangedPlan:after{content:"Spara"}
#changed-plan #changedDiary:after{content:"Spara i Dagboken"}
#changed-plan #changedMessage:after{content:"Be om hjälp"}
#changed-plan #changedClear:after{content:"Börja om"}
#travel-plan #saveTravelPlan:after,
#travel-plan #saveTravelPlace:after,
#changed-plan #saveChangedPlan:after,
#changed-plan .changed-actions button:after{
  font-size:14px;
  font-weight:850;
}
#travel-plan #saveTravelPlan,
#changed-plan #saveChangedPlan{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:0 8px 17px rgba(157,30,91,.17);
  color:#fff;
}
#travel-plan #saveTravelPlace{
  border:1.5px solid #fff;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#ffe3ee);
  box-shadow:0 6px 13px rgba(85,35,65,.08);
  color:#9f1455;
}
#changed-plan .changed-actions button{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:0 7px 15px rgba(85,35,65,.09);
  color:#9f1455;
}
#changed-plan #changedClear{
  background:linear-gradient(145deg,#fff,#eee8fa);
  color:#55466f;
}
#changed-plan .changed-feelings button,
#changed-plan .changed-next button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  box-shadow:0 5px 11px rgba(85,35,65,.06);
}
#changed-plan .changed-feelings button:after,
#changed-plan .changed-next button:after{
  content:"♡";
  display:grid;
  flex:0 0 27px;
  place-items:center;
  width:27px;
  height:27px;
  border:2px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 16%,#ffdce9 60%,#e8dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d60068;
  font-size:15px;
  line-height:1;
}
#changed-plan .changed-feelings button.selected:after,
#changed-plan .changed-next button.selected:after{
  content:"✓";
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
}
@media(max-width:380px){
  #travel-plan #saveTravelPlan,
  #travel-plan #saveTravelPlace,
  #changed-plan #saveChangedPlan,
  #changed-plan .changed-actions button{
    justify-content:flex-start;
    padding-inline:13px;
    text-align:left;
  }
  #changed-plan .changed-actions{grid-template-columns:1fr}
}

/* Nattplanens val och skolans sista rensa-knapp får samma tydliga symboler. */
#night-plan #saveNightPlan,
#school-plan #schoolReflectionClear{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  min-height:51px;
  padding:9px 12px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
  font-size:0;
}
#night-plan #saveNightPlan:before,
#school-plan #schoolReflectionClear:before{
  display:grid;
  flex:0 0 35px;
  place-items:center;
  width:35px;
  height:35px;
  border:2px solid #fff;
  border-radius:13px;
  background:radial-gradient(circle at 30% 22%,#fff 0 15%,#ffd7e8 58%,#e5d8f7 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 5px 11px rgba(85,35,65,.12);
  color:#d60068;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
#night-plan #saveNightPlan:before{content:"♡"}
#school-plan #schoolReflectionClear:before{content:"↻";font-size:21px}
#night-plan #saveNightPlan:after{content:"Spara min nattplan"}
#school-plan #schoolReflectionClear:after{content:"Rensa"}
#night-plan #saveNightPlan:after,
#school-plan #schoolReflectionClear:after{
  font-size:14px;
  font-weight:850;
}
#night-plan #saveNightPlan{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:0 8px 17px rgba(157,30,91,.17);
  color:#fff;
}
#school-plan #schoolReflectionClear{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#eee8fa);
  box-shadow:0 7px 15px rgba(85,35,65,.08);
  color:#55466f;
}
#night-plan .night-steps button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:48px;
  box-shadow:0 5px 11px rgba(85,35,65,.06);
}
#night-plan .night-steps button:after{
  content:"♡";
  display:grid;
  flex:0 0 27px;
  place-items:center;
  width:27px;
  height:27px;
  border:2px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 16%,#ffdce9 60%,#e8dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d60068;
  font-size:15px;
  line-height:1;
}
#night-plan .night-steps button.selected:after{
  content:"✓";
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
}
#night-plan .night-actions button,
#school-plan .school-plan-actions button,
#school-plan .school-reflection-actions button{
  min-height:54px;
  border:1.5px solid #fff;
  box-shadow:0 7px 15px rgba(85,35,65,.09);
}
@media(max-width:380px){
  #night-plan #saveNightPlan,
  #school-plan #schoolReflectionClear{
    justify-content:flex-start;
    padding-inline:13px;
    text-align:left;
  }
}

/* Samtalsplanerna får samma tydliga symboler före och efter ett samtal. */
#talk-plan #talkMakePreview,
#talk-plan .talk-actions button,
#after-talk #afterTalkShow,
#after-talk .after-talk-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  min-height:51px;
  padding:9px 12px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
  font-size:0;
}
#talk-plan #talkMakePreview:before,
#talk-plan .talk-actions button:before,
#after-talk #afterTalkShow:before,
#after-talk .after-talk-actions button:before{
  display:grid;
  flex:0 0 35px;
  place-items:center;
  width:35px;
  height:35px;
  border:2px solid #fff;
  border-radius:13px;
  background:radial-gradient(circle at 30% 22%,#fff 0 15%,#ffd7e8 58%,#e5d8f7 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.96),0 5px 11px rgba(85,35,65,.12);
  color:#d60068;
  font-size:20px;
  font-weight:950;
  line-height:1;
}
#talk-plan #talkMakePreview:before,
#after-talk #afterTalkShow:before{content:"▤";font-size:18px}
#talk-plan #talkSaveDiary:before,
#after-talk #afterTalkDiary:before{content:"▤";font-size:18px}
#talk-plan #talkToMessage:before,
#after-talk #afterTalkMessage:before{content:"♡"}
#talk-plan #talkCopy:before,
#after-talk #afterTalkCopy:before{content:"▣";font-size:17px}
#talk-plan #talkClear:before,
#after-talk #afterTalkClear:before{content:"↻";font-size:21px}
#talk-plan #talkMakePreview:after{content:"Visa min samtalslapp"}
#talk-plan #talkSaveDiary:after{content:"Spara i Dagboken"}
#talk-plan #talkToMessage:after{content:"Använd i meddelande"}
#talk-plan #talkCopy:after{content:"Kopiera texten"}
#talk-plan #talkClear:after{content:"Rensa"}
#after-talk #afterTalkShow:after{content:"Visa min anteckning"}
#after-talk #afterTalkDiary:after{content:"Spara i Dagboken"}
#after-talk #afterTalkMessage:after{content:"Använd i meddelande"}
#after-talk #afterTalkCopy:after{content:"Kopiera texten"}
#after-talk #afterTalkClear:after{content:"Rensa"}
#talk-plan #talkMakePreview:after,
#talk-plan .talk-actions button:after,
#after-talk #afterTalkShow:after,
#after-talk .after-talk-actions button:after{
  font-size:14px;
  font-weight:850;
}
#talk-plan #talkMakePreview,
#after-talk #afterTalkShow{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  box-shadow:0 8px 17px rgba(157,30,91,.17);
  color:#fff;
}
#talk-plan .talk-actions button,
#after-talk .after-talk-actions button{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:0 7px 15px rgba(85,35,65,.09);
  color:#9f1455;
}
#talk-plan #talkCopy,
#talk-plan #talkClear,
#after-talk #afterTalkCopy,
#after-talk #afterTalkClear{
  background:linear-gradient(145deg,#fff,#eee8fa);
  color:#55466f;
}
#talk-plan .talk-persons button,
#after-talk .after-talk-who button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:47px;
  box-shadow:0 5px 11px rgba(85,35,65,.06);
}
#talk-plan .talk-persons button:after,
#after-talk .after-talk-who button:after{
  content:"♡";
  display:grid;
  flex:0 0 27px;
  place-items:center;
  width:27px;
  height:27px;
  border:2px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 16%,#ffdce9 60%,#e8dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d60068;
  font-size:15px;
  line-height:1;
}
#talk-plan .talk-persons button.selected:after,
#after-talk .after-talk-who button.selected:after{
  content:"✓";
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
}
@media(max-width:380px){
  #talk-plan .talk-actions,
  #after-talk .after-talk-actions{grid-template-columns:1fr}
  #talk-plan #talkMakePreview,
  #talk-plan .talk-actions button,
  #after-talk #afterTalkShow,
  #after-talk .after-talk-actions button{
    justify-content:flex-start;
    padding-inline:13px;
    text-align:left;
  }
}

/* Samlingens och överraskningens val får samma mjuka rosa symbolknappar. */
#collection .collection-tools button,
#surprise #newSurprise,
#surprise .surprise-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:50px;
  white-space:normal;
  line-height:1.2;
}
#collection .collection-tools button:before,
#surprise #newSurprise:before,
#surprise .surprise-actions button:before{
  display:grid;
  place-items:center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  border:1.5px solid #fff;
  border-radius:11px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);
  color:#d9006c;
  font-size:18px;
  line-height:1;
}
#collection #collectionFavoritesOnly:before{content:"♡"}
#collection #collectionFavoritesOnly.selected:before{content:"♥"}
#collection #randomCollectionItem:before{content:"✦"}
#surprise #newSurprise:before{content:"✦"}
#surprise #doSurprise:before{content:"→"}
#surprise #saveSurprise:before{content:"♡"}
#collection .collection-tools button.selected:before{
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
}
#surprise .surprise-card>span{
  border:2px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 8px 17px rgba(85,35,65,.13);
  color:#d9006c;
  line-height:1;
}
@media(max-width:370px){
  #collection .collection-tools button,
  #surprise #newSurprise,
  #surprise .surprise-actions button{gap:5px;padding-inline:8px;font-size:13px}
  #collection .collection-tools button:before,
  #surprise #newSurprise:before,
  #surprise .surprise-actions button:before{flex-basis:28px;width:28px;height:28px;font-size:16px}
}

/* De kreativa verktygens handlingsknappar följer samma mjuka ZORYLI-stil. */
#drawing .drawing-actions button,
#drawing #drawingSave,
#beads .beads-actions button,
#beads #beadsSave,
#collage #collageOpenPhotos,
#collage .collage-actions button,
#wallpaper #wallpaperSave,
#pairs-game #pairsNew,
#pairs-game #pairsAgain{
  min-height:50px;
  border:1.5px solid #fff;
  border-radius:15px;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.92),0 7px 15px rgba(85,35,65,.11);
  white-space:normal;
  line-height:1.2;
}
#drawing #drawingSave,
#beads #beadsSave,
#collage #collageSave,
#wallpaper #wallpaperSave{
  background:linear-gradient(145deg,#f5368c,#d8006a);
  color:#fff;
  font-weight:900;
}
#drawing #drawingUndo,
#beads #beadsUndo,
#collage #collageOpenPhotos{
  background:linear-gradient(145deg,#fff,#eee6fa);
  color:#792158;
}
#drawing #drawingClear,
#beads #beadsClear,
#collage #collageClear{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:linear-gradient(145deg,#fff,#fff0f6);
  color:#8c365e;
}
#drawing #drawingClear:before,
#beads #beadsClear:before,
#collage #collageClear:before,
#pairs-game #pairsNew:before,
#pairs-game #pairsAgain:before{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1.5px solid #fff;
  border-radius:11px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);
  color:#d9006c;
  font-size:18px;
  line-height:1;
}
#drawing #drawingClear:before,
#beads #beadsClear:before,
#collage #collageClear:before{content:"×"}
#pairs-game #pairsNew,
#pairs-game #pairsAgain{display:flex;align-items:center;justify-content:center;gap:7px}
#pairs-game #pairsNew:before{content:"✦"}
#pairs-game #pairsAgain:before{content:"↻"}
@media(max-width:370px){
  #drawing .drawing-actions button,
  #beads .beads-actions button,
  #collage .collage-actions button,
  #pairs-game #pairsNew,
  #pairs-game #pairsAgain{padding-inline:7px;font-size:13px}
  #drawing #drawingClear:before,
  #beads #beadsClear:before,
  #collage #collageClear:before,
  #pairs-game #pairsNew:before,
  #pairs-game #pairsAgain:before{flex-basis:27px;width:27px;height:27px;font-size:16px}
}

/* Profil och inställningar får samma tydliga symbolknappar som övriga sidor. */
#profile-details #saveProfileDetails,
#settings [data-settings-home],
#theme #readPageAloud,
#theme #stopReadingAloud{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:51px;
  border:1.5px solid #fff;
  border-radius:16px;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.92),0 8px 17px rgba(85,35,65,.12);
  white-space:normal;
  line-height:1.2;
  font-weight:900;
}
#profile-details #saveProfileDetails,
#settings [data-settings-home]{
  background:linear-gradient(145deg,#f5368c,#d8006a);
  color:#fff;
}
#profile-details #saveProfileDetails:before,
#settings [data-settings-home]:before{
  display:grid;
  place-items:center;
  flex:0 0 33px;
  width:33px;
  height:33px;
  border:1.5px solid #fff;
  border-radius:12px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);
  color:#d9006c;
  font-size:19px;
  line-height:1;
}
#profile-details #saveProfileDetails:before{content:"♡"}
#settings [data-settings-home]:before{content:"⌂"}
#theme #readPageAloud,
#theme #stopReadingAloud{
  min-width:122px;
  background:linear-gradient(145deg,#fff,#eee6fa);
  color:#792158;
}
#theme .text-size-choices button{
  position:relative;
  min-height:46px;
  border:1.5px solid #fff;
  box-shadow:0 5px 12px rgba(85,35,65,.08);
  white-space:normal;
  line-height:1.2;
}
#theme .text-size-choices button.selected{
  padding-right:28px;
  background:linear-gradient(145deg,#fff,#ffdce9);
}
#theme .text-size-choices button.selected:after{
  content:"✓";
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:8px;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
  font-size:13px;
  line-height:1;
}
@media(max-width:370px){
  #profile-details #saveProfileDetails,
  #settings [data-settings-home],
  #theme #readPageAloud,
  #theme #stopReadingAloud{gap:5px;padding-inline:9px;font-size:13px}
  #profile-details #saveProfileDetails:before,
  #settings [data-settings-home]:before{flex-basis:29px;width:29px;height:29px;font-size:17px}
}

/* Integritet och installation får tydliga symboler utan att ändra sparat innehåll. */
#privacy #downloadMyData,
#privacy .privacy-import,
#privacy .danger-clear,
#install .install-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:51px;
  border:1.5px solid #fff;
  border-radius:16px;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.92),0 8px 17px rgba(85,35,65,.11);
  white-space:normal;
  line-height:1.2;
  font-weight:900;
}
#privacy #downloadMyData:before,
#privacy .privacy-import:before,
#privacy .danger-clear:before,
#install .install-actions button:before{
  display:grid;
  place-items:center;
  flex:0 0 33px;
  width:33px;
  height:33px;
  border:1.5px solid #fff;
  border-radius:12px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.11);
  color:#d9006c;
  font-size:19px;
  line-height:1;
}
#privacy #downloadMyData:before{content:"↓"}
#privacy .privacy-import:before{content:"↑"}
#privacy .danger-clear:before{content:"×"}
#privacy #downloadMyData{background:linear-gradient(145deg,#334a7d,#1d2e5c);color:#fff}
#privacy .privacy-import{background:linear-gradient(145deg,#fff,#eee6fa);color:#792158}
#privacy .danger-clear{background:linear-gradient(145deg,#fff,#fff0f6);color:#a5004d}
#privacy .privacy-clear-list button:after{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:linear-gradient(145deg,#fff,#ffdce9);
  box-shadow:0 4px 9px rgba(85,35,65,.1);
  color:#b52a64;
  font-size:18px;
  line-height:1;
}
#install .install-actions button{font-size:0;background:linear-gradient(145deg,#f5368c,#d8006a);color:#fff}
#install #openInstallShare:before{content:"↗"}
#install #installAppButton:before{content:"⌂"}
#install #updateZoryli:before{content:"↻"}
#install #openInstallShare:after{content:"Öppna Dela-menyn"}
#install #installAppButton:after{content:"Installera ZORYLI"}
#install #updateZoryli:after{content:"Sök efter uppdatering"}
#install #updateZoryli{background:linear-gradient(145deg,#fff,#eee6fa);color:#792158}
#install #updateZoryli:disabled{opacity:.65}
#install .install-actions button:after{font-size:16px;line-height:1.2}
@media(max-width:370px){
  #privacy #downloadMyData,
  #privacy .privacy-import,
  #privacy .danger-clear,
  #install .install-actions button{gap:5px;padding-inline:9px;font-size:13px}
  #privacy #downloadMyData:before,
  #privacy .privacy-import:before,
  #privacy .danger-clear:before,
  #install .install-actions button:before{flex-basis:29px;width:29px;height:29px;font-size:17px}
  #install .install-actions button{font-size:0}
  #install .install-actions button:after{font-size:13px}
}

/* Mina steg framåt behåller sitt lugna innehåll men får enhetliga symbolknappar. */
#gentle-progress .gentle-progress-form>button[type="submit"],
#gentle-progress .gentle-progress-tools button,
#gentle-progress .gentle-progress-item-actions button{
  min-height:48px;
  border:1.5px solid #fff;
  border-radius:15px;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.92),0 7px 15px rgba(85,35,65,.1);
  white-space:normal;
  line-height:1.2;
  font-weight:850;
}
#gentle-progress .gentle-progress-form>button[type="submit"]{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(145deg,#f5368c,#d8006a);
  color:#fff;
}
#gentle-progress .gentle-progress-form>button[type="submit"]:before,
#gentle-progress .gentle-progress-prompts button:before,
#gentle-progress [data-remove-gentle-progress]:before{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1.5px solid #fff;
  border-radius:11px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 4px 9px rgba(85,35,65,.1);
  color:#d9006c;
  font-size:17px;
  line-height:1;
}
#gentle-progress .gentle-progress-form>button[type="submit"]:before{content:"🌱"}
#gentle-progress .gentle-progress-prompts button{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  text-align:left;
}
#gentle-progress .gentle-progress-prompts button:before{content:"♡";flex-basis:27px;width:27px;height:27px;border-radius:10px;font-size:15px}
#gentle-progress .gentle-progress-tools button{
  background:linear-gradient(145deg,#fff,#eee6fa);
  color:#792158;
}
#gentle-progress #gentleProgressImportant.selected{
  background:linear-gradient(145deg,#fff,#ffdce9);
  color:#d9006c;
}
#gentle-progress .gentle-progress-item-actions{
  flex-wrap:wrap;
}
#gentle-progress .gentle-progress-item-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  margin:0;
  padding:8px 10px!important;
  background:linear-gradient(145deg,#fff,#fff3f7)!important;
}
#gentle-progress [data-remove-gentle-progress]:before{content:"×";flex-basis:26px;width:26px;height:26px;border-radius:9px;font-size:16px}
@media(max-width:370px){
  #gentle-progress .gentle-progress-form>button[type="submit"],
  #gentle-progress .gentle-progress-tools button,
  #gentle-progress .gentle-progress-item-actions button{font-size:13px}
  #gentle-progress .gentle-progress-form>button[type="submit"]:before{flex-basis:28px;width:28px;height:28px;font-size:16px}
  #gentle-progress .gentle-progress-item-actions{display:grid;grid-template-columns:1fr}
}

/* Hjälp mig välja får tydliga glansiga val utan mer text eller fler steg. */
#choose-support .choose-support-options button{
  position:relative;
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe8f1 62%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.94),0 8px 17px rgba(85,35,65,.1);
}
#choose-support .choose-support-options button>span,
#choose-support .choose-support-result>span{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin:0 auto 4px;
  border:2px solid #fff;
  border-radius:18px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.12);
  color:#d9006c;
  font-size:27px;
  line-height:1;
}
#choose-support .choose-support-options button.selected{
  border-color:#ef8db7;
  background:linear-gradient(145deg,#fff,#ffdce9);
  box-shadow:0 0 0 3px rgba(230,0,114,.1),0 9px 19px rgba(85,35,65,.12);
}
#choose-support .choose-support-options button.selected:after{
  content:"✓";
  position:absolute;
  right:9px;
  top:9px;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border:1.5px solid #fff;
  border-radius:9px;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
  font-size:14px;
  line-height:1;
}
#choose-support .choose-support-result>span{width:60px;height:60px;margin:10px auto;font-size:30px}
#choose-support .choose-support-result button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:50px;
  border:1.5px solid #fff;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.92),0 7px 15px rgba(85,35,65,.1);
  white-space:normal;
  line-height:1.2;
}
#choose-support .choose-support-result button:before{
  display:grid;
  place-items:center;
  flex:0 0 29px;
  width:29px;
  height:29px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.1);
  color:#d9006c;
  font-size:17px;
  line-height:1;
}
#choose-support #chooseSupportOpen:before{content:"→"}
#choose-support #chooseSupportOther:before{content:"✦"}
@media(max-width:360px){
  #choose-support .choose-support-options{grid-template-columns:1fr}
  #choose-support .choose-support-options button:last-child{grid-column:auto}
  #choose-support .choose-support-result>div{grid-template-columns:1fr}
}

/* Sök behåller alla träffar men får samma mjuka, glansiga ZORYLI-uttryck. */
#search .andrum-search-box{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff2f7 64%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 9px 20px rgba(85,35,65,.1);
}
#search .andrum-search-box>span{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  border:1.5px solid #fff;
  border-radius:14px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 5px 11px rgba(85,35,65,.1);
  color:#d9006c;
  font-size:24px;
  line-height:1;
}
#search .andrum-search-box input{min-width:0}
#search .search-suggestions>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#search .search-suggestions button{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-width:0;
  min-height:46px;
  padding:8px 10px;
  border:1.5px solid #fff;
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#ffe8f1);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
  color:#792158;
  font-weight:800;
  line-height:1.2;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
}
#search .search-suggestions button:before{
  content:"♡";
  display:grid;
  place-items:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:0 4px 8px rgba(85,35,65,.09);
  color:#d9006c;
  line-height:1;
}
#search .search-result{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff3f7 68%,#f1e9fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.94),0 7px 16px rgba(85,35,65,.09);
}
#search .search-result>span,
#search .search-result b,
#search .search-result small{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
@media(max-width:350px){
  #search .search-suggestions>div{grid-template-columns:1fr}
}

/* Jag behöver hjälp: tre lugna, tydliga val med hela meningen synlig. */
#need-help .help-templates{
  display:grid;
  gap:10px;
}
#need-help .help-templates button{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:76px;
  padding:13px 44px 13px 13px;
  border:1.5px solid #fff;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#fff0f6 65%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 8px 17px rgba(85,35,65,.1);
  color:#102457;
  font-weight:800;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#need-help .help-templates button:before{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border:2px solid #fff;
  border-radius:15px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.11);
  color:#d9006c;
  font-size:20px;
  line-height:1;
}
#need-help .help-templates button:nth-child(1):before{content:"💗"}
#need-help .help-templates button:nth-child(2):before{content:"💌"}
#need-help .help-templates button:nth-child(3):before{content:"🫶"}
#need-help .help-templates button.selected-template{
  border-color:#ef8db7;
  background:linear-gradient(145deg,#fff,#ffdce9);
  box-shadow:0 0 0 3px rgba(230,0,114,.09),0 9px 19px rgba(85,35,65,.12);
}
#need-help .help-templates button.selected-template:after{
  content:"✓";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1.5px solid #fff;
  border-radius:9px;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
  font-size:15px;
  line-height:1;
}
#need-help .help-choice-status{
  margin:12px 2px;
  padding:10px 12px;
  border:1px solid rgba(239,141,183,.45);
  border-radius:14px;
  background:rgba(255,255,255,.7);
  color:#75536c;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
#need-help #helpOpenMessage{
  width:100%;
  min-height:54px;
  white-space:normal;
  line-height:1.2;
}
@media(max-width:350px){
  #need-help .help-templates button{padding-left:10px;padding-right:38px;font-size:14px}
  #need-help .help-templates button:before{flex-basis:36px;width:36px;height:36px;font-size:18px}
}

/* Viktigt just nu: meningarna ska gå snabbt att hitta utan att text kapas. */
#important-now .urgent-templates{
  display:grid;
  gap:10px;
}
#important-now .urgent-templates button{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:74px;
  padding:13px;
  border:1.5px solid #fff;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#fff0f6 66%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 8px 17px rgba(85,35,65,.1);
  color:#102457;
  font-weight:800;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#important-now .urgent-templates button:before{
  display:grid;
  place-items:center;
  flex:0 0 43px;
  width:43px;
  height:43px;
  border:2px solid #fff;
  border-radius:15px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.11);
  color:#d9006c;
  font-size:21px;
  line-height:1;
}
#important-now .urgent-templates button:nth-child(1):before{content:"🫶"}
#important-now .urgent-templates button:nth-child(2):before{content:"☎"}
#important-now .urgent-templates button:nth-child(3):before{content:"💗"}
#important-now .urgent-templates button:active{
  transform:scale(.985);
  background:linear-gradient(145deg,#fff,#ffdce9);
}
#important-now>.primary{
  width:100%;
  min-height:54px;
  margin-top:13px;
  white-space:normal;
  line-height:1.2;
}
@media(max-width:350px){
  #important-now .urgent-templates button{padding:11px 10px;font-size:14px}
  #important-now .urgent-templates button:before{flex-basis:36px;width:36px;height:36px;font-size:18px}
}

/* Snabbmeddelanden: favoriter och egna meningar behålls, men kontrollerna blir tydligare. */
#quick-messages .quick-message-tools button{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe8f1);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
  white-space:normal;
  line-height:1.2;
}
#quick-messages .quick-message-tools button.selected{
  background:linear-gradient(145deg,#fff,#ffdce9);
  color:#d9006c;
}
#quick-messages .quick-message-add{
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6 64%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.94),0 9px 20px rgba(85,35,65,.09);
}
#quick-messages .quick-message-add textarea{
  width:100%;
  min-width:0;
  border:1.5px solid #f0c9dc;
  border-radius:15px;
  background:rgba(255,255,255,.88);
  line-height:1.4;
}
#quick-messages .quick-message-add>button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:50px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#f5368c,#d8006a);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 7px 15px rgba(85,35,65,.12);
  white-space:normal;
  line-height:1.2;
}
#quick-messages .quick-message-row{
  align-items:stretch;
  min-width:0;
}
#quick-messages .quick-message-row .quick-message-open{
  min-width:0;
  min-height:72px;
  padding:13px 14px!important;
  border:1.5px solid #fff!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#fff2f7 68%,#eee6fa)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.09)!important;
  color:#102457!important;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  text-align:left;
}
#quick-messages .quick-message-row.favorite .quick-message-open{
  border-color:#ef9fbe!important;
  background:linear-gradient(145deg,#fff,#ffe3ee)!important;
}
#quick-messages .quick-message-row .quick-message-heart,
#quick-messages .quick-message-row .quick-message-remove{
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
  border:2px solid #fff!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.1)!important;
}
#quick-messages .quick-message-row.favorite .quick-message-heart{
  background:radial-gradient(circle at 30% 22%,#fff 0 14%,#ffb8d3 60%,#ee95bc 100%)!important;
  color:#d9006c!important;
}
@media(max-width:350px){
  #quick-messages .quick-message-tools{align-items:stretch;flex-direction:column}
  #quick-messages .quick-message-row{grid-template-columns:minmax(0,1fr) 40px}
  #quick-messages .quick-message-row.custom{grid-template-columns:minmax(0,1fr) 40px 36px}
  #quick-messages .quick-message-row .quick-message-open{padding:11px!important;font-size:14px}
}

/* Arkivet: verktygen ligger tydligt och meddelandet får hela kortets bredd. */
#message-archive .message-archive-tools{
  padding:13px;
  border:1.5px solid #fff;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#fff0f6 64%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 9px 20px rgba(85,35,65,.09);
}
#message-archive .message-archive-tools input,
#message-archive .message-archive-tools select{
  min-height:46px;
  border:1.5px solid #efc5d9;
  background:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 2px rgba(85,35,65,.04);
}
#message-archive .message-archive-tools>button{
  min-height:46px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe6f0);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
  white-space:normal;
  line-height:1.2;
}
#message-archive .message-archive-tools>button.selected{
  background:linear-gradient(145deg,#f5368c,#d8006a);
  color:#fff;
}
#message-archive .saved-message{
  display:grid;
  gap:0;
  min-width:0;
  border:1.5px solid #fff;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#fff3f7 68%,#eee6fa);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 8px 17px rgba(85,35,65,.09);
}
#message-archive .saved-message.important{
  border-color:#ef9fbe;
  background:linear-gradient(145deg,#fff,#ffe5ef);
}
#message-archive .saved-message .open-saved-message{
  position:relative;
  display:grid;
  gap:5px;
  min-width:0;
  width:100%;
  min-height:0;
  padding:14px!important;
  border:0;
  background:transparent;
  text-align:left;
}
#message-archive .saved-message .open-saved-message small,
#message-archive .saved-message .open-saved-message p,
#message-archive .saved-message .open-saved-message b{
  position:static;
  min-width:0;
  margin:0;
  transform:none;
  white-space:pre-wrap;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#message-archive .saved-message .open-saved-message p{line-height:1.4}
#message-archive .saved-message .open-saved-message b{margin-top:3px;color:#d9006c;font-size:13px}
#message-archive .saved-message-actions{
  position:static;
  display:grid;
  grid-template-columns:repeat(3,42px);
  justify-content:end;
  gap:7px;
  padding:0 12px 12px;
}
#message-archive .saved-message-actions button{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  min-height:42px;
  border:2px solid #fff!important;
  border-radius:14px!important;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.1)!important;
  color:#d9006c!important;
}
@media(max-width:350px){
  #message-archive .message-archive-tools{grid-template-columns:1fr}
  #message-archive .message-archive-tools>button{grid-column:auto}
}

/* Aviseringar: tydliga val, glansiga symboler och en läsbar förhandsvisning. */
#message-settings .profile-card{
  gap:8px;
  padding:10px;
}
#message-settings .profile-card .toggle{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:76px;
  padding:10px;
  border:1.5px solid transparent;
  border-radius:18px;
  background:rgba(255,255,255,.72);
}
#message-settings .profile-card .toggle:before{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:2px solid #fff;
  border-radius:15px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.1);
  color:#d9006c;
  font-size:22px;
  line-height:1;
}
#message-settings .profile-card .toggle:nth-child(1):before{content:"🔔"}
#message-settings .profile-card .toggle:nth-child(2):before{content:"💗"}
#message-settings .profile-card .toggle:has(input:checked){
  border-color:#ef9fbe;
  background:linear-gradient(145deg,#fff,#ffe5ef);
}
#message-settings .profile-card .toggle span,
#message-settings .profile-card .toggle b,
#message-settings .profile-card .toggle small{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
#message-settings .profile-card input[type="checkbox"]{
  flex:0 0 auto;
  width:30px;
  height:30px;
  margin:0;
}
#message-settings .message-reminder-editor>button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:52px;
  border:1.5px solid #fff;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 7px 15px rgba(85,35,65,.12);
  white-space:normal;
  line-height:1.2;
}
#message-settings .message-reminder-example,
#message-settings #messageWelcomePreview{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 7px 15px rgba(85,35,65,.08);
}
#message-settings .message-reminder-example p,
#message-settings #messageWelcomePreview{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#dismissMessageReminder{
  min-height:42px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe5ef);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
  white-space:normal;
}
@media(max-width:350px){
  #message-settings .profile-card .toggle{grid-template-columns:38px minmax(0,1fr) auto;padding:8px;gap:8px}
  #message-settings .profile-card .toggle:before{width:36px;height:36px;font-size:18px}
  #message-settings .message-reminder-example{padding-right:14px}
  #message-settings .message-reminder-example span{position:static;display:block;margin-top:7px}
}

/* Akut hjälp: behåll vägarna till hjälp men ge text och symboler bättre plats. */
#urgent .urgent-contact-card{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe4ee 62%,#eee7ff);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 10px 23px rgba(85,35,65,.1);
}
#urgent .urgent-contact-card h2,
#urgent .urgent-contact-card p{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
#urgent #urgentContactActions{
  grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);
}
#urgent .urgent-contact-card a,
#urgent .urgent-contact-card button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:50px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
  white-space:normal;
  line-height:1.2;
}
#urgent .urgent-contact-card .pretty-inline-symbol{
  flex-basis:32px;
  width:32px;
  height:32px;
  margin:0!important;
  border-radius:11px;
  font-size:17px!important;
}
#urgent .support-link,
#urgent-card .support-link{
  min-width:0;
  padding-right:54px;
}
#urgent .support-link>span,
#urgent-card .support-link>span{
  flex:1;
  min-width:0;
}
#urgent .support-link b,
#urgent .support-link small,
#urgent-card .support-link b,
#urgent-card .support-link small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#urgent-card .urgent-show-card{
  min-width:0;
  border:2px solid #ef7eae;
  background:linear-gradient(145deg,#fff,#fff0f5);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 10px 23px rgba(85,35,65,.1);
}
#urgent-card .urgent-show-card p,
#urgent-card .urgent-show-card strong{
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:350px){
  #urgent #urgentContactActions{grid-template-columns:1fr}
  #urgent .support-link,
  #urgent-card .support-link{padding:13px 48px 13px 11px;gap:8px}
  #urgent .support-link>i,
  #urgent-card .support-link>i{flex-basis:36px;width:36px;height:36px;margin-right:0!important;font-size:19px!important}
  #urgent-card .urgent-show-card{padding:23px 16px}
  #urgent-card .urgent-show-card p{font-size:18px}
}

/* Bris och Frisk & Fri: samma tydliga, glansiga stödknappar utan ändrade kontaktvägar. */
#bris .bris-intro,
#bris .bris-words,
#frisk-fri .outside-support-card,
#frisk-fri .outside-support-words{
  min-width:0;
  border:1.5px solid #fff;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 9px 20px rgba(85,35,65,.09);
}
#bris .bris-intro p,
#bris .bris-words p,
#bris .bris-note,
#frisk-fri .outside-support-card p,
#frisk-fri .outside-support-words p{
  min-width:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#bris .bris-actions a,
#frisk-fri .outside-support-actions a,
#frisk-fri .outside-support-actions button{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  min-width:0;
  min-height:54px;
  padding:10px 13px;
  border:1.5px solid #fff;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 7px 15px rgba(85,35,65,.1);
  text-align:left;
  white-space:normal;
  line-height:1.25;
  overflow-wrap:anywhere;
}
#bris .bris-actions .pretty-inline-symbol,
#frisk-fri .outside-support-actions .pretty-inline-symbol{
  flex-basis:34px;
  width:34px;
  height:34px;
  margin:0!important;
  border-radius:12px;
  font-size:18px!important;
}
#bris .bris-words button,
#frisk-fri .outside-support-copy{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:48px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe6f0);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
  color:#b92366;
  white-space:normal;
  line-height:1.2;
}
#bris .bris-words button:before,
#frisk-fri .outside-support-copy:before{
  content:"⧉";
  display:grid;
  place-items:center;
  flex:0 0 29px;
  width:29px;
  height:29px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d9006c;
  line-height:1;
}
#frisk-fri .outside-support-choices button{
  position:relative;
  min-width:0;
  min-height:50px;
  padding:11px 42px 11px 12px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff1f6);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.08);
  white-space:normal;
  line-height:1.3;
  overflow-wrap:anywhere;
}
#frisk-fri .outside-support-choices button.selected{
  border-color:#ef9fbe;
  background:linear-gradient(145deg,#fff,#ffdce9);
}
#frisk-fri .outside-support-choices button.selected:after{
  content:"✓";
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1.5px solid #fff;
  border-radius:9px;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
  line-height:1;
}
#frisk-fri .outside-support-preview{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.08);
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Mina gränser och När jag inte kan svara: tydliga val och hela egna texter. */
#boundaries .boundaries-card,
#quiet-words .quiet-words-card{
  min-width:0;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff0f6 62%,#eee7ff);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 10px 23px rgba(85,35,65,.09);
}
#boundaries .boundaries-phrases button,
#quiet-words .quiet-word-choices button{
  position:relative;
  min-width:0;
  padding:10px 38px 10px 12px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#fff2f7);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 5px 11px rgba(85,35,65,.08);
  white-space:normal;
  line-height:1.25;
  overflow-wrap:anywhere;
}
#boundaries .boundaries-phrases button.selected,
#quiet-words .quiet-word-choices button.selected{
  border-color:#ef9fbe;
  background:linear-gradient(145deg,#fff,#ffdce9);
}
#boundaries .boundaries-phrases button.selected:after,
#quiet-words .quiet-word-choices button.selected:after{
  content:"✓";
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1.5px solid #fff;
  border-radius:8px;
  background:linear-gradient(145deg,#f64b96,#d9006c);
  color:#fff;
  font-size:13px;
  line-height:1;
}
#boundaries .boundary-preview,
#quiet-words .quiet-words-display{
  min-width:0;
  border:2px solid #ef7eae;
  background:linear-gradient(145deg,#ffe4ef,#fff 60%,#eee7ff);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 9px 20px rgba(85,35,65,.1);
}
#boundaries .boundary-preview strong,
#quiet-words .quiet-words-display strong{
  max-width:100%;
  min-width:0;
  white-space:pre-wrap;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#boundaries .boundary-save,
#boundaries .boundary-actions button,
#quiet-words .quiet-words-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:50px;
  border:1.5px solid #fff;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 6px 13px rgba(85,35,65,.09);
  white-space:normal;
  line-height:1.2;
}
#copyBoundary:before,
#copyQuietWords:before{
  content:"⧉";
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d9006c;
  line-height:1;
}
#boundaries .pretty-inline-symbol,
#quiet-words .pretty-inline-symbol{
  flex-basis:30px;
  width:30px;
  height:30px;
  margin:0!important;
  border-radius:10px;
  font-size:16px!important;
}
@media(max-width:350px){
  #boundaries .boundaries-phrases>div,
  #quiet-words .quiet-word-choices>div{display:grid;grid-template-columns:1fr}
  #boundaries .boundary-actions,
  #quiet-words .quiet-words-actions{grid-template-columns:1fr}
  #quiet-words .quiet-words-actions button:last-child{grid-column:auto}
  #boundaries .boundary-preview strong,
  #quiet-words .quiet-words-display strong{font-size:1.35rem}
}

/* Före maten och När jag äter: tydliga nästa steg utan att ändra stödflödet. */
#before .before-simple,
#during .during-simple{
  min-width:0;
}
#before .before-simple h2,
#before .before-simple p,
#during .during-simple h2,
#during .during-simple p{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#before .before-simple button,
#during .during-simple button,
#before .meal-step-footer button,
#during .meal-step-footer button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  white-space:normal;
  line-height:1.2;
}
#before .before-simple .pretty-inline-symbol,
#during .during-simple .pretty-inline-symbol{
  flex-basis:32px;
  width:32px;
  height:32px;
  margin:0!important;
  border-radius:11px;
  font-size:17px!important;
}
#beforeSimpleNext:before,
#duringSimpleNext:before,
#beforeShowAll:before,
#duringShowAll:before,
#before .meal-step-footer button:before,
#during .meal-step-footer button:before{
  display:grid;
  place-items:center;
  flex:0 0 29px;
  width:29px;
  height:29px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d9006c;
  line-height:1;
}
#beforeSimpleNext:before,
#duringSimpleNext:before{content:"→"}
#beforeShowAll:before,
#duringShowAll:before{content:"☷"}
#before .meal-step-footer button:before,
#during .meal-step-footer button:before{content:"↻"}
#before .meal-step-footer,
#during .meal-step-footer{
  min-width:0;
  align-items:center;
  gap:8px;
}
#before .meal-step-footer span,
#during .meal-step-footer span{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
#before .meal-step-footer button,
#during .meal-step-footer button{
  min-height:42px;
  border:1.5px solid #fff;
  background:linear-gradient(145deg,#fff,#ffe7f0);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 6px 13px rgba(85,35,65,.09);
}
@media(max-width:350px){
  #before .meal-step-footer,
  #during .meal-step-footer{display:grid;grid-template-columns:1fr}
  #before .meal-step-footer button,
  #during .meal-step-footer button{width:100%}
}

/* Efter maten: enkla val, trygg plan och hela texter även på smala mobiler. */
#after .after-simple,
#after .after-plan,
#after #afterSimpleResult{
  min-width:0;
}
#after .after-simple h2,
#after .after-simple h3,
#after .after-simple p,
#after .after-plan p,
#after .after-plan blockquote,
#after .after-plan b,
#after .after-plan small{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#after .after-simple button,
#after .after-plan button,
#after .after-plan-actions a{
  min-width:0;
  white-space:normal;
  line-height:1.2;
  overflow-wrap:anywhere;
}
#after #afterSimpleChoices button,
#after #afterSimpleOpen,
#after #afterPickAgain,
#after #afterShowAll{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
#after #afterSimpleChoices .pretty-inline-symbol{
  flex-basis:32px;
  width:32px;
  height:32px;
  margin:0!important;
  border-radius:11px;
  font-size:17px!important;
}
#after #afterSimpleResult>span{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:0 auto;
  border:2px solid #fff;
  border-radius:22px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 8px 17px rgba(85,35,65,.13);
  font-size:32px;
  line-height:1;
}
#after #afterSimpleOpen:before,
#after #afterPickAgain:before,
#after #afterShowAll:before{
  display:grid;
  place-items:center;
  flex:0 0 29px;
  width:29px;
  height:29px;
  border:1.5px solid #fff;
  border-radius:10px;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffdce9 60%,#e9dcf8 100%);
  box-shadow:0 4px 9px rgba(85,35,65,.09);
  color:#d9006c;
  line-height:1;
}
#after #afterSimpleOpen:before{content:"→"}
#after #afterPickAgain:before{content:"↻"}
#after #afterShowAll:before{content:"☷"}
@media(max-width:350px){
  #after .after-simple{padding-inline:12px}
  #after #afterSimpleChoices button,
  #after #afterSimpleOpen,
  #after #afterPickAgain,
  #after #afterShowAll{font-size:13px}
}

/* Maten: tre tydliga vägar med samma glansiga, läsbara kort på alla mobiler. */
#food .meal-steps,
#food .meal-steps button{
  min-width:0;
}
#food .meal-steps button{
  align-items:center;
  column-gap:10px;
  height:auto;
}
#food .meal-steps i{
  align-self:center;
  border:2px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffe2ef 58%,#e8dafa 100%);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.95),0 8px 17px rgba(85,35,65,.13);
  line-height:1;
}
#food .meal-steps strong,
#food .meal-steps small{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#food .meal-steps button:after{
  border:1.5px solid #fff;
  background:radial-gradient(circle at 30% 22%,#fff 0 18%,#ffcfe2 58%,#eba6c8 100%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95),0 5px 11px rgba(85,35,65,.12);
  color:#d9006c;
}
@media(max-width:350px){
  #food .meal-steps button{
    grid-template-columns:52px minmax(0,1fr) 31px;
    column-gap:8px;
    min-height:98px;
    padding:13px 9px;
  }
  #food .meal-steps i{width:46px;height:46px;border-radius:16px;font-size:29px}
  #food .meal-steps strong{font-size:17px;line-height:1.15}
  #food .meal-steps small{font-size:13px;line-height:1.3}
  #food .meal-steps button:after{width:31px;height:31px;font-size:18px}
}

/* Vad gör mig glad: varje val behåller sin egen symbol i en ungdomlig 3D-bricka. */
#joy .joy-grid button{
  min-width:0;
  padding:18px 12px 16px;
}
#joy .joy-grid button>.pretty-symbol{
  position:relative;
  inset:auto;
  z-index:1;
  display:grid!important;
  place-items:center;
  width:54px;
  height:54px;
  margin:0 auto 11px!important;
  border:2px solid #fff;
  border-radius:19px;
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffd7e7 55%,#e5d6f5 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.96),0 8px 17px rgba(85,35,65,.15)!important;
  color:#d9006c;
  font-family:"Apple Color Emoji","Segoe UI Emoji",system-ui,sans-serif;
  font-size:28px!important;
  line-height:1!important;
  filter:drop-shadow(0 2px 2px rgba(85,35,65,.08))!important;
}
#joy .joy-grid button:nth-child(3n+2)>.pretty-symbol{
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#eadfff 56%,#c9afe9 100%)!important;
}
#joy .joy-grid button:nth-child(3n)>.pretty-symbol{
  background:radial-gradient(circle at 30% 22%,#fff 0 17%,#fff0e4 56%,#efc7bc 100%)!important;
}
#joy .joy-grid button>b{
  display:block;
  min-width:0;
  max-width:100%;
  margin:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
#joy .joy-grid button[data-collection="music"]>.pretty-symbol,
#joy .joy-grid button[data-collection="audiobooks"]>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffd0e5 55%,#d7b6ee 100%)!important}
#joy .joy-grid button[data-collection="films"]>.pretty-symbol,
#joy .joy-grid button[data-collection="books"]>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 17%,#f1e5ff 55%,#c9b2ea 100%)!important}
#joy .joy-grid button[data-go="photo-gallery"]>.pretty-symbol,
#joy .joy-grid button[data-go="collage"]>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffe3ed 55%,#efb4cc 100%)!important}
#joy .joy-grid button[data-collection="style"]>.pretty-symbol,
#joy .joy-grid button[data-collection="room"]>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 17%,#fff0e2 55%,#efc4b7 100%)!important}
#joy .joy-grid button[data-collection="favorites"]>.pretty-symbol,
#joy .joy-grid button[data-collection="wishlist"]>.pretty-symbol{background:radial-gradient(circle at 30% 22%,#fff 0 17%,#ffcfe2 55%,#eb9fc2 100%)!important}
@media(max-width:350px){
  #joy .joy-grid button{min-height:116px;padding:14px 8px}
  #joy .joy-grid button>.pretty-symbol{width:48px;height:48px;margin-bottom:8px!important;border-radius:17px;font-size:25px!important}
  #joy .joy-grid button>b{font-size:14px;line-height:1.18}
}

#installStatus #zoryliVersion{display:block;margin-top:4px;color:#76506d;font-size:12px;font-style:normal;font-weight:750}
#install #updateZoryli[data-state="checking"]:after{content:"Söker efter uppdatering …"}
#install #updateZoryli[data-state="retry"]:after{content:"Försök igen"}

/* Trygga tryckytor på mobil utan att ändra den visuella storleken mer än nödvändigt. */
.round,.date-row button,.person-actions a,.person-actions button,#search .andrum-search-box>button,.collection-item .favorite-item,.collection-item .remove-item{min-width:44px;min-height:44px}