:root{color-scheme:light;--ocs-bg: #f3f6fc;--ocs-surface: #f9fbff;--ocs-panel: #e8eef8;--ocs-panel-2: #dce7f7;--ocs-blue: #245eb8;--ocs-blue-strong: #17498f;--ocs-blue-soft: #dce9fb;--ocs-violet: #47358f;--ocs-text: #20304b;--ocs-muted: #586b88;--ocs-amber: #985b00;--ocs-amber-bg: #fff2d5;--ocs-danger: #b42335;--ocs-danger-bg: #fde7ea;--ocs-success: #176b63;--ocs-success-bg: #dff3ef;--ocs-line: rgb(36 94 184 / 24%);--ocs-line-strong: rgb(36 94 184 / 54%);--ocs-radius: 8px;--ocs-shadow: 0 1px 0 rgb(36 94 184 / 7%), 0 12px 30px rgb(38 61 98 / 6%);--ocs-font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ocs-font-heading: "Space Grotesk", "Avenir Next", "PingFang SC", sans-serif;--ocs-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ocs-space-1: 4px;--ocs-space-2: 8px;--ocs-space-3: 12px;--ocs-space-4: 16px;--ocs-space-6: 24px;--ocs-space-8: 32px;--ocs-space-12: 48px;--ocs-ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{color-scheme:light;background:var(--ocs-bg);font-family:var(--ocs-font-body);color:var(--ocs-text)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(var(--ocs-line) 1px,transparent 1px) 0 0 / 100% 48px,var(--ocs-bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ocs-violet);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{min-height:100vh}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--ocs-bg)}body{background-image:none}a{color:inherit}button{min-height:44px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;background:var(--ocs-text);color:var(--ocs-surface);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.dapp-shell{width:min(100%,780px);min-height:100vh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-header{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:var(--ocs-space-3);border-bottom:1px solid var(--ocs-line-strong)}.app-header img{width:clamp(126px,36vw,166px);height:auto}.app-main{padding:clamp(28px,7vw,52px) 0 var(--ocs-space-8)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ocs-space-2);min-height:44px;border-radius:var(--ocs-radius);padding:10px 16px;border:1px solid transparent;font-weight:700;transition:transform .18s var(--ocs-ease),background .18s var(--ocs-ease);cursor:pointer}.primary-button{color:#f9fbff;background:var(--ocs-blue);box-shadow:none}.secondary-button{color:var(--ocs-blue-strong);border-color:var(--ocs-line-strong);background:var(--ocs-surface)}.primary-button:active,.secondary-button:active{transform:translateY(2px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.56;transform:none;box-shadow:none}@media(hover:hover){.primary-button:hover{background:var(--ocs-blue-strong)}.secondary-button:hover{background:var(--ocs-blue-soft)}}.wallet-actions,.connected-wallet{display:flex;min-width:0;align-items:center;gap:var(--ocs-space-2)}.tp-link{display:none;align-items:center;gap:4px;color:var(--ocs-blue);font-size:.75rem;text-decoration:none}.connected-wallet .status-pill{display:none}.status-pill{display:inline-flex;width:fit-content;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;background:var(--ocs-blue-soft);color:var(--ocs-blue-strong);font-size:.72rem;line-height:1.2;font-weight:700;white-space:nowrap}.status-pill:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.status-pill--success{color:var(--ocs-success);background:var(--ocs-success-bg)}.status-pill--warning{color:var(--ocs-amber);background:var(--ocs-amber-bg)}.status-pill--danger{color:var(--ocs-danger);background:var(--ocs-danger-bg)}.wallet-login{display:grid;justify-items:end;gap:4px}.wallet-login>span{max-width:260px;color:var(--ocs-danger);font-size:.68rem;text-align:right}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,780px);margin:0 auto;padding:7px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--ocs-line-strong);background:var(--ocs-bg);box-shadow:none}.bottom-nav a{position:relative;display:flex;min-height:52px;align-items:center;justify-content:center;gap:5px;color:var(--ocs-muted);font-size:.75rem;text-decoration:none}.bottom-nav a.active,.bottom-nav a[aria-current=page]{color:var(--ocs-blue-strong);font-weight:700}.bottom-nav a.active:before,.bottom-nav a[aria-current=page]:before{position:absolute;top:-8px;width:34px;height:3px;background:var(--ocs-blue);content:""}.eyebrow{margin:0 0 8px;color:var(--ocs-violet);font:700 .72rem/1.2 var(--ocs-font-mono);letter-spacing:.14em}h1,h2{margin:0;color:var(--ocs-text);font-family:var(--ocs-font-heading);letter-spacing:-.035em}h1{font-size:clamp(2rem,9vw,3.6rem);line-height:.98}h2{font-size:1.5rem}.welcome-panel{display:grid;gap:clamp(28px,8vw,54px);min-height:calc(100vh - 220px);align-content:start}.welcome-hero{display:grid;gap:18px;padding-top:clamp(10px,4vw,32px)}.welcome-kicker{width:fit-content;margin:0;border-bottom:2px solid var(--ocs-blue);padding-bottom:6px;color:var(--ocs-blue-strong);font:700 .68rem/1 var(--ocs-font-mono);letter-spacing:.18em}.welcome-hero h1{max-width:12ch;font-size:clamp(2.6rem,12vw,5rem);line-height:.98}.welcome-ledger{border-top:1px solid var(--ocs-line-strong)}.welcome-ledger__heading,.welcome-ledger__row{display:flex;align-items:center;justify-content:space-between;gap:var(--ocs-space-3)}.welcome-ledger__heading{min-height:44px;color:var(--ocs-muted);font-size:.75rem}.welcome-ledger__heading small{font:.68rem var(--ocs-font-mono);letter-spacing:.06em}.welcome-ledger__row{min-height:62px;border-top:1px solid var(--ocs-line)}.welcome-ledger__row:last-child{border-bottom:1px solid var(--ocs-line-strong)}.welcome-ledger__row>span{display:flex;align-items:center;gap:14px;color:var(--ocs-text);font-weight:700}.welcome-ledger__row i{color:var(--ocs-blue);font:700 .66rem var(--ocs-font-mono);font-style:normal}.welcome-ledger__row strong{color:var(--ocs-muted);font:700 1.1rem var(--ocs-font-mono)}.welcome-ledger__row strong small{margin-left:3px;font-size:.62rem;letter-spacing:.08em}.welcome-next-step{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;margin-top:auto;padding:15px 0}.welcome-next-step__status{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--ocs-blue);box-shadow:0 0 0 5px var(--ocs-blue-soft)}.welcome-next-step div{display:grid;gap:4px}.welcome-next-step strong{color:var(--ocs-text);font-size:.88rem}.welcome-next-step p{margin:0;color:var(--ocs-muted);font-size:.76rem;line-height:1.55}.page-intro,.section-heading,.market-hero__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ocs-space-4)}.asset-ledger{display:grid;gap:var(--ocs-space-3);margin-top:var(--ocs-space-8)}.asset-card{display:grid;grid-template-columns:44px 1fr;overflow:hidden;border:1px solid var(--ocs-line);border-radius:var(--ocs-radius);background:var(--ocs-surface);box-shadow:none}.asset-index{display:grid;place-items:center;border-right:1px solid var(--ocs-line);background:var(--ocs-panel);color:var(--ocs-blue);font:700 .7rem var(--ocs-font-mono);writing-mode:vertical-rl}.asset-card__content{display:grid;gap:var(--ocs-space-4);padding:var(--ocs-space-4)}.asset-card__label{display:flex;align-items:center;justify-content:space-between;gap:var(--ocs-space-2);color:var(--ocs-muted);font-size:.9rem}.amount{display:flex;align-items:baseline;color:var(--ocs-text);font-family:var(--ocs-font-mono);font-variant-numeric:tabular-nums}.amount strong{font-size:clamp(1.75rem,8vw,2.6rem);letter-spacing:-.07em}.amount>span{color:var(--ocs-muted);font-size:1rem}.amount small{margin-left:8px;color:var(--ocs-violet);font-size:.68rem;letter-spacing:.08em}.node-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ocs-space-3);margin-top:var(--ocs-space-6);border-top:1px solid var(--ocs-line-strong);border-bottom:1px solid var(--ocs-line);padding:var(--ocs-space-4) 0}.node-strip>svg{color:var(--ocs-blue)}.node-strip div{display:grid;gap:3px}.node-strip span{color:var(--ocs-muted);font-size:.78rem;line-height:1.4}.node-strip a{display:grid;width:44px;height:44px;place-items:center;color:var(--ocs-blue)}.data-freshness{margin-top:var(--ocs-space-4);color:var(--ocs-muted);font:.7rem var(--ocs-font-mono);text-align:right}.skeleton-stack{display:grid;gap:12px}.skeleton-stack i{height:126px;border:1px solid var(--ocs-line);border-radius:var(--ocs-radius);background:linear-gradient(100deg,var(--ocs-panel) 20%,var(--ocs-surface) 45%,var(--ocs-panel) 70%);background-size:250% 100%;animation:skeleton 1.4s infinite linear}@keyframes skeleton{to{background-position-x:-250%}}.error-state,.empty-state{display:grid;gap:16px;min-height:52vh;align-content:center}.error-state p,.empty-state p,.empty-copy{margin:0;color:var(--ocs-muted);line-height:1.6}.error-state button{display:inline-flex;width:fit-content;align-items:center;gap:8px;border:0;background:transparent;color:var(--ocs-blue);font-weight:700}.market-page,.me-page{display:grid;gap:var(--ocs-space-8)}.market-hero{display:grid;gap:var(--ocs-space-4)}.market-hero>p{max-width:48ch;margin:0;color:var(--ocs-muted);line-height:1.65}.market-price{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:var(--ocs-space-2);border-top:1px solid var(--ocs-line-strong);border-bottom:1px solid var(--ocs-line-strong);padding:var(--ocs-space-4) 0}.market-price span{grid-column:1 / -1;color:var(--ocs-muted);font-size:.8rem}.market-price strong{font:700 clamp(2.3rem,12vw,4.5rem)/1 var(--ocs-font-mono);letter-spacing:-.08em}.market-price small{color:var(--ocs-violet);font:700 .75rem var(--ocs-font-mono)}.rule-list{display:grid;border-top:1px solid var(--ocs-line-strong)}.rule-list div{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--ocs-line);padding:10px 2px;background:transparent}.rule-list svg{width:20px;color:var(--ocs-blue)}.rule-list span{color:var(--ocs-muted);font-size:.86rem}.rule-list strong{color:var(--ocs-text);font-family:var(--ocs-font-mono)}.referral-confirm,.participation-panel,.invite-panel,.identity-panel{display:grid;gap:var(--ocs-space-4);border:1px solid var(--ocs-line);border-radius:var(--ocs-radius);padding:var(--ocs-space-4);background:var(--ocs-surface);box-shadow:none}.referral-confirm>div{display:grid;gap:5px}.referral-confirm span,.invite-panel p{color:var(--ocs-muted);font-size:.82rem;line-height:1.5}.wallet-usdt-balance{display:flex;align-items:baseline;justify-content:space-between;color:var(--ocs-muted);font-size:.8rem}.wallet-usdt-balance strong{color:var(--ocs-text);font:700 1.25rem var(--ocs-font-mono)}.participation-actions,.invite-actions{display:grid;gap:10px}.inline-error,.inline-success{margin:0;border-radius:6px;padding:9px 11px;font-size:.78rem;line-height:1.4}.inline-error{color:var(--ocs-danger);background:var(--ocs-danger-bg)}.inline-success{color:var(--ocs-success);background:var(--ocs-success-bg)}.identity-panel code,.invite-panel code{overflow-wrap:anywhere;color:var(--ocs-blue-strong);font:.82rem/1.5 var(--ocs-font-mono)}.identity-panel>div{display:flex;flex-wrap:wrap;gap:8px}.withdraw-section{display:grid;gap:var(--ocs-space-4)}.principal-exit-panel{display:grid;gap:var(--ocs-space-3);border:1px solid var(--ocs-line-strong);border-radius:var(--ocs-radius-lg);padding:var(--ocs-space-4);background:var(--ocs-surface)}.principal-exit-panel>p{margin:0;color:var(--ocs-muted);font-size:.8rem;line-height:1.65}.principal-exit-panel .section-heading>strong{color:var(--ocs-blue-strong);font:700 .9rem var(--ocs-font-mono)}.principal-exit-panel .principal-warning{display:flex;gap:9px;border-left:3px solid var(--ocs-danger);padding:9px 11px;background:var(--ocs-danger-bg);color:var(--ocs-danger)}.principal-warning svg{flex:0 0 auto;margin-top:2px}.section-heading{align-items:end}.section-heading>span{color:var(--ocs-muted);font-size:.75rem;text-align:right}.withdraw-form{display:grid;gap:var(--ocs-space-3);border-top:1px solid var(--ocs-line-strong);padding-top:var(--ocs-space-4)}.withdraw-form__heading{display:flex;justify-content:space-between;gap:12px}.withdraw-form__heading span,.withdraw-form label{color:var(--ocs-muted);font-size:.8rem}.weekly-dividend-live{display:grid;gap:var(--ocs-space-3);border:1px solid var(--ocs-line-strong);border-radius:var(--ocs-radius);padding:var(--ocs-space-4);background:var(--ocs-panel)}.weekly-dividend-live__heading,.weekly-dividend-live__heading>div,.weekly-dividend-live__amount{display:flex;align-items:center}.weekly-dividend-live__heading{justify-content:space-between;gap:var(--ocs-space-3)}.weekly-dividend-live__heading>div{gap:var(--ocs-space-2)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ocs-success);box-shadow:0 0 0 4px var(--ocs-success-bg)}.weekly-dividend-live__amount{align-items:baseline;gap:var(--ocs-space-2)}.weekly-dividend-live__amount strong{color:var(--ocs-text);font:700 clamp(2rem,10vw,3.25rem)/1 var(--ocs-font-mono);letter-spacing:-.06em}.weekly-dividend-live__amount span{color:var(--ocs-violet);font:700 .75rem var(--ocs-font-mono)}.amount-input{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:6px;border:1px solid var(--ocs-line-strong);border-radius:var(--ocs-radius);background:var(--ocs-surface)}.amount-input:focus-within{outline:3px solid var(--ocs-violet);outline-offset:2px}.amount-input input{min-width:0;border:0;outline:0;padding:13px;background:transparent;color:var(--ocs-text);font:1.25rem var(--ocs-font-mono)}.amount-input span{padding:0 12px;color:var(--ocs-violet);font:700 .7rem var(--ocs-font-mono)}.withdraw-preview{display:flex;justify-content:space-between;color:var(--ocs-muted);font-size:.74rem}.withdraw-preview strong{color:var(--ocs-text);font-family:var(--ocs-font-mono)}.history-section{display:grid;gap:var(--ocs-space-4)}.history-list{display:grid;border-top:1px solid var(--ocs-line-strong)}.history-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ocs-line);padding:13px 0}.history-list article>div{display:grid;justify-items:start;gap:4px}.history-list article>div:last-child{justify-items:end}.history-list span{color:var(--ocs-muted);font-size:.72rem}.history-list strong{font-size:.84rem;font-variant-numeric:tabular-nums}.logout-row{width:100%;color:var(--ocs-danger)}@media(max-width:619px){.walletconnect-button{display:none}}@media(min-width:620px){.dapp-shell{padding-right:28px;padding-left:28px}.tp-link,.connected-wallet .status-pill{display:inline-flex}.asset-ledger{grid-template-columns:repeat(2,1fr)}.asset-card:first-child{grid-column:1 / -1}.referral-confirm{grid-template-columns:1fr auto;align-items:center}.invite-actions{grid-template-columns:1fr 1fr}}