:root{--bg: #f7fffb;--text: #0f1714;--muted: rgba(15, 23, 20, .68);--brand: #4ccf9f;--brand-deep: #2b9e77;--surface: rgba(255, 255, 255, .88);--border: rgba(15, 23, 20, .11);--page-orb-a: rgba(65, 214, 153, .16);--page-orb-b: rgba(42, 70, 234, .2);--card-bg: #fff;--card-shadow: 0 10px 28px rgba(15, 23, 20, .07)}@media(prefers-color-scheme:dark){:root{--bg: #0b1216;--text: #eef8f3;--muted: rgba(238, 248, 243, .74);--surface: rgba(16, 26, 32, .78);--border: rgba(238, 248, 243, .16);--page-orb-a: rgba(65, 214, 153, .16);--page-orb-b: rgba(42, 70, 234, .2);--card-bg: rgba(10, 17, 21, .9);--card-shadow: 0 14px 32px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,var(--page-orb-a) 0%,transparent 42%),radial-gradient(circle at 85% 8%,var(--page-orb-b) 0%,transparent 40%),var(--bg);color:var(--text);font-family:SF Pro Rounded,SF Pro Display,Avenir Next Rounded,Nunito Sans,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:24px}.orb{position:absolute;border-radius:999px;filter:blur(52px);pointer-events:none}.orb-a{width:300px;height:300px;left:-100px;top:-90px;background:#4ccf9f47}.orb-b{width:280px;height:280px;right:-90px;top:120px;background:#79d2ff42}.topbar,main,.site-footer{position:relative;z-index:1;width:100%;max-width:1160px;margin:0 auto}.topbar{display:flex;justify-content:center;padding:54px 0 14px}.brand-lockup{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:14px 24px;text-decoration:none;isolation:isolate;--logo-cloud-blur: 31px;--logo-cloud-speed: 2s;--logo-cloud-spread-x: 22px;--logo-cloud-spread-y: 32px;--logo-cloud-glow: .7;--logo-cloud-drift: 3px}.brand-lockup:before{content:"";position:absolute;inset:calc(-1 * var(--logo-cloud-spread-y)) calc(-1 * var(--logo-cloud-spread-x));border-radius:999px;background:radial-gradient(circle at 28% 34%,#41d699f0,#41d6995c 36%),radial-gradient(circle at 74% 66%,#2a46eae6,#2a46ea4d 42%),conic-gradient(from 0deg at 50% 50%,#41d6998f,#2a46ea8f,#41d6998f 260deg,#2a46ea8f 360deg);background-size:140% 140%,140% 140%,190% 190%;background-position:20% 28%,76% 70%,50% 50%;filter:blur(var(--logo-cloud-blur));transform-origin:center;animation:logo-cloud-float var(--logo-cloud-speed) ease-in-out infinite;z-index:-1}.brand-lockup:after{content:"";position:absolute;width:120%;height:118%;border-radius:999px;background:radial-gradient(circle,#ffffff57,#fff0 64%);filter:blur(14px);mix-blend-mode:screen;transform:translateY(2px);animation:logo-cloud-pulse calc(var(--logo-cloud-speed) * .75) ease-in-out infinite;z-index:-1;opacity:var(--logo-cloud-glow)}.brand-logo{display:block;width:160px;height:auto;border-radius:12px}.hero{padding:30px 0 14px;text-align:center}.hero h1{margin:14px 0 0;font-size:clamp(42px,8vw,76px);line-height:1.02;letter-spacing:-.03em}.heart-glyph{display:inline-flex;width:.82em;height:.82em;margin:0 .02em;vertical-align:-.08em}.love-word{white-space:nowrap}.heart-glyph svg{width:100%;height:100%;fill:#ff5d78}.hero-copy{margin:18px auto 0;max-width:760px;font-size:clamp(19px,2.4vw,27px);line-height:1.4;color:var(--muted)}.apps-section{margin-top:32px;border:1px solid var(--border);border-radius:28px;padding:26px;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 40px #0f171414}.section-head h2{margin:0;font-size:clamp(24px,3.1vw,34px);letter-spacing:-.02em;line-height:1.06}.section-head p{margin:8px 0 0;color:var(--muted);font-size:18px}.apps-grid{margin-top:22px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.app-card{display:block;border:1px solid var(--border);border-radius:22px;padding:16px;background:var(--card-bg);box-shadow:var(--card-shadow);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.app-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0f171429;border-color:#41d69973}.app-card:focus-visible{outline:2px solid #41d699;outline-offset:3px;border-color:#41d69999}@media(prefers-color-scheme:dark){.app-card:hover{box-shadow:0 20px 38px #00000075}}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.card-tags{display:inline-flex;align-items:flex-start;justify-content:flex-end;gap:8px;margin-left:auto}.app-icon{width:66px;height:66px;object-fit:cover;border-radius:16px;border:1px solid rgba(15,23,20,.1)}.status-tag{border-radius:999px;border:1px solid rgba(43,158,119,.28);background:#4ccf9f24;color:var(--brand-deep);font-size:13px;font-weight:700;padding:6px 10px;white-space:nowrap}.platform-tag{border-radius:999px;border:1px solid rgba(42,70,234,.24);background:#2a46ea1a;color:#2a46ea;font-size:13px;font-weight:700;padding:6px 10px;white-space:nowrap}@media(prefers-color-scheme:dark){.platform-tag{border-color:#6282ff61;background:#6282ff33;color:#a9bcff}}.app-card h3{margin:12px 0 0;font-size:24px;line-height:1.2}.app-card p{margin:8px 0 0;color:var(--muted);line-height:1.45}.site-footer{text-align:center;color:var(--muted);font-size:15px;padding:28px 0 10px}@keyframes logo-cloud-float{0%{transform:translateZ(0) scale(1) rotate(0);background-position:20% 28%,76% 70%,50% 50%}25%{transform:translate3d(0,calc(-.65 * var(--logo-cloud-drift)),0) scale(1.03) rotate(-3deg);background-position:80% 24%,24% 80%,58% 42%}50%{transform:translate3d(0,calc(-1 * var(--logo-cloud-drift)),0) scale(1.05) rotate(2deg);background-position:76% 76%,26% 26%,44% 56%}75%{transform:translate3d(0,calc(-.4 * var(--logo-cloud-drift)),0) scale(1.03) rotate(-2deg);background-position:22% 78%,78% 22%,48% 52%}to{transform:translateZ(0) scale(1) rotate(0);background-position:20% 28%,76% 70%,50% 50%}}@keyframes logo-cloud-pulse{0%,to{opacity:.68;transform:translateY(2px) scale(1)}50%{opacity:.92;transform:translateY(-1px) scale(1.05)}}.cloud-debug{position:fixed;z-index:10;left:50%;bottom:14px;transform:translate(-50%);width:min(640px,calc(100vw - 28px));padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#ffffffc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;gap:8px}.cloud-debug p{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cloud-debug label{display:grid;gap:5px;font-size:13px;color:var(--text)}.cloud-debug input{width:100%}@media(max-width:700px){.page-shell{padding:18px}.brand-logo{width:160px}.apps-section{padding:18px}}
