*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d1a;--surface:#1a1a2e;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--text-primary:#fff;--text-muted:#94a3b8}html,body{background:var(--bg);-webkit-font-smoothing:antialiased;height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{text-align:left;width:100%;max-width:100%;height:100%;min-height:unset;border:none;margin:0;display:block}.feed-container{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:fixed;inset:0;overflow-y:scroll}.feed-container::-webkit-scrollbar{display:none}.feed-item{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;position:relative}.feed-card{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.card-overlay{pointer-events:none;background:#00000061;position:absolute;inset:0}.card-body{padding:20px 20px 80px;padding-top:calc(env(safe-area-inset-top,44px) + 110px);scrollbar-width:none;flex:1;position:relative;overflow-y:auto}.card-body::-webkit-scrollbar{display:none}.news-badge{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1a;border-radius:20px;align-items:center;gap:5px;max-width:100%;margin-bottom:16px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.example-block{background:#ffffff1a;border-radius:14px;gap:12px;margin-top:14px;padding:14px;display:flex;position:relative}.example-bar{background:#ffffff80;border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.side-actions{right:0;bottom:calc(env(safe-area-inset-bottom,24px) + 36px);flex-direction:column;gap:22px;padding:0 20px;display:flex;position:absolute}.action-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.action-label{color:#ffffffb3;font-size:10px;font-weight:700}.top-bar{z-index:100;pointer-events:none;background:linear-gradient(#0009 0%,#0000 100%);position:fixed;top:0;left:0;right:0}.top-bar>*{pointer-events:auto}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.spinner{border:3px solid #8b5cf64d;border-top-color:var(--accent-purple);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:12px 36px;font-size:15px;font-weight:700}.sheet-backdrop{z-index:200;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.sheet{background:var(--surface);width:100%;padding:24px 20px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);border-radius:20px 20px 0 0;max-height:70svh;overflow-y:auto}