@charset "UTF-8";
:root{--paper:#f5f3e9;--ink:#20201f;--muted:#77766d;--line:#d4d2c7;--accent:#9566e8;--accent-soft:#e9ddfb;--accent-deep:#7042bf;--lime:#ddf775;--preview:#eee4fb;--preview-card:#fffdf8;--preview-ink:#30263f;--preview-muted:#887096;--preview-soft:#f2ebfa;--mono:"Cascadia Code",Consolas,"Courier New",monospace;--sans:"Microsoft JhengHei","PingFang TC","Noto Sans TC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}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-radius:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,blockquote{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-deep);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.section-wrap{width:min(1220px,calc(100% - 88px));margin-inline:auto}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.mobile-break{display:none}
.site-header{max-width:1400px;margin:auto;min-height:108px;padding:23px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:22px;flex-shrink:0}.wordmark{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-size:30px;font-weight:950;font-style:italic;line-height:1;letter-spacing:-2.2px;position:relative;display:inline-block;transform:skew(-4deg)}.wordmark-lines{position:absolute;height:4px;left:3px;right:4px;bottom:-8px;background:repeating-linear-gradient(to right,var(--ink) 0 25%,transparent 25% 29%);transform:skew(-18deg)}.brand-divider{height:22px;width:1px;background:var(--line)}.brand-product{font-weight:800;font-size:15px;letter-spacing:.13em;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650}.site-header nav>a:not(.nav-download){position:relative;padding-block:9px;white-space:nowrap}.site-header nav>a:not(.nav-download):after{content:"";position:absolute;bottom:2px;height:2px;left:0;right:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav>a:hover:after{transform:scaleX(1)}.nav-download{display:flex;align-items:center;gap:18px;background:var(--ink);color:var(--paper);padding:12px 19px;border-radius:30px;white-space:nowrap}.nav-download span{color:var(--lime);font-size:19px}.nav-download:hover{background:var(--accent-deep)}
.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:0;align-items:center;padding-top:72px;padding-bottom:85px;position:relative}.hero-copy{position:relative;z-index:3;padding-bottom:8px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:30px}.eyebrow-slash{padding-inline:6px;color:#aaa89c}.status-light{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}h1{font-size:clamp(54px,6.9vw,91px);line-height:1.19;letter-spacing:-.075em;font-weight:950;white-space:nowrap}.hero-highlight{position:relative;display:inline-block}.hero-highlight:before{content:"";position:absolute;bottom:11px;left:-6px;right:-3px;height:29%;z-index:-1;background:var(--accent-soft);transform:rotate(-1.4deg)}.hero-highlight svg{position:absolute;width:100%;height:15px;left:0;bottom:-9px;fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round}.hero-lead{font-size:23px;font-weight:800;letter-spacing:.025em;margin-top:42px}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:62px;padding:16px 20px;border:1.5px solid var(--ink);border-radius:7px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button-ink{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--accent)}.button-ink>.icon{color:var(--lime)}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--accent)}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.button-corner{font-size:23px;line-height:1;margin-left:12px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;white-space:nowrap}.text-link .icon{width:20px;height:20px;transition:transform .2s}.text-link:hover .icon{transform:translateX(5px)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.download-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;font-size:10px;letter-spacing:.025em;color:var(--muted)}.download-meta .release-version,.download-meta .release-size{font-family:var(--mono)}.hero-art{position:relative;min-height:520px;margin-top:30px}.hero-orbit{position:absolute;width:370px;height:370px;left:58px;top:61px;background:var(--lime);border:1.5px solid var(--ink);border-radius:50%;transform:rotate(15deg)}.hero-orbit:after{content:"";position:absolute;inset:-22px;border:1px dashed #999c7a;border-radius:50%;transform:scaleX(1.06)}.hero-grid{position:absolute;left:36px;right:-20px;top:15px;bottom:4px;background-image:radial-gradient(var(--ink) .7px,transparent .7px);background-size:15px 15px;opacity:.23;clip-path:polygon(15% 0,84% 5%,100% 39%,89% 100%,4% 92%,0 30%)}.hero-mascot{position:absolute;z-index:2;left:4px;top:18px;width:475px;max-width:110%;filter:drop-shadow(5px 8px 0 #20201f20);animation:hero-float 7s ease-in-out infinite}.hero-burst{position:absolute;width:100px;height:100px;top:17px;left:4px;color:var(--ink);transform:rotate(16deg);z-index:1}.art-annotation{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.07em;position:absolute;z-index:3}.annotation-top{right:-2px;top:1px;transform:rotate(6deg)}.annotation-top span{display:block;font-size:35px;margin-left:45px;line-height:1.2}.annotation-bottom{bottom:2px;left:78px;transform:rotate(-3deg)}.soul-sticker{position:absolute;top:93px;right:-11px;z-index:4;border:1.5px solid var(--ink);border-radius:3px;background:var(--paper);padding:12px 13px;transform:rotate(8deg);box-shadow:4px 4px 0 var(--ink);text-align:center}.soul-sticker>span:first-child{display:block;font-size:10px;letter-spacing:.2em}.soul-sticker strong{display:block;font-size:19px;letter-spacing:.05em}.soul-sticker .tiny-stars{font-size:10px;display:block;letter-spacing:.4em;color:var(--accent-deep)}.hero-pay-sticker{position:absolute;z-index:4;bottom:34px;left:-5px;display:flex;align-items:center;gap:14px;background:#fffef8;border:1.5px solid var(--ink);padding:14px 16px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-5deg);border-radius:6px}.pay-sticker-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);font-size:26px;font-weight:800;border:1px solid var(--ink)}.hero-pay-sticker div>span{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.hero-pay-sticker strong{font-family:var(--mono);font-size:22px;line-height:1.1;display:block;letter-spacing:-1px}.hero-pay-sticker strong small{font-size:10px;font-family:var(--sans);font-weight:500;letter-spacing:0}.hero-pay-sticker>.icon{margin-left:10px;width:18px}.art-stamp{position:absolute;bottom:72px;right:6px;width:82px;height:82px;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.35;font-size:12px;border:2px solid var(--ink);border-radius:50%;transform:rotate(12deg);background:var(--accent-soft)}.art-stamp b{font-size:27px;font-weight:900}.manifesto-strip{position:relative;background:var(--ink);color:var(--paper);padding:21px 0;overflow:hidden}.manifesto-strip>div{display:flex;gap:41px;align-items:center;width:max-content;margin-left:-22px;white-space:nowrap}.manifesto-strip span{font-size:18px;font-weight:800;letter-spacing:.1em}.manifesto-strip svg{width:25px;height:25px;color:var(--lime)}
.section-index{font-family:var(--mono);font-size:10px;letter-spacing:.12em;font-weight:700;line-height:1.4;margin-bottom:23px}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:48px}h2{font-size:clamp(34px,3.9vw,51px);line-height:1.3;letter-spacing:-.055em;font-weight:900}.section-intro{max-width:340px;padding-bottom:4px}.section-intro>p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:16px}.section-intro>small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.preview-label{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.preview-label span{color:var(--accent-deep);font-size:8px}.playground{padding-top:105px;padding-bottom:110px}.playground-layout{display:grid;grid-template-columns:1fr 280px;gap:66px;align-items:center}.demo-window{position:relative;background:var(--preview);color:var(--preview-ink);border:2px solid var(--ink);border-radius:23px;box-shadow:9px 9px 0 var(--ink);overflow:hidden;min-width:0;transition:background .25s,color .25s}.demo-titlebar{border-bottom:1.5px solid var(--ink);min-height:57px;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--accent-soft)}.demo-brand{font-family:"Arial Black","Segoe UI",sans-serif;font-size:16px;font-weight:900;font-style:italic;color:var(--ink);letter-spacing:-.5px;white-space:nowrap}.demo-brand small{font-family:var(--sans);font-size:10px;font-style:normal;font-weight:600;letter-spacing:0;margin-left:6px}.mini-toggle{border:0;background:transparent;font-size:10px;font-weight:700;color:var(--ink);padding:8px 0;white-space:nowrap}.mini-toggle span{margin-left:5px;font-size:15px}.mini-toggle:hover{text-decoration:underline;text-underline-offset:4px}.demo-full{padding:21px 30px 26px}.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px}.demo-topline>span:first-child{display:flex;align-items:center;gap:7px;color:var(--preview-muted)}.demo-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep)}.demo-skin-name{background:var(--preview-card);padding:4px 11px;border-radius:20px;border:1px solid color-mix(in srgb,var(--preview-ink) 14%,transparent);color:var(--preview-ink);font-size:9px;white-space:nowrap}.demo-middle{display:grid;grid-template-columns:1fr 155px;gap:8px;align-items:center;min-height:179px}.demo-time-area{min-width:0;text-align:center}.demo-overline{font-size:9px;color:var(--preview-muted);margin-top:12px;margin-bottom:9px}.demo-clock{font-family:var(--mono);font-size:clamp(31px,4.3vw,63px);font-weight:800;line-height:1.2;letter-spacing:-3px;white-space:nowrap;font-variant-numeric:tabular-nums}.clock-units{display:flex;justify-content:space-around;max-width:308px;margin:4px auto 0;font-family:var(--mono);font-size:7px;letter-spacing:.06em;color:var(--preview-muted)}.demo-character{height:166px;position:relative}.demo-character img{height:170px;width:170px;max-width:none;object-fit:contain;position:absolute;left:-7px;top:-4px;z-index:1}.demo-character-halo{position:absolute;inset:19px 5px 23px;background:var(--accent-soft);border-radius:50%;border:1px dashed var(--preview-muted);transform:rotate(-15deg)}.demo-quote{position:absolute;bottom:2px;right:0;z-index:2;font-size:9px;padding:4px 9px;border:1px solid var(--preview-ink);background:var(--preview-card);border-radius:5px;transform:rotate(-5deg)}.demo-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;gap:12px;margin-top:5px}.demo-progress-label label>span{font-weight:400;color:var(--preview-muted)}.demo-progress-label output{font-family:var(--mono);font-weight:500;font-size:11px}.progress-range{--progress:8.33%;width:100%;margin:16px 0 10px;height:11px;border-radius:8px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#fc718c 0%,#f9c157 18%,#c7df6f 36%,#72cbc3 54%,#80a9e5 72%,#bf8cde 100%);cursor:ew-resize;display:block;accent-color:var(--preview-ink)}.progress-range::-webkit-slider-thumb{appearance:none;width:16px;height:23px;background:var(--preview-ink);border:3px solid var(--preview-card);border-radius:5px;box-shadow:0 0 0 1px var(--preview-ink)}.progress-range::-moz-range-thumb{width:10px;height:17px;background:var(--preview-ink);border:3px solid var(--preview-card);border-radius:5px;box-shadow:0 0 0 1px var(--preview-ink)}.demo-bottomline{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;color:var(--preview-muted)}.demo-bottomline>span:first-child{font-family:var(--sans)}.demo-bottomline output{font-family:var(--mono);margin-left:6px}.demo-income{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;background:var(--preview-card);border:1px solid color-mix(in srgb,var(--preview-ink) 10%,transparent);border-radius:16px;margin-top:20px}.demo-income p{font-size:10px;font-weight:600;margin-bottom:3px}.demo-income p span{font-size:8px;font-weight:400;color:var(--preview-muted)}.demo-income output{font-size:35px;font-family:var(--mono);font-weight:800;line-height:1.3;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.demo-second-rate{text-align:right;flex-shrink:0}.demo-second-rate span{font-size:9px;display:block;color:var(--preview-muted);margin-bottom:3px}.demo-second-rate strong{font-size:12px;font-family:var(--mono);font-weight:500}.demo-actions{display:flex;gap:11px;margin-top:17px}.demo-actions button{border:1.5px solid var(--preview-ink);border-radius:10px;font-size:11px;padding:10px 16px;font-weight:700;transition:transform .15s,background .15s}.demo-actions button:active{transform:translateY(2px)}.demo-pause{flex:1;background:var(--preview-ink);color:var(--preview-card)}.demo-restart{background:transparent;color:var(--preview-ink)}.demo-actions button:hover{filter:brightness(1.1)}.demo-restart span{margin-left:6px;font-size:15px}.demo-mini{padding:38px 25px 37px;text-align:center;min-height:454px;background-image:radial-gradient(var(--preview-muted) .6px,transparent .6px);background-size:17px 17px}.mini-preview-ring{--progress-angle:30deg;width:235px;height:235px;margin:0 auto 18px;border-radius:50%;padding:9px;background:conic-gradient(var(--accent-deep) 0deg,var(--accent) var(--progress-angle),var(--preview-card) var(--progress-angle),var(--preview-card) 360deg);box-shadow:0 0 0 2px var(--preview-ink),7px 7px 0 #20201f22;transform:rotate(-5deg)}.mini-preview-face{border:2px solid var(--preview-ink);border-radius:50%;height:100%;background:var(--preview-card);position:relative;overflow:hidden}.mini-preview-face img{width:190px;height:190px;object-fit:contain;margin:0 auto}.mini-preview-face output{position:absolute;bottom:12px;left:0;right:0;margin:auto;width:max-content;font-family:var(--mono);font-size:19px;font-weight:700;background:var(--preview-ink);color:var(--preview-card);border-radius:20px;padding:4px 14px}.demo-mini>p{font-size:16px;font-weight:800;margin-top:12px}.mini-restore{margin-top:12px;background:var(--preview-card);border:1px solid var(--preview-ink);border-radius:6px;padding:7px 14px;font-size:11px}.demo-mini>small{display:block;font-size:9px;margin-top:13px;color:var(--preview-muted)}.demo-control-panel{position:relative;padding-top:28px}.handwritten-note{position:absolute;top:-13px;left:-6px;font-size:12px;font-weight:700;transform:rotate(-6deg);color:var(--accent-deep);letter-spacing:.025em}.demo-control-panel h3{font-size:23px;font-weight:850;margin-bottom:25px;letter-spacing:-.02em}.demo-field{margin-bottom:23px}.demo-field label{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:700}.demo-field label span{font-size:10px;color:var(--muted);font-family:var(--mono);font-weight:400}.money-input{display:flex;align-items:center;border:1.5px solid var(--ink);border-radius:6px;padding:4px 15px;gap:12px;background:#fffef8}.money-input>span{font-family:var(--mono);font-size:22px;color:var(--muted)}.money-input input{width:100%;min-width:0;border:0;background:transparent;padding:7px 0;font-family:var(--mono);font-size:28px;font-weight:700;color:var(--ink)}.money-input:focus-within{outline:3px solid var(--accent);outline-offset:3px}.money-input input:focus-visible{outline:0}.demo-field>small{font-size:9px;display:block;color:var(--muted);margin-top:7px}.demo-field select{width:100%;font-size:12px;font-weight:600;padding:14px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}.preview-tip{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.preview-tip svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.preview-tip p{font-size:11px;line-height:1.8}.demo-fine-print{font-size:9px;color:var(--muted);margin-top:20px;line-height:1.9}
.characters{background:var(--accent-soft);border-block:1px solid var(--ink);position:relative;transition:background .3s}.character-inner{position:relative;display:grid;grid-template-columns:1fr 1fr .82fr;grid-template-rows:auto auto;column-gap:25px;padding-top:78px;padding-bottom:50px}.character-heading{padding-top:17px;position:relative;z-index:1}.character-heading h2{font-size:43px}.character-heading>p:last-child{font-size:13px;color:#63596e;line-height:1.9;margin-top:20px}.character-portrait{position:relative;min-height:340px;align-self:center}.character-portrait>img{position:relative;z-index:2;width:355px;max-width:120%;margin-left:-12px;object-fit:contain;filter:drop-shadow(6px 8px 0 #20201f16);transition:opacity .18s,transform .25s}.portrait-ring{position:absolute;width:270px;height:270px;left:18px;top:45px;border:1px solid var(--ink);border-radius:50%;transform:rotate(-20deg);background:color-mix(in srgb,var(--paper) 50%,transparent)}.portrait-ring:before,.portrait-ring:after{content:"";position:absolute;inset:-15px;border:1px dashed #20201f55;border-radius:50%}.portrait-ring:after{inset:-28px;border-style:solid;border-color:#20201f18}.portrait-grid{position:absolute;inset:18px -6px 0;background-image:linear-gradient(#20201f10 1px,transparent 1px),linear-gradient(90deg,#20201f10 1px,transparent 1px);background-size:38px 38px;border-radius:50%}.character-number{position:absolute;top:22px;right:-6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;z-index:3}.character-cross{position:absolute;font-size:54px;left:-30px;bottom:20px;line-height:1;transform:rotate(14deg)}.character-caption{align-self:center;padding-left:13px;position:relative;z-index:3}.character-class{font-family:var(--mono);font-size:9px;letter-spacing:.07em;border-bottom:1px solid #20201f66;padding-bottom:13px;margin-bottom:14px}.character-caption h3{font-size:25px;font-weight:900;letter-spacing:-.04em;line-height:1.35;margin-bottom:17px}.character-caption blockquote{font-size:17px;font-weight:650;line-height:1.8;max-width:255px}.character-note{font-size:9px;margin-top:20px;color:#63596e}.skin-picker{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:35px;padding-top:25px;border-top:1px solid #20201f38}.skin-option{background:transparent;border:1.5px solid transparent;position:relative;border-radius:9px;padding:7px 7px 12px;min-width:0;transition:background .2s,transform .2s,box-shadow .2s}.skin-swatch{width:100%;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.skin-swatch:before{content:"";position:absolute;width:73px;height:73px;background:var(--swatch);border-radius:50%;opacity:.7}.skin-swatch img{position:relative;width:99px;height:99px;object-fit:contain;z-index:1}.skin-option>span:nth-child(2){display:block;font-size:11px;font-weight:700;white-space:nowrap}.skin-option>small{font-family:var(--mono);font-size:8px;position:absolute;top:9px;right:9px;opacity:.5}.skin-option:hover{transform:translateY(-5px);background:#fffdf855}.skin-option.is-selected{background:var(--paper);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translateY(-5px)}.skin-option.is-selected>small{opacity:1}
.desktop-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:110px}.story-visual{padding:30px 0 17px;position:relative}.story-annotation{font-size:14px;font-weight:700;display:block;transform:rotate(-4deg);margin:0 0 24px 28px;letter-spacing:.03em}.desktop-outline{height:323px;position:relative;border:2px solid var(--ink);border-radius:15px;background:#edece2;box-shadow:8px 8px 0 var(--ink);overflow:visible}.desktop-outline:before{content:"";position:absolute;inset:0;border-radius:13px;background-image:radial-gradient(#aaa99b .7px,transparent .7px);background-size:13px 13px;opacity:.55}.desktop-faux-lines{position:absolute;top:48px;left:29px;width:135px;display:flex;flex-direction:column;gap:12px}.desktop-faux-lines i{height:6px;background:#cbcabc;border-radius:10px}.desktop-faux-lines i:nth-child(1){width:92px;background:var(--ink);margin-bottom:4px;height:10px}.desktop-faux-lines i:nth-child(3){width:108px}.desktop-faux-lines i:nth-child(4){width:70px}.floating-orb{position:absolute;right:39px;top:38px;width:200px;height:200px;background:conic-gradient(var(--accent),var(--lime),var(--accent));border:2px solid var(--ink);border-radius:50%;padding:8px;box-shadow:5px 5px 0 #20201f22;transform:rotate(8deg)}.floating-orb>div{width:100%;height:100%;border:1.5px solid var(--ink);background:var(--paper);border-radius:50%;overflow:hidden}.floating-orb img{width:164px;height:164px;object-fit:contain;margin:4px auto 0}.floating-orb>span{position:absolute;left:35px;bottom:10px;right:35px;background:var(--ink);color:var(--paper);font-size:9px;text-align:center;border-radius:20px;padding:4px}.orbit-tag{position:absolute;right:-20px;top:13px;border:1.5px solid var(--ink);background:var(--lime);padding:8px 12px;font-size:11px;font-weight:700;transform:rotate(8deg);border-radius:4px}.orbit-tag span{font-size:15px;margin-left:7px}.desktop-toolbar{position:absolute;bottom:15px;left:25%;right:25%;height:31px;border:1px solid #b5b4a8;border-radius:7px;background:#fbfaf2bb;display:flex;justify-content:center;align-items:center;gap:7px}.desktop-toolbar>span{display:block;width:15px;height:15px;border-radius:4px;background:#cccbbe}.desktop-toolbar>span:first-child{background:var(--accent)}.desktop-toolbar i{display:block;width:1px;height:16px;background:#b5b4a8;margin-left:4px}.story-footnote{display:block;margin-top:29px;text-align:center;font-size:9px;color:var(--muted);letter-spacing:.04em}.story-copy h2{font-size:42px}.story-lead{font-size:14px;color:var(--muted);margin-top:18px;line-height:1.8}.feature-list{list-style:none;margin:29px 0 0;padding:0}.feature-list li{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.feature-list li>span{font-family:var(--mono);font-size:10px;padding-top:5px;color:var(--accent-deep)}.feature-list h3{font-size:14px;font-weight:800;margin-bottom:5px}.feature-list p{font-size:11px;color:var(--muted);line-height:1.8;max-width:350px}.getting-started{padding:55px 0 90px;border-top:1px solid var(--ink)}.start-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.start-heading .section-index{margin-bottom:17px}.start-heading h2{font-size:40px}.small-note{font-family:var(--mono);font-size:9px;letter-spacing:.07em;color:var(--muted);line-height:1.7;text-align:right}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:44px 0 0;padding:0}.steps li{position:relative;padding-top:20px;border-top:1px solid var(--line)}.step-number{font-family:var(--mono);font-size:40px;font-weight:400;line-height:1.2;display:flex;justify-content:space-between;color:var(--accent-deep);margin-bottom:24px}.step-number span{font-family:var(--sans);font-size:32px;font-weight:300;color:var(--ink)}.steps h3{font-size:18px;font-weight:850;margin-bottom:10px}.steps p{font-size:12px;line-height:1.85;color:var(--muted)}
.questions{padding-top:74px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.65fr;gap:75px;border-top:1px solid var(--ink)}.faq-heading h2{font-size:46px}.faq-scribble{font-size:13px;color:var(--accent-deep);font-weight:700;margin-top:32px;transform:rotate(-5deg);width:170px}.faq-scribble svg{width:114px;height:42px;display:block;margin:6px 0 0 45px;stroke:var(--accent-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;font-weight:750;line-height:1.6;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-weight:400;font-family:var(--mono);font-size:23px;transition:transform .2s;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list summary:hover{color:var(--accent-deep)}.faq-answer{padding:0 32px 22px 0;color:var(--muted);font-size:12px;line-height:1.95}.release-note{padding-block:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--ink);margin-bottom:40px}.release-pill{display:inline-block;font-size:9px;border:1px solid var(--ink);padding:3px 9px;border-radius:20px;margin-bottom:9px}.release-note h2{font-family:var(--mono);font-size:26px;letter-spacing:-1px;white-space:nowrap}.release-note h2 small{font-size:9px;font-weight:400;color:var(--muted);margin-left:13px;letter-spacing:0}.release-changes{padding-left:28px;border-left:1px solid var(--line)}.release-changes>p{font-size:12px;font-weight:800;margin-bottom:7px}.release-changes ul{margin:0;padding-left:13px;color:var(--muted);font-size:10px;line-height:1.9}.release-note>.text-link{font-size:11px}
.download-section{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.download-inner{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;padding-top:70px;padding-bottom:28px;position:relative}.download-copy{position:relative;z-index:2;padding-bottom:46px}.download-copy .section-index{color:#aaa99e;margin-bottom:20px}.download-copy h2{font-size:64px;letter-spacing:-.06em;line-height:1.25}.download-copy h2 span{color:var(--lime)}.download-copy>p:not(.section-index):not(.download-meta):not(.mobile-download-note){font-size:13px;color:#bab9ad;margin-top:18px;margin-bottom:26px}.button-lime{background:var(--lime);color:var(--ink);border-color:var(--lime);box-shadow:5px 5px 0 #7c8750;padding:17px 21px;min-height:64px;font-size:15px}.button-lime:hover{box-shadow:7px 7px 0 var(--accent);background:#e7ff8c}.download-copy .download-meta{color:#b6b6a9;margin-top:18px}.download-art{align-self:stretch;position:relative;min-height:360px}.download-art img{position:absolute;right:7px;top:-24px;width:410px;z-index:2;transform:rotate(7deg);filter:drop-shadow(0 0 32px #9566e83d)}.download-art-orbit{position:absolute;width:290px;height:290px;background:var(--accent);border-radius:50%;top:31px;left:40px;transform:rotate(15deg)}.download-art-orbit:before{content:"";position:absolute;inset:-26px;border:1px dashed #f5f3e94d;border-radius:50%}.download-stamp{position:absolute;z-index:3;right:14px;bottom:57px;border:2px solid var(--lime);font-size:25px;line-height:1.6;font-weight:800;color:var(--lime);padding:6px 14px;transform:rotate(12deg)}.download-handwritten{font-size:13px;font-weight:650;position:absolute;left:0;bottom:44px;z-index:3;transform:rotate(-9deg);color:var(--lime)}.mobile-download-note{font-size:11px;color:var(--lime);max-width:320px;margin-top:15px;line-height:1.8}.file-details{grid-column:1/-1;border-top:1px solid #f5f3e92e;font-size:10px;color:#adada2}.file-details summary{list-style:none;display:flex;align-items:center;gap:14px;padding-top:20px;padding-bottom:4px;cursor:pointer;width:max-content;max-width:100%}.file-details summary::-webkit-details-marker{display:none}.file-details summary>span{font-size:16px;line-height:1}.file-details[open] summary>span{transform:rotate(45deg)}.file-details summary:hover{color:var(--paper)}.file-details>div{padding:12px 0 8px}.file-details p{font-family:var(--mono);font-size:10px;overflow-wrap:anywhere;color:#dfdfd4}.checksum-row{display:flex;align-items:center;gap:18px;margin-top:10px;margin-bottom:7px}.checksum-row code{font-family:var(--mono);font-size:10px;overflow-wrap:anywhere;word-break:break-all;color:#d2d2c7}.checksum-row button{background:transparent;color:var(--paper);border:1px solid #77776d;border-radius:4px;padding:4px 10px;font-size:10px;flex-shrink:0}.checksum-row button:hover{border-color:var(--lime);color:var(--lime)}.file-details small{font-size:9px;color:#8f8f84}.site-footer{display:flex;align-items:center;gap:28px;padding-block:29px 32px;font-size:10px;color:var(--muted)}.footer-wordmark{font-size:23px;color:var(--ink);letter-spacing:-1.6px;margin-right:7px}.site-footer>span:nth-of-type(2){margin-left:auto;font-family:var(--mono)}.site-footer>a:last-child{color:var(--ink);font-size:10px;margin-left:15px}.site-footer>a:last-child>span{margin-left:7px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);opacity:0;pointer-events:none;z-index:30;background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--accent);border:1px solid #fff5;border-radius:7px;padding:11px 18px;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.no-script{text-align:center;font-size:12px;margin:0;padding:16px;background:var(--lime)}
@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:100px}.hero-art{min-height:540px}.hero-mascot{width:495px}.hero-orbit{width:395px;height:395px}.hero-lead{margin-top:46px}}
@media(max-width:1150px){.section-wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.site-header nav{gap:22px}.hero{grid-template-columns:1.15fr 1fr;padding-top:60px;padding-bottom:70px}.hero-art{min-height:480px}.hero-mascot{top:35px;left:0}.hero-orbit{width:320px;height:320px;left:36px;top:90px}.soul-sticker{right:-12px;top:96px;padding:10px}.soul-sticker strong{font-size:17px}.hero-pay-sticker{bottom:20px;left:0;padding:11px}.art-stamp{right:0;bottom:35px;width:70px;height:70px;font-size:10px}.art-stamp b{font-size:24px}.annotation-bottom{bottom:-10px;left:42px;font-size:8px}.hero-actions{gap:23px}.hero-description{font-size:13px;max-width:440px}.hero-lead{font-size:21px}.hero-actions .button{font-size:13px;gap:10px;padding-inline:17px}.hero-actions .text-link{font-size:12px;gap:7px}.playground-layout{grid-template-columns:1fr 240px;gap:40px}.demo-full{padding-inline:23px}.demo-middle{grid-template-columns:1fr 130px}.demo-character img{height:153px;width:153px;left:-12px;top:7px}.demo-income output{font-size:30px}.demo-clock{font-size:49px}.demo-brand small{font-size:9px}.desktop-story{gap:60px}.story-copy h2{font-size:37px}.floating-orb{right:23px;width:183px;height:183px;top:54px}.floating-orb img{width:151px;height:151px}.desktop-faux-lines{width:102px;left:24px}.character-heading h2{font-size:37px}.character-caption h3{font-size:23px}.character-portrait>img{margin-left:-8px}.portrait-ring{width:240px;height:240px;left:5px;top:64px}.character-caption blockquote{font-size:15px}.character-class{font-size:8px}.skin-option>span:nth-child(2){font-size:10px}.download-copy h2{font-size:58px}.download-art img{width:370px;top:0}.download-art-orbit{width:265px;height:265px;left:30px;top:55px}}
@media(max-width:930px){.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:none}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.hero-lead{font-size:19px;line-height:1.7}.hero-description{font-size:12px;max-width:365px}.desktop-break{display:none}.hero-actions{flex-wrap:wrap;gap:20px}.hero-art{min-height:450px;margin-left:10px}.hero-orbit{width:270px;height:270px;left:25px;top:82px}.hero-mascot{top:49px;max-width:112%;width:380px;left:-12px}.hero-burst{width:77px;height:77px;top:22px;left:8px}.soul-sticker{top:83px;right:-10px}.hero-pay-sticker{bottom:20px;left:-12px;gap:9px}.hero-pay-sticker strong{font-size:19px}.hero-pay-sticker>.icon{display:none}.pay-sticker-dot{width:36px;height:36px;font-size:22px}.art-stamp{width:61px;height:61px;bottom:50px;right:-3px;font-size:9px}.art-stamp b{font-size:20px}.annotation-top{font-size:8px;right:5px;top:18px}.annotation-bottom{font-size:7px;left:29px;bottom:-10px}.playground{padding-top:80px;padding-bottom:90px}.section-heading h2{font-size:42px}.section-intro{max-width:270px}.section-intro>p{font-size:13px}.playground-layout{grid-template-columns:1fr 210px;gap:28px}.demo-titlebar{padding-inline:18px}.demo-brand small{display:none}.demo-full{padding-inline:19px}.demo-topline{font-size:8px}.demo-middle{grid-template-columns:1fr 106px;min-height:155px}.demo-character{height:143px}.demo-character img{width:132px;height:132px;top:9px}.demo-character-halo{inset:24px 0 13px}.demo-overline{font-size:7px;letter-spacing:-.05em}.demo-clock{font-size:39px;letter-spacing:-2px}.clock-units{font-size:6px}.demo-quote{font-size:7px;right:-5px;padding:3px 6px;bottom:0}.demo-skin-name{font-size:8px;padding:3px 7px}.demo-income{padding:13px}.demo-income output{font-size:25px}.demo-second-rate strong{font-size:10px}.demo-income p span{display:none}.demo-progress-label{font-size:9px}.demo-progress-label label>span{font-size:8px}.demo-control-panel h3{font-size:20px}.demo-field label{font-size:11px}.demo-field select{font-size:10px;padding-inline:7px}.money-input input{font-size:25px}.preview-tip p{font-size:9px}.demo-bottomline{font-size:8px}.demo-mini{min-height:416px}.character-inner{grid-template-columns:1fr 1fr;gap:15px 22px;padding-top:64px}.character-heading{grid-row:1}.character-heading h2{font-size:40px}.character-portrait{grid-column:2;grid-row:1/3;min-height:365px}.character-portrait>img{width:360px;max-width:110%;margin-left:-5px}.character-caption{grid-column:1;grid-row:2;padding-left:0;align-self:start;padding-bottom:12px}.character-class{display:none}.character-caption h3{font-size:20px;margin-bottom:7px}.character-caption blockquote{font-size:14px}.character-caption blockquote br{display:none}.character-note{margin-top:9px;font-size:9px}.character-number{right:0;top:4px}.portrait-ring{width:240px;height:240px;left:20px;top:70px}.character-cross{font-size:43px;left:-17px;bottom:5px}.skin-picker{gap:5px;margin-top:15px}.skin-swatch{height:85px}.skin-swatch img{width:86px;height:86px}.skin-swatch:before{width:62px;height:62px}.skin-option{padding-inline:4px;padding-bottom:9px}.skin-option>span:nth-child(2){font-size:9px}.skin-option>small{font-size:7px;top:5px;right:6px}.desktop-story{gap:38px;padding-block:85px}.story-copy h2{font-size:31px}.story-copy .section-index{font-size:9px;margin-bottom:17px}.story-lead{font-size:12px}.feature-list li{gap:13px;padding-block:15px}.feature-list h3{font-size:12px}.feature-list p{font-size:10px}.story-annotation{font-size:12px;margin-left:8px}.desktop-outline{height:285px}.desktop-faux-lines{left:20px;top:33px;width:94px}.floating-orb{width:160px;height:160px;right:17px;top:80px;padding:7px}.floating-orb img{width:130px;height:130px;margin-top:4px}.floating-orb>span{left:24px;right:24px;font-size:8px;bottom:8px;padding:3px}.orbit-tag{right:-13px;top:61px;font-size:9px;padding:6px 8px}.desktop-toolbar{left:18%;right:18%;bottom:13px}.story-footnote{font-size:8px}.getting-started{padding-top:48px;padding-bottom:70px}.start-heading h2{font-size:35px}.steps{gap:30px}.steps h3{font-size:16px}.steps p{font-size:11px}.questions{gap:45px;padding-top:60px;padding-bottom:75px;grid-template-columns:1fr 1.7fr}.faq-heading h2{font-size:39px}.faq-list summary{font-size:12px;padding-block:20px}.faq-answer{font-size:11px}.release-note{gap:22px}.release-note>.text-link{display:none}.release-changes{padding-left:30px}.download-copy h2{font-size:51px}.download-art img{width:310px;top:30px;right:-7px}.download-art-orbit{width:235px;height:235px;top:60px;left:21px}.download-art{min-height:350px}.download-stamp{font-size:20px;bottom:35px;right:0;padding:5px 9px}.download-handwritten{font-size:11px;bottom:30px;left:-5px}}
@media(max-width:700px){html{scroll-padding-top:24px}.section-wrap{width:calc(100% - 42px)}.site-header{min-height:82px;padding:23px 22px;gap:12px}.wordmark{font-size:26px;letter-spacing:-1.8px}.brand{gap:16px}.brand-divider,.brand-product{display:none}.site-header nav{gap:0}.site-header nav>a:not(.nav-download){display:none}.nav-download{font-size:11px;padding:9px 14px;gap:12px}.nav-download span{font-size:16px}.hero{grid-template-columns:1fr;padding-top:39px;padding-bottom:39px}.eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:clamp(43px,10.4vw,66px);line-height:1.24;letter-spacing:-.065em}.hero-highlight:before{bottom:6px}.hero-highlight svg{height:11px;bottom:-5px}.hero-lead{font-size:20px;margin-top:29px}.hero-description{font-size:12px;max-width:460px;margin-top:9px}.hero-actions{margin-top:24px;gap:24px;flex-wrap:nowrap}.hero-actions .button{min-height:57px;font-size:12px;padding-inline:15px;gap:8px;white-space:nowrap}.hero-actions .button-corner{font-size:20px;margin-left:5px}.hero-actions .button>.icon{width:20px}.hero-actions .text-link{font-size:11px;gap:8px}.download-meta{font-size:9px;gap:7px;margin-top:17px}.hero-art{min-height:435px;margin-top:18px;margin-left:0;width:min(430px,100%);justify-self:center}.hero-mascot{width:400px;max-width:107%;left:2px;top:6px}.hero-orbit{width:300px;height:300px;top:54px;left:50px}.hero-burst{top:19px;left:21px;width:76px;height:76px}.annotation-top{top:22px;right:3px;font-size:9px}.annotation-top span{font-size:29px}.soul-sticker{top:74px;right:0;font-size:10px;padding:9px}.soul-sticker strong{font-size:16px}.hero-pay-sticker{bottom:28px;left:3px;padding:11px 12px;gap:10px}.hero-pay-sticker>.icon{display:block;width:17px;margin-left:4px}.hero-pay-sticker strong{font-size:20px}.art-stamp{right:6px;bottom:64px;width:67px;height:67px;font-size:10px}.art-stamp b{font-size:22px}.annotation-bottom{bottom:3px;left:72px;font-size:8px}.hero-grid{left:22px;right:0;top:30px;bottom:22px}.manifesto-strip{padding:18px 0}.manifesto-strip>div{gap:27px}.manifesto-strip span{font-size:14px}.manifesto-strip svg{width:21px;height:21px}.playground{padding-top:61px;padding-bottom:67px}.section-heading{display:block;margin-bottom:29px}.section-index{font-size:9px;margin-bottom:17px}.section-heading h2,h2{font-size:36px}.section-intro{margin-top:22px;max-width:none}.section-intro>p{font-size:12px;display:none}.preview-label{font-size:10px}.section-intro>small{font-size:9px;margin-top:4px}.playground-layout{display:flex;flex-direction:column;gap:34px;align-items:stretch}.demo-window{border-radius:18px;box-shadow:6px 6px 0 var(--ink)}.demo-titlebar{min-height:48px;padding:11px 16px}.demo-brand{font-size:15px}.demo-brand small{display:inline;font-size:8px}.mini-toggle{font-size:9px;padding:4px 0}.demo-full{padding:18px 18px 20px}.demo-topline{font-size:8px}.demo-middle{grid-template-columns:1fr 105px;min-height:160px;gap:4px}.demo-character{height:148px}.demo-character img{width:137px;height:137px;left:-15px;top:4px}.demo-character-halo{inset:20px 0 12px}.demo-overline{font-size:8px;letter-spacing:0}.demo-clock{font-size:clamp(33px,8.7vw,50px);letter-spacing:-2px}.clock-units{font-size:6px;max-width:245px}.demo-quote{font-size:7px;bottom:4px;right:-3px}.demo-progress-label{font-size:9px}.demo-progress-label label>span{font-size:8px}.demo-income{padding:15px 14px;margin-top:17px}.demo-income output{font-size:29px}.demo-income p{font-size:9px}.demo-income p span{display:none}.demo-second-rate strong{font-size:10px}.demo-second-rate span{font-size:8px}.demo-actions{margin-top:14px}.demo-actions button{padding:10px 12px;font-size:10px}.demo-bottomline{font-size:8px}.demo-mini{min-height:425px;padding-top:33px}.mini-preview-ring{width:225px;height:225px}.mini-preview-face img{width:180px;height:180px}.demo-control-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:0;padding-top:13px}.demo-control-panel h3{grid-column:1/-1;font-size:20px;margin-bottom:19px}.handwritten-note{right:3px;left:auto;top:20px;font-size:10px;transform:rotate(-5deg)}.demo-field{margin-bottom:0}.demo-field label{font-size:10px;margin-bottom:8px;min-height:18px}.demo-field label span{font-size:8px}.money-input{padding:4px 10px;gap:7px}.money-input>span{font-size:19px}.money-input input{font-size:22px;padding-block:6px}.demo-field select{font-size:10px;padding:14px 8px;min-height:49px;border-color:#b9b7aa;background:#fffef8}.demo-field>small{font-size:8px;margin-top:7px}.preview-tip{grid-column:1/-1;margin-top:20px;padding-top:16px;gap:10px}.preview-tip p{font-size:10px}.preview-tip p br{display:none}.preview-tip svg{width:19px;height:19px}.demo-fine-print{grid-column:1/-1;font-size:8px;margin-top:11px}.demo-fine-print br{display:none}.character-inner{padding-top:48px;padding-bottom:32px;grid-template-columns:1fr 1fr;gap:0 5px}.character-heading{grid-column:1/-1;padding-top:0}.character-heading h2{font-size:36px}.character-heading>p:last-child{font-size:11px;margin-top:14px}.character-portrait{grid-row:2;grid-column:1;min-height:239px;margin-top:20px;align-self:center}.character-portrait>img{width:250px;max-width:130%;margin-left:-18px;object-fit:contain}.portrait-ring{width:161px;height:161px;top:42px;left:0}.portrait-ring:before{inset:-10px}.portrait-ring:after{inset:-19px}.portrait-grid{inset:24px -5px 0;background-size:28px 28px}.character-number{top:0;right:7px;font-size:8px}.character-cross{font-size:32px;left:-5px;bottom:2px}.character-caption{grid-column:2;grid-row:2;align-self:center;padding:0 0 0 16px;margin-top:18px}.character-class{display:block;font-size:7px;padding-bottom:9px;margin-bottom:10px;line-height:1.6}.character-caption h3{font-size:19px;margin-bottom:13px}.character-caption blockquote{font-size:12px;line-height:1.9}.character-note{font-size:8px;margin-top:13px;line-height:1.8}.skin-picker{display:grid;grid-template-columns:repeat(7,minmax(65px,1fr));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;gap:5px;margin-top:25px;padding-top:17px;padding-bottom:11px;margin-left:-2px;margin-right:-2px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.skin-option{padding:6px 3px 9px;border-radius:7px}.skin-option>span:nth-child(2){font-size:8px}.skin-swatch{height:63px}.skin-swatch img{width:67px;height:67px;max-width:none}.skin-swatch:before{width:49px;height:49px}.skin-option>small{font-size:6px;top:3px;right:4px}.skin-option.is-selected{box-shadow:3px 3px 0 var(--ink);transform:translateY(-3px)}.desktop-story{display:flex;flex-direction:column-reverse;gap:35px;padding-top:62px;padding-bottom:60px;align-items:stretch}.story-copy h2{font-size:35px}.story-lead{font-size:12px;margin-top:17px}.feature-list{margin-top:23px}.feature-list li{gap:18px;padding-block:17px}.feature-list h3{font-size:13px}.feature-list p{font-size:11px;max-width:none}.feature-list li>span{font-size:9px}.story-visual{max-width:450px;width:100%;align-self:center;padding-top:0;padding-bottom:0}.story-annotation{font-size:12px;margin-left:15px;margin-bottom:18px}.desktop-outline{height:286px}.desktop-faux-lines{left:28px;top:37px;width:110px}.floating-orb{width:172px;height:172px;right:29px;top:62px}.floating-orb img{width:142px;height:142px;margin-top:3px}.floating-orb>span{font-size:8px;left:26px;right:26px}.orbit-tag{top:36px;right:-7px;font-size:10px}.desktop-toolbar{left:24%;right:24%}.story-footnote{font-size:8px;margin-top:25px}.getting-started{padding-top:43px;padding-bottom:47px}.start-heading h2{font-size:31px}.small-note{display:none}.steps{grid-template-columns:1fr;margin-top:28px;gap:22px}.steps li{padding-top:19px;display:grid;grid-template-columns:58px 1fr;gap:0 20px}.step-number{font-size:34px;grid-column:1;grid-row:1/3;margin-bottom:0;display:block;line-height:1}.step-number span{display:block;font-size:22px;margin-top:12px}.steps h3{grid-column:2;font-size:17px;margin-bottom:5px}.steps p{grid-column:2;font-size:11px}.questions{grid-template-columns:1fr;padding-top:44px;padding-bottom:52px;gap:27px}.faq-heading h2{font-size:33px}.faq-heading h2 br{display:none}.faq-scribble{display:none}.faq-list summary{font-size:12px;padding-block:19px;gap:20px}.faq-list summary>span{font-size:21px}.faq-answer{font-size:11px;padding-right:17px}.release-note{display:block;padding-top:26px;padding-bottom:29px;margin-bottom:22px}.release-note>div:first-child{display:flex;align-items:center;gap:16px}.release-pill{margin-bottom:0;font-size:8px}.release-note h2{font-size:23px}.release-note h2 small{font-size:8px;margin-left:10px}.release-changes{border-left:0;padding:20px 0 0}.release-changes>p{font-size:12px}.release-changes ul{font-size:10px}.download-inner{padding-top:44px;padding-bottom:25px;grid-template-columns:1fr}.download-copy{padding-bottom:0}.download-copy h2{font-size:45px}.download-copy .section-index{font-size:9px;margin-bottom:18px}.download-copy>p:not(.section-index):not(.download-meta):not(.mobile-download-note){font-size:12px;margin-top:16px;margin-bottom:23px}.button-lime{min-height:59px;font-size:13px;padding-inline:18px;gap:10px}.button-lime>.icon{width:21px}.button-lime .button-corner{margin-left:10px;font-size:22px}.download-copy .download-meta{font-size:9px;margin-top:17px}.download-art{min-height:303px;max-width:360px;width:100%;justify-self:center;margin-top:20px}.download-art img{width:310px;top:0;right:17px}.download-art-orbit{width:215px;height:215px;left:68px;top:45px}.download-stamp{right:6px;bottom:22px;font-size:20px;padding:5px 9px}.download-handwritten{left:0;bottom:42px;font-size:11px}.file-details{margin-top:8px;font-size:9px}.file-details summary{padding-top:16px}.checksum-row{gap:14px;align-items:flex-start}.checksum-row code{font-size:9px}.file-details p{font-size:9px}.site-footer{padding-block:23px;gap:15px;display:grid;grid-template-columns:auto auto;justify-content:space-between;font-size:8px}.footer-wordmark{font-size:24px;justify-self:start;margin:0}.site-footer>span:first-of-type{text-align:right}.site-footer>span:nth-of-type(2){margin:0;font-size:9px}.site-footer>a:last-child{margin:0;font-size:9px;text-align:right}.toast{font-size:11px;bottom:18px}}
@media(max-width:380px){.section-wrap{width:calc(100% - 34px)}.site-header{padding-inline:18px}.hero h1{font-size:41px}.hero-lead{font-size:18px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding-inline:12px;gap:7px}.hero-actions .text-link{font-size:10px;gap:5px}.hero-art{min-height:399px}.hero-orbit{width:265px;height:265px;left:34px;top:55px}.hero-mascot{width:365px;top:8px}.hero-pay-sticker{bottom:24px;font-size:10px}.hero-pay-sticker strong{font-size:18px}.hero-pay-sticker>.icon{display:none}.art-stamp{right:0;bottom:52px;width:59px;height:59px;font-size:9px}.art-stamp b{font-size:20px}.soul-sticker{padding:8px;top:74px}.soul-sticker strong{font-size:14px}.annotation-top{font-size:8px}.annotation-bottom{left:39px;font-size:7px}.demo-titlebar{padding-inline:13px}.demo-brand small{font-size:7px;margin-left:2px}.mini-toggle{font-size:8px}.demo-full{padding-inline:14px}.demo-middle{grid-template-columns:1fr 89px}.demo-clock{font-size:34px;letter-spacing:-2px}.demo-character img{width:119px;height:119px;left:-17px;top:17px}.demo-income output{font-size:25px}.demo-income{padding:13px 11px}.demo-second-rate strong{font-size:9px}.demo-overline{font-size:7px}.demo-actions button{font-size:9px;padding-inline:10px}.demo-control-panel{column-gap:12px}.handwritten-note{font-size:9px}.demo-field select{font-size:9px;padding-inline:5px}.character-portrait{min-height:218px}.character-portrait>img{width:225px;margin-left:-18px;max-width:138%}.portrait-ring{width:145px;height:145px;top:42px;left:0}.character-caption{padding-left:13px}.character-caption h3{font-size:17px}.character-caption blockquote{font-size:11px}.character-class{font-size:6px}.character-note{font-size:7px}.download-copy h2{font-size:41px}.desktop-faux-lines{left:20px;top:31px}.floating-orb{right:19px}.story-copy h2{font-size:32px}.download-art{min-height:282px}.download-art img{width:283px;right:10px}.download-art-orbit{width:195px;height:195px;left:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep decorative circles inside the mobile canvas, without clipping page focus rings. */
@media(max-width:700px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-art,.character-inner>*{min-width:0}
  .hero-orbit{left:50%;width:min(300px,calc(100% - 44px));height:auto;aspect-ratio:1;transform:translateX(-50%)}
  .hero-orbit:after{inset:-18px;transform:scaleX(1.04)}
  .hero-mascot{left:0;width:100%;max-width:100%}
  .portrait-ring{left:4px;transform:none}
  .character-inner,.demo-control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-field{min-width:0}
  .skin-picker{min-width:0;max-width:100%;margin-inline:0;padding-inline:10px;scroll-padding-inline:10px}
  .skin-option{scroll-margin-inline:10px}
}

/* Data-led motion: a shared gauge, estimate curve and one current-value pulse. */
.hero-signal{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:hidden}
.hero-signal-track,.hero-signal-flow{fill:none;stroke:var(--accent-deep);stroke-width:1}
.hero-signal-track{opacity:.28;stroke-dasharray:5 8}
.hero-signal-flow{stroke:var(--ink);stroke-width:3;stroke-dasharray:2 270;stroke-linecap:round;animation:signal-flow 18s linear infinite}
.signal-node{fill:var(--accent-deep);stroke:var(--paper);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:signal-breathe 3.8s ease-in-out infinite}
.signal-node-secondary{animation-delay:-2s;fill:var(--ink)}
.hero-particle{fill:var(--ink);stroke:var(--ink);stroke-width:1.5;animation:signal-drift 4.8s ease-in-out infinite}
.hero-particle-secondary{animation-delay:-2.4s;fill:none}
.hero-pay-sticker strong{white-space:nowrap}

.shift-lab{margin-top:62px;padding:28px 28px 21px;background:#fffdf6;border:1.5px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--accent-soft);position:relative;min-width:0}
.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}
.lab-heading>div{min-width:0}
.lab-kicker{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;font-weight:700;line-height:1.4;margin-bottom:8px}
.lab-kicker>span:last-child{margin-left:6px;color:var(--muted);font-weight:400}
.lab-signal-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-soft)}
.lab-heading h3{font-size:29px;line-height:1.35;letter-spacing:-.05em;font-weight:900}
.lab-heading h3>span{display:inline-block;font-size:28px;margin-left:14px;font-weight:400;color:var(--accent-deep)}
.lab-intro{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.8}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;border:1px solid var(--ink);border-radius:30px;background:var(--paper);padding:10px 13px;font-size:10px;font-weight:700;white-space:nowrap;transition:background .2s,box-shadow .2s}
.motion-toggle:hover{box-shadow:3px 3px 0 var(--accent-soft)}
.motion-toggle-track{display:block;position:relative;width:26px;height:15px;border:1px solid var(--ink);border-radius:20px;background:var(--lime)}
.motion-toggle-track>i{display:block;position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:var(--ink);transform:translateX(11px);transition:transform .2s}
.motion-toggle-state{font-size:9px;color:var(--muted);min-width:10px;margin-left:1px}
.motion-toggle-state:before{content:"開"}
.motion-toggle[aria-pressed="false"] .motion-toggle-track{background:#d5d3c8}
.motion-toggle[aria-pressed="false"] .motion-toggle-track>i{transform:translateX(0)}
.motion-toggle[aria-pressed="false"] .motion-toggle-state:before{content:"關"}
.motion-toggle:disabled{cursor:default;opacity:.66;box-shadow:none}
.lab-dashboard{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.65fr);gap:18px;min-width:0}
.lab-gauge-panel,.lab-chart-panel{border-radius:15px;min-width:0}
.lab-gauge-panel{display:flex;flex-direction:column;background:var(--accent-soft);border:1px solid #20201f18;padding:20px 24px 21px}
.lab-panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:750;line-height:1.4}
.lab-channel{font-family:var(--mono);font-size:8px;letter-spacing:.08em;font-weight:400;color:var(--muted);white-space:nowrap}
.lab-gauge{width:240px;max-width:100%;aspect-ratio:1;position:relative;margin:19px auto 10px;flex-shrink:0}
.lab-gauge-svg{width:100%;height:auto;display:block;overflow:visible}
.gauge-ticks{stroke:var(--ink);stroke-width:3;stroke-dasharray:.16 2.34;fill:none;opacity:.45}
.gauge-track{fill:none;stroke:#fffdf6;stroke-width:15}
.gauge-arc{fill:none;stroke:var(--accent-deep);stroke-width:15;stroke-linecap:round}
.gauge-inner-ring{fill:none;stroke:var(--ink);stroke-width:.6;stroke-dasharray:1 6;opacity:.3}
.gauge-needle{stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.gauge-needle-tip{stroke-width:0;fill:var(--ink)}
.gauge-center-disc{fill:#fffdf6;stroke:#20201f24;stroke-width:.6}
.gauge-readout{position:absolute;inset:29% 20% 28%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;pointer-events:none}
.gauge-readout>span{font-size:9px;color:var(--muted);line-height:1.4}
.gauge-readout output{font-family:var(--mono);font-size:34px;font-weight:750;line-height:1.25;letter-spacing:-2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.gauge-readout small{font-size:7px;color:var(--muted);line-height:1.5;white-space:nowrap}
.gauge-zero{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:7px;letter-spacing:.14em;background:var(--accent-soft);padding:2px 7px;color:var(--muted)}
.gauge-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #20201f26;padding-top:13px;margin-top:auto}
.gauge-footer>span{font-size:9px;color:#63596e}
.gauge-footer>output{font-family:var(--mono);font-size:19px;font-weight:650;line-height:1.4;letter-spacing:-.8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lab-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;line-height:1.5;margin-top:11px;color:#63596e;min-height:12px}
.lab-status>span:first-child{display:block;width:4px;height:4px;background:var(--accent-deep);border-radius:50%}
.lab-chart-panel{padding:20px 24px 18px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);position:relative}
.lab-chart-panel .lab-channel{color:#8f9083}
.chart-metrics{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:22px}
.chart-metrics>div{min-width:0}
.chart-metrics>div>span{display:block;font-size:9px;color:#afb0a2;margin-bottom:6px}
.chart-metrics>div>output{display:block;font-family:var(--mono);font-size:clamp(23px,3vw,34px);font-weight:700;letter-spacing:-1.4px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.chart-metrics>div:last-child{text-align:right}
.chart-metrics>div:last-child>output{font-size:17px;letter-spacing:-.6px;font-weight:450;color:#d8dcc8}
.chart-scale-top{display:flex;justify-content:space-between;gap:16px;margin-top:25px;padding-inline:6.25% 5%;color:#989b8b;font-family:var(--mono);font-size:8px;line-height:1.4}
.chart-scale-top>span{font-family:var(--sans)}
.income-chart{display:block;width:100%;height:auto;overflow:visible;max-width:100%}
.chart-grid{fill:none;stroke:#f5f3e920;stroke-width:1;stroke-dasharray:3 6}
.chart-grid-vertical{stroke:#f5f3e913;stroke-dasharray:none}
.income-area{fill:url(#incomeAreaGradient);stroke:none}
.income-line{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.income-future{fill:none;stroke:#d9e7aa;stroke-opacity:.52;stroke-width:1.5;stroke-dasharray:6 7;stroke-linecap:round}
.income-cursor{stroke:var(--lime);stroke-opacity:.3;stroke-dasharray:3 5;stroke-width:1}
.chart-point{fill:var(--lime);stroke:var(--ink);stroke-width:2}
.chart-pulse{fill:var(--lime);opacity:.4;transform-box:fill-box;transform-origin:center;animation:chart-pulse 1.9s cubic-bezier(.2,.65,.3,1) infinite}
.chart-scale-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:-19px;padding-inline:6.25% 5%;color:#a5a997;font-family:var(--mono);font-size:8px;line-height:1.4}
.chart-reading{display:flex;align-items:center;gap:8px;border:1px solid #ddf77532;background:#ddf77508;border-radius:5px;padding:9px 11px;margin-top:18px;color:var(--lime);min-width:0}
.chart-reading-dot{width:5px;height:5px;flex-shrink:0;display:block;background:var(--lime);border-radius:50%}
.chart-reading output{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:-.15px;overflow-wrap:anywhere;min-width:0}
.chart-legend{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:17px;font-size:8px;color:#a9ac9d;margin-top:12px}
.chart-legend>span{display:flex;align-items:center;gap:6px}
.chart-legend i{display:block;width:13px;height:0;border-top:2px solid var(--lime)}
.chart-legend>span:last-child i{border-top:1px dashed #d9e7aa;opacity:.65}
.lab-disclaimer{display:flex;align-items:flex-start;gap:9px;font-size:9px;color:var(--muted);line-height:1.9;margin-top:17px}
.lab-disclaimer>span{color:var(--accent-deep);font-size:14px;line-height:1.4;flex-shrink:0}
#shiftLab[data-running="false"] .chart-pulse{animation-play-state:paused;opacity:0}
#shiftLab[data-running="false"] .lab-status>span:first-child{background:var(--muted)}

[data-reveal]{opacity:1;transform:none}
html.motion-ready [data-reveal]{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.25,1)}
html.motion-ready [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(14px)}
html.motion-ready [data-reveal="later"]{transition-delay:.1s}
html.motion-ready [data-reveal].is-revealed{opacity:1;transform:none}
body.skin-changing .hero-mascot,body.skin-changing .character-portrait>img,body.skin-changing .demo-character>img,body.skin-changing .download-art>img{animation:skin-pop .42s cubic-bezier(.2,.8,.25,1) both}
@keyframes signal-flow{to{stroke-dashoffset:-1088}}
@keyframes signal-breathe{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}
@keyframes signal-drift{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:.8}}
@keyframes chart-pulse{0%{transform:scale(1);opacity:.5}85%,100%{transform:scale(3.4);opacity:0}}
@keyframes skin-pop{from{opacity:.3;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:930px){
  .shift-lab{padding:23px 21px 19px;margin-top:48px}
  .lab-dashboard{grid-template-columns:minmax(208px,.85fr) minmax(0,1.4fr);gap:13px}
  .lab-gauge-panel,.lab-chart-panel{padding:18px 17px}
  .lab-gauge{margin-top:20px}
  .lab-heading h3{font-size:27px}
  .lab-intro{font-size:10px}
  .chart-metrics{gap:15px}
  .chart-metrics>div>output{font-size:25px;letter-spacing:-1px}
  .chart-metrics>div:last-child>output{font-size:14px}
  .chart-scale-top{margin-top:27px}
  .chart-scale-bottom{margin-top:-13px}
  .gauge-readout output{font-size:29px}
  .gauge-readout>span{font-size:8px}
  .gauge-readout small{font-size:6px}
  .gauge-footer{gap:8px}
  .gauge-footer>span{font-size:8px}
  .gauge-footer>output{font-size:16px}
  .chart-reading{margin-top:19px;padding:8px}
  .chart-reading output{font-size:8px}
  .chart-legend{gap:10px;font-size:7px;margin-top:10px}
}
@media(max-width:700px){
  .shift-lab{padding:23px 16px 18px;margin-top:39px;border-radius:17px;box-shadow:4px 4px 0 var(--accent-soft)}
  .lab-heading{flex-wrap:wrap;gap:15px;margin-bottom:20px}
  .lab-heading>div{flex:1 1 220px}
  .lab-heading h3{font-size:27px}
  .lab-kicker{font-size:8px;margin-bottom:8px}
  .lab-intro{font-size:10px;line-height:1.8}
  .motion-toggle{padding:8px 11px;font-size:9px;gap:8px;min-height:36px}
  .motion-toggle-state{font-size:8px}
  .lab-dashboard{grid-template-columns:minmax(0,1fr);gap:14px}
  .lab-gauge-panel{padding:18px 19px 16px}
  .lab-panel-title{font-size:10px}
  .lab-channel{font-size:8px}
  .lab-gauge{width:226px;margin-top:12px;margin-bottom:11px}
  .gauge-readout output{font-size:34px}
  .gauge-readout>span{font-size:8px}
  .gauge-readout small{font-size:7px}
  .gauge-footer{padding-top:13px}
  .gauge-footer>span{font-size:9px}
  .gauge-footer>output{font-size:19px}
  .lab-status{font-size:8px;margin-top:8px}
  .lab-chart-panel{padding:19px 17px 17px}
  .chart-metrics{padding-top:21px;gap:12px}
  .chart-metrics>div>span{font-size:8px}
  .chart-metrics>div>output{font-size:24px;letter-spacing:-1px}
  .chart-metrics>div:last-child>output{font-size:14px}
  .chart-scale-top{font-size:7px;margin-top:23px}
  .chart-scale-bottom{font-size:7px;margin-top:-10px}
  .chart-reading{margin-top:17px;padding:8px 9px;gap:6px}
  .chart-reading output{font-size:8px}
  .chart-legend{margin-top:10px;gap:12px;font-size:7px}
  .lab-disclaimer{font-size:8px;margin-top:15px;gap:7px}
}
@media(max-width:380px){
  .shift-lab{padding-inline:13px}
  .lab-gauge-panel,.lab-chart-panel{padding-inline:14px}
  .chart-metrics>div>output{font-size:21px}
  .chart-metrics>div:last-child>output{font-size:12px}
  .chart-metrics>div>span{font-size:7px}
}
html[data-motion="off"]{scroll-behavior:auto}
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"] [data-reveal]{opacity:1!important;transform:none!important}
html[data-motion="off"] .chart-pulse{opacity:0!important}
@media(prefers-reduced-motion:reduce){
  html.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .chart-pulse{opacity:0!important}
  .hero-signal-flow,.signal-node,.hero-particle,body.skin-changing .js-mascot,body.skin-changing #selectedCharacter{animation:none!important}
}
.site-footer{flex-wrap:wrap}
.site-footer .icp-link{max-width:100%;color:var(--muted);font-family:var(--mono);font-size:10px;line-height:1.7;overflow-wrap:anywhere;text-decoration:none}
.site-footer .icp-link:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .site-footer .icp-link{grid-column:1/-1;grid-row:3;justify-self:start;font-size:10px}
}