/* GHOST: flowing rose, lavender and Ethereum violet. */
:root{--paper:#ede6fa;--ink:#29213f;--lime:#d6b3f4;--line:#c1b4d5}
body{background:#eee7f8;isolation:isolate}
body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 22%,#f6badba6,transparent 46%),radial-gradient(ellipse at 82% 30%,#b5a2f4b8,transparent 45%),radial-gradient(ellipse at 60% 84%,#eeb7f29c,transparent 48%),radial-gradient(ellipse at 8% 90%,#c4ceffa6,transparent 50%);animation:ether-flow 22s ease-in-out infinite alternate}
@keyframes ether-flow{from{transform:translate3d(-2%,-2%,0) rotate(-3deg)}to{transform:translate3d(3%,3%,0) rotate(5deg)}}
header,.hero,.token-bar,.section{border-color:#84749c70}.hero-art{border-color:#ac96c675}.hero-art>img,.demo>img,.network-art>img{filter:hue-rotate(205deg) saturate(.68)}
.ghost-wordmark{font-size:30px;font-weight:700;letter-spacing:3px;line-height:1}.mask.ghost-mark{filter:none;width:49px;height:49px;object-fit:contain;transform:scale(1.35);margin-right:1px}.brand{gap:12px}footer .ghost-wordmark{font-size:25px}footer .mask.ghost-mark{width:40px;height:40px}
.button{background:linear-gradient(120deg,#7153ae,#9b5fb0);border-color:#78529e;color:white;border-radius:12px;box-shadow:0 5px 20px #8852aa15}.button:hover{background:linear-gradient(120deg,#624398,#8b479f);box-shadow:0 8px 26px #8852aa30}.button.small,.manifesto .button{background:linear-gradient(115deg,#eec4e8,#c2b4f3);color:#332443;border-color:#bda5d3}.hero h1 span:after{background:linear-gradient(100deg,#efa9d5b5,#b9a0ecb8);border-radius:35% 55% 28% 35%;height:25%;bottom:2px;transform:rotate(-1deg)}
.muted{color:#84719c}.intro{color:#4b3c63}.hero-foot,.footer-note{color:#6b5b7e}.outline-tag{border-color:#b59acb;background:#f7edff44;border-radius:8px}.features{border-color:#b09acb;border-radius:18px;background:#ffffff26;backdrop-filter:blur(12px)}.features article{border-color:#b09acb}.features .lime{background:linear-gradient(140deg,#eebce2aa,#bea6edaa)}.features p,.protocol-intro p,.benefits,.step p,details p{color:#625070}.token-title>span,.demo small,summary>span{color:#716180}.demo{background:linear-gradient(150deg,#efd3ea99,#c9baf39c);border-color:#bba4d0;border-radius:22px}.demo.on{background:linear-gradient(145deg,#e5b4eeaa,#b39be6b0)}.privacy-toggle{background:#4c366c;border-radius:12px}.step.active>span{background:#d6b3f4}.step{border-color:#bcaad1}.toggle-track{border-color:#cfbfe4}.toggle-track i{background:#cfbfe4}.on .toggle-track i{background:#f2c8ef}details{border-color:#bcaad1}details:last-child{border-color:#bcaad1}
.manifesto{background:radial-gradient(ellipse at 100% 0,#80579090,transparent 65%),linear-gradient(135deg,#302641,#443057);border-radius:22px;color:#f0e7f9}.manifesto h2 span{color:#e7b5eb}.manifesto-top img{width:74px;height:74px;object-fit:contain;filter:none;transform:scale(1.3)}.manifesto-bottom{border-color:#9477a16b}.manifesto-bottom p{color:#d2c0df}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#8050b2}.square{background:#9161b9}.token-title img{filter:brightness(0) sepia(1) hue-rotate(210deg)}
@media(max-width:760px){nav{background:#f0e3f7f5;border-color:#b4a0ca;border-radius:14px;box-shadow:0 14px 35px #67508326}.ghost-wordmark{font-size:25px;letter-spacing:2px}.mask.ghost-mark{width:38px;height:38px}.brand{gap:8px}.features article{border-color:#b09acb}.hero-art{border-color:#ac96c675}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}
#hero-animation{width:100%;padding:10px 0}#hero-animation>svg,#hero-animation>img{display:block;width:100%;height:auto;max-height:465px;overflow:visible}#hero-animation [role=button]:focus-visible{outline:3px solid #9566be;outline-offset:5px}.phone-section{position:relative;min-height:710px;overflow:hidden;padding:60px 0 0}.phone-heading{position:relative;z-index:2;width:46%;margin-left:auto;padding:30px 0 0;text-align:right;pointer-events:none}.phone-heading h2{margin-top:28px;font-size:44px}.phone-heading>p{font-size:23px;margin:15px 0}.replay-button{pointer-events:auto;background:#ffffff40;border:1px solid #b39acb;border-radius:30px;padding:10px 19px;font-size:13px;margin-top:15px}.replay-button:hover{background:#d5b7ec80}.phone-heading small{display:block;font-size:11px;color:#705c82;margin-top:12px}#phone-animation{position:absolute;width:900px;max-width:88%;left:-70px;top:85px;transform:rotate(-11.81deg);transform-origin:center}#phone-animation>svg,#phone-animation>img{width:100%;height:auto;display:block}#phone-animation svg:focus-visible{outline:2px solid #9566be!important}.hero-art>img{animation:none}@media(min-width:1500px){#hero-animation>svg{max-height:560px}.phone-section{min-height:800px}#phone-animation{width:1050px}}@media(max-width:1000px){.phone-heading h2{font-size:35px}.phone-heading>p{font-size:19px}#phone-animation{left:-95px;top:150px}.phone-section{min-height:650px}}@media(max-width:760px){#hero-animation>svg{max-height:355px}.phone-section{min-height:690px;padding-top:40px}.phone-heading{width:100%;padding:0;text-align:left}.phone-heading h2{font-size:34px;margin-top:20px}.phone-heading>p{font-size:19px}.phone-heading small{font-size:10px}#phone-animation{width:650px;max-width:none;left:calc(50% - 270px);top:270px}.phone-section{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.welcome-ghost{animation:none}}

@media(min-width:761px){#phone-animation{left:0;top:75px}}

.corner-field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;contain:strict}.shell,.wallet-main,.app-header,.app-footer{position:relative}
/* Three-second white-out, followed by a left-to-right rewrite. */
.hero h1 .privacy-wipe{display:inline-block;position:relative;isolation:isolate}
.hero h1 .privacy-words{display:block;font-weight:inherit;animation:privacy-rewrite 3s linear infinite}
.hero h1 .privacy-wipe:after{content:"";position:absolute;inset:0 -.025em;background:#fff;height:auto;border-radius:0;transform:none;z-index:1;pointer-events:none;animation:privacy-whiteout 3s ease-in-out infinite}
@keyframes privacy-whiteout{0%{clip-path:inset(0 100% 0 0)}14%,25%{clip-path:inset(0 0 0 0)}55%,100%{clip-path:inset(0 0 0 100%)}}
@keyframes privacy-rewrite{0%,14%{clip-path:inset(0 0 0 0)}15%,25%{clip-path:inset(0 100% 0 0)}60%,100%{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.hero h1 .privacy-wipe:after{display:none}.hero h1 .privacy-words{animation:none;clip-path:none}}

.token-title img{filter:none;width:32px;height:32px;object-fit:contain}

nav .ghost-x-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0}nav .ghost-x-link svg{flex-shrink:0}nav .ghost-x-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){nav .ghost-x-link span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}}

.ghost-ca{display:flex;align-items:center;gap:12px;min-width:0;margin-left:auto}.ghost-ca a{font-size:13px;overflow-wrap:anywhere}.ghost-ca a>span{font-size:11px;letter-spacing:1px;margin-right:6px}.ghost-ca code{font-size:12px}.ghost-ca button{border:1px solid #bda5d3;border-radius:7px;background:#ffffff40;padding:10px 12px;min-height:44px;font-size:12px;flex-shrink:0}@media(max-width:1050px){.token-bar{flex-wrap:wrap}.ghost-ca{order:3;width:100%;margin-left:0}.ghost-ca a{min-width:0}.ghost-ca code{word-break:break-all}}