:root{color-scheme:light;--bg: #F4F3EF;--card: #FFFFFF;--ink: #16150F;--muted: #63625B;--faint: #8A897F;--hair: rgba(22, 21, 15, .08);--blue: #2563EB;--green: #15A34A;--red: #E5463C;--purple: #7C5CFC;--gold: #B7791F;--sunken: rgba(22, 21, 15, .03);--track: rgba(22, 21, 15, .08);--glass: rgba(244, 243, 239, .85);--gain-win-bg: linear-gradient(140deg, #101512, #0c1a14 50%, #0a120e);--gain-loss-bg: linear-gradient(140deg, #1a1010, #1f0e0e 50%, #140a0a);--gain-win-num: #45E9AC;--gain-loss-num: #FF7E7E;--font-ui: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-card: 16px;--radius-pill: 999px}:root[data-theme=dark]{color-scheme:dark;--bg: #0C0D10;--card: #15171C;--ink: #EAEAE7;--muted: #8A8C94;--faint: #595B64;--hair: rgba(255, 255, 255, .09);--blue: #4C8DFF;--green: #2DD673;--red: #FB6A5E;--purple: #9B7DFF;--gold: #E7B84B;--sunken: rgba(255, 255, 255, .05);--track: rgba(255, 255, 255, .12);--glass: rgba(12, 13, 16, .82)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.mono{font-family:var(--font-mono)}.card{background:var(--card);border:.5px solid var(--hair);border-radius:var(--radius-card);padding:16px}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;line-height:1.6}.pill--level{background:var(--ink);color:var(--card)}.pill--rank-1{background:linear-gradient(90deg,#b7791f,#d4a63a);color:#fff}.pill--type{background:#15a34a1f;color:var(--green)}.pill--group{opacity:.9}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none;transition:filter .12s ease,transform .08s ease,background .12s ease,color .12s ease,opacity .12s ease}button:active{transform:scale(.97)}button:disabled{cursor:default;transform:none}input,textarea{font-family:var(--font-ui);font-size:15px;color:var(--ink)}a{color:var(--blue);text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;max-width:1280px;margin:0 auto}.sidebar{padding:24px 16px;border-right:.5px solid var(--hair);position:sticky;top:0;height:100vh;overflow-y:auto}.main-content{max-width:1040px;padding:24px 32px;overflow-x:clip}.mobile-topbar{display:none}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.feed-rail{position:sticky;top:24px}@media (max-width: 1080px){.feed-layout{grid-template-columns:1fr}.feed-rail{display:none}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:16px 16px 40px}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:.5px solid var(--hair);position:sticky;top:0;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.grid-4{grid-template-columns:repeat(2,1fr);gap:8px}.grid-2{grid-template-columns:1fr;gap:10px}}@media (max-width: 820px){.mkt-hero{grid-template-columns:1fr!important;gap:32px!important}.mkt-pillars,.mkt-features,.mkt-plans{grid-template-columns:1fr!important}}.mkt-nav-burger{display:none}@media (max-width: 720px){.mkt-nav-links{display:none!important}.mkt-nav-burger{display:inline-flex!important}}.modal-card{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto}.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 640px){.pulse-grid{grid-template-columns:repeat(2,1fr);row-gap:14px}}.cal-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(56px,.8fr);gap:4px}.cal-cell{aspect-ratio:1;border-radius:10px;padding:4px;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.cal-daynum{font-size:12px}.cal-pnl{font-size:10px;font-family:var(--font-mono);font-weight:600;line-height:1.2;white-space:nowrap}.cal-count{font-size:9px;color:var(--faint);white-space:nowrap}@media (max-width: 640px){.cal-row{gap:2px;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(36px,.7fr)}.cal-cell{border-radius:7px;padding:1px}.cal-daynum{font-size:10px}.cal-pnl{font-size:8px}.cal-count{display:none}}.landing-hero{display:grid;grid-template-columns:1.05fr 420px;gap:48px;align-items:center}.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;gap:28px}}@media (max-width: 720px){.landing-features{grid-template-columns:1fr}}.messages-split{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}@media (max-width: 768px){.messages-split{grid-template-columns:1fr}.messages-list-pane{display:none}}@keyframes edge-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-panel{animation:edge-drawer-in .2s ease both}.auth-wrap{position:relative;overflow-x:hidden;background:radial-gradient(900px 500px at 50% 30%,rgba(37,99,235,.06),transparent 70%),var(--bg)}.auth-curve{position:absolute;left:0;right:0;top:0;width:100%;height:420px;pointer-events:none;z-index:0;opacity:.7}.auth-card{position:relative;z-index:2}@keyframes edge-fade-in{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:none}}@keyframes edge-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes edge-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.fade-in{animation:edge-fade-in .22s ease both}.backdrop-in{animation:edge-backdrop-in .16s ease both}.lift{transition:transform .14s ease,box-shadow .16s ease,border-color .14s ease}.lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #16150f14}.row-hover{transition:background .12s ease}.row-hover:hover{background:var(--sunken)}.pressable:hover:not(:disabled){filter:brightness(1.06)}.pop:active{animation:edge-pop .25s ease}@keyframes edge-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:edge-blink 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes edge-banner-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.banner-drift{animation:edge-banner-drift 8s ease infinite}@keyframes edge-float{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-14px);opacity:.85}}.banner-dot{position:absolute;border-radius:50%;background:#ffffff8c;animation:edge-float 5s ease-in-out infinite;pointer-events:none}@keyframes edge-avatar-glow{0%,to{box-shadow:0 0 0 3px var(--glow),0 0 16px 1px #0000}50%{box-shadow:0 0 0 3px var(--glow),0 0 22px 5px var(--glow)}}.avatar-glow{animation:edge-avatar-glow 3s ease-in-out infinite}@keyframes edge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.rank-bob{display:flex;animation:edge-bob 3.5s ease-in-out infinite}.tilt-card{transition:box-shadow .2s ease;will-change:transform}.tilt-card:hover{box-shadow:0 12px 30px #16150f1a}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:600;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.toast{pointer-events:auto;background:var(--ink);color:var(--card);font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:10px;box-shadow:0 8px 24px #0003;cursor:pointer;text-align:center}.toast-ok{background:var(--green);color:#fff}.toast-err{background:var(--red);color:#fff}@keyframes edge-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--sunken) 25%,var(--track) 37%,var(--sunken) 63%);background-size:200% 100%;animation:edge-shimmer 1.4s ease infinite;border-radius:8px}@keyframes edge-gold-shimmer{to{background-position:-200% center}}.gold-shimmer{background:linear-gradient(100deg,#9a6410 12%,#fbe9a7,#9a6410 88%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:edge-gold-shimmer 3.5s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 560px){.macro-meta{display:none!important}.macro-meta-sm{display:flex!important}}
