@import url('/style.css');
:root{--canvas:#fff;--ink:#171717;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;color-scheme:light}
body{background:#fff}main{width:100%;padding:0;margin:0}.direction{width:min(1080px,calc(100% - 64px));margin:auto;padding:72px 0 38px}h1,h2,p{margin:0}h1,h2{letter-spacing:-.045em}.direction a{color:inherit}.record{display:inline-block;font-size:12px;margin-top:18px;max-width:none;color:#686868!important;text-decoration:none}.source-note{display:block;text-align:center;font-size:10px;line-height:1.6;color:#767676!important;text-decoration:none;margin:32px auto 0}.scope{max-width:600px;text-align:center;margin:28px auto 0;font-size:10px;line-height:1.7}.handwritten.soros{font-size:24px;line-height:1.1;display:block;width:max-content;margin:25px auto 0;text-decoration:none;transform:rotate(-5deg)}.objects-intro{text-align:center}.objects-intro h1{font-size:21px;line-height:1.3;letter-spacing:-.6px;font-weight:450}.objects-intro h1 strong{display:block;font-size:clamp(52px,8vw,88px);letter-spacing:-.065em;line-height:1.22;font-weight:650}.objects-intro h1>span{font-size:21px}.objects-comparison{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:900px;margin:65px auto 0}.calculation>h2{font-size:23px;letter-spacing:-.75px;font-weight:550;margin-bottom:24px}.entry{min-width:0}.entry-label{display:flex;margin-bottom:8px}.entry-label select{border:0;background:transparent;font-size:12px;padding:8px 20px 8px 0;min-height:36px;color:#606060;cursor:pointer;max-width:100%}.input-shell{display:flex;align-items:center;gap:12px;border-radius:24px;padding:15px 20px;background:linear-gradient(135deg,#fff,#f4f4f4 70%,#fff);border:1px solid #ededed;box-shadow:inset 0 1px 1px #fff,0 1px 1px #0000000a,0 8px 16px -14px #0000004d;min-height:78px}.input-shell>span:first-child{font-size:24px;color:#888}.input-shell input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:32px;letter-spacing:-1px;line-height:1.2;font-variant-numeric:tabular-nums}.input-shell input.long{font-size:22px}.input-shell:focus-within{outline:2px solid #246bfe;outline-offset:3px}.input-shell input:focus-visible{outline:0}.presets{padding:0;margin-top:3px}.presets button{min-height:44px;font-size:11px;padding-inline:13px}.error,.income-note{font-size:11px;line-height:1.5;color:#555;margin-top:8px}.answer{margin-top:28px}.answer>p:first-child{font-size:13px;color:#777;margin-bottom:4px}#result{display:block;font-size:clamp(58px,7vw,90px);line-height:1.06;font-weight:550;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap}#result.long{font-size:clamp(24px,4vw,48px);letter-spacing:-.045em}.result-context{font-size:11px;color:#6b6b6b;margin-top:12px}.everyday{margin:0;max-width:none;text-align:center}.object-stage{width:min(100%,360px);margin:auto}.object-stage img{transition:none}.price-tag{border:1px solid #ffffffba;background:linear-gradient(145deg,#ffffffb5,#ffffff9c);box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #0000001c,0 3px 5px -1px #00000016,0 20px 35px -25px #0000004d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);bottom:17%;right:4%;border-radius:20px;padding:12px 17px}.price-tag strong{font-size:23px;font-weight:500;letter-spacing:-1px}.price-tag small{font-size:9px}.everyday h2{font-size:24px;font-weight:550;line-height:1.1;letter-spacing:-.8px}.everyday h2 br{display:none}#object-equivalent{font-size:11px;color:#737373;margin-top:12px;line-height:1.5}.item-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px}.item-nav button{width:44px;height:44px;background:transparent;border-radius:50%;font-size:20px}.item-nav button:active{background:#eee}#object-position{font-size:9px;color:#777;letter-spacing:.1em;min-width:45px;text-align:center}.actions{margin:42px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px}.dark-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:999px;min-height:48px;padding:0 24px;font-size:12px;color:white;background:radial-gradient(53% 128% at 36.4% -18.1%,#6f6f6f,#080808 95.85%);box-shadow:0 1px 1px #00000017,0 2px 2px #0000001a,0 4px 5px #0000001f,0 14px 14px -1.5px #00000020,inset 0 2px 10px 1px #fafafa33,inset 0 0 2px 1px #f8f8f833,inset 0 2px .5px #fff3}.dark-button:active{background:#171717}.dark-button:disabled{opacity:.45;cursor:default}.text-button{background:none;font-size:11px;padding:10px 14px;min-height:44px;border-radius:12px;color:#656565}.text-button:disabled{opacity:.4}.actions [role=status]{font-size:11px;color:#666;min-height:16px}.support{width:min(600px,calc(100% - 48px));margin:0 auto;padding-bottom:100px}.support .videos{margin-top:28px;grid-template-columns:1fr 1fr;gap:20px}.video-label{display:block;line-height:1.5}.video-label a{display:block}.load-video{min-height:180px}.support .method{font-size:12px}.support footer{font-size:10px}.source-note:focus-visible{outline-offset:7px}
/* Typography direction: a full-width poster, no illustration or decorative surfaces. */
.type{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;max-width:1100px;padding-top:52px}.type-intro{padding-bottom:55px;border-bottom:1px solid #dcdcdc}.type-intro>p{font-size:14px;letter-spacing:-.2px}.type-intro h1{font-size:clamp(110px,20vw,260px);line-height:.76;font-weight:900;letter-spacing:-.085em;margin:34px 0 0}.type-intro h1 span{display:block;font-size:.52em;letter-spacing:-.07em;line-height:1.02}.type .record{font-size:11px;margin-top:24px}.type-calculator{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:55px;border-bottom:1px solid #ddd;align-items:start}.type-calculator>h2{font-size:clamp(45px,6.6vw,85px);line-height:.9;letter-spacing:-.065em;font-weight:800}.type .input-shell{box-shadow:none;background:none;border-radius:0;border:0;border-bottom:2px solid #171717;padding:8px 0;min-height:65px}.type .input-shell input{font-weight:650;font-size:38px}.type .input-shell input.long{font-size:23px}.type #result{font-weight:750;font-size:clamp(60px,9vw,118px);letter-spacing:-.075em}.type #result.long{font-size:clamp(24px,4vw,44px)}.type-equivalent{padding-top:50px}.type-equivalent>p:first-child{font-size:12px;margin-bottom:20px;color:#737373}.type-equivalent h2{font-size:clamp(65px,12vw,160px);line-height:.84;letter-spacing:-.07em;font-weight:850}.type-equivalent #object-equivalent{margin-top:26px}.type .item-nav{justify-content:flex-start;margin-left:-10px}.type .actions{align-items:flex-start}.type .source-note{text-align:left}.type .dark-button{background:#171717;box-shadow:none}
/* A typographic composition inspired by the user's loose-letter study. */
.letterfall{max-width:1000px;padding-top:70px}.letter-intro{text-align:center}.letter-intro h1,.letter-intro>p{font-size:clamp(25px,4.4vw,47px);line-height:1.15;letter-spacing:-.055em;font-weight:550}.letter-intro>p{color:#929292}.letter-comparison{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-top:45px}.letter-art{align-self:start}.letter-art svg{width:100%;display:block;overflow:visible}.letter-art text{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.065em;fill:#171717}.letter-art .falling-word text{fill:#246bfe;letter-spacing:-.025em}.falling-word{transform-origin:220px 315px;transform:translate(17px,122px) rotate(-7deg);animation:letter-release 1400ms cubic-bezier(.77,0,.175,1) both;animation-delay:250ms}.art-caption{font-size:9px;color:#767676;text-align:center;margin-top:12px}.letter-fact{font-size:19px;font-weight:550;letter-spacing:-.7px;line-height:1.4;margin-bottom:20px}.letter-fact span{font-size:13px;font-weight:400;color:#747474;letter-spacing:-.2px}.letterfall #item-title{font-size:27px;letter-spacing:-1px;line-height:1.1;margin-top:25px;font-weight:550}.letterfall #item-title br{display:none}.letterfall .item-nav{justify-content:flex-start;margin-left:-12px}.letterfall .actions{margin-top:40px}@keyframes letter-release{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(17px,122px) rotate(-7deg)}}
/* Share preview is the exact export. */
dialog{padding:16px;border:1px solid #ffffffb0;border-radius:26px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 36px);background:#f5f5f5;box-shadow:0 20px 90px #0003;overflow-y:auto}dialog::backdrop{background:#0007;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.share-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:0 0 12px 8px}.share-toolbar button{width:40px;height:40px;border-radius:50%;background:#e9e9e9;font-size:25px;color:#444}#share-preview{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 2px 12px #0000000b}.share-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.light-button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:0 20px;min-height:48px;font-size:12px}#share-status{font-size:11px;line-height:1.4;color:#666;text-align:center;min-height:14px;margin:10px 0 0}.no-script{padding:40px;max-width:600px;margin:auto}
@media(max-width:700px){.direction{width:calc(100% - 44px);padding-top:48px}.objects-intro h1{font-size:17px}.objects-intro h1 strong{font-size:clamp(47px,12.5vw,74px);margin-block:7px}.objects-intro h1>span{font-size:18px}.record{margin-top:16px;font-size:10px}.handwritten.soros{font-size:21px;margin-top:23px}.objects-comparison{grid-template-columns:1fr;gap:10px;margin-top:49px}.calculation>h2{font-size:22px;margin-bottom:16px}.objects .answer{text-align:center;margin-top:28px}#result{font-size:74px}.everyday{margin-top:0}.object-stage{max-width:290px}.everyday h2{font-size:22px}.objects .actions{margin-top:28px}.source-note{font-size:9px;max-width:300px}.scope{font-size:9px;max-width:300px}.support .videos{grid-template-columns:1fr;gap:25px}.support .video-label{display:flex}.support .load-video{min-height:190px}.type{padding-top:35px}.type-intro{padding-bottom:32px}.type-intro>p{font-size:11px}.type-intro h1{font-size:37vw;margin-top:26px}.type-calculator{grid-template-columns:1fr;gap:25px;padding-block:35px}.type-calculator>h2{font-size:18vw;line-height:.88}.type-entry{width:100%}.type #result{font-size:23vw}.type .answer{margin-top:25px}.type-equivalent{padding-top:36px}.type-equivalent h2{font-size:21vw}.type .actions{margin-top:30px}.type .source-note{margin-left:0}.letterfall{padding-top:45px}.letter-intro h1,.letter-intro>p{font-size:29px}.letter-comparison{grid-template-columns:1fr;gap:26px;margin-top:22px}.letter-art{max-width:370px;width:100%;margin:auto}.letter-art svg{max-height:390px}.art-caption{font-size:9px;margin-top:0}.letter-calculation{width:100%}.letter-fact{font-size:19px;margin-bottom:18px}.letterfall .answer{text-align:center}.letterfall #item-title{text-align:center;font-size:30px}.letterfall #object-equivalent{text-align:center}.letterfall .item-nav{justify-content:center;margin-left:0}.letterfall .actions{margin-top:30px}}
@media(max-width:360px){.direction{width:calc(100% - 36px)}.objects-intro h1 strong{font-size:44px}.calculation>h2{font-size:20px}.input-shell{padding:14px;gap:8px}.input-shell input{font-size:28px}.input-shell input.long{font-size:18px}.presets button{padding-inline:10px}.letter-intro h1,.letter-intro>p{font-size:25px}#result.long{font-size:25px}.type .input-shell input.long{font-size:21px}.type #result.long{font-size:28px}.share-actions{gap:7px}.share-actions button{padding-inline:16px}.support .video-label{font-size:9px}}
@media(hover:hover) and (pointer:fine){.item-nav button:hover,.text-button:hover{background:#f2f2f2}.dark-button:hover{background:radial-gradient(83% 128% at 37.3% -36.6%,#939393,#151515 95.85%)}.type .dark-button:hover{background:#363636}}
@media(prefers-reduced-motion:reduce){.falling-word{animation:none}}body[data-input=keyboard] .falling-word{animation:none}
@media(prefers-reduced-transparency:reduce){.price-tag{background:#fff;backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:#000a}}
@media(forced-colors:active){.letter-art text,.letter-art .falling-word text{fill:CanvasText}.dark-button{border:1px solid ButtonText}.input-shell{border:1px solid CanvasText}}