@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Sora:wght@600;700&display=swap";:root{color-scheme:dark;font-family:Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);--bg:#00050f;--surface:#031a35;--raised:#031a35;--border:#1b466e;--accent:#68bcff;--accent-soft:#062543;--text:#f8fbff;--secondary:#90a7c2;--muted:#6f87a4;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit}h1,h2,h3,p,dl,dd{margin:0}h1{font-size:28px;line-height:36px;font-weight:700}h2{font-size:20px;line-height:26px}h3{font-size:17px;line-height:24px}.number{font-family:Sora,Noto Sans SC,sans-serif;font-variant-numeric:tabular-nums}.accent{color:var(--accent)}.muted{color:var(--secondary)}.app-shell{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{height:67px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:auto}.brand{font-size:22px;font-weight:700;line-height:28px;color:var(--accent);text-decoration:none}.wallet{min-width:96px;height:34px;padding:0 12px;border:1px solid #68bcff;border-radius:12px;background:#031a35;color:#68bcff;font-size:11px;font-weight:700;white-space:nowrap}.desktop-nav{display:none}.content{width:100%;max-width:1240px;margin:auto;padding:24px 20px}.nodes-content,.page-heading{display:flex;flex-direction:column;gap:18px}.page-heading p{font-size:14px;line-height:20px;color:#90a7c2}.page-heading strong{color:var(--accent);font-size:15px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-section{display:flex;flex-direction:column;gap:18px}.selection-section>.section-header{height:34px}.pool-tag{font-size:12px;font-weight:700}.levels{display:grid;gap:18px}.level-option{display:flex;justify-content:space-between;align-items:center;position:relative;min-width:0;height:84px;background:var(--raised);border:1px solid var(--border);border-radius:16px;padding:0 16px;cursor:pointer;transition:background .15s,border-color .15s}.level-option.selected{background:var(--accent-soft);border:2px solid var(--accent);padding:0 15px}.level-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.level-option:hover:not(.selected){border-color:#425344}.level-option input{position:absolute;width:1px;height:1px;opacity:0}.level-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.level-copy strong{font-size:15px;line-height:18px}.level-copy b{font-size:21px;line-height:27px;white-space:nowrap}.selection{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--secondary);flex-shrink:0}.indicator{height:24px;width:24px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:13px;color:var(--bg)}.selected .indicator{background:var(--accent);border-color:var(--accent)}.selected .selection{color:var(--accent)}.desktop-weight{display:none}.primary,.secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:700}.primary{border:1px solid var(--accent);color:var(--bg);background:var(--accent)}.primary:hover{background:#addbff}.secondary{min-height:44px;border:1px solid var(--border);background:var(--raised);color:var(--text)}.secondary:hover{border-color:#425344}.detail-grid{display:grid;gap:18px}.panel{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.confirmation{display:flex;flex-direction:column;gap:14px;min-height:245px}.selected-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:10px 14px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft)}.selected-summary>div{display:flex;flex-direction:column;gap:3px}.selected-summary small{font-size:11px;color:var(--secondary)}.selected-summary strong{font-size:16px;line-height:19px;white-space:nowrap}.selected-summary b{font-size:18px;line-height:23px;color:var(--accent);white-space:nowrap}.detail-rows{display:flex;flex-direction:column;gap:8px;width:100%}.detail-rows>div{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:24px;font-size:12px}.detail-rows dt{color:var(--secondary)}.detail-rows dd{font-weight:700;text-align:right}.fee-model{min-height:226px;display:flex;flex-direction:column;gap:12px}.fee-model .section-header{min-height:34px;align-items:flex-start}.fee-model h2{font-size:18px;line-height:24px}.rate{font-size:28px;line-height:35px}.formula{color:var(--accent);font-size:13px;line-height:18px;font-weight:700}.risk{font-size:12px;line-height:18px;color:var(--secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(2,1fr);height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--bg)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;font-size:13px;font-weight:500;color:var(--muted)}.bottom-nav button.active{font-weight:700;color:var(--accent)}.bottom-nav button span{height:2px;width:24px;border-radius:1px;background:transparent}.bottom-nav button.active span{background:var(--accent)}.my-content{display:flex;flex-direction:column;gap:20px}.my-content .page-heading{gap:6px}.my-content .page-heading p{font-size:13px}.my-content h2{font-size:18px;line-height:26px}.joined-section,.history-section{display:flex;flex-direction:column;gap:20px}.joined-card{padding:18px;background:var(--raised);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px}.joined-card .section-header{height:28px}.status-pill{font-size:11px;font-weight:700;line-height:16px;padding:5px 10px;background:var(--accent-soft);border-radius:999px;color:var(--accent)}.amount-label{font-size:12px;line-height:18px}.joined-amount{font-size:24px;line-height:32px}.node-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--border);padding-top:12px;min-height:56px}.node-stats span{font-size:11px;color:var(--muted);line-height:16px}.node-stats p{font-size:12px;line-height:18px;margin-top:4px}.total-pill{padding:6px 10px;font-size:12px;font-weight:700;border:1px solid var(--accent);border-radius:999px;background:var(--accent-soft);white-space:nowrap;line-height:18px}.history-header{min-height:32px;gap:8px;flex-wrap:wrap}.history-list{background:var(--raised);border:1px solid var(--border);border-radius:16px;overflow:hidden}.reward-record{min-height:62px;padding:12px 16px;display:flex;justify-content:space-between;gap:12px}.reward-record+.reward-record{border-top:1px solid var(--border)}.reward-record>div{display:flex;flex-direction:column;gap:4px}.reward-record h3{font-size:13px;font-weight:500;line-height:18px}.reward-record time{font-size:11px;color:var(--muted);line-height:16px}.reward-amount{align-items:flex-end}.reward-amount b{font-size:13px;line-height:18px}.reward-amount span{font-size:11px;color:var(--secondary);line-height:16px}.empty-state{min-height:209px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.empty-state p,.empty-history{font-size:13px;line-height:22px;color:var(--secondary)}.empty-state .secondary{max-width:200px}.empty-history{text-align:center;padding-block:36px}.demo-banner{font-size:11px;padding:8px 20px;text-align:center;background:#203000;color:#d2e7b0;line-height:18px}.demo-banner a{margin-left:8px}.integration-note{font-size:11px;line-height:18px;color:#849487}.notice{margin:12px 20px;padding:12px;color:#ffcb9d;background:#26190d;border-radius:12px;font-size:13px}.notice button{background:none;border:0;color:inherit;text-decoration:underline}.app-dialog{position:fixed;inset:0;margin:auto;width:min(350px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px 20px 20px;background:var(--surface);border:1px solid var(--border);border-radius:24px;color:var(--text)}.app-dialog[open]{display:flex;flex-direction:column;align-items:center;gap:16px}.app-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-dialog h2{font-size:22px;text-align:center;line-height:28px}.dialog-description{font-size:13px;line-height:20px;color:var(--secondary);text-align:center}.success-icon{width:64px;height:64px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--bg);font-size:34px;font-weight:700}.success-summary{background:var(--raised);border-radius:16px;padding:16px;gap:10px}.demo-label{font-size:11px;color:var(--accent);text-align:center}.app-dialog>.secondary{margin-top:-6px}@media(max-width:359px){.selected-summary{padding-inline:10px}.selected-summary b{font-size:15px}.level-copy b{font-size:19px}.history-header h2{font-size:16px}.total-pill{font-size:11px}.content{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}body{min-width:0}.balance-panel{min-height:0;justify-content:center;gap:16px}.fee-model .primary{margin:4px 0 8px}.reward-record{overflow-wrap:anywhere}.app-shell{width:100%;max-width:480px;margin-inline:auto}.header-inner,.content{max-width:480px}.bottom-nav{left:50%;right:auto;transform:translate(-50%);width:100%;max-width:480px}.joined-amount,.detail-rows dd{overflow-wrap:anywhere;min-width:0}.detail-rows dt{flex-shrink:0}.dividend-rules{margin-top:20px;font-size:14px;line-height:1.8}.dividend-rules p{margin:0 0 10px}.dividend-rules ul{list-style:none;margin:0;padding:0}.dividend-rules li{padding:9px 0;border-bottom:1px solid rgba(160,190,160,.15)}.dividend-rules li:last-child{border-bottom:0}.yff-brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;white-space:nowrap}.yff-brand img{width:34px;height:34px;object-fit:contain;border-radius:4px;flex-shrink:0}.configuration-note{color:#90a7c2;font-size:11px;line-height:1.7;margin:0;text-align:center}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #68bcff;outline-offset:3px}body{background:#00050f}.app-shell{max-width:430px;background:linear-gradient(90deg,#00050f,#083052 55%,#001026)}.header-inner,.content,.bottom-nav{max-width:430px}.topbar,.bottom-nav{background:#001026}.brand{display:flex;align-items:center;gap:9px;font-size:20px}.brand img{width:34px;height:34px;object-fit:contain;border-radius:4px}.panel{background:#031a35}.dividend-rules{margin-top:0;font-size:13px;line-height:21px}.dividend-rules p{color:#90a7c2;margin-bottom:12px}.dividend-rules li{padding:12px 0;color:#68bcff;border-color:#1b466e}.balance-label{font-size:12px}.fee-model h2{font-size:18px}