:root{color-scheme:light;font-family:system-ui,-apple-system,Roboto,sans-serif;color:#291c3a;background:#f7f5f9}*{box-sizing:border-box}body{margin:0}a{color:#58328b}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #2d86bf;outline-offset:2px}
.hub{max-width:980px;margin:0 auto;padding:clamp(16px,4vw,38px)}.hub header{background:linear-gradient(135deg,#2e164c,#602c9f);color:white;border-radius:24px;padding:clamp(22px,4vw,44px)}.hub h1{font-size:clamp(27px,4vw,44px);margin:8px 0 12px}.hub header p{max-width:620px;line-height:1.55}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:800;color:#d8baf3}.hub nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hub nav a{color:white;border:1px solid #ffffff50;padding:10px 14px;border-radius:14px;text-decoration:none;font-weight:700}.hub h2{font-size:21px}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.app-card{display:flex;gap:13px;align-items:center;padding:14px;background:white;border:1px solid #ded5e9;border-radius:18px;text-decoration:none;color:#291c3a;box-shadow:0 3px 12px #1f093013;min-height:106px}.app-card:hover{box-shadow:0 8px 26px #1f093027}.app-card img{width:60px;height:60px;border-radius:14px;flex:none}.app-card strong,.app-card small{display:block}.app-card small{color:#65576f;font-size:12px;line-height:1.4;margin-top:4px}.app-card .arrow{margin-left:auto;font-weight:900;color:#704a9b}.info{margin-top:28px;line-height:1.6;background:#fff;padding:14px 22px;border:1px solid #e4dceb;border-radius:18px}
.launcher{height:100dvh;display:flex;flex-direction:column;background:#f8f5fb;overflow:hidden}.launch-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:64px;background:#22152f;color:white;box-shadow:0 2px 15px #21112b4d}.launch-bar .back{font-weight:700;text-decoration:none;color:white;white-space:nowrap}.launch-brand{font-size:16px;font-weight:850;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#installApp{background:#e7d7fa;color:#2a1146;border:0;border-radius:12px;padding:12px 15px;font-weight:850;min-height:44px;font-size:13px}.install-status{padding:5px 12px;font-size:12px;margin:0;color:#61516c;background:#eee7f4;min-height:30px}.app-screen{min-height:0;flex:1;display:flex}.app-screen iframe{border:0;display:block;width:100%;height:100%;background:white}.launch-footer{padding:8px 12px 10px;display:flex;align-items:center;gap:9px;justify-content:space-between;background:#22152f;color:#eee2fa;font-size:11px}.launch-footer a{color:#fff;font-weight:800;white-space:nowrap}@media(max-width:450px){.launch-bar{gap:8px}.launch-brand{font-size:14px}#installApp{padding:9px 10px}.launch-footer span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* Small one-purpose Chrome apps: the card, not a crowded home page. */
.launcher[data-mode="card"] .launch-bar{min-height:52px;padding:7px 11px;background:#302044}
.launcher[data-mode="card"] .install-status{font-size:11px;min-height:24px;padding:4px 11px;background:#f7f1fb}
.launcher[data-mode="card"] .app-screen{background:#fff;min-height:0}
.launcher[data-mode="card"] .app-screen iframe{height:100%;min-height:0}
.launcher[data-mode="card"] .launch-footer{min-height:30px;padding:5px 10px}
.launcher[data-mode="card"] .launch-footer span{display:none}
.launcher[data-mode="card"] .launch-footer a{font-size:12px}
@media(max-width:420px){
 .launcher[data-mode="card"] .launch-brand{font-size:14px}
 .launcher[data-mode="card"] #installApp{min-height:44px;padding:7px 9px}
}
