/* Willmay / a soft, expressive prediction interface */
html{--page:#fcf9fb;--surface:#fff;--soft:#f6f3f6;--ink:#29232e;--muted:#726a78;--line:#eee8ef;--accent:#d72b83;--accent-dark:#bf226e;--accent-soft:#fff0f7;--cyan:#24a7c0;--cyan-soft:#e9f9fc;--yes:#167462;--yes-soft:#e9f8f1;--no:#b83c70;--no-soft:#fff0f5;--shadow:0 18px 60px -24px #3d10351f;--glow:#fce0ef;--head:'Outfit',Arial,sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:105px}
html[data-theme=aqua]{--page:#f5fafb;--ink:#30234b;--muted:#70647d;--soft:#f2f0f8;--line:#e9e4f1;--accent:#137c88;--accent-dark:#0f6570;--accent-soft:#e1f6f8;--cyan:#a188db;--cyan-soft:#f1ecff;--glow:#dcf4f5;--shadow:0 18px 60px -24px #4d298230}
html[data-theme=midnight]{--page:#14141b;--surface:#1e1e28;--soft:#272733;--ink:#f4f0f8;--muted:#a6a0b1;--line:#34333e;--accent:#ff78b9;--accent-dark:#f34ca0;--accent-soft:#42293b;--cyan:#72d6e7;--cyan-soft:#203d45;--yes:#6bd6b4;--yes-soft:#233b35;--no:#ff9dc4;--no-soft:#422c3a;--shadow:0 18px 60px -24px #0008;--glow:#342231;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--page);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a{transition:background .2s,color .2s,box-shadow .2s,transform .22s}button:active:not(:disabled),.button:active{transform:translateY(2px) scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input{min-width:0;color:var(--ink)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--head);font-weight:550;line-height:1.15;letter-spacing:-.035em}::selection{background:var(--accent);color:#fff}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--surface);z-index:99}.skip-link:focus{top:12px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
/* Navigation */
.site-header{position:sticky;top:0;z-index:25;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:blur(20px)}.header-inner{height:86px;max-width:1512px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:9px;font:650 34px/1 var(--head);letter-spacing:-1.6px;flex-shrink:0}.brand-symbol{color:var(--accent);display:grid;place-items:center;width:36px;height:36px}.brand-symbol svg{width:35px;height:35px;stroke-width:2.8;transform:rotate(-11deg)}.brand-dot{font:400 11px var(--head);align-self:flex-start;letter-spacing:0;margin-top:3px;margin-left:-5px}.desktop-nav{display:flex;gap:27px;align-items:center}.nav-link{color:var(--muted);font-weight:550;padding:11px 0;display:flex;gap:7px;align-items:center;white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--ink)}.nav-link svg{width:14px;height:14px}.nav-link.active:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}.nav-link span{font-size:10px;min-width:18px;padding:1px 5px;text-align:center;border-radius:30px;background:var(--accent-soft);color:var(--accent)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:17px}.appearance-button{width:36px;height:36px;display:grid;place-items:center;color:var(--muted);border-radius:12px}.appearance-button:hover{background:var(--soft);color:var(--ink)}.wallet-button{display:flex;align-items:center;gap:9px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);padding:8px 13px 8px 8px;border-radius:30px;color:var(--accent-dark);font-weight:650;font-size:13px;font-variant-numeric:tabular-nums}.wallet-button:hover{box-shadow:0 0 0 4px var(--accent-soft)}.wallet-avatar{width:30px;height:30px;border-radius:50%;background:var(--surface);display:grid;place-items:center}.wallet-avatar svg{width:16px;height:16px}.wallet-button>svg{width:14px;height:14px}.wallet-unit{font-weight:450;opacity:.7;font-size:11px}
/* Hero, typography and fluid sculpture */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 432px;gap:84px;padding-top:64px;padding-bottom:70px;isolation:isolate}.hero:before{content:'';position:absolute;width:700px;height:600px;max-width:90vw;right:-30px;top:-30px;background:radial-gradient(ellipse,var(--glow),transparent 67%);pointer-events:none;opacity:.75;z-index:-1}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:650;display:flex;align-items:center;gap:8px;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#57b197;box-shadow:0 0 0 4px #57b19714;flex-shrink:0}.hero-copy>.eyebrow{margin:8px 0 25px}.hero h1{position:relative;font-size:clamp(64px,5.7vw,83px);line-height:1.02;letter-spacing:-.052em;font-weight:550;max-width:650px}.hero h1>span{color:var(--accent)}.hero-spark{position:absolute;top:63px;left:min(91%,385px);width:55px;height:55px;fill:none;stroke:var(--accent);stroke-width:1.2;transform:rotate(12deg);animation:spark-turn 20s linear infinite}.hero-description{font-size:16px;line-height:1.75;color:var(--muted);margin-top:24px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:24px}.button{border-radius:18px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:13px;font-weight:600;line-height:1.4}.button svg{width:17px;height:17px}.button-dark{background:var(--ink);color:var(--page)}.button-dark:hover{box-shadow:0 8px 20px #23182522;transform:translateY(-2px)}.button-primary{background:var(--accent);color:white;box-shadow:0 3px 0 var(--accent-dark)}.button-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 5px 0 var(--accent-dark)}.button-primary:active{box-shadow:0 1px 0 var(--accent-dark)}[data-theme=midnight] .button-primary{color:#2e1522}.button-soft{background:var(--soft)}.button-soft:hover{background:var(--line)}.text-button{display:inline-flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:var(--muted);font-weight:500}.text-button:hover{color:var(--accent)}.text-button svg{width:14px;height:14px}
.flow-art{margin-top:38px;max-width:570px}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.09em;color:var(--muted)}.flow-heading>span{display:flex;align-items:center;gap:7px}.flow-heading svg{width:15px;height:15px}.flow-heading button{font-size:10px;display:flex;align-items:center;gap:4px;letter-spacing:0}.fluid-wrap{position:relative;padding:28px 13px 18px}.fluid-vessel{position:relative;height:123px;border-radius:100px;border:1px solid #88c7db77;background:linear-gradient(110deg,#eefbff,#e7f5fa);box-shadow:inset 0 2px 5px white,0 15px 30px -18px #20a3cf66;overflow:hidden;transform:rotate(var(--tilt,-1.8deg));transition:transform .9s cubic-bezier(.16,1,.3,1)}.fluid-vessel:after{content:'';position:absolute;inset:6px;border:1px solid #fff7;border-radius:100px;pointer-events:none}.fluid-svg{position:absolute;inset:0;width:100%;height:100%;stroke-width:0}.fluid-values{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 43px;color:#15536a}.fluid-values>div{display:flex;flex-direction:column}.fluid-values>div:last-child{text-align:right}.fluid-values span{font-size:10px;letter-spacing:.1em;opacity:.8}.fluid-values strong{font:500 37px/1.2 var(--head);letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.fluid-divider{font-size:25px!important;opacity:.4!important}.floating-token{position:absolute;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;font:650 20px var(--head);z-index:2;box-shadow:0 5px 15px #47253e16;border:3px solid var(--surface);animation:token-float 6s ease-in-out infinite}.floating-token>span{position:absolute;font-size:8px;right:3px;top:3px}.token-yes{background:#e9f4b7;color:#667344;top:13px;left:44px;transform:rotate(-17deg)}.token-no{background:#edc9f9;color:#874fa0;right:30px;bottom:7px;animation-delay:-3s}.flow-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);gap:10px;margin:1px 6px 0}.flow-caption>span:first-child{max-width:65%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-dot{display:flex;gap:5px;align-items:center;white-space:nowrap}.demo-dot:before{content:'';width:4px;height:4px;background:var(--muted);border-radius:50%}.motion-playground{padding:12px 16px;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;font-size:11px}.motion-playground label{display:flex;justify-content:space-between;font-weight:550}.motion-playground output{color:var(--accent)}.motion-playground input{width:100%;accent-color:var(--accent);margin:13px 0 7px}.motion-playground>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.motion-playground button{color:var(--accent)}
/* Familiar swap-style prediction card */
.predict-column{position:relative;padding-top:14px;align-self:start}.card-orbit{position:absolute;border:1px solid var(--accent);opacity:.09;width:490px;height:380px;border-radius:50%;z-index:-1;pointer-events:none;max-width:120%}.orbit-one{top:55px;left:-35px;transform:rotate(-35deg)}.orbit-two{top:75px;left:-28px;transform:rotate(45deg)}.predict-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:23px;box-shadow:var(--shadow);position:relative;isolation:isolate}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-tabs{display:flex;gap:18px;font:500 18px var(--head);letter-spacing:-.4px}.panel-tabs .current{color:var(--ink)}.panel-tabs button{color:var(--muted);padding:0}.panel-heading>.icon-button{color:var(--muted)}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;padding:6px;flex-shrink:0}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:var(--soft)}.market-picker{display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.market-picker:hover{border-color:var(--accent);background:var(--accent-soft)}.market-picker>div{flex:1;min-width:0}.market-picker small{display:flex;gap:5px;align-items:center;font-size:9px;color:var(--muted);margin-bottom:4px}.market-picker strong{font-size:12px;line-height:1.5;font-weight:600;display:block}.market-picker>svg{width:15px;height:15px;color:var(--muted)}.market-token{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font:600 23px var(--head);flex-shrink:0;background:var(--token-bg,#fff1d6);color:var(--token-color,#cc8730)}.market-token svg{width:22px;height:22px}.outcome-switch{display:flex;gap:6px;padding:5px;background:var(--soft);border-radius:16px;margin:15px 0 13px}.outcome-switch button{flex:1;padding:9px 13px;border-radius:12px;font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:space-between;transition:all .25s}.outcome-switch button[aria-pressed=true][data-side=yes]{background:var(--yes-soft);color:var(--yes);box-shadow:0 2px 7px #122b1d0c}.outcome-switch button[aria-pressed=true][data-side=no]{background:var(--no-soft);color:var(--no);box-shadow:0 2px 7px #122b1d0c}.outcome-switch button span:last-child{font-size:11px;opacity:.8}.amount-box{background:var(--soft);padding:15px 16px 14px;border-radius:18px;position:relative;border:1px solid transparent}.amount-box:focus-within{border-color:var(--accent)}.field-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:8px}.field-heading button{color:var(--accent);font-size:10px;padding:1px 5px}.amount-row{display:flex;gap:10px;align-items:center}.amount-row input{background:transparent;border:0;outline:none;font:500 34px/1.2 var(--head);width:100%;letter-spacing:-1px;appearance:textfield;padding:0}.amount-row input::-webkit-inner-spin-button{appearance:none}.currency-pill{background:var(--surface);display:flex;align-items:center;gap:5px;border-radius:30px;padding:6px 9px 6px 5px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #1e0b2505;flex-shrink:0}.currency-pill>span{width:21px;height:21px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font:600 14px var(--head)}.amount-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:6px;gap:10px}.quick-amounts{display:flex;gap:5px}.quick-amounts button{padding:1px 5px;background:var(--surface);border-radius:5px;color:var(--muted)}.quick-amounts button:hover{color:var(--accent)}.down-node{position:relative;height:6px;z-index:2;display:flex;justify-content:center;pointer-events:none}.down-node>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--soft);border:4px solid var(--surface);transform:translateY(-12px);color:var(--muted)}.down-node svg{width:14px;height:14px}.return-box{background:var(--accent-soft)}.return-box .amount-row strong{font:500 33px/1.2 var(--head);letter-spacing:-1px;flex:1;color:var(--accent);font-variant-numeric:tabular-nums}.return-box .currency-pill{background:color-mix(in srgb,var(--surface) 65%,transparent)}.return-box .field-heading{color:var(--accent-dark)}.return-box .field-heading span:last-child{font-size:9px;display:flex;align-items:center;gap:3px}.return-box .field-heading svg{width:12px;height:12px}.return-label{font-size:9px;color:var(--accent);opacity:.8;margin-top:5px}.quote-details{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:16px 4px}.quote-details button{padding:0;display:flex;gap:4px;align-items:center}.quote-details button svg{width:12px;height:12px}.review-button{width:100%;padding:16px;gap:10px;font:550 15px var(--head);letter-spacing:-.1px;border-radius:17px}.form-error{font-size:11px;color:var(--no);margin:10px 2px 0}.card-undertext{display:flex;justify-content:center;gap:7px;color:var(--muted);font-size:9px;margin-top:15px;align-items:center}.tiny-check{width:13px;height:13px;display:grid;place-items:center;border:1px solid var(--muted);border-radius:50%;font-size:8px}
/* Explore */
.markets-section{padding-top:5px;padding-bottom:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-title>.eyebrow{font-size:9px;margin-bottom:10px}.section-title h2{font-size:34px;letter-spacing:-1.1px}.tiny-spark{font-size:25px;color:var(--accent);display:inline-block;transform:rotate(10deg);margin-left:13px}.market-heading-right{display:flex;gap:18px;align-items:center}.sample-label{font-size:10px;color:var(--muted)}.saved-filter{border:1px solid var(--line);width:35px;height:35px;background:var(--surface);border-radius:12px}.saved-filter[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.saved-filter[aria-pressed=true] svg{fill:currentColor}.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.category-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{padding:9px 15px;border-radius:13px;font-size:11px;white-space:nowrap;color:var(--muted);font-weight:550}.category-tabs button:hover{background:var(--soft)}.category-tabs button[aria-pressed=true]{background:var(--ink);color:var(--page)}.search-sort{display:flex;gap:9px;align-items:center;flex-shrink:0}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:9px 12px;border-radius:12px;max-width:195px;color:var(--muted)}.search-box:focus-within{border-color:var(--accent)}.search-box svg{width:14px;height:14px}.search-box input{outline:none;background:none;border:0;font-size:11px;width:100%}.search-box input::placeholder{color:var(--muted)}.search-sort select{max-width:100px;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:9px 10px;font-size:11px}
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.market-card{border:1px solid var(--line);border-radius:23px;padding:21px;background:var(--surface);position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;min-width:0;animation:card-enter .5s both;animation-delay:var(--delay,0ms)}.market-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 16px 35px -20px #57304b32}.market-card.selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px var(--accent-soft)}.market-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.market-card-top .market-token{width:42px;height:42px;border-radius:14px}.card-top-tools{display:flex;align-items:center;gap:8px}.category-tag{font-size:9px;color:var(--muted);background:var(--soft);padding:4px 8px;border-radius:6px}.bookmark-button{color:var(--muted);width:27px;height:27px;padding:5px;border-radius:8px}.bookmark-button svg{width:16px;height:16px}.bookmark-button[aria-pressed=true]{color:var(--accent)}.bookmark-button[aria-pressed=true] svg{fill:currentColor}.market-question{display:block;text-align:left;width:100%;padding:0;min-height:48px;font:500 18px/1.35 var(--head);letter-spacing:-.35px;max-width:90%}.market-question:hover{color:var(--accent)}.card-probability{display:flex;align-items:center;gap:10px;margin:20px 0 15px}.card-probability>strong{font:500 31px/1 var(--head);letter-spacing:-1px;font-variant-numeric:tabular-nums}.prob-label{font-size:9px;color:var(--muted);line-height:1.5}.prob-label span{color:var(--yes);display:block;font-size:9px}.sparkline{width:106px;height:36px;margin-left:auto;overflow:visible;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;fill:none}.card-outcomes{display:flex;gap:8px}.card-outcomes button{display:flex;justify-content:space-between;align-items:center;flex:1;font-size:11px;font-weight:550;border-radius:11px;padding:10px 12px;background:var(--yes-soft);color:var(--yes);border:1px solid transparent}.card-outcomes button:last-child{background:var(--no-soft);color:var(--no)}.card-outcomes button:hover{border-color:currentColor;transform:translateY(-2px)}.card-outcomes svg{width:13px;height:13px;opacity:.55}.card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.card-meta>span{display:flex;align-items:center;gap:4px}.card-meta svg{width:11px;height:11px}.market-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:11px;color:var(--muted)}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:22px}.empty-state>svg{width:34px;height:34px;color:var(--accent);margin-bottom:16px}.empty-state h3{font-size:26px;margin-bottom:10px}.empty-state p{color:var(--muted);margin-bottom:20px;font-size:13px}
/* Story and footer */
.how-section{border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px;display:grid;grid-template-columns:.9fr 1.3fr;gap:100px}.how-intro h2{font-size:49px;margin-top:20px;line-height:1.1}.how-intro h2 span{color:var(--accent)}.how-intro>p{color:var(--muted);font-size:13px;margin-top:20px;line-height:1.7}.how-steps article{display:flex;gap:22px;align-items:flex-start;padding:25px 0;border-bottom:1px solid var(--line)}.how-steps article:first-child{padding-top:6px}.how-steps article:last-child{border-bottom:0}.step-number{font:500 12px var(--head);color:var(--accent);padding-top:5px}.how-steps h3{font-size:21px;margin-bottom:10px}.how-steps p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px}.step-art{margin-left:auto;flex-shrink:0;align-self:center;width:66px;height:66px;border-radius:21px;background:var(--accent-soft);color:var(--accent);font:500 48px var(--head);display:grid;place-items:center;transform:rotate(7deg)}.art-choice{background:var(--cyan-soft);display:flex;justify-content:center;position:relative;transform:rotate(-8deg)}.art-choice i{font:500 22px var(--head);font-style:normal;width:31px;height:31px;display:grid;place-items:center;background:#dcf1ae;color:#6b8051;border:2px solid var(--surface);border-radius:50%;transform:translateX(4px) rotate(15deg)}.art-choice i:last-child{background:#edcef2;color:#a377ad;transform:translateX(-4px) rotate(15deg)}.art-follow{background:#f2f0df;color:#aaa36b;transform:rotate(-3deg)}.art-follow svg{width:35px;height:35px}.site-footer{padding-top:30px;padding-bottom:23px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:25px}.footer-top>.brand{font-size:27px}.footer-top .brand-symbol,.footer-top .brand-symbol svg{width:27px;height:27px}.footer-top>p{font-size:11px;color:var(--muted)}.footer-links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:11px;color:var(--muted)}.footer-links a{display:flex;gap:4px;align-items:center}.footer-links svg{width:12px;height:12px}.footer-links button{padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:32px;gap:20px}.footer-bottom>span:nth-child(2){display:flex;align-items:center;gap:7px}.footer-bottom button{display:flex;align-items:center;gap:7px;font-size:10px}.footer-bottom svg{width:13px;height:13px}.mobile-nav{display:none}
/* Dialogs and complete demo flows */
.app-dialog{padding:25px;width:min(470px,calc(100% - 30px));max-height:90dvh;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 35px 100px #1a0b2233;overflow-y:auto}.app-dialog[open]{animation:dialog-enter .25s cubic-bezier(.16,1,.3,1)}.app-dialog::backdrop{background:#21112655;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:24px}.dialog-heading .icon-button{background:var(--soft)}.dialog-copy{font-size:13px;color:var(--muted);line-height:1.8}.dialog-copy p+p{margin-top:14px}.dialog-copy strong{color:var(--ink);font-weight:550}.dialog-copy h3{font-size:18px;color:var(--ink);margin:20px 0 10px}.dialog-copy .button{margin-top:20px}.modal-market-list{display:flex;flex-direction:column;gap:6px}.modal-market-option{display:flex;align-items:center;gap:13px;text-align:left;padding:12px;border-radius:15px;border:1px solid var(--line);width:100%}.modal-market-option:hover{background:var(--accent-soft);border-color:var(--accent)}.modal-market-option>div{flex:1}.modal-market-option strong{display:block;font-size:12px;font-weight:550}.modal-market-option small{font-size:10px;color:var(--muted)}.modal-market-option>span:last-child{font:500 17px var(--head);color:var(--yes)}.detail-hero{display:flex;gap:15px;align-items:center;margin-bottom:20px}.detail-hero .market-token{width:55px;height:55px;border-radius:18px;font-size:30px}.detail-hero h3{font-size:23px;line-height:1.3}.detail-stats{display:flex;gap:10px;margin-bottom:20px}.detail-stats>div{flex:1;background:var(--soft);border-radius:15px;padding:15px 12px}.detail-stats strong{display:block;font:500 26px var(--head)}.detail-stats span{color:var(--muted);font-size:10px}.rule-box{padding:17px;background:var(--soft);border-radius:16px;font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.rule-box strong{display:block;color:var(--ink);font-size:12px;margin-bottom:7px}.rule-box small{display:block;margin-top:10px;font-size:10px}.detail-actions{display:flex;gap:10px}.detail-actions .button{flex:1}.review-summary{border:1px solid var(--line);border-radius:18px;padding:16px;margin:17px 0}.summary-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:9px 0;color:var(--muted)}.summary-row strong{color:var(--ink);font-weight:550}.summary-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:16px}.summary-row.total strong{font:500 23px var(--head);color:var(--accent)}.side-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:7px;background:var(--yes-soft);color:var(--yes);font-size:11px;font-weight:550}.side-badge.no{background:var(--no-soft);color:var(--no)}.modal-note{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0 20px}.full-width{width:100%}.success-orb{width:75px;height:75px;display:grid;place-items:center;margin:15px auto 22px;border-radius:26px;background:var(--yes-soft);color:var(--yes);transform:rotate(-6deg);animation:success-pop .5s cubic-bezier(.2,1.5,.3,1)}.success-orb svg{width:36px;height:36px;stroke-width:2;transform:rotate(6deg)}.success-message{text-align:center}.success-message h3{font-size:28px}.success-message p{font-size:13px;color:var(--muted);margin:12px 0 20px;line-height:1.8}.success-message .text-button{margin-top:16px}
.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 24px}.theme-option{padding:10px 10px 13px;border-radius:17px;border:1px solid var(--line);text-align:left}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.theme-swatch{height:65px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:11px;border:1px solid #00000006}.theme-swatch>i{display:block;height:18px;width:55%;border-radius:7px;box-shadow:0 3px 0 #00000014}.theme-rose{background:#fcf0f6}.theme-rose>i{background:#ec3d96}.theme-aqua{background:#eaf7f8}.theme-aqua>i{background:#19a1b0}.theme-midnight{background:#22222d}.theme-midnight>i{background:#ff78b9}.theme-option strong{font-size:11px;display:block}.theme-option small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.settings-row strong{font-size:13px;font-weight:550}.settings-row p{font-size:10px;color:var(--muted);margin-top:4px}.toggle{width:41px;height:24px;border-radius:20px;background:var(--line);padding:3px;display:flex;align-items:center;flex-shrink:0}.toggle>span{width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 2px 4px #0002;transition:transform .25s}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]>span{transform:translateX(17px)}.wallet-total{border-radius:20px;background:var(--accent-soft);padding:25px;text-align:center}.wallet-total>span{color:var(--muted);font-size:11px}.wallet-total strong{display:block;font:500 49px var(--head);letter-spacing:-2px;margin:4px 0;color:var(--accent)}.wallet-total small{color:var(--accent);font-size:11px}.wallet-stats{display:flex;gap:10px;margin:15px 0 20px}.wallet-stats>div{flex:1;border:1px solid var(--line);border-radius:15px;padding:15px}.wallet-stats span{display:block;color:var(--muted);font-size:10px}.wallet-stats strong{display:block;font:500 22px var(--head);margin-top:3px}.reset-link{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:20px auto 0}.reset-link svg{width:14px;height:14px}
.positions-view{min-height:65vh;padding-block:55px 70px}.positions-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.positions-header h1{font-size:44px;margin-top:12px}.positions-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.positions-summary>div{background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:20px}.positions-summary span{font-size:11px;color:var(--muted)}.positions-summary strong{display:block;font:500 31px var(--head);margin-top:8px;letter-spacing:-.8px}.position-list{display:flex;flex-direction:column;gap:10px}.position-item{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:21px;display:flex;align-items:center;gap:18px}.position-info{flex:1}.position-info>button{text-align:left;padding:0;font:500 17px/1.4 var(--head);letter-spacing:-.25px}.position-info small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.position-numbers{display:flex;gap:35px;text-align:right}.position-numbers span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.position-numbers strong{font:500 18px var(--head)}.position-status{font-size:10px;color:var(--muted);background:var(--soft);padding:5px 8px;border-radius:8px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:100;background:var(--ink);color:var(--page);border-radius:16px;padding:13px 20px;font-size:12px;box-shadow:0 8px 35px #0002;transition:opacity .25s,transform .25s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.pulse-value{animation:value-pop .35s ease}.predict-card.highlight{animation:panel-highlight .7s ease}.hero-copy{animation:hero-enter .65s both}.predict-column{animation:hero-enter .65s .12s both}
@keyframes token-float{0%,100%{translate:0 0;rotate:-10deg}50%{translate:0 -9px;rotate:5deg}}@keyframes spark-turn{to{rotate:360deg}}@keyframes card-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes hero-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes dialog-enter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes success-pop{from{scale:.5;opacity:0}to{scale:1;opacity:1}}@keyframes value-pop{50%{transform:translateY(-2px);opacity:.7}}@keyframes panel-highlight{50%{box-shadow:0 0 0 6px var(--accent-soft),var(--shadow)}}
/* Responsive */
@media(min-width:1500px){.hero{gap:130px;grid-template-columns:1fr 450px;padding-top:80px}.hero h1{font-size:88px}.hero-spark{left:410px}.flow-art{margin-top:45px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header-inner{gap:32px;padding:0 28px}.desktop-nav{gap:20px}.hero{gap:40px;grid-template-columns:minmax(0,1fr) 398px;padding-top:50px}.hero h1{font-size:69px}.hero-spark{left:326px;top:55px;width:42px;height:42px}.hero-actions{gap:15px}.hero-actions>.text-button{font-size:10px}.hero-description{font-size:14px}.hero-copy>.eyebrow{font-size:8px}.predict-card{padding:20px}.flow-heading{font-size:8px}.how-section{gap:60px}.market-toolbar{flex-wrap:wrap;gap:15px}.category-tabs{flex:1}.market-card{padding:18px}.market-question{font-size:17px;max-width:100%}.footer-top{gap:20px}.footer-links{gap:15px}}
@media(max-width:950px){.hero{grid-template-columns:minmax(0,1fr) 365px;gap:28px;padding-bottom:55px}.hero h1{font-size:58px}.hero-spark{width:37px;height:37px;left:272px;top:48px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-description{font-size:13px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.09em}.flow-art{margin-top:27px}.fluid-vessel{height:110px}.fluid-values{padding:0 27px}.fluid-values strong{font-size:31px}.floating-token{width:34px;height:34px;font-size:17px}.flow-heading>button{font-size:8px}.flow-caption{font-size:8px}.flow-caption>span:first-child{max-width:52%}.fluid-wrap{padding:24px 2px 13px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.market-card{padding:16px}.category-tag{font-size:8px}.market-question{font-size:16px;min-height:65px}.card-probability{margin:15px 0}.sparkline{width:75px}.card-outcomes button{padding:9px;font-size:10px}.card-meta{font-size:8px}.footer-top{flex-wrap:wrap}.how-section{gap:35px;grid-template-columns:.8fr 1.2fr}.how-intro h2{font-size:43px}.step-art{width:50px;height:50px;border-radius:17px}.how-steps article{gap:14px}.how-steps p{font-size:11px}.desktop-nav .nav-link:last-child{display:none}.header-inner{gap:35px}.header-actions{gap:9px}}
@media(min-width:761px) and (max-width:860px){.hero{grid-template-columns:1fr;max-width:600px;gap:35px}.hero-copy{text-align:center}.hero h1{font-size:76px;display:inline-block;text-align:left}.hero-spark{left:360px;top:62px;width:45px;height:45px}.hero-copy>.eyebrow{justify-content:center;font-size:9px}.hero-description{font-size:15px}.hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:20px}.hero-actions>.text-button{font-size:12px}.flow-art{margin:32px auto 0;max-width:470px;text-align:left}.flow-caption{font-size:9px}.predict-column{width:440px;justify-self:center;padding-top:0}.card-orbit{display:none}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{height:72px;padding:0 20px;gap:20px}.brand{font-size:29px}.brand-symbol,.brand-symbol svg{width:30px;height:30px}.desktop-nav{display:none}.header-actions{gap:8px}.wallet-button{font-size:11px;gap:6px;padding-right:10px}.wallet-unit{font-size:9px}.wallet-avatar{width:26px;height:26px}.hero{grid-template-columns:1fr;gap:35px;padding-top:39px;padding-bottom:55px;max-width:580px}.hero-copy>.eyebrow{font-size:8px;justify-content:center;margin-top:0;margin-bottom:22px}.hero-copy{text-align:center}.hero h1{font-size:72px;max-width:100%;display:inline-block;text-align:left}.hero-spark{left:344px;top:58px;width:45px;height:45px}.hero-description{font-size:14px;margin-top:20px}.hero-actions{flex-direction:row;align-items:center;justify-content:center;gap:20px}.hero-actions>.text-button{font-size:11px}.flow-art{text-align:left;margin:32px auto 0;max-width:450px}.flow-heading{font-size:8px}.flow-heading>button{font-size:9px}.flow-caption{font-size:9px}.flow-caption>span:first-child{max-width:65%}.fluid-values{padding:0 35px}.fluid-values strong{font-size:34px}.fluid-vessel{height:110px}.predict-column{width:min(440px,100%);justify-self:center;padding-top:0}.predict-card{padding:22px}.card-orbit{display:none}.hero:before{top:350px;right:0;width:100%;max-width:none}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.section-title h2{font-size:29px}.market-heading-right{gap:8px}.sample-label{font-size:8px;max-width:100px;text-align:right}.market-toolbar{display:block}.category-tabs{margin:0 -20px 16px;padding:0 20px;gap:5px}.category-tabs button{font-size:10px;padding:9px 14px}.search-sort{justify-content:space-between}.search-box{flex:1;max-width:none}.search-box input{font-size:12px}.search-sort select{padding-block:10px;max-width:120px}.market-card{padding:18px}.market-question{font-size:17px;min-height:70px}.market-card-top .market-token{width:38px;height:38px;border-radius:12px}.sparkline{width:72px}.market-bottom{font-size:10px}.market-bottom .text-button{font-size:9px}.how-section{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.how-intro h2 br,.how-intro>p br{display:none}.how-intro h2{font-size:36px;line-height:1.2;max-width:380px}.how-intro>p{font-size:12px}.how-steps article{gap:20px;padding:24px 0}.how-steps p{font-size:12px;max-width:400px}.step-art{width:65px;height:65px;border-radius:21px}.site-footer{padding-bottom:105px}.footer-top{gap:15px}.footer-top>p{font-size:10px}.footer-links{width:100%;margin-top:10px;justify-content:space-between;gap:10px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}.footer-bottom button{font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(20px);padding:10px 20px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:9px;color:var(--muted);min-width:70px;padding:2px 15px}.mobile-nav button.active{color:var(--accent)}.mobile-nav svg{width:21px;height:21px}.toast{bottom:95px}.positions-view{padding-top:35px}.positions-header h1{font-size:34px}.positions-header>.button{font-size:11px;padding:11px}.positions-summary{gap:10px}.positions-summary>div{padding:16px 12px}.positions-summary span{font-size:9px}.positions-summary strong{font-size:24px}.position-item{flex-wrap:wrap;gap:12px;padding:17px}.position-info{min-width:calc(100% - 60px)}.position-numbers{margin-left:49px;gap:20px;text-align:left;flex:1}.position-status{margin-left:auto}.position-info>button{font-size:15px}}
@media(max-width:430px){.wrap{width:calc(100% - 32px)}.header-inner{padding:0 16px}.header-actions{gap:3px}.wallet-unit{display:none}.hero h1{font-size:61px}.hero-spark{left:auto;right:-25px;top:51px;width:35px;height:35px}.hero-copy>.eyebrow{font-size:7px}.hero-actions{gap:14px}.hero-actions>.text-button{font-size:10px}.button{padding:13px 17px;font-size:12px}.hero-description{font-size:13px}.hero{padding-top:32px}.market-grid{grid-template-columns:1fr}.market-question{min-height:45px;max-width:90%;font-size:19px}.market-card{padding:22px}.market-card-top{margin-bottom:16px}.category-tag{font-size:9px}.card-probability{margin:15px 0}.sparkline{width:125px}.card-outcomes button{padding:11px 14px;font-size:11px}.card-meta{font-size:9px}.section-title h2{font-size:28px}.sample-label{display:none}.category-tabs{margin-inline:-16px;padding-inline:16px}.market-bottom{align-items:flex-start;gap:15px}.market-bottom .text-button{max-width:170px;font-size:10px;text-align:right;padding-top:0}.predict-card{padding:19px}.how-intro h2{font-size:34px}.step-art{width:50px;height:50px;border-radius:16px;font-size:35px}.how-steps article{gap:13px}.how-steps h3{font-size:20px}.how-steps p{font-size:11px}.footer-top>.brand{font-size:25px}.footer-top>p{font-size:9px}.footer-links{font-size:10px}.app-dialog{padding:21px}.theme-options{gap:7px}.theme-option{padding:7px 7px 11px}.theme-option small{font-size:7px}.positions-summary{grid-template-columns:1fr 1fr}.positions-summary>div:last-child{grid-column:1/-1}.positions-header{align-items:flex-start}.positions-header>.button{padding:10px;font-size:9px;gap:5px}.positions-header>.button svg{width:13px;height:13px}.positions-header h1{font-size:30px}}
@media(max-width:350px){.hero h1{font-size:53px}.hero-spark{width:29px;right:-22px}.hero-actions{gap:10px}.hero-actions>.text-button{font-size:9px}.hero-actions>.button{padding:12px}.flow-heading{letter-spacing:0;font-size:7px}.card-undertext{font-size:8px;gap:5px}.header-actions{gap:0}.brand{font-size:26px}.wallet-button{font-size:10px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}