@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f5ed;--ink:#20251f;--blue:#3c61ee;--muted:#72756b;--line:#dedfd5;--green:#d7ebbd;--orange:#ffc596;--yellow:#f4d779;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}header{height:100px;max-width:1440px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;display:inline-flex;align-items:center;letter-spacing:-1.8px;gap:9px}.brand-mark{width:36px;height:38px;border-radius:12px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:33px;position:relative;line-height:1;padding-bottom:5px}.brand-mark span{position:absolute;color:var(--yellow);font-size:23px;right:2px;top:-4px}.brand-dot{color:var(--blue);margin-left:-8px}nav{display:flex;gap:27px;align-items:center;font-size:13px;font-weight:600}nav a{position:relative;padding:14px 0}nav a:hover,nav a.active{color:var(--blue)}nav a.active:after{content:'';position:absolute;bottom:4px;left:0;width:20px;height:3px;background:var(--blue);border-radius:2px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:17px 25px;border-radius:12px;border:1px solid var(--line);font-weight:600;transition:transform .2s,box-shadow .2s;background:transparent}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #20251f10}.button.dark{background:var(--ink);color:white;border-color:var(--ink)}.button.blue{background:var(--blue);color:white;border-color:var(--blue)}.button.small{font-size:12px;padding:13px 19px;white-space:nowrap}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;gap:9px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;background:var(--blue);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-2px;margin:0}h1{font-size:clamp(48px,6.1vw,84px);line-height:1.08}h2{font-size:clamp(35px,4vw,55px);line-height:1.13}h3{font-size:23px;letter-spacing:-.8px}p{line-height:1.75;color:var(--muted)}.blue-text{color:var(--blue)}.wrap{max-width:1320px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:20px;align-items:center;padding-top:86px;padding-bottom:70px;min-height:690px}.hero h1{margin:24px 0}.hero p{max-width:380px;font-size:16px}.actions{display:flex;gap:12px;margin:28px 0 16px;flex-wrap:wrap}.subnote{font-size:11px;color:var(--muted);display:flex;gap:15px;align-items:center}.subnote span:before{content:'✓';margin-right:5px}.scene{height:520px;position:relative;background:radial-gradient(ellipse at center,#e9ecdd 0,transparent 70%)}.mascot-main{position:absolute;width:330px;height:360px;left:18%;top:115px;animation:bob 4s ease-in-out infinite;filter:drop-shadow(0 25px 15px #282c2020)}.mascot-main svg{width:100%;height:100%}.float-card{position:absolute;border-radius:15px;padding:20px;background:white;box-shadow:0 12px 35px #21251f0b;font-size:12px;z-index:2;animation:float 5s ease-in-out infinite}.float-card b{display:block;font-size:20px;font-family:Manrope;letter-spacing:-.5px;margin-top:7px}.trade-card{top:72px;left:5%;transform:rotate(-8deg);background:var(--green);width:155px}.habit-card{right:0;top:190px;background:#e1e8ff;transform:rotate(7deg);width:160px;animation-delay:-2s}.note-card{left:3%;bottom:13px;background:var(--yellow);transform:rotate(-7deg);font-family:Manrope;font-weight:800;font-size:17px;width:160px;animation-delay:-1s}.chart-card{right:-10px;bottom:20px;width:190px;padding:17px;transform:rotate(5deg);animation-delay:-3s}.chart-card svg{width:100%;height:65px}.scribble{position:absolute;right:12px;top:42px;font-size:13px;font-weight:800;transform:rotate(9deg);line-height:1.5;letter-spacing:1px}.scribble:after{content:'↙';display:block;font-size:43px}.scene .spark{position:absolute;color:var(--blue);font-size:35px;left:12px;top:230px}.pill{display:inline-flex;border-radius:50px;padding:7px 12px;background:#e8ebde;font-size:11px;font-weight:600;gap:6px;align-items:center}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:20px}.feature-strip div{display:flex;align-items:center;gap:13px}.feature-strip i{font-style:normal;font-size:25px;color:var(--blue)}.feature-strip b{font-size:13px;display:block;margin-bottom:5px}.feature-strip small{font-size:11px;color:var(--muted)}.section{padding:100px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-top p{max-width:350px}.section-top .eyebrow{margin-bottom:18px}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fdfcf7}.walkthrough .card{background:#e7edff;position:relative;overflow:hidden;min-height:290px}.address-form{display:flex;gap:8px;margin:30px 0 14px}.address-form input{flex:1;min-width:0;background:white}.input,input,select,textarea{padding:14px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3c61ee16}label{font-size:12px;font-weight:600;display:grid;gap:7px}.steps{display:grid;gap:23px;margin-top:32px}.step{display:flex;gap:15px}.step span{border:1px solid #b9c5f5;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.step b{font-size:14px}.step p{margin:4px 0;font-size:12px}.mood-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.moods{display:flex;gap:8px;margin:30px 0}.mood{width:65px;display:grid;gap:8px;border:1px solid transparent;border-radius:15px;background:transparent;padding:10px 5px}.mood span{font-size:30px;transition:transform .2s}.mood small{font-size:10px}.mood:hover span{transform:rotate(-10deg) scale(1.15)}.mood.selected{border-color:var(--blue);background:#e7edff}.today-card{transform:rotate(3deg);box-shadow:12px 12px 0 #e5e6d9;position:relative}.today-card .amount{font-size:45px;font-family:Manrope;font-weight:800;margin:25px 0 0;letter-spacing:-2px}.today-card .mascot-mini{position:absolute;right:-35px;bottom:-25px;width:160px}.process-rule{padding:10px 0;border-top:1px solid var(--line);font-size:12px}.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.type-card{padding:19px 18px;border-radius:20px;position:relative;transition:transform .3s;border:0;text-align:left;color:var(--ink)}.type-card:hover{transform:translateY(-9px) rotate(-2deg)}.type-card svg{width:100%;height:155px;animation:bob 4s ease-in-out infinite}.type-card:nth-child(2) svg{animation-delay:-1s}.type-card:nth-child(3) svg{animation-delay:-2s}.type-card:nth-child(4) svg{animation-delay:-3s}.type-card h3{font-size:17px;letter-spacing:-.5px}.type-card p{font-size:11px;color:#45493e;line-height:1.6}.type-card .number{font-size:10px;opacity:.6}.cta{background:var(--blue);color:white;padding:65px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;margin-bottom:80px}.cta p{color:#e5e9ff}.cta .button{background:var(--yellow);color:var(--ink);border:0}.cta:after{content:'✳';position:absolute;right:29%;bottom:-75px;font-size:240px;color:#ffffff0c;pointer-events:none}footer{max-width:1320px;margin:auto;padding:35px 5%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:25px;align-items:center;font-size:11px;color:var(--muted)}footer .brand{color:var(--ink);font-size:26px}footer div{margin-left:auto;display:flex;gap:20px;align-items:center}footer small{width:100%;font-size:10px}.text-button{border:0;background:transparent;color:inherit;font:inherit;padding:0}.page{padding:55px 0 85px;animation:arrive .4s ease-out}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.page-title h1{font-size:48px}.page-title p{margin-bottom:0}.app-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px;overflow:auto}.app-nav a{padding:11px 17px;border-radius:9px;font-size:12px;white-space:nowrap}.app-nav a.active{background:var(--ink);color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{padding:24px;border:1px solid var(--line);border-radius:19px;background:#fdfcf7}.metric small{color:var(--muted);font-size:11px}.metric strong{display:block;font-family:Manrope;font-size:30px;font-weight:800;margin:12px 0 7px;letter-spacing:-1px}.metric span{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.chart{width:100%;height:230px;overflow:visible;margin-top:20px}.chart text{font-size:9px;fill:var(--muted)}.empty{padding:45px 15px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:7px;font-size:18px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-heading h3{font-size:19px}.companion{background:var(--green);display:flex;align-items:center;gap:25px;margin-bottom:22px;padding:25px;border-radius:23px}.companion svg{width:110px;flex-shrink:0;animation:bob 4s infinite}.companion h3{font-size:20px}.companion p{font-size:12px;color:#526442}.filters{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.filters input{flex:1;min-width:130px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;font-size:10px;font-weight:500;color:var(--muted);padding:16px 12px;border-bottom:1px solid var(--line)}td{padding:18px 12px;border-bottom:1px solid var(--line)}tbody tr:hover{background:#edf0e3;cursor:pointer}.positive{color:#477d36}.negative{color:#b85b43}.tag{display:inline-flex;border-radius:7px;padding:5px 9px;background:#e6edff;color:#3e5cae;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}textarea{resize:vertical;min-height:100px}.quiz-wrap{max-width:870px;margin:auto}.quiz-card{padding:45px;border-radius:30px;background:#e5ebff;display:grid;grid-template-columns:1fr 240px;gap:35px;align-items:center}.quiz-card svg{width:100%;animation:bob 4s infinite}.quiz-card h2{font-size:35px}.quiz-options{display:grid;gap:10px;margin:25px 0}.quiz-options button{text-align:left;padding:17px;border-radius:13px;background:#fdfcf7;border:1px solid #d0d7ee;transition:transform .2s}.quiz-options button:hover{transform:translateX(5px);border-color:var(--blue);color:var(--blue)}.progress{height:5px;background:#d1d9f5;border-radius:5px;margin:20px 0}.progress span{height:100%;display:block;border-radius:5px;background:var(--blue);transition:width .3s}.scores{display:grid;gap:16px;margin:30px 0}.score-row{display:grid;grid-template-columns:130px 1fr 35px;align-items:center;gap:12px;font-size:12px}.score-bar{height:8px;background:#d4ddcf;border-radius:20px}.score-bar span{height:100%;display:block;background:var(--blue);border-radius:20px}.result-hero{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px;padding:40px;border-radius:25px;background:var(--green)}.result-hero svg{width:100%;animation:bob 4s infinite}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.suggestions .card{font-size:13px}.suggestions b{display:block;font-family:Manrope;font-size:17px;margin:12px 0}.paper-layout{display:grid;grid-template-columns:230px 1fr;gap:55px}.paper-nav{position:sticky;top:25px;align-self:start;display:grid;gap:5px}.paper-nav a{font-size:12px;padding:11px;border-radius:9px}.paper-nav a:hover{background:#e5e9da}.paper-section{scroll-margin-top:30px;border-bottom:1px solid var(--line);padding:15px 0 35px;margin-bottom:20px}.paper-section h2{font-size:28px;letter-spacing:-1px;margin:15px 0}.paper-section p,.paper-section li{font-size:14px;line-height:1.9;color:var(--muted)}.paper-section .eyebrow{color:var(--blue)}.token-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:30px 0 65px}.token-coin{margin:auto;border-radius:50%;width:270px;height:270px;background:var(--blue);border:20px solid #5375ff;box-shadow:15px 12px 0 #223ead,25px 35px 50px #3c61ee33;display:grid;place-items:center;color:#fff;font-size:150px;font-family:Manrope;font-weight:800;transform:rotate(-12deg);animation:bob 5s infinite}.allocation{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.donut{width:230px;height:230px;position:relative;border-radius:50%;background:conic-gradient(var(--blue) 0 40%,#98b37e 40% 65%,var(--orange) 65% 85%,var(--yellow) 85% 95%,#ced8ff 95% 100%);margin:auto}.donut:after{content:'3%';background:var(--paper);border-radius:50%;position:absolute;inset:38px;display:grid;place-items:center;font-family:Manrope;font-size:50px;font-weight:800}.allocation-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:13px}.allocation-row i{height:10px;width:10px;border-radius:3px}.allocation-row b{margin-left:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:20px}.calendar button{padding:13px 2px;border:0;border-radius:8px;background:#eeeee4;min-height:45px;font-size:11px}.calendar button.has-entry{background:#d7ebbd}.calendar button:hover{outline:1px solid var(--blue)}.calendar small{text-align:center;font-size:9px;color:var(--muted)}.calendar-top{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.calendar-top button{border:0;background:#e8ebde;padding:8px 14px;border-radius:6px}dialog{border:1px solid var(--line);border-radius:24px;padding:40px;width:min(630px,92vw);background:var(--paper);color:var(--ink);max-height:90vh}dialog::backdrop{background:#20251f75;backdrop-filter:blur(6px)}dialog h2{font-size:30px;margin-bottom:20px}dialog .close{position:absolute;right:15px;top:12px;font-size:25px;border:0;background:transparent}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:14px 24px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;z-index:30;transition:.3s}#toast.visible{opacity:1;transform:translate(-50%,0)}.checkline{display:flex;gap:10px;align-items:center}.checkline input{accent-color:var(--blue)}.note-banner{background:#e9eddf;border-radius:12px;padding:16px;font-size:12px;color:var(--muted);line-height:1.7;margin-top:20px}.csv-help{font-family:monospace;font-size:11px;word-break:break-all}.reveal{animation:arrive .6s ease-out}.confetti{position:fixed;top:-10px;width:8px;height:12px;z-index:40;pointer-events:none;animation:fall 1.8s ease-in forwards}.round-icon{width:42px;height:42px;border-radius:12px;background:#e3e9fc;display:grid;place-items:center;font-size:21px}.row-gap{margin-top:22px}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes bob{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -12px;rotate:2deg}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fall{to{top:100vh;transform:rotate(700deg);opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:1050px){header{padding:0 4%;gap:15px}nav{gap:15px;font-size:11px}.hero{padding-top:50px;min-height:590px}.scene{scale:.88;transform-origin:center}.hero h1{font-size:61px}.type-grid{gap:9px}.type-card{padding:15px 10px}.type-card h3{font-size:15px}.type-card svg{height:130px}.mood-section{gap:40px}.walkthrough{gap:30px}}@media(max-width:760px){header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:20px}.brand{font-size:28px}header>.button{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:12px;overflow:auto}nav a{white-space:nowrap}.wrap{padding:0 6%}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:0}.hero h1{font-size:54px;letter-spacing:-3px}.scene{height:410px;max-width:450px;width:100%;margin:0 auto;scale:.9}.mascot-main{top:65px;left:18%;width:280px;height:300px}.trade-card{top:25px;left:0}.habit-card{top:135px;right:-10px}.note-card{bottom:0;left:0}.chart-card{bottom:-10px;right:-15px}.scribble{right:5px;top:0}.feature-strip{grid-template-columns:repeat(3,1fr);row-gap:25px}.feature-strip div{gap:7px}.feature-strip small{font-size:9px}.feature-strip i{font-size:20px}.section{padding:65px 0}.section-top{display:block}.section-top p{max-width:none}.walkthrough,.mood-section{grid-template-columns:1fr;gap:35px}.today-card{margin:10px 15px 10px 0}.type-grid{grid-template-columns:repeat(2,1fr)}.type-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.type-card:last-child svg{grid-row:1/4;grid-column:2}.type-card svg{height:145px}.cta{padding:35px;display:block;margin-bottom:40px}.cta h2{font-size:36px}.cta .button{margin-top:15px}footer{padding:30px 6%;gap:18px}footer div{margin:0;width:100%}.page{padding-top:35px}.page-title{display:block}.page-title h1{font-size:38px}.page-title .actions{margin-top:15px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:18px}.metric strong{font-size:25px}.dashboard-grid,.two-col{grid-template-columns:1fr}.card{padding:23px}.quiz-card{grid-template-columns:1fr;padding:27px}.quiz-card>svg{max-width:170px;margin:auto;grid-row:1}.quiz-card h2{font-size:27px}.result-hero{grid-template-columns:1fr;padding:25px}.result-hero svg{width:170px;grid-row:1;margin:auto}.suggestions{grid-template-columns:1fr}.paper-layout{grid-template-columns:1fr;gap:20px}.paper-nav{position:static;display:flex;overflow:auto}.paper-nav a{white-space:nowrap}.token-hero{grid-template-columns:1fr;gap:50px}.token-coin{width:200px;height:200px;font-size:110px}.allocation{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.address-form{flex-wrap:wrap}.address-form .button{width:100%}dialog{padding:30px 22px}.score-row{grid-template-columns:100px 1fr 30px}}
/* Landing chapters: native scrolling with slideshow transitions. */
html.slideshow{scroll-snap-type:y proximity;scroll-padding-top:100px}.landing-page header{position:sticky;top:0;background:#f7f5edf2;backdrop-filter:blur(16px);z-index:15}.landing-slide{scroll-snap-align:start;min-height:calc(100svh - 100px);position:relative}.landing-page .intro-slide{display:flex;flex-direction:column;justify-content:center}.landing-page .hero{min-height:0;flex:1;padding-top:35px;padding-bottom:30px}.landing-page .hero h1{font-size:clamp(48px,5.3vw,76px)}.landing-page .hero .scene{height:min(490px,58svh)}.landing-page .section{padding:65px 0}.landing-page .section:has(.type-grid){display:flex;flex-direction:column;justify-content:center}.landing-page .cta{margin:0 -5.56%;border-radius:0;padding:8%;min-height:calc(100svh - 100px)}.landing-page .landing-slide:not(.intro-slide)>*{transition:opacity .65s ease,translate .8s cubic-bezier(.2,.75,.25,1);opacity:.15;translate:0 40px}.landing-page .landing-slide.slide-visible>*{opacity:1;translate:0 0}.landing-page .slide-visible .hero>div:first-child{animation:slide-copy .8s ease both}.landing-page .slide-visible .scene{animation:slide-scene 1s ease both}.mascot-main{cursor:pointer;outline-offset:10px;border-radius:45%;touch-action:manipulation}.mascot-main:focus-visible{outline:2px solid var(--blue)}.mascot-main svg{will-change:transform;transform-origin:center 65%}.mascot-wave .hands,.mascot-wave .hands-outline{transform-origin:72px 174px;animation:hand-wave .7s ease 2}.feature-strip .feature-link{display:flex;align-items:center;gap:13px;padding:10px 9px;border-radius:13px;transition:background .25s,transform .25s;position:relative}.feature-strip .feature-link>div{display:block}.feature-link:hover{background:#e8edff;transform:translateY(-5px)}.feature-link i{display:inline-block;transition:rotate .4s,scale .4s}.feature-link:hover i{rotate:15deg;scale:1.25}.slide-visible .feature-link{animation:feature-in .65s ease both;animation-delay:calc(var(--order)*.1s + .3s)}.slide-visible .feature-link i{animation:icon-pop 3.5s ease-in-out infinite;animation-delay:calc(var(--order)*.35s)}.slide-controls{position:fixed;right:17px;top:50%;translate:0 -50%;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:14}.slide-counter{font-size:9px;letter-spacing:1px;color:var(--muted);writing-mode:vertical-rl}.slide-dots{display:grid;gap:10px}.slide-dots button{width:18px;height:18px;border:0;background:transparent;position:relative;padding:5px}.slide-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#a5ad98;transition:scale .25s,background .25s}.slide-dots button.active:after{background:var(--blue);scale:1.4}.slide-dots button span{position:absolute;right:28px;top:0;white-space:nowrap;opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:6px 10px;border-radius:6px;font-size:10px;transition:opacity .2s}.slide-dots button:hover span,.slide-dots button:focus-visible span{opacity:1}.slide-next{width:30px;height:30px;border:1px solid var(--line);background:var(--paper);border-radius:50%;font-size:18px}.paper-section{padding:0;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fdfcf7;overflow:hidden}.paper-section summary{display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer;list-style:none}.paper-section summary::-webkit-details-marker{display:none}.paper-section summary h2{font-size:20px;letter-spacing:-.5px;margin:0;flex:1}.paper-number{color:var(--blue);font-size:11px;font-weight:700}.paper-toggle{font-size:25px;font-weight:400;color:var(--blue);transition:rotate .25s}.paper-section[open] .paper-toggle{rotate:45deg}.paper-section summary:hover{background:#eef1e5}.paper-content{padding:0 25px 22px;animation:arrive .3s ease}.paper-content p{margin-top:0}.paper-content .card{padding:10px 20px}.no-motion .landing-slide>*{opacity:1!important;translate:none!important}@keyframes slide-copy{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes slide-scene{from{opacity:0;translate:40px 0;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes feature-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes icon-pop{0%,75%,100%{translate:0 0;rotate:0deg}82%{translate:0 -4px;rotate:-12deg}90%{translate:0 0;rotate:8deg}}@keyframes hand-wave{0%,100%{rotate:0deg}35%{rotate:12deg}70%{rotate:-8deg}}@media(min-width:761px) and (max-height:800px){.landing-page .hero h1{font-size:clamp(45px,4.6vw,62px)}.landing-page .hero p{font-size:14px;margin:12px 0}.landing-page .hero h1{margin:15px 0}.landing-page .hero .actions{margin:18px 0 12px}.landing-page .hero .scene{scale:.83;transform-origin:center;height:390px}.landing-page .feature-strip{padding:12px 0}.landing-page .section{padding:40px 0}.landing-page .type-card svg{height:125px}.landing-page .section-top{margin-bottom:20px}.landing-page .section-top h2{font-size:42px}.landing-page .mascot-main{top:65px}}@media(max-width:760px){html.slideshow{scroll-snap-type:y proximity;scroll-padding-top:140px}.landing-slide{min-height:auto;scroll-margin-top:0}.landing-page .hero{padding-top:30px}.landing-page .hero h1{font-size:52px}.landing-page .hero .scene{height:410px}.landing-page .section{min-height:calc(100svh - 140px);padding:55px 0}.landing-page .cta{min-height:calc(100svh - 140px);margin:0 -6.82%;padding:65px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.slide-controls{right:5px;gap:12px}.slide-counter{display:none}.slide-next{width:24px;height:24px;font-size:14px}.slide-dots button{width:14px;height:14px;padding:4px}.slide-dots button:after{height:6px;width:6px}.feature-strip .feature-link{padding:8px 2px;gap:6px}.paper-section summary{padding:17px 14px;gap:10px}.paper-section summary h2{font-size:17px}.paper-content{padding:0 18px 18px}}@media(prefers-reduced-motion:reduce){html.slideshow{scroll-snap-type:none}.landing-page .landing-slide>*{opacity:1;translate:none}}
/* Compact chapters and companions acting out each feature. */
.landing-page .landing-slide{min-height:0}.landing-page .intro-slide{padding:0 0 25px}.landing-page .hero{flex:none;padding-top:35px;padding-bottom:25px;min-height:570px}.landing-page .section{min-height:0;padding:70px 0}.landing-page .section:has(.type-grid){display:block}.landing-page .cta{min-height:420px;padding:65px 8%;margin-top:20px}.landing-page .feature-strip{gap:12px;padding:18px 0;border-top:0}.feature-strip .feature-link{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px 18px;background:#fdfcf7;border:1px solid var(--line);border-radius:18px;overflow:hidden}.feature-link:nth-child(2){background:#e5ebff}.feature-link:nth-child(3){background:#f5e8be}.feature-link:nth-child(4){background:#e3edd7}.feature-link:nth-child(5){background:#ffe7d3}.feature-actor{display:block;width:100%;height:112px}.feature-actor svg{display:block;width:100%;height:125px;transform:translateY(-8px)}.feature-link b{font-family:Manrope;font-size:14px;margin-bottom:4px}.feature-link small{font-size:11px}.feature-link:hover .feature-actor svg{transform:translateY(-8px) rotate(-4deg);transition:transform .25s}.feature-actor .eyes{transform-origin:126px 111px;animation:feature-blink 5s infinite}.action-pencil{transform-origin:164px 181px;animation:write-note 1.6s ease-in-out infinite}.action-line{stroke-dasharray:23;animation:write-line 1.6s ease-in-out infinite}.action-bar{transform-box:fill-box;transform-origin:center bottom;animation:read-bars 2s ease-in-out infinite}.action-bar.b2{animation-delay:-.4s}.action-bar.b3{animation-delay:-.8s}.action-glass{transform-origin:165px 180px;animation:look-around 2.8s ease-in-out infinite}.action-spark{transform-origin:212px 135px;animation:discover-spark 2.8s ease-in-out infinite}.action-arrow{animation:hit-target 2.5s ease-in-out infinite}.action-thought{animation:reflect-thought 3.5s ease-in-out infinite}.feature-link:hover .action-pencil,.feature-link:hover .action-glass{animation-duration:.7s}@keyframes write-note{0%,100%{translate:0 0;rotate:0deg}50%{translate:8px 4px;rotate:8deg}}@keyframes write-line{0%{stroke-dashoffset:23;opacity:0}25%{opacity:1}75%,100%{stroke-dashoffset:0;opacity:1}}@keyframes read-bars{0%,100%{scale:1 .6}50%{scale:1 1}}@keyframes look-around{0%,100%{translate:0 0;rotate:-8deg}50%{translate:8px -7px;rotate:8deg}}@keyframes discover-spark{0%,30%,100%{opacity:.2;scale:.6}60%{opacity:1;scale:1.15}}@keyframes hit-target{0%,20%{translate:20px -20px;opacity:0}40%,80%{translate:0 0;opacity:1}100%{translate:0 0;opacity:0}}@keyframes reflect-thought{0%,100%{translate:0 3px;scale:.95}50%{translate:0 -4px;scale:1.04}}@keyframes feature-blink{0%,42%,46%,100%{scale:1 1}44%{scale:1 .1}}@media(max-width:760px){.landing-page .hero{min-height:0;padding-top:25px}.landing-page .section{padding:48px 0;min-height:0}.landing-page .feature-strip{grid-template-columns:repeat(2,1fr);gap:10px}.feature-strip .feature-link{padding:10px 12px 14px}.feature-actor{height:90px}.feature-actor svg{height:106px}.feature-link:last-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px}.feature-link:last-child .feature-actor{width:110px;flex-shrink:0}.landing-page .cta{min-height:330px;padding:45px 8%}.landing-page .mood-section{gap:28px}}@media(min-width:761px) and (max-height:800px){.landing-page .hero{min-height:440px;padding:20px 0}.feature-actor{height:80px}.feature-actor svg{height:95px}.feature-strip .feature-link{padding:8px 12px 12px}.landing-page .section{padding:45px 0}}
.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}header,main,footer{position:relative;z-index:1}.depth-stage{position:absolute;inset:0;perspective:850px;pointer-events:none}.notebook-3d{position:absolute;left:4%;top:33%;width:120px;height:154px;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-30deg) rotateZ(-14deg);animation:book-turn 9s ease-in-out infinite}.book-cover{position:absolute;inset:0;border-radius:4px 12px 12px 4px;background:#3c61ee;border:2px solid #2646b9;backface-visibility:visible}.book-front{transform:translateZ(14px);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:inset 6px 0 0 #1f3fb344;transform-origin:left center;animation:book-open 9s ease-in-out infinite}.book-front span{font-family:Manrope;font-weight:800;font-size:65px;letter-spacing:-6px}.book-front small{font-size:7px;letter-spacing:1px;margin-top:15px}.book-back{transform:translateZ(-14px)}.book-pages{position:absolute;inset:4px 3px 4px 2px;background:repeating-linear-gradient(0deg,#fffdf2 0px,#fffdf2 3px,#dad8cb 4px);transform:rotateY(90deg) translateZ(105px);width:27px;transform-origin:left}.book-spine{position:absolute;left:-14px;top:0;width:28px;height:154px;background:#2646b9;color:#aebdf7;transform:rotateY(-90deg);display:grid;place-items:center;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.book-floating-page{position:absolute;inset:9px;background:#fffcf0;border-radius:3px;transform:translateZ(7px);padding:30px 12px;animation:page-lift 9s ease-in-out infinite}.book-floating-page i{display:block;height:2px;background:#b5c1e8;margin:10px 0}.book-floating-page b{font-size:8px;display:block;color:#52773a;margin-top:20px}.depth-cube{position:absolute;width:36px;height:36px;transform-style:preserve-3d;animation:cube-tumble 14s linear infinite}.cube-blue{right:13%;top:20%;--cube:#94acf4}.cube-yellow{right:5%;bottom:34%;--cube:#f0cf73;animation-direction:reverse}.depth-cube i{position:absolute;inset:0;background:var(--cube);opacity:.65;border:1px solid #ffffffaa}.depth-cube i:nth-child(1){transform:translateZ(18px)}.depth-cube i:nth-child(2){transform:rotateY(90deg) translateZ(18px)}.depth-cube i:nth-child(3){transform:rotateX(90deg) translateZ(18px)}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}.showcase-heading h1{font-size:clamp(48px,5vw,70px)}.showcase-mascot{width:240px;flex-shrink:0;text-align:center;perspective:700px}.showcase-mascot svg{width:100%;animation:companion-depth 6s ease-in-out infinite;filter:drop-shadow(15px 20px 12px #20251f18)}.diary-section{padding:55px 0}.week-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:18px}.week-tabs button{display:grid;gap:12px;justify-items:center;background:#fdfcf7;border:1px solid var(--line);border-radius:15px;padding:17px 8px;transition:transform .2s,background .2s}.week-tabs button:hover{transform:translateY(-5px)}.week-tabs button.active{background:#e5ebff;border-color:var(--blue);box-shadow:0 4px 0 #3c61ee20}.week-tabs small{font-size:9px;color:var(--muted)}.week-tabs b{font-size:28px}.week-tabs span{font-size:12px;font-weight:700}.day-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fdfcf7}.day-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.day-pnl{font-family:Manrope;font-size:30px;letter-spacing:-1px}.day-reflections{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.day-reflections small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--blue)}.day-reflections p{font-size:13px}.showcase-page .table-wrap tbody tr{cursor:default}@keyframes book-turn{0%,100%{transform:rotateX(16deg) rotateY(-30deg) rotateZ(-14deg) translateY(0)}50%{transform:rotateX(9deg) rotateY(25deg) rotateZ(-7deg) translateY(-16px)}}@keyframes book-open{0%,20%,85%,100%{transform:translateZ(14px) rotateY(0deg)}45%,65%{transform:translateZ(14px) rotateY(-105deg)}}@keyframes page-lift{0%,25%,85%,100%{transform:translateZ(7px)}45%,65%{transform:translateZ(24px) rotateY(-15deg)}}@keyframes cube-tumble{from{transform:rotateX(20deg) rotateY(0deg) rotateZ(15deg)}to{transform:rotateX(380deg) rotateY(360deg) rotateZ(375deg)}}@keyframes companion-depth{0%,100%{transform:rotateY(-12deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(12deg) rotateX(-3deg) translateY(-10px)}}@media(max-width:1000px){nav{gap:14px;font-size:11px}.notebook-3d{scale:.8;left:-3%}.week-tabs{gap:6px}.week-tabs small{font-size:8px}}@media(max-width:760px){.showcase-heading{gap:15px}.showcase-mascot{width:125px}.showcase-heading h1{font-size:40px}.showcase-heading p{font-size:12px}.showcase-heading .actions{gap:6px}.showcase-heading .pill{font-size:9px}.week-tabs{grid-template-columns:repeat(7,minmax(78px,1fr));overflow:auto;padding-bottom:9px}.day-top{align-items:flex-start}.day-pnl{font-size:24px;white-space:nowrap}.day-reflections{grid-template-columns:1fr;gap:12px;margin:25px 0}.day-reflections p{margin:6px 0}.day-card{padding:23px}.notebook-3d{left:0;top:37%;scale:.75}.diary-section{padding:40px 0}.showcase-page .section-top{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.ambient-canvas{display:none}}
.type-card.has-3d{position:relative;padding-top:177px}.type-card.has-3d>svg{display:none}.type-card .character-canvas{position:absolute;top:16px;left:0;width:100%;height:160px;cursor:grab}.type-card.has-3d h3,.type-card.has-3d p{position:relative;z-index:1}.type-card.has-3d>.number{position:absolute;top:15px;left:18px;z-index:2}.token-mascot{height:360px;position:relative;max-width:390px;width:100%;margin:auto;filter:drop-shadow(15px 25px 13px #20251f18)}.token-mascot>svg{width:100%;height:100%}.token-mascot.has-3d>svg,.showcase-mascot.has-3d>svg{display:none}.token-mascot .character-canvas{width:100%;height:100%}.showcase-mascot.has-3d{height:280px;position:relative}.showcase-mascot .character-canvas{width:100%;height:250px}.showcase-mascot.has-3d .pill{position:absolute;bottom:0;left:50%;translate:-50% 0;white-space:nowrap}.token-mascot:after{content:'Your next chapter, in your hands.';position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}@media(max-width:760px){.type-card.has-3d{padding-top:155px}.type-card .character-canvas{height:145px;top:8px}.type-card.has-3d:last-child{display:block;grid-column:auto}.showcase-mascot.has-3d{height:175px}.showcase-mascot .character-canvas{height:155px}.token-mascot{height:300px}}
.market-mix{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.showcase-page [data-example-trade]{cursor:pointer!important}.showcase-page td small{color:var(--muted);font-size:10px}.showcase-page td{line-height:1.8}.showcase-page .day-card .table-wrap{margin-top:15px}
.token-hero,.showcase-heading{position:relative;isolation:isolate}.token-mascot{height:420px;max-width:420px;filter:none;position:relative}.token-mascot .character-canvas{position:relative;z-index:2}.token-mascot:before,.showcase-mascot:before{content:'';position:absolute;width:90%;aspect-ratio:1;left:5%;top:5%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dae4ff 0,#e7ebda 50%,#f7f5ed00 72%);z-index:0;animation:stage-breathe 7s ease-in-out infinite}.showcase-mascot{position:relative}.showcase-mascot.has-3d{width:290px;height:310px}.showcase-mascot .character-canvas{position:relative;z-index:2;height:285px}.showcase-heading{padding:25px 25px 25px 0;overflow:hidden;border-radius:30px;background:linear-gradient(110deg,#f7f5ed00 25%,#e7ecdd88 90%)}.stage-particles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.stage-orbit{position:absolute;right:0;top:15%;width:330px;height:250px;border:1px solid #3c61ee27;border-radius:45%;transform:rotate(-25deg);animation:orbit-drift 16s ease-in-out infinite}.stage-orbit.second{right:35px;top:13%;width:265px;height:310px;border-color:#92b67b36;animation-delay:-8s}.stage-particles span{position:absolute;right:calc(3% + var(--i)*4.6%);top:calc(12% + var(--i)*9%);color:#3c61ee55;font-size:calc(12px + var(--i)*1px);animation:stage-spark 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}@keyframes stage-breathe{0%,100%{scale:.93;opacity:.8}50%{scale:1.06;opacity:1}}@keyframes orbit-drift{0%,100%{transform:rotate(-25deg) translateY(0)}50%{transform:rotate(20deg) translateY(-15px)}}@keyframes stage-spark{0%,100%{translate:0 0;opacity:.4;rotate:0deg}50%{translate:-12px -19px;opacity:1;rotate:30deg}}@media(max-width:760px){.token-mascot{height:350px;max-width:340px}.showcase-mascot.has-3d{width:145px;height:205px}.showcase-mascot .character-canvas{height:175px}.showcase-heading{padding:20px 0;gap:10px}.stage-orbit{width:170px;height:170px;right:-30px}.stage-orbit.second{width:160px;height:200px;right:-10px}.stage-particles span{right:calc(var(--i)*3%);font-size:14px}}
.mood .mascot-mood{width:60px;height:52px;display:block;transition:transform .25s}.mood{width:76px;padding:7px 4px}.mood:hover .mascot-mood{transform:rotate(-8deg) translateY(-4px)}.mood.selected .mascot-mood{transform:translateY(-3px)}.habit-section{padding:60px 0 15px}.habit-section h2{font-size:42px}.habit-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.decision-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.decision-matrix>div{padding:18px;border-radius:13px}.decision-matrix strong{font-size:28px;display:block;font-family:Manrope}.decision-matrix span{font-size:11px;display:block;margin-top:7px}.habit-section tbody tr{cursor:default}.habit-prompt{border-left:3px solid #3c61ee55;padding-left:15px;margin:20px 0}.habit-prompt b{font-size:12px}.habit-prompt p{font-size:12px;margin:6px 0}.mood-evidence{display:flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.mood-evidence svg{width:48px;height:42px;flex-shrink:0}.mood-evidence b{font-size:13px}.mood-evidence small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.mood-evidence strong{margin-left:auto;font-size:17px;text-align:right}.habit-section .allocation-row{font-size:11px}.habit-section .allocation-row b{text-align:right}.habit-section .score-row{grid-template-columns:100px 1fr 35px}@media(max-width:760px){.habit-section h2{font-size:32px}.habit-metrics{grid-template-columns:1fr 1fr;gap:10px}.mood{width:61px}.mood .mascot-mood{width:49px;height:47px}.moods{gap:3px}.habit-section{padding-top:40px}.habit-section .card{padding:20px}}
.character-canvas{cursor:grab;touch-action:pan-y;border-radius:16px;outline-offset:-3px}.character-canvas.is-dragging{cursor:grabbing}.character-canvas:focus-visible{outline:2px solid var(--blue)}.type-card.has-3d{padding-top:195px}.type-card .character-canvas{height:180px;top:9px}.type-card.has-3d:after{content:'↔ Drag to rotate';display:block;margin-top:12px;font-size:9px;letter-spacing:.3px;color:#465344;opacity:.65}.token-mascot:after{content:'↔ Drag to rotate · Your next chapter, in your hands.'}@media(max-width:760px){.type-card.has-3d{padding-top:177px}.type-card .character-canvas{height:165px}}

/* Detailed collectible Trading DNA characters. */
.type-card.has-reference{position:relative;padding-top:260px;overflow:hidden;background:linear-gradient(160deg,#172d37,#101e29)!important;color:#fff;border:1px solid #344650;box-shadow:0 12px 25px #20352c13}
.type-card.has-reference p{color:#c7d5cf}.type-card.has-reference .number{position:absolute;top:17px;left:18px;z-index:2;color:#b7cfcb;letter-spacing:.12em;font-size:10px}
.type-card.has-reference>svg,.showcase-mascot.has-reference>svg{display:none}
.reference-character{position:relative;width:100%;height:100%;isolation:isolate}.type-card .reference-character{position:absolute;top:24px;left:0;height:235px}
.reference-character:before{content:"";position:absolute;inset:12% 3% 6%;background:radial-gradient(ellipse,#b9e9cc29,transparent 68%);z-index:-1}
.character-poster{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .3s}.model-ready .character-poster{opacity:0}
.reference-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;outline-offset:-4px}.reference-canvas:active{cursor:grabbing}.reference-canvas:focus-visible{outline:2px solid #97e0ad}
.character-hint{position:absolute;bottom:3px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:.04em;opacity:.55;pointer-events:none}
.showcase-mascot.has-reference{width:300px;height:310px;background:radial-gradient(ellipse,#d6e6ce,transparent 70%);border:0;box-shadow:none;transform:none}
.showcase-mascot .character-hint{color:#304632}.type-card.has-reference:hover{transform:translateY(-6px);box-shadow:0 18px 35px #20352c24}
@media(max-width:700px){.type-card.has-reference{padding-top:235px}.type-card .reference-character{height:210px}.showcase-mascot.has-reference{width:240px;height:270px}}

.profile-character{position:relative;width:260px;height:285px;margin:auto;background:radial-gradient(ellipse,#c8dfc44d,transparent 72%)}.profile-character.has-reference>svg{display:none}.result-character{width:100%;max-width:360px;height:360px}.profile-character .character-hint{color:#304632}

.mascot-main.has-reference{animation:none;filter:none;isolation:isolate}.mascot-main.has-reference>svg,.token-mascot.has-reference>svg{display:none}.mascot-main.has-reference .reference-character{height:100%}.mascot-main.has-reference .character-hint{color:#465344;bottom:0}.token-mascot.has-reference .reference-character{position:relative;z-index:2}.token-mascot.has-reference:after{display:none}.token-mascot.has-reference .character-hint{color:#465344}
/* Clearer navigation and a cheerful journal entry point. */
header nav{font-size:15px;gap:22px}header nav a{font-weight:650;transition:color .2s,transform .2s}header nav a:hover{transform:translateY(-2px)}
.journal-launch{position:relative;overflow:hidden;background:var(--blue);color:white;gap:12px;border:0;padding:13px 18px;font-size:14px;border-radius:15px;box-shadow:0 5px 0 #2446be;flex-shrink:0;isolation:isolate}
.journal-launch:before{content:'';position:absolute;inset:-50% -80%;background:linear-gradient(110deg,transparent 40%,#ffffff33 49%,transparent 58%);animation:launch-sheen 7s ease-in-out infinite;pointer-events:none;z-index:-1}.journal-launch:hover{transform:translateY(-3px);box-shadow:0 8px 0 #2446be}.journal-launch:active{transform:translateY(3px);box-shadow:0 2px 0 #2446be}.launch-spark{color:#d7ebbd;font-size:24px;transition:transform .5s}.journal-launch:hover .launch-spark{transform:rotate(100deg)}.launch-arrow{display:grid;place-items:center;width:26px;height:26px;background:#ffffff23;border-radius:8px;transition:transform .25s}.journal-launch:hover .launch-arrow{transform:translate(2px,-2px)}
@keyframes launch-sheen{0%,70%{transform:translateX(-40%)}95%,100%{transform:translateX(50%)}}
.companion-character{position:relative;width:140px;height:160px;flex:0 0 140px}.companion-character.has-reference>svg{display:none}.companion-character .character-hint{display:none}.companion-character>svg{width:100%;height:100%}
/* The whitepaper as a living reading desk. */
.paper-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding:12px 0 35px}.paper-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.03;margin:22px 0;letter-spacing:-3px}.paper-hero p{color:var(--muted);line-height:1.7;font-size:17px}.paper-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.paper-meta>span,.paper-meta>a{padding:9px 13px;border-radius:99px;background:#e9ecdf;font-size:11px}.paper-meta>a{background:var(--blue);color:white;display:flex;gap:12px;align-items:center}.paper-meta a b{font-size:16px}
.paper-art{position:relative;height:360px;perspective:1000px;isolation:isolate}.paper-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#d7ebbdad,transparent 69%);z-index:-1}.paper-orbit{position:absolute;inset:30px 12px;border:1px dashed #a6b69c;border-radius:50%;transform:rotate(-24deg)}
.paper-book{position:absolute;width:210px;height:260px;left:calc(50% - 105px);top:42px;transform-style:preserve-3d;transform:rotateY(-22deg) rotateZ(8deg);animation:book-sway 8s ease-in-out infinite;filter:drop-shadow(18px 26px 15px #3245281c)}.paper-book .book-cover{position:absolute;inset:0;border-radius:5px 16px 16px 5px;background:var(--blue);padding:24px;color:#fff;box-shadow:inset 9px 0 #2b4ecc,inset -1px 0 #90a4ff80;border:1px solid #2446be}.paper-book .book-pages{position:absolute;inset:7px -12px -7px 10px;border-radius:10px;background:repeating-linear-gradient(0deg,#e6e5d9 0px,#e6e5d9 2px,#fffef9 3px,#fffef9 5px);box-shadow:3px 2px 0 #dadbc9}.paper-book .book-brand{font:800 19px Manrope;letter-spacing:-1px}.paper-book .book-symbol{font:800 92px Manrope;line-height:1;letter-spacing:-10px;margin:21px 0 14px;color:#f7f5ed}.paper-book .book-symbol span{color:#d7ebbd;font-size:48px}.paper-book .book-lines{display:grid;gap:7px}.paper-book .book-lines i{height:3px;border-radius:9px;background:#bbcaff;width:75%}.paper-book .book-lines i:nth-child(2){width:55%}.paper-book .book-lines i:nth-child(3){width:65%}.paper-book .book-caption{position:absolute;bottom:17px;left:25px;font-size:7px;letter-spacing:1.4px;color:#dae3ff}.paper-star{position:absolute;font-style:normal;animation:paper-drift 6s ease-in-out infinite}.paper-star.one{top:14px;left:16%;color:var(--blue);font-size:45px}.paper-star.two{bottom:28px;right:13%;color:#da9a40;font-size:34px;animation-delay:-3s}.paper-mini-card{position:absolute;padding:14px 18px;border-radius:14px;background:#fefef9;box-shadow:0 10px 30px #35482a12;z-index:2;animation:paper-drift 7s ease-in-out infinite}.paper-mini-card span{display:block;font-size:8px;letter-spacing:1.2px;color:#6e776b}.paper-mini-card b{display:block;font-size:14px;margin-top:7px}.paper-mini-card.top{right:0;top:37px;transform:rotate(6deg)}.paper-mini-card.bottom{left:0;bottom:27px;background:#f4d779;animation-delay:-3s}
@keyframes book-sway{0%,100%{transform:rotateY(-22deg) rotateZ(8deg) translateY(0)}50%{transform:rotateY(-8deg) rotateZ(4deg) translateY(-12px)}}@keyframes paper-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
.paper-context{display:flex;gap:15px;align-items:center;padding:16px 20px;border-radius:15px;background:#e8ecdf;margin:0 0 35px}.paper-context p{margin:0;font-size:11px;line-height:1.6;color:#677160}.context-mark{color:var(--blue);font-size:25px;flex-shrink:0}.whitepaper-page .paper-layout{grid-template-columns:260px 1fr;gap:40px}.whitepaper-page .paper-nav{top:22px;gap:5px}.paper-nav-head{padding:18px;background:#e1e8ff;border-radius:16px;margin-bottom:10px;display:grid;gap:8px}.paper-nav-head>span{font-size:8px;letter-spacing:1.5px;color:#4564b2}.paper-nav-head>b{font-size:16px}.paper-nav-head small{font-size:10px;color:#647397}.paper-open-track{height:4px;background:#c2cff5;border-radius:9px;overflow:hidden;margin-top:4px}.paper-open-track i{display:block;height:100%;width:0;background:var(--blue);border-radius:9px;transition:width .4s}.whitepaper-page .paper-nav>a{display:flex;gap:10px;align-items:center;font-size:12px;padding:11px 9px;transition:background .2s,translate .2s}.paper-nav a>span{font-size:10px;color:#858f7c}.paper-nav a>i{font-style:normal;margin-left:auto;opacity:0}.paper-nav a:hover{translate:3px 0}.paper-nav .chapter-open{background:#dfe9d2;color:#2f4e24}.paper-nav .chapter-open>i{opacity:1}
.whitepaper-page .paper-section{border:1px solid #dedfd5;border-radius:18px;padding:0;margin:0 0 12px;background:#fffdf7;overflow:hidden;scroll-margin-top:24px;transition:border-color .25s,box-shadow .25s}.whitepaper-page .paper-section:hover{border-color:#acb7a1;box-shadow:0 5px 16px #35482a08}.whitepaper-page .paper-section summary{padding:21px 22px;gap:16px}.whitepaper-page .paper-section h2{font-size:22px;letter-spacing:-.6px}.whitepaper-page .paper-number{background:var(--chapter-color);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:#435239}.whitepaper-page .paper-toggle{border-radius:50%;background:#edf0e6;width:28px;height:28px;display:grid;place-items:center}.whitepaper-page .paper-section[open]{border-color:#bacba9;box-shadow:0 8px 24px #35482a0a}.whitepaper-page .paper-content{padding:0 24px 22px 76px;animation:chapter-enter .35s ease-out}.whitepaper-page .paper-section p{font-size:15px;line-height:1.9;color:#61695c}.chapter-decoration{display:flex;gap:7px;align-items:center;margin-bottom:8px;opacity:.85}.chapter-decoration>span{font-size:20px;color:var(--blue);margin-right:8px}.chapter-decoration i{width:24px;height:5px;border-radius:9px;background:var(--chapter-color)}.chapter-decoration i:nth-child(3){width:40px}.chapter-decoration i:nth-child(4){width:14px}.paper-end{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:28px;border-radius:18px;background:#d7ebbd;margin-top:26px}.paper-end>span{font-size:38px;color:var(--blue)}.paper-end small{font-size:9px;letter-spacing:1.4px}.paper-end h3{margin:8px 0 0;font-size:21px}.paper-end a{margin-left:auto;font-size:12px;padding:13px 17px}@keyframes chapter-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){header{gap:16px;padding-inline:3%}header nav{gap:15px;font-size:14px}.journal-launch{padding:12px 14px;gap:8px}.launch-spark{font-size:19px}}
@media(max-width:900px){header{height:auto;min-height:105px;flex-wrap:wrap;padding-block:15px}header nav{order:3;width:100%;justify-content:center;gap:22px;font-size:15px}.paper-hero{gap:15px}.paper-art{height:330px}.paper-mini-card{padding:12px}.whitepaper-page .paper-layout{grid-template-columns:210px 1fr;gap:22px}}
@media(max-width:650px){header nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:22px}.journal-launch{font-size:12px;gap:7px}.paper-hero{grid-template-columns:1fr}.paper-hero h1{font-size:52px}.paper-art{height:315px;max-width:400px;width:100%;margin:auto}.whitepaper-page .paper-layout{grid-template-columns:1fr}.whitepaper-page .paper-nav{position:static;display:flex;overflow-x:auto;gap:7px;padding-bottom:7px}.paper-nav-head{display:none}.whitepaper-page .paper-nav>a{white-space:nowrap;background:#e9ecdf;border-radius:10px}.whitepaper-page .paper-section summary{padding:17px 14px;gap:12px}.whitepaper-page .paper-section h2{font-size:18px}.whitepaper-page .paper-content{padding:0 20px 18px}.paper-end{padding:22px}.paper-end a{margin-left:0}.companion-character{width:115px;height:140px;flex-basis:115px}}
.no-motion .journal-launch:before,.no-motion .paper-book,.no-motion .paper-star,.no-motion .paper-mini-card,.no-motion .paper-content{animation:none}
@media(prefers-reduced-motion:reduce){.journal-launch:before,.paper-book,.paper-star,.paper-mini-card,.paper-content{animation:none!important}}

@media(max-width:650px){header .brand{font-size:27px;gap:6px;letter-spacing:-1.2px}header .brand-mark{width:31px;height:33px;font-size:29px}.journal-launch{padding:11px 12px}}
.paper-book .book-cover{transform:translateZ(3px)}.paper-book .book-pages{transform:translateZ(-4px)}
/* Animated original 2D companions. */
.mascot-2d>svg{display:block;width:100%;height:100%}.type-card.mascot-2d>svg{width:140px;height:165px;margin:14px auto;animation:companion-bob 5s ease-in-out infinite}.type-card.mascot-2d:nth-child(even)>svg{animation-delay:-2s}.type-card.mascot-2d:hover>svg{filter:drop-shadow(0 8px 5px #20251f12)}
.profile-character.mascot-2d>svg,.companion-character.mascot-2d>svg,.token-mascot.mascot-2d>svg,.showcase-mascot.mascot-2d>svg{animation:companion-bob 5s ease-in-out infinite}.mascot-2d .blink-eyes{transform-box:fill-box;transform-origin:center;animation:companion-blink 6s infinite}.mascot-2d:not(.mascot-main) .hands{transform-box:fill-box;transform-origin:center;animation:companion-hands 5s ease-in-out infinite}.token-mascot.mascot-2d:after{content:'Your next chapter starts here.'}.showcase-mascot.mascot-2d{transform:none}.paper-art{perspective:none}.paper-book{transform-style:flat;animation:book-sway-2d 8s ease-in-out infinite}
@keyframes companion-bob{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -7px;rotate:1deg}}@keyframes companion-blink{0%,43%,47%,100%{scale:1 1}45%{scale:1 .07}}@keyframes companion-hands{0%,70%,100%{rotate:0deg}80%{rotate:-4deg}90%{rotate:3deg}}@keyframes book-sway-2d{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}
.no-motion .mascot-2d>svg,.no-motion .mascot-2d .blink-eyes,.no-motion .mascot-2d .hands,.no-motion .paper-book{animation:none!important}@media(prefers-reduced-motion:reduce){.mascot-2d>svg,.mascot-2d .blink-eyes,.mascot-2d .hands,.paper-book{animation:none!important}}
/* Mascot moods and a more readable behavior notebook. */
.mood-label{display:flex;align-items:center;gap:10px;font-size:16px}.mood-label .mascot-mood{width:48px;height:42px;flex-shrink:0}.day-mood{display:flex;align-items:center;justify-content:center;gap:5px}.day-mood .mascot-mood{width:54px;height:46px}.day-mood small{font-size:13px}.week-tabs button{min-height:140px}.habit-metrics{gap:22px;padding:14px 4px}.sticky-metric{position:relative;border:0!important;border-radius:3px!important;background:#fff1a9!important;box-shadow:3px 8px 0 #252b2410,0 12px 24px #252b240d;padding:30px 24px!important;transform:rotate(-1deg)}.sticky-metric:nth-child(2){background:#ddecce!important;transform:rotate(1deg)}.sticky-metric:nth-child(3){background:#e0e7ff!important;transform:rotate(-.7deg)}.sticky-metric:nth-child(4){background:#ffdfca!important;transform:rotate(1.2deg)}.sticky-metric:before{content:'';position:absolute;top:-10px;left:calc(50% - 27px);width:54px;height:22px;background:#f7f2deaa;transform:rotate(-6deg);border:1px solid #252b2410}.sticky-metric small{font-size:18px!important;line-height:1.3;color:var(--ink)}.sticky-metric strong{font-size:40px!important;margin:16px 0}.sticky-metric span{font-size:15px!important;line-height:1.5}.sticky-metric:hover{transform:translateY(-4px) rotate(0);transition:transform .2s}.process-card p{font-size:16px!important;line-height:1.6}.process-card .decision-matrix strong{font-size:38px}.process-card .decision-matrix span{font-size:16px;line-height:1.4}.process-card .allocation-row{font-size:16px;gap:18px;flex-wrap:wrap}.process-card .allocation-row b{font-size:18px}.habit-section table th{font-size:15px;line-height:1.4;text-transform:none;white-space:nowrap;padding:17px 14px}.habit-section table td{font-size:16px;padding:16px 14px}.dna-insight-card{background:#e5ebff;position:relative;overflow:hidden}.dna-card-top{display:flex;align-items:center;gap:20px}.dna-card-top h3{font-size:32px}.dna-card-mascot{width:130px;flex-shrink:0}.dna-card-mascot svg{width:100%;height:130px}.trait-hint{font-size:14px}.dna-traits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dna-trait{text-align:left;background:#f9f8ee;border:1px solid #bdc8ed;border-radius:14px;padding:16px;color:var(--ink);cursor:pointer;transition:transform .2s,background .2s}.dna-trait>span:first-child{display:block;font-size:15px;font-weight:600}.dna-trait b{display:block;font-size:29px;margin:8px 0}.dna-trait b small{font-size:13px;font-weight:400}.dna-trait .score-bar{display:block}.dna-trait[aria-pressed=true]{background:#fff1a9;border-color:#252b24;transform:translateY(-3px);box-shadow:3px 3px 0 #252b24}.trait-detail{background:white;border-radius:12px;padding:20px;margin-top:18px;animation:trait-in .25s ease}.trait-detail b{font-size:18px}.trait-detail p,.trait-detail span,.dna-comparison{font-size:15px;line-height:1.6}.trait-detail span{color:#3654b7}.strategy-controls{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin:22px 0}.strategy-controls label{font-size:14px;display:grid;gap:8px}.strategy-controls select{font-size:16px;min-width:230px}.strategy-view{display:flex;gap:5px;background:#e5ebff;padding:5px;border-radius:12px}.strategy-view button{border:0;border-radius:8px;padding:11px 17px;background:transparent;font-size:15px;cursor:pointer}.strategy-view button[aria-pressed=true]{background:#3c61ee;color:white}.chart-guide,.strategy-caution{font-size:15px;line-height:1.6}.strategy-chart{display:grid;gap:9px;margin:20px 0}.strategy-chart-row{display:grid;grid-template-columns:180px 1fr 120px;align-items:center;gap:20px;width:100%;background:#f7f7ee;border:1px solid transparent;border-radius:12px;padding:16px;text-align:left;cursor:pointer;color:var(--ink)}.strategy-chart-row[aria-pressed=true]{border-color:#3c61ee;background:#eaf0ff}.strategy-name b{font-size:17px}.strategy-name small{display:block;font-size:13px;margin-top:5px}.strategy-chart-row strong{font-size:18px;text-align:right}.strategy-track{position:relative;height:24px;border-radius:5px;background:#252b2408;overflow:hidden}.strategy-track.signed:after{content:'';position:absolute;left:50%;top:0;height:100%;border-left:1px solid #252b2480}.strategy-bar{position:absolute;height:100%;background:#3c61ee;border-radius:4px;animation:trait-in .3s ease}.strategy-bar.loss{background:#d97c5c}.strategy-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#e3edd7;border-radius:16px;padding:24px}.strategy-detail h3{margin:10px 0;font-size:28px}.strategy-detail p{font-size:16px}.strategy-records{display:grid;gap:8px;align-content:start;max-height:280px;overflow:auto}.strategy-records button{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#fffef4;border:1px solid #c5d2b9;border-radius:10px;text-align:left;cursor:pointer;font-size:16px}.strategy-records small{display:block;font-size:12px;margin-top:5px}.strategy-table-select{border:0;background:transparent;color:#3654b7;font:inherit;text-align:left;cursor:pointer;padding:8px}.strategy-table-select[aria-pressed=true]{background:#e5ebff;border-radius:7px}.dna-trait:focus-visible,.strategy-chart-row:focus-visible,.strategy-records button:focus-visible,.strategy-view button:focus-visible,.strategy-table-select:focus-visible{outline:3px solid #3c61ee;outline-offset:3px}@keyframes trait-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.sticky-metric{padding:25px 17px!important}.sticky-metric small{font-size:16px!important}.sticky-metric strong{font-size:34px!important}.dna-card-mascot{width:95px}.strategy-chart-row{grid-template-columns:110px 1fr 82px;gap:8px;padding:12px}.strategy-name b{font-size:14px}.strategy-chart-row strong{font-size:14px}.strategy-detail{grid-template-columns:1fr}.mood-label{gap:5px;font-size:14px}.day-mood{flex-direction:column}.week-tabs button{min-height:155px}}@media(prefers-reduced-motion:reduce){.strategy-bar,.trait-detail{animation:none}.dna-trait,.sticky-metric{transition:none}}
.portary-logo{width:54px;height:54px;object-fit:contain;flex-shrink:0}.brand{gap:3px}.token-wallet-panel{margin-top:22px;max-width:580px}.wallet-caption{font-size:14px;color:var(--muted)}.holding-card{background:#e5ebff;border:1px solid #bdc8ed;border-radius:18px;padding:22px;display:grid;gap:15px}.holding-card small{display:block;font-size:13px;margin-bottom:8px}.wallet-address{display:block;font-size:14px;overflow-wrap:anywhere;font-family:monospace}.holding-card strong{font-size:24px;overflow-wrap:anywhere}.holding-card p{font-size:14px;margin:0}.holding-card .actions{gap:15px}.wallet-options,.wallet-install{display:grid;gap:10px;margin:22px 0}.wallet-options button,.wallet-install a{display:flex;align-items:center;gap:15px;text-align:left;padding:17px;border:1px solid #d4d7c9;border-radius:14px;background:#fffef4;color:var(--ink);text-decoration:none;cursor:pointer;font-size:18px}.wallet-options img,.wallet-install img{width:38px;height:38px;object-fit:contain}.wallet-options small,.wallet-install small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.wallet-options button:hover{background:#e5ebff;border-color:#3c61ee}.wallet-install{grid-template-columns:repeat(3,1fr)}.wallet-install a{font-size:14px;flex-direction:column;align-items:start}.wallet-connect{animation:wallet-glow 3s ease-in-out infinite}.token-notes{gap:32px;margin:25px 5px}.utility-note{position:relative;border:0;border-radius:3px;background:#fff1a9;padding:38px;box-shadow:4px 10px 0 #252b2410;animation:note-sway 7s ease-in-out infinite;transform-origin:50% 5%}.utility-note:nth-child(2){background:#e3edd7;animation-delay:-3s}.utility-note:before{content:'';position:absolute;top:-12px;left:calc(50% - 35px);width:70px;height:28px;background:#e9e4d9aa;transform:rotate(-6deg);border:1px solid #252b2410}.utility-note:after{content:'';position:absolute;bottom:0;right:0;width:25px;height:25px;background:linear-gradient(135deg,#252b2410 50%,var(--cream,#f7f5ed) 51%)}.utility-note p{font-size:18px;line-height:1.65}.utility-note:hover{animation-play-state:paused;box-shadow:4px 14px 0 #252b2410}.interactive-allocation{align-items:center}.fee-graphic{position:relative;width:280px;height:280px;margin:auto;--selected-fee:#3c61ee}.fee-graphic .donut{width:280px;height:280px;animation:fee-enter 1s ease both;box-shadow:0 0 0 10px color-mix(in srgb,var(--selected-fee) 15%,transparent);transition:box-shadow .3s}.fee-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.fee-center strong{font-size:46px;color:var(--selected-fee);transition:color .3s}.fee-center span{font-size:13px}.fee-option{width:100%;border:1px solid transparent;border-radius:13px;padding:17px;background:transparent;text-align:left;color:var(--ink);cursor:pointer;gap:16px;margin-bottom:7px;transition:background .2s,transform .2s}.fee-option[aria-pressed=true]{background:#fffef4;border-color:var(--fee-color);transform:translateX(5px)}.fee-option>span{flex:1;font-size:18px;font-weight:600}.fee-option small{display:block;font-size:13px;font-weight:400;margin:5px 0}.fee-option b{font-size:28px}.fee-track{display:block;height:5px;background:#252b2408;border-radius:5px;overflow:hidden;max-width:280px}.fee-track>span{display:block;height:100%;background:var(--fee-color);border-radius:5px;animation:fee-fill 1s ease both;transform-origin:left}.fee-detail{background:#e5ebff;border-radius:14px;padding:22px;margin-top:18px;animation:trait-in .3s ease}.fee-detail b{font-size:20px}.fee-detail p{font-size:16px;margin:10px 0}.fee-detail>span{font-size:14px}.fee-option:focus-visible,.wallet-options button:focus-visible{outline:3px solid #3c61ee;outline-offset:3px}@keyframes note-sway{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}@keyframes fee-enter{from{opacity:0;transform:rotate(-30deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes fee-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wallet-glow{50%{box-shadow:0 0 0 6px #3c61ee19}}@media(max-width:700px){.portary-logo{width:44px;height:44px}.utility-note{padding:28px}.fee-option>span{font-size:16px}.fee-option b{font-size:23px}.fee-graphic,.fee-graphic .donut{width:230px;height:230px}.wallet-install{grid-template-columns:1fr}.wallet-install a{flex-direction:row;align-items:center}}@media(prefers-reduced-motion:reduce){.utility-note,.wallet-connect,.fee-graphic .donut,.fee-track>span,.fee-detail{animation:none}.fee-option,.fee-graphic .donut{transition:none}}
.companion-lab{background:#f3efd9;border:1px solid #d9d4bf;position:relative;overflow:hidden}.companion-lab-heading{display:flex;gap:20px;align-items:center;margin:20px 0}.companion-lab-heading h3{font-size:30px;line-height:1.15}.companion-lab-heading p{font-size:16px}.companion-guide{width:125px;flex-shrink:0;position:relative}.companion-guide svg{width:100%;height:140px}.companion-bubble{display:block;text-align:center;background:white;border:1px solid #b3c1a3;border-radius:14px;padding:8px;font-size:12px;animation:note-sway 6s ease infinite}.companion-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.companion-evidence>span{background:#e3edd7;border-radius:12px;padding:14px;font-size:12px}.companion-evidence b{display:block;font-size:24px;margin-bottom:7px}.rule-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 15px}.rule-tabs button{background:#fffef4;border:1px solid #c9c8b7;border-radius:10px;padding:11px;font-size:14px;cursor:pointer}.rule-tabs button[aria-pressed=true]{background:#3c61ee;color:white;border-color:#3c61ee}.companion-review{background:#fffef4;border-radius:15px;padding:22px;animation:trait-in .25s ease}.companion-review h4{font-size:22px;margin:0 0 18px}.companion-review p{font-size:15px;line-height:1.6}.review-block small,.companion-next>span{font-size:11px;letter-spacing:1px;color:#4e633c}.review-block{border-left:3px solid #98b37e;padding-left:15px}.review-action{background:#fff1a9;border-radius:10px;padding:15px}.review-action p{margin-bottom:0}.review-trades{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.review-trades button{border:1px solid #d5d8cd;background:white;border-radius:8px;padding:10px;font-size:14px;cursor:pointer}.companion-next{padding:22px 0}.companion-next>b{display:block;font-size:21px;margin:10px 0}.companion-next p{font-size:16px;line-height:1.6}.companion-disclaimer{font-size:12px;line-height:1.5;display:block;color:var(--muted)}.rule-tabs button:focus-visible,.review-trades button:focus-visible{outline:3px solid #3c61ee;outline-offset:3px}.no-motion .utility-note,.no-motion .wallet-connect,.no-motion .fee-graphic .donut,.no-motion .fee-track>span,.no-motion .fee-detail,.no-motion .companion-bubble,.no-motion .companion-review{animation:none!important}@media(max-width:700px){.companion-guide{width:90px}.companion-lab-heading{gap:12px}.companion-lab-heading h3{font-size:24px}.companion-evidence b{font-size:20px}.companion-evidence>span{padding:11px}}@media(prefers-reduced-motion:reduce){.companion-bubble,.companion-review{animation:none}}
.generic-wallet-icon{display:grid;place-items:center;width:38px;height:38px;background:#e5ebff;border-radius:10px;font-size:25px}
.fee-graphic .donut:after{content:''}.fee-center{z-index:1}
.wallet-picker-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:23px}.wallet-picker-heading b{font-size:16px}.wallet-picker-heading span{font-size:11px;color:var(--muted)}.wallet-install{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.wallet-install a{flex-direction:row;align-items:center;font-size:16px;padding:17px;transition:background .2s,transform .2s}.wallet-install a:hover{background:#e5ebff;transform:translateY(-2px)}.wallet-install a:focus-visible{outline:3px solid #3c61ee;outline-offset:3px}.wallet-install img{flex-shrink:0}@media(max-width:480px){.wallet-install{grid-template-columns:1fr}.wallet-picker-heading{align-items:start;flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){.wallet-install a{transition:none}}
.book-symbol img{width:140px;height:140px;object-fit:contain;display:block}.fee-3d{width:360px;height:370px;perspective:900px}.fee-ring-stage{position:absolute;inset:0;--ring-x:35deg;--ring-y:-8deg;perspective:900px;touch-action:pan-y}.fee-ring-object{position:absolute;inset:10px;transform-style:preserve-3d;transform:rotateX(var(--ring-x)) rotateY(var(--ring-y));transition:transform .2s ease;animation:ring-float 6s ease-in-out infinite}.fee-ring-object svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.fee-depth{filter:brightness(.65);pointer-events:none}.fee-ring-top{transform:translateZ(1px);filter:drop-shadow(0 25px 12px #252b2420)}.fee-slice{cursor:pointer;stroke:#ffffff80;stroke-width:1;transition:filter .2s,transform .2s;transform-origin:160px 160px}.fee-slice:hover,.fee-slice:focus-visible{filter:brightness(1.13);stroke:#252b24;stroke-width:2;outline:none;transform:scale(1.045)}.fee-slice.selected{filter:brightness(1.08);stroke:#fff;stroke-width:2}.fee-3d .fee-center{inset:0;z-index:auto;pointer-events:none}.fee-3d .fee-center strong{font-size:40px}.fee-3d:after{content:'Click a segment to explore ↗';position:absolute;bottom:-5px;width:100%;text-align:center;font-size:13px;color:var(--muted)}.fee-popup p{font-size:18px;line-height:1.65}.fee-popup>span{display:block;background:#e5ebff;border-radius:12px;padding:18px;font-size:16px}.token-utility-board{margin-top:50px;padding:30px;border-radius:20px;background:#e5ebff;display:grid;grid-template-columns:1fr 1fr;gap:14px}.utility-board-heading{grid-column:1/-1;margin-bottom:10px}.utility-board-heading h3{font-size:32px;margin:12px 0}.utility-board-heading p{font-size:16px}.token-utility-item{background:#fffef4;border:1px solid #c5cfea;border-radius:13px;padding:18px}.token-utility-item summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none}.token-utility-item summary::-webkit-details-marker{display:none}.token-utility-item summary>span{font-size:13px;color:#3c61ee}.token-utility-item b{font-size:18px;flex:1}.token-utility-item i{font-style:normal;font-size:24px}.token-utility-item[open] i{transform:rotate(45deg)}.token-utility-item p{font-size:16px;line-height:1.6;animation:trait-in .25s ease}.token-utility-item summary:focus-visible{outline:3px solid #3c61ee;outline-offset:5px}@keyframes ring-float{0%,100%{translate:0 -3px}50%{translate:0 5px}}@media(max-width:700px){.fee-3d{width:290px;height:310px}.token-utility-board{grid-template-columns:1fr;padding:20px}.fee-3d .fee-center strong{font-size:33px}}.no-motion .fee-ring-object,.no-motion .token-utility-item p{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.fee-ring-object,.token-utility-item p{animation:none;transition:none}.fee-slice{transition:none}}
.large-pie-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:40px;align-items:center;padding:25px 0}.big-fee-pie{width:100%;max-width:680px;height:auto;aspect-ratio:1.1;margin:0;perspective:1200px}.big-fee-pie .fee-ring-stage{perspective:1200px;--ring-x:40deg;--ring-y:-8deg}.big-fee-pie .fee-ring-object{inset:0}.big-fee-pie .fee-ring-top{filter:drop-shadow(0 34px 15px #252b2425)}.big-fee-pie:after{content:'Hover to tilt · Click to highlight';bottom:15px;font-size:14px}.big-fee-pie .fee-slice.selected{stroke:#fff;stroke-width:3;transform:scale(1.025)}.pie-legend{padding:10px 0}.pie-selected{display:grid;gap:8px;margin-bottom:25px;padding-left:18px}.pie-selected small{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.pie-selected strong{font-size:74px;line-height:1;color:#3c61ee;letter-spacing:-4px}.pie-selected>span{font-size:21px;font-weight:600}.pie-legend .fee-option{padding:14px 18px}.pie-legend .fee-option>span{font-size:17px}.pie-legend .fee-option b{font-size:25px}.pie-footnote{font-size:12px;color:var(--muted);line-height:1.5;padding:0 18px}@media(max-width:800px){.large-pie-layout{grid-template-columns:1fr;gap:5px}.big-fee-pie{max-width:580px;margin:auto}.pie-legend{width:100%;max-width:560px;margin:auto}.pie-selected{grid-template-columns:auto 1fr;align-items:center;column-gap:20px;margin-bottom:20px}.pie-selected small{grid-column:1/-1}.pie-selected strong{font-size:58px}.pie-selected>span{font-size:19px}}@media(max-width:480px){.big-fee-pie{min-height:310px}.big-fee-pie:after{bottom:0}.large-pie-layout{gap:20px;padding:10px 0}.pie-legend .fee-option>span{font-size:15px}.pie-legend .fee-option b{font-size:23px}}
.trade-chat{padding:5px}.chat-header{display:flex;gap:16px;align-items:center;padding-bottom:20px}.chat-avatar{width:65px;flex-shrink:0;background:#e5ebff;border-radius:20px;padding:5px}.chat-avatar svg{width:100%}.chat-header h2{font-size:28px;line-height:1.15;margin:10px 0}.chat-header small{font-size:12px;color:var(--muted)}.chat-progress{height:4px;background:#e5ebff;border-radius:4px;margin-bottom:18px}.chat-progress i{display:block;height:100%;background:#3c61ee;border-radius:4px;transition:width .3s}.chat-log{max-height:280px;overflow:auto;scroll-behavior:smooth;padding-right:8px}.chat-exchange{margin:18px 0}.chat-agent-line{display:flex;align-items:center;gap:10px}.chat-mini-face{width:34px;flex-shrink:0}.chat-mini-face svg{width:100%;height:32px}.chat-agent-line p{font-size:14px;margin:0;background:#f0f0e6;padding:10px 14px;border-radius:14px 14px 14px 3px}.chat-answer{display:flex;align-items:center;gap:12px;max-width:90%;margin:9px 0 0 auto;background:#e5ebff;border:0;border-radius:14px 14px 3px 14px;padding:12px 16px;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer;overflow-wrap:anywhere}.chat-answer>span{min-width:0}.chat-answer>small{font-size:10px;white-space:nowrap;color:#3c61ee}.chat-answer svg{width:38px;height:32px;flex-shrink:0}.chat-question{padding:24px;border-radius:20px;background:#fffef5;border:1px solid #d8dccd;margin-top:18px;animation:trait-in .25s ease}.chat-question>small{font-size:11px;letter-spacing:1px;color:#3c61ee}.chat-question h3{font-size:25px;line-height:1.2;margin:14px 0}.chat-question p{font-size:16px;line-height:1.6}.chat-question input,.chat-question textarea{width:100%;font-size:17px;background:#f7f5ed;padding:16px;border-radius:12px}.chat-send-actions{display:flex;gap:18px;align-items:center}.chat-step-footer{margin-top:20px}.chat-step-footer small{font-size:12px;color:var(--muted)}.chat-choices{display:flex;flex-wrap:wrap;gap:10px}.chat-choice{border:1px solid #c7d0e8;border-radius:15px;background:#e5ebff;padding:15px 20px;font-size:16px;cursor:pointer;flex:1}.chat-choice:hover{background:#fff1a9;transform:translateY(-2px)}.face-choice{display:grid;gap:6px;place-items:center;padding:10px;flex:1;min-width:75px}.face-choice svg{width:64px;height:52px}.face-choice span{font-size:13px}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chat-suggestions button{background:#f0f0e6;border:1px solid #d8dccd;border-radius:20px;padding:8px 13px;cursor:pointer;font-size:13px}.chat-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.chat-summary>div{padding:15px;background:#e5ebff;border-radius:12px;overflow-wrap:anywhere}.chat-summary>div:first-child{grid-column:1/-1}.chat-summary small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.chat-summary b{font-size:16px}.chat-storage-note{display:block;margin-top:20px;font-size:12px;color:var(--muted)}#chat-error{color:#9b442d;font-size:14px}.chat-choice:focus-visible,.chat-answer:focus-visible,.chat-suggestions button:focus-visible{outline:3px solid #3c61ee;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-motion .chat-question{animation:none!important}.no-motion .chat-progress i{transition:none!important}@media(max-width:600px){.chat-header h2{font-size:23px}.chat-avatar{width:50px}.chat-question{padding:18px}.chat-question h3{font-size:22px}.chat-summary{grid-template-columns:1fr}.chat-answer{max-width:95%}.chat-log{max-height:210px}}@media(prefers-reduced-motion:reduce){.chat-question{animation:none}.chat-progress i{transition:none}.chat-log{scroll-behavior:auto}}
.dna-download[aria-disabled=true]{opacity:.55;cursor:wait;pointer-events:none}.dna-export-help{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:17px 0;font-size:13px;color:var(--muted);line-height:1.5}.dna-export-help a{color:#3654b7;font-weight:600}.dna-export-help a[hidden]{display:none}
.dna-card-showcase{display:grid;grid-template-columns:minmax(260px,430px) minmax(240px,1fr);gap:60px;align-items:center;padding:38px;margin:32px 0;background:#e5ebff;border-radius:26px;position:relative;overflow:hidden}.dna-card-showcase:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#3c61ee20 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.dna-card-preview,.dna-card-control{position:relative}.dna-card-preview{transform:rotate(-2deg);transition:transform .3s;filter:drop-shadow(10px 15px 0 #3c61ee18)}.dna-card-preview:hover{transform:rotate(0deg) translateY(-4px)}.dna-card-preview>svg{display:block;width:100%;height:auto;border-radius:22px}.dna-card-control h3{font-size:36px;line-height:1.15;margin:20px 0}.dna-card-control>p{font-size:20px;line-height:1.6}.dna-card-control .dna-download{margin:12px 0}.dna-card-control .dna-export-help{max-width:350px;font-size:12px}.no-motion .dna-card-preview{transition:none}@media(max-width:760px){.dna-card-showcase{grid-template-columns:1fr;padding:25px;gap:30px}.dna-card-preview{max-width:400px;margin:auto;width:100%}.dna-card-control{text-align:center}.dna-card-control .dna-export-help{justify-content:center;margin:15px auto}.dna-card-control h3{font-size:29px}}@media(prefers-reduced-motion:reduce){.dna-card-preview{transition:none;transform:none}.dna-card-preview:hover{transform:none}}
/* Cinematic welcome and quiet piano controls */
.cinema-intro{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:28px;border:0;border-radius:0;background:#101d40;color:#fffdf1;overflow:auto;z-index:1000}.cinema-intro::backdrop{background:#101d40}.cinema-content{min-height:calc(100dvh - 56px);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2}.cinema-brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:800;animation:cinema-rise 1.1s both}.cinema-brand img{width:48px;height:48px;object-fit:contain}.cinema-kicker{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#becbea;margin:24px 0 0;animation:cinema-rise 1.2s .15s both}.cinema-character{width:165px;height:180px;position:relative;margin:15px 0 -10px;animation:cinema-float 5s ease-in-out infinite}.cinema-character:before{content:'';position:absolute;inset:10%;background:#7196ff;filter:blur(65px);opacity:.5;z-index:-1}.cinema-character svg{width:100%;height:100%;filter:drop-shadow(0 16px 15px #0005)}.cinema-content h1{font-size:clamp(36px,5.7vw,78px);line-height:1.05;letter-spacing:-3px;margin:18px 0;font-weight:600;animation:cinema-rise 1.4s .35s both}.cinema-sub{color:#c4cfe5;font-size:17px;margin:6px 0 25px;animation:cinema-rise 1.3s .55s both}.cinema-enter{background:#d7ebbd;border:0;border-radius:40px;padding:17px 30px;color:#172343;font-size:17px;font-weight:700;display:flex;gap:35px;align-items:center;box-shadow:0 0 40px #d7ebbd22;transition:transform .3s,box-shadow .3s;animation:cinema-rise 1.3s .7s both}.cinema-enter:hover{transform:translateY(-4px);box-shadow:0 0 55px #d7ebbd55}.cinema-silent{background:none;border:0;color:#c4cfe5;text-decoration:underline;text-underline-offset:4px;padding:15px;font-size:13px}.cinema-audio-note{font-size:10px;letter-spacing:1px;color:#879abf;margin:0}.cinema-orbit{position:absolute;left:50%;top:48%;width:75vw;height:75vw;max-width:1000px;max-height:1000px;border:1px solid #bdd0ff13;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:cinema-orbit 28s linear infinite}.orbit-two{width:110vw;height:110vw;max-width:1400px;max-height:1400px;animation-direction:reverse}.cinema-orbit:before{content:'';position:absolute;top:15%;left:15%;width:7px;height:7px;border-radius:50%;background:#d7ebbd;box-shadow:0 0 22px #d7ebbd}.cinema-grain{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#4262a333,transparent 65%),radial-gradient(circle at 15% 20%,#d7ebbd55 1px,transparent 2px);background-size:auto,130px 130px;opacity:.65}.cinema-intro.cinema-leaving{animation:cinema-exit .65s ease both}.ambient-controls{position:fixed;bottom:18px;left:18px;z-index:30;background:#fffdf1ee;backdrop-filter:blur(12px);border:1px solid #dedfd5;box-shadow:0 4px 20px #20251f12;border-radius:30px;display:flex;align-items:center;padding:5px;gap:3px}.ambient-controls button{border:0;background:transparent;font-size:12px;padding:10px 12px;border-radius:20px;color:#20251f}.ambient-controls button:hover{background:#d7ebbd}.ambient-controls.is-playing #ambient-toggle{background:#d7ebbd}.ambient-controls label{display:flex;align-items:center;gap:7px;font-size:10px;padding:0 6px}.ambient-controls input{width:65px;accent-color:#3c61ee}.ambient-controls button:focus-visible,.cinema-intro button:focus-visible{outline:3px solid #7196ff;outline-offset:3px}@keyframes cinema-rise{from{opacity:0;transform:translateY(22px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cinema-float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes cinema-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes cinema-exit{to{opacity:0;transform:scale(1.04);filter:blur(8px)}}@media(max-width:600px){.cinema-intro{padding:22px}.cinema-content{min-height:calc(100dvh - 44px)}.cinema-content h1{letter-spacing:-1.5px}.cinema-character{width:140px;height:150px}.ambient-controls{bottom:10px;left:10px}.ambient-controls label{font-size:0}.ambient-controls input{width:48px}}@media(prefers-reduced-motion:reduce){.cinema-intro *,.cinema-intro.cinema-leaving{animation:none!important}.cinema-enter{transition:none}}.no-motion .cinema-intro *,.no-motion .cinema-intro.cinema-leaving{animation:none!important}