/* Sunifying v2.3 · Brighter Fold
   Deliberately concentrates the colour in the first mobile viewport.
   The existing tactile Solar Glass v2.2 components remain the foundation. */
:root{
  --solar-gold:#ffc760;
  --solar-orange:#ff9e45;
  --solar-coral:#ff7d6e;
  --solar-sky:#66c8ff;
  --solar-mint:#67e6b1;
  --solar-violet:#a98bff;
}
body{
 background:
  radial-gradient(ellipse 320px 250px at 96% 0%,rgba(255,160,76,.27),transparent 76%),
  radial-gradient(ellipse 260px 310px at 5% 19%,rgba(92,143,255,.23),transparent 73%),
  radial-gradient(ellipse 330px 240px at 90% 49%,rgba(177,110,247,.14),transparent 76%),
  #090d15;
}
.app-shell{
 background:
  radial-gradient(ellipse 270px 230px at 105% 4%,rgba(255,174,77,.22),transparent 78%),
  radial-gradient(ellipse 220px 330px at -14% 15%,rgba(72,173,251,.13),transparent 80%),
  linear-gradient(130deg,rgba(255,225,178,.07),transparent 26%),
  linear-gradient(158deg,#303343 0%,#18202f 32%,#0b1524 67%,#1d263a 100%);
}
.topbar{
 border-image:linear-gradient(90deg,rgba(255,182,103,.37),rgba(238,136,153,.35),rgba(119,185,255,.38)) 1;
}
.brand-logo{
 background:radial-gradient(circle at 32% 25%,#fff8d1 2%,#ffde81 24%,#ffa451 53%,#ef7579 79%,#543860 100%);
 border-color:#ffe1b0;
 box-shadow:inset 0 1px 3px #fff8,inset 0 -6px 10px #8e40385f,0 2px 9px #02040b,0 0 23px #ff974c64;
}
.top-search-btn{
 color:#b7e8ff;
 background:radial-gradient(circle at 20% 15%,rgba(111,205,255,.42),transparent 69%),linear-gradient(145deg,#435a78,#212b43 64%,#171d2d);
 border-color:rgba(128,209,255,.6);
 box-shadow:inset 0 1px 0 #e1f6ffa1,inset 0 -3px 6px #0007,0 4px 11px #0008,0 0 11px #60bdff3a;
}
.top-avatar{
 color:#ffe0c9;
 background:radial-gradient(circle at 20% 20%,rgba(255,147,122,.54),transparent 67%),linear-gradient(145deg,#71566f,#3d3451 60%,#1c2235);
 border-color:rgba(255,164,170,.57);
 box-shadow:inset 0 1px 0 #ffe1dfa1,inset 0 -3px 6px #0007,0 4px 11px #0008,0 0 11px #ff829d2b;
}
.avatar-ping{background:#ffa5b2;border-color:#29243a;box-shadow:0 0 8px #ff8aa3a6}
.hero{isolation:isolate}
.hero:before{
 top:-38px;right:-4px;width:216px;height:216px;opacity:.98;filter:blur(7px) saturate(1.35);
 background:
  radial-gradient(circle at 43% 44%,rgba(255,235,165,.95) 0%,rgba(255,198,105,.80) 19%,rgba(255,138,93,.60) 33%,rgba(244,116,139,.37) 47%,rgba(106,158,255,.34) 60%,rgba(159,104,254,.22) 73%,transparent 86%);
 box-shadow:-31px 45px 76px rgba(93,159,250,.10),37px -6px 65px rgba(241,114,160,.17);
}
.hero:after{
 top:-25px;right:3px;width:179px;height:179px;opacity:.86;
 border:1px solid rgba(249,190,150,.33);
 box-shadow:0 0 0 21px rgba(255,153,151,.035),0 0 0 43px rgba(116,163,255,.035),0 0 42px rgba(151,108,245,.15);
}
.hero .command-head{position:relative;z-index:1}
.hero h1{
 text-shadow:0 2px 12px rgba(5,10,25,.55);
}
.hero h1 span{
 color:#ffdc9e;
 background:linear-gradient(105deg,#ffe5a8 4%,#ffc777 25%,#ff9d78 48%,#ff9ab5 66%,#b9b6ff 85%,#9bd9ff 99%);
 -webkit-background-clip:text;background-clip:text;
 -webkit-text-fill-color:transparent;
}
.hero .period{-webkit-text-fill-color:#ffc66b}
.hero .command-label{color:#ffcfb0}
.command-label:before{background:#ff98a0;box-shadow:0 0 8px #ff7e8d}
.command-mark b{
 color:#ffe5bd;
 text-shadow:0 2px 12px rgba(255,154,108,.38);
}
.command-mark small{color:#bdc5f3}
.hero-meta{color:#ffcd9b}
.hero-status:after{
 content:"";display:block;flex:none;margin-left:auto;height:5px;width:84px;border-radius:99px;
 background:linear-gradient(90deg,#ffc760 0%,#ff936b 29%,#fa87b3 51%,#ae9fff 77%,#69c8ff 100%);
 box-shadow:0 0 12px rgba(255,125,125,.38),0 0 18px rgba(107,183,255,.22);
}
.search-box{
 border:1px solid transparent;
 background:
  linear-gradient(175deg,#111727,#262436 75%,#191d30) padding-box,
  linear-gradient(108deg,#ffc17d 0%,#ff9b86 31%,#bda3ff 65%,#75c6ff 100%) border-box;
 box-shadow:inset 0 3px 8px #000a,0 2px 0 #ffe0d225,0 0 17px rgba(138,139,255,.09);
}
.search-box .ico{color:#ffd28f;filter:drop-shadow(0 0 3px rgba(255,174,93,.5))}
.search-box:focus-within{box-shadow:inset 0 2px 6px #0008,0 0 0 2px rgba(127,198,255,.30),0 0 20px rgba(139,162,255,.16)}
.section-heading .mini-label{color:#d9b6aa}
.h2-count{
 background:linear-gradient(125deg,#5f3b49,#3d375d 45%,#29415f);
 border-color:rgba(254,178,165,.43);
}
.filter-row{gap:8px}
.filter-button{
 --pill-color:#ffcd80;
 --pill-glow:rgba(255,172,77,.17);
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 border-radius:12px;
 border:1px solid color-mix(in srgb,var(--pill-color) 44%,transparent);
 color:color-mix(in srgb,var(--pill-color) 69%,#ffffff);
 background:
  radial-gradient(ellipse at 8% 4%,var(--pill-glow),transparent 81%),
  linear-gradient(150deg,#343546,#192234 89%);
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pill-color) 33%,transparent),0 4px 7px #0007;
}
.filter-button:before{
 content:"";display:inline-block;flex:none;height:6px;width:6px;border-radius:50%;background:var(--pill-color);
 box-shadow:0 0 7px color-mix(in srgb,var(--pill-color) 65%,transparent);
}
.filter-button[data-category="Health"]{--pill-color:#83d4ff;--pill-glow:rgba(76,172,248,.29)}
.filter-button[data-category="Shopping"]{--pill-color:#7cf0bf;--pill-glow:rgba(51,217,147,.26)}
.filter-button[data-category="Games"]{--pill-color:#ff9c9f;--pill-glow:rgba(251,98,120,.30)}
.filter-button[data-category="Family"]{--pill-color:#c0a5ff;--pill-glow:rgba(145,105,245,.32)}
.filter-button[data-category="Tools"]{--pill-color:#ffe1a5}
.filter-button[data-category="Creative"]{--pill-color:#ffb5dd}
.filter-button[data-category="Other"]{--pill-color:#cad8ec}
.filter-button.active{
 color:#111b2b;
 border-color:var(--pill-color);
 background:linear-gradient(145deg,color-mix(in srgb,var(--pill-color) 75%,white),var(--pill-color) 60%,color-mix(in srgb,var(--pill-color) 65%,#3b4964));
 box-shadow:inset 0 1px 1px #ffffff7d,0 4px 13px #0008,0 0 15px var(--pill-glow);
}
.filter-button.active:before{background:#27313f;box-shadow:none}
.app-card.featured,.app-card.featured.theme-amber{
 --card-glow:rgba(255,153,112,.34);
 background:
  radial-gradient(ellipse 210px 170px at 94% 12%,rgba(158,159,255,.32),transparent 74%),
  radial-gradient(ellipse 170px 155px at 97% 89%,rgba(103,206,254,.30),transparent 74%),
  radial-gradient(ellipse 180px 180px at 6% 97%,rgba(255,141,104,.28),transparent 78%),
  linear-gradient(125deg,#765750 0%,#59404a 30%,#30364e 66%,#16283c 100%);
 border-top-color:rgba(255,215,169,.70);
 border-left-color:rgba(250,163,165,.62);
 border-right-color:rgba(118,162,238,.53);
}
.app-card.featured:before{
 border:1px solid rgba(255,231,211,.16);
 background:linear-gradient(118deg,rgba(255,236,214,.16),transparent 34%,transparent 63%,rgba(117,201,255,.12));
}
.app-card.featured .orbit:nth-child(1){
 background:radial-gradient(circle at 35% 27%,rgba(255,225,152,.43),rgba(255,123,126,.21) 45%,rgba(128,160,251,.18) 71%,transparent 78%);
}
.app-card.featured .orbit:nth-child(2){border-color:rgba(182,185,255,.8);box-shadow:0 0 12px rgba(148,172,255,.36)}
.app-card.featured .orbit:nth-child(3){border-color:rgba(255,153,173,.54)}
.app-card.featured .performance-wave{filter:drop-shadow(0 0 8px rgba(255,178,118,.43))}
.app-card.theme-mint{--card-glow:rgba(59,246,166,.40)}
.app-card.theme-rose{--card-glow:rgba(255,101,118,.40)}
.app-card.theme-violet{--card-glow:rgba(156,105,255,.43)}
.app-card.theme-blue{--card-glow:rgba(76,191,255,.40)}
.bottom-dock{
 background:
  radial-gradient(ellipse 135px 66px at 2% 30%,rgba(255,190,100,.33),transparent 85%),
  radial-gradient(ellipse 115px 80px at 51% 115%,rgba(120,199,255,.26),transparent 88%),
  radial-gradient(ellipse 108px 72px at 99% 13%,rgba(191,127,251,.26),transparent 85%),
  linear-gradient(153deg,rgba(109,80,84,.95),rgba(43,43,67,.97) 39%,rgba(20,34,55,.98) 92%);
 border-color:rgba(255,191,149,.68);border-right-color:rgba(154,140,224,.65);
}
.dock-tab:not(.active)[data-view="library"]{color:#9cdbff}
.dock-tab:not(.active)[data-view="settings"]{color:#d3b7ff}
.dock-tab:not(.active)[data-view="home"]{color:#ffd4aa}
@media(max-width:365px){
 .hero:before{width:163px;height:163px;right:-20px;top:-12px}
 .hero:after{width:148px;height:148px;right:-9px;top:-8px}
 .hero-status:after{width:48px}
 .filter-row{gap:6px}
 .filter-button{padding:7px 10px;gap:5px}
}
@media(prefers-reduced-motion:reduce){
 .filter-button,.app-card,.top-avatar,.top-search-btn{transition:none!important}
}