html,body,#root{height:100%;margin:0;padding:0}body{background:linear-gradient(#ffffff26,#ffffff26),url(/river-bg.png) center / cover no-repeat fixed;background-color:#f7fbff;font-family:Inter,Helvetica Neue,sans-serif;color:#111;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.06) 35%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 65%,transparent 100%);mix-blend-mode:lighten;transform:translate(-30%);animation:riverShimmer 18s linear infinite}@keyframes riverShimmer{0%{transform:translate(-30%)}to{transform:translate(30%)}}@media (prefers-reduced-motion: reduce){body:after{animation:none;opacity:.04}}.App{max-width:720px;margin:0 auto;padding:28px 20px 40px;background:none;border:none;box-shadow:none}.App h1{font-size:2rem;margin:0 0 4px;text-align:left}.ssr-logo{display:block;width:clamp(140px,22vw,200px);height:auto;margin:4px 0 16px;object-fit:contain}.menu{display:grid;gap:10px;justify-content:start;max-width:300px;margin:16px auto 20px}.menu-btn{width:100%;max-width:300px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border-radius:12px;border:1px solid rgba(230,230,230,.7);background:#ffffffc7;box-shadow:0 2px 6px #0000000f;transition:all .15s ease;word-wrap:break-word;white-space:normal}.menu-btn .title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:1.3}.menu-btn .sub{font-size:13.5px;opacity:.8;line-height:1.3;margin-left:1.8em}.menu-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001a}.menu-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000000f}p{line-height:1.5;color:#222}p[style*=opacity]{color:#444}button{font-family:inherit;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .12s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}@media (max-width: 480px){.menu{gap:9px;margin:10px auto 16px;max-width:90%}.menu-btn{padding:9px 10px;border-radius:10px;background:#ffffffd1}.menu-btn .title{font-size:14px;flex-wrap:wrap}.menu-btn .sub{font-size:13px;margin-left:1.6em}}:root{--pwa-banner-h: 72px}html.pwa-banner-visible .App{padding-bottom:var(--pwa-banner-h)}@supports (padding-bottom: env(safe-area-inset-bottom)){html.pwa-banner-visible .App{padding-bottom:calc(var(--pwa-banner-h) + env(safe-area-inset-bottom))}}.floating-back{position:fixed;right:16px;bottom:16px;z-index:10001;width:48px;height:48px;border-radius:9999px;border:1px solid rgba(0,0,0,.15);background:#fffffff7;box-shadow:0 8px 18px #0000002e;font-size:22px;line-height:1}html.pwa-banner-visible .floating-back{bottom:calc(var(--pwa-banner-h) + 16px)}.banner-spacer{height:0}html.pwa-banner-visible .banner-spacer{height:var(--banner-h, 76px)}@supports (padding-bottom: env(safe-area-inset-bottom)){html.pwa-banner-visible .banner-spacer{height:calc(var(--banner-h, 76px) + env(safe-area-inset-bottom))}}