/* iOS-inspired home-screen icons: filled symbols, a shared optical grid and tinted variants. */
.app-icon {
  --tile-top: #fffdf7;
  --tile-bottom: #f5f0e5;
  --book-cover: #ece6d9;
  --iris-center: #faf8f0;
  --character-badge: #bc7779;
  --notes-header: #e5c269;
  --notes-rule: #c7c2b5;
  --globe-land: #759ca8;
  --swatch-edge: #fff7e5;
  --swatch-pin: #fff9e9;
  --gear-outer: #787f7b;
  --gear-ring: #e4e6df;
  --gear-core: #8f9690;
  --tochat-eye: #79ab80;
  --worldbook-ink: #9a82af;
  position: relative;
  width: 59px;
  height: 59px;
  border-radius: 14px;
  display: block;
  color: #fffef6;
  background: linear-gradient(165deg,var(--tile-top),var(--tile-bottom));
  box-shadow: 0 3px 6px #6a60441a,inset 0 1px 1px #ffffff80,inset 0 0 0 0.5px #6d654d13;
}
.tile-art { display: block; width: 100%; height: 100%; border-radius: inherit; overflow: hidden; }
.ios-glyph { display: block; width: 100%; height: 100%; }
.app-icon[data-app="tochat"] { --tile-top: #92ba91; --tile-bottom: #6da477; }
.app-icon[data-app="contacts"] { --tile-top: #dbd4c3; --tile-bottom: #c8bea9; color: #807b6e; }
.app-icon[data-app="moments"] { --tile-top: #fffef8; --tile-bottom: #f6f1e6; }
.app-icon[data-app="character"] { --tile-top: #ddaea4; --tile-bottom: #c88e8a; }
.app-icon[data-app="calendar"],.app-icon[data-app="photos"] { --tile-top: #fffffc; --tile-bottom: #fffcf3; }
.app-icon[data-app="notes"] { --tile-top: #fffef7; --tile-bottom: #f7f3e8; }
.app-icon[data-app="memory"] { --tile-top: #dcb481; --tile-bottom: #c69762; }
.app-icon[data-app="worldbook"] { --tile-top: #b8a3cb; --tile-bottom: #967caf; }
.app-icon[data-app="daily"] { --tile-top: #a5c1ca; --tile-bottom: #80a6b5; color: #f4f5e6; }
.app-icon[data-app="music"] { --tile-top: #df9ca4; --tile-bottom: #cb7d8b; }
.app-icon[data-app="themes"] { --tile-top: #f9f3e7; --tile-bottom: #e9dfcb; }
.app-icon[data-app="settings"] { --tile-top: #d8dbd4; --tile-bottom: #b8beb7; }
.calendar-face {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:4px;gap:1px;}
.calendar-face>small {font-size:9px;line-height:13px;color:#c26d63;font-weight:500;}
.calendar-face>strong {font-size:37px;line-height:37px;letter-spacing:-1.5px;color:#353c37;font-weight:300;padding-right:2px;}
.app-label {font-size:10px;letter-spacing:.3px;white-space:nowrap;color:#72644f;text-shadow:0 1px 3px #fff6;}
.badge {border-radius:20px;background:#e26660;color:white;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:19px;font-weight:400;}
.app-icon>.badge {position:absolute;top:-6px;right:-5px;border:1px solid #f7efe455;z-index:2;}
.moon .app-icon {
  --tile-top: #afc8ef25;
  --tile-bottom: #afc8ef19;
  --book-cover: #6e7d9480;
  --iris-center: #40506b;
  --character-badge: #6c7298;
  --notes-header: #d6deed80;
  --notes-rule: #dae3f77a;
  --globe-land: #577b91;
  --swatch-edge: #e9efff44;
  --swatch-pin: #c9d6eb;
  --gear-outer: #b6c3d5;
  --gear-ring: #566982;
  --gear-core: #b6c3d5;
  --tochat-eye: #65778e;
  --worldbook-ink: #7588a3;
  color: #e1e9f6;
  border: .7px solid #d9e5ff3d;
  box-shadow: inset 0 1px 1px #eff5ff40,0 5px 15px #07152e0d;
  backdrop-filter: blur(18px);
}
.moon .tile-art {opacity:.86;}
.moon .app-icon[data-app="tochat"] {color:#e1f1ed;}
.moon .app-icon[data-app="contacts"] {color:#c9d3e2;}
.moon .app-icon[data-app="daily"] {color:#d6e5f0;}
.moon .calendar-face>small {color:#d8a7a3;}
.moon .calendar-face>strong {color:#edf3fc;}
.moon .app-label {color:#f0f3ff;text-shadow:0 1px 3px #19294155;}
.moon .app-icon>.badge {background:#a6b4cd;color:#263653;}
.lock-notification .app-icon .tile-art {width:100%;height:100%;}

/* Keep the two retained directions centred at desktop widths. */
@media(min-width:761px){
  .design-board:not(.focused){grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px;margin-left:auto;margin-right:auto;gap:48px;}
}