:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101418;color:#f7f3eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: rgb(255 255 255 / .12);--surface-strong: rgb(255 255 255 / .18);--line: rgb(255 255 255 / .2);--muted: rgb(247 243 235 / .68);--shadow: 0 24px 80px rgb(0 0 0 / .42);--shell-pad-x: 24px;--shell-pad-top: max(18px, env(safe-area-inset-top))}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at 16% 0%,rgb(71 138 161 / .62),transparent 34rem),radial-gradient(circle at 93% 15%,rgb(181 74 82 / .5),transparent 31rem),linear-gradient(150deg,#101418,#1d2c2b 43%,#20171d)}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(115deg,rgb(255 255 255 / .09),transparent 46%),transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:var(--shell-pad-top) var(--shell-pad-x) 34px}.toolbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr;gap:16px;width:100vw;margin-top:calc(-1 * var(--shell-pad-top));margin-left:calc(50% - 50vw);padding:calc(var(--shell-pad-top) + 10px) max(var(--shell-pad-x),calc((100vw - 1120px) / 2 + var(--shell-pad-x))) 18px;background:linear-gradient(180deg,#1014189e,#1014186b);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;min-width:0;gap:12px}.brand-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:12px;background:#ffffff24;box-shadow:inset 0 1px #ffffff2e}h1{margin:0;font-size:clamp(1.95rem,10vw,2.5rem);font-weight:750;letter-spacing:0}.search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#10141880;box-shadow:inset 0 1px #ffffff1f}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff}.search input::placeholder{color:#f7f3eb94}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:30px 18px;justify-items:center;padding-top:18px}.app-tile{display:inline-grid;width:min(100%,112px);justify-items:center;gap:10px;padding:4px;text-align:center;transition:transform .18s ease,opacity .18s ease}.app-tile:focus-visible{outline:3px solid rgb(255 255 255 / .78);outline-offset:8px;border-radius:20px}.app-tile:hover{transform:translateY(-2px)}.app-icon{display:grid;width:clamp(76px,22vw,102px);aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255 / .36);border-radius:22%;box-shadow:inset 0 1px #ffffff6b,0 18px 40px #0000004d}.app-icon span{color:#fffdf8;font-size:clamp(1.7rem,9vw,2.5rem);font-weight:850;line-height:1;text-shadow:0 2px 14px rgb(0 0 0 / .26)}.app-icon.rose{background:linear-gradient(135deg,rgb(255 255 255 / .34),transparent 32%),linear-gradient(150deg,#bc3e69,#e97766 52%,#f6bf5e)}.app-icon.sunset{background:linear-gradient(135deg,rgb(255 255 255 / .3),transparent 32%),linear-gradient(150deg,#3a8e9b,#6f5fb7 48%,#d95f72)}.app-icon.mint{background:linear-gradient(135deg,rgb(255 255 255 / .32),transparent 32%),linear-gradient(150deg,#267b6a,#45a66b 45%,#f0b45f)}.app-copy{display:grid;min-width:0;width:100%}.app-name{color:#fffdf8;font-size:.92rem;font-weight:650;letter-spacing:0;line-height:1.2;overflow:hidden;text-shadow:0 2px 14px rgb(0 0 0 / .44);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:620px){:root{--shell-pad-x: 32px;--shell-pad-top: max(28px, env(safe-area-inset-top))}.toolbar{grid-template-columns:1fr minmax(240px,360px);align-items:center;padding-bottom:28px}h1{font-size:2.8rem}.app-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:34px 24px}}@media(min-width:920px){:root{--shell-pad-top: max(40px, env(safe-area-inset-top))}.app-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
