:root{color:#f7f3ea;background:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}a{color:inherit}button,input,textarea,select{font:inherit}.share-shell{width:100%;min-height:100svh;display:grid;justify-items:center;align-content:center;gap:18px;padding:18px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 32rem),linear-gradient(180deg,#181815,#0b0d10 46%,#050506)}.scene-card{position:relative;width:min(100%,430px);min-height:min(780px,calc(100svh - 116px));overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#050506;box-shadow:0 24px 70px #0000006b;isolation:isolate}.scene-media{position:absolute;inset:0;background:#101114}.scene-media__asset{width:100%;height:100%;display:block;object-fit:cover}.scene-media__fallback{width:100%;height:100%;display:grid;place-items:center;padding:28px;color:#f7f3eab8;text-align:center;background:linear-gradient(145deg,#1a1d1f,#0b0d10 54%,#17120d)}.scene-media__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 22%,transparent 58%,rgba(0,0,0,.94) 100%),linear-gradient(0deg,rgba(0,0,0,.24),transparent 52%)}.scene-card__content{position:relative;z-index:1;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:max(22px,env(safe-area-inset-top)) 24px 28px}.scene-header{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:4px;text-shadow:0 2px 14px rgba(0,0,0,.58)}.scene-header h1{margin:0;font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.05;letter-spacing:0;text-align:center}.scene-header__translation{flex:0 0 auto;border-radius:999px;padding:8px 12px;color:#ffffffeb;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1a;font-weight:700;font-size:.85rem}.scene-passage{display:grid;gap:14px;padding-bottom:6px}.scene-passage__pill{width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:9px 15px;color:#ffffffeb;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 22px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:750}.scene-passage__pill span{font-size:.78rem}.scene-passage p{margin:0;max-width:32rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.34rem,5vw,1.65rem);line-height:1.25;text-wrap:pretty;text-shadow:0 1px 4px rgba(0,0,0,.78),0 6px 18px rgba(0,0,0,.48)}.install-banner{width:min(100%,430px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:12px;color:#f7f3ea;background:#0b0d10d6;box-shadow:0 18px 46px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.install-banner__icon,.loading-state__icon{border-radius:8px;box-shadow:0 8px 24px #00000040}.install-banner__copy{min-width:0;display:grid;gap:3px}.install-banner__copy strong,.install-banner__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-banner__copy strong{font-size:.98rem}.install-banner__copy span{color:#f7f3eaad;font-size:.82rem}.install-banner__button{border-radius:999px;padding:9px 14px;color:#11120f;background:#f4ead1;font-size:.9rem;font-weight:800;text-decoration:none}.loading-state{width:min(100%,360px);display:grid;justify-items:center;gap:14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:28px 22px;text-align:center;background:#0b0d10d6}.loading-state p{margin:0;color:#f7f3eac7}.loading-state--error p{color:#ffd8cf}@media(max-width:520px){.share-shell{align-content:stretch;padding:0;gap:0}.scene-card{width:100%;min-height:calc(100svh - 76px);border-width:0;border-radius:0}.install-banner{width:100%;border-right-width:0;border-bottom-width:0;border-left-width:0;border-radius:0;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}
