:root{--paper:#f4f6f7;--white:#fff;--ink:#1c2b34;--muted:#52616b;--rule:#ced6db;--accent:#a84f31;--soft:#f4e9e1;--field:#f8fafb;--dark:#102834;--focus:#285dcb;--gold:#90631c;--teal:#15696e;--radius:3px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.55;background-image:radial-gradient(ellipse at 92% 8%,#e6d5c966,transparent 40%)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,input,select,textarea{border-radius:var(--radius)}button{min-height:44px}button,select,input{border:1px solid var(--rule)}input,select,textarea{width:100%;min-height:48px;background:var(--field);padding:10px 12px}input[type=number]{font-variant-numeric:tabular-nums}select{padding-right:25px}label{display:block;font-size:.78rem;font-weight:600;margin-bottom:6px}fieldset{border:0;padding:0;margin:0;min-width:0}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h3{font-size:1rem}em{font-weight:400}main,.masthead,footer{max-width:1320px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:18px 0;border-bottom:1px solid var(--rule)}.brand{display:block;line-height:0}.brand img{width:212px;height:auto}.masthead-right{display:flex;align-items:center;gap:28px}.prototype{font:10px 'Courier New',monospace;letter-spacing:1.2px;color:var(--muted);display:flex;align-items:center;gap:8px}.prototype span{width:6px;height:6px;border:1px solid var(--accent);border-radius:50%}.icon-button{width:44px;height:44px;border-radius:50%;font-size:25px;background:transparent}.skip{position:fixed;left:16px;top:-80px;padding:12px;background:var(--white);z-index:20}.skip:focus{top:12px}.intro{padding:60px 0 44px;display:flex;gap:60px;align-items:center;justify-content:space-between}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:10px}.tiny-rule{height:1px;width:28px;background:var(--accent)}h1{font-size:clamp(44px,5.6vw,76px);line-height:1.08;letter-spacing:-2.6px;margin:18px 0 20px}h1 em,.method h2 em{color:var(--accent)}.intro-copy{max-width:535px;color:var(--muted);font-size:17px;line-height:1.65}.intro-note{border-left:1px solid var(--rule);padding:8px 0 8px 30px;min-width:255px}.chapter{font:10px 'Courier New',monospace;letter-spacing:1px;color:var(--accent)}.intro-note p{font-family:Georgia,serif;font-size:20px;line-height:1.5;margin:16px 0}.intro-note a{font-size:12px;text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:5px}.intro-note a span{margin-left:24px}.instrument{display:grid;grid-template-columns:minmax(290px, .84fr) minmax(0,1.16fr);border:1px solid var(--rule);box-shadow:0 18px 52px #253c4610}.scene{background:var(--dark);background-image:radial-gradient(ellipse at 80% 5%,#35647365,transparent 65%);color:#e3edf3;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:30px 34px;isolation:isolate;min-height:740px}.scene:before{position:absolute;content:'';width:660px;height:660px;left:-115px;top:10px;background:#bdd4de;mask:url('/brand/selected/angular-emblem/component-pair.svg') center/contain no-repeat;opacity:.08;z-index:-1;pointer-events:none}.scene-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.scene-top .eyebrow{font-size:9px;letter-spacing:1px;font-weight:400}.scene-top strong{font-weight:400}.specimen-number{font:10px 'Courier New',monospace;color:#b8ceda}.token-scene{position:relative;margin:auto -25px 0;padding-top:30px}.art-caption{font-size:10px;text-align:center;color:#a9bfcc;margin:8px auto 30px;max-width:260px}.time-display{border-top:1px solid #bad5e433;padding-top:30px;display:flex;flex-direction:column}.time-caption{font:9px 'Courier New',monospace;letter-spacing:2px;color:#b8ceda}.year-big{font:clamp(90px,9vw,142px)/1.1 Georgia,serif;letter-spacing:-6px;margin:8px 0;color:#f2f5f6;font-variant-numeric:lining-nums}.year-sub{font-size:11px;color:#b8ceda;max-width:270px}.scene-bottom{display:flex;align-items:center;gap:16px;margin-top:40px;font:9px 'Courier New',monospace;letter-spacing:1px;color:#b8ceda}.time-track{height:1px;background:#658598;position:relative;flex:1}.time-track:before,.time-track:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;top:-2px;background:#b99580}.time-track:after{right:0}.time-track i{position:absolute;left:40%;top:-5px;height:11px;width:2px;background:#d1a98d}.scene[data-metal=gold]{background-color:#322b20}.scene[data-metal=copper]{background-color:#352722}.scene[data-metal=platinum]{background-color:#28273d}.workbench{padding:34px 40px 24px;background:var(--white)}.bench-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.bench-top h2{font-size:23px}.currency{font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--muted);white-space:nowrap}.mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--paper);border:1px solid var(--rule);margin-bottom:25px}.mode-switch label,.metal-options label{margin:0;position:relative;cursor:pointer}.mode-switch input,.metal-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.mode-switch span{display:flex;justify-content:center;align-items:center;min-height:41px;border:1px solid transparent;font-size:12px}.mode-switch input:checked+span{background:var(--ink);color:var(--white);box-shadow:0 2px 6px #0002}.mode-switch input:focus-visible+span,.metal-options input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.metal-picker legend,.field-legend{font:10px 'Courier New',monospace;color:var(--accent);margin-bottom:12px;letter-spacing:1px}.field-legend span,.metal-picker legend span{font:600 13px Arial,Helvetica,sans-serif;color:var(--ink);letter-spacing:0;margin-left:12px}.metal-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metal-options span{border:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75px;font-size:10px;background:var(--field)}.metal-options b{font:24px Georgia,serif;line-height:1.2}.metal-options label:nth-child(2) b{color:var(--gold)}.metal-options label:nth-child(3) b{color:#715ab8}.metal-options label:nth-child(4) b{color:var(--accent)}.metal-options input:checked+span{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 -3px var(--ink)}.field-section{margin-top:24px}.quantity-row{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.quantity-row input{font-size:20px;height:51px}.quantity-row select{height:51px}.basis-row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:12px}.basis-row:has([hidden]){grid-template-columns:1fr}.basis-row select,.basis-row input{font-size:12px;min-height:44px}.basis-row label{font-size:11px}.hint{font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.year-label{display:flex;justify-content:space-between;align-items:center;gap:10px}.year-label label{margin:0}.year-input{display:flex;align-items:center;border:1px solid var(--rule);background:var(--field)}.year-input input{padding:0;width:70px;min-height:42px;border:0;text-align:center;font-size:16px;-moz-appearance:textfield}.year-input input::-webkit-inner-spin-button{appearance:none}.year-input button{border:0;background:transparent;width:32px;min-height:42px;font-size:20px}.year-section input[type=range]{padding:0;min-height:24px;margin:12px 0 0;accent-color:var(--accent);background:transparent;border:0}.range-labels{display:flex;justify-content:space-between;font:10px 'Courier New',monospace;color:var(--muted)}.price-source{border-top:1px solid var(--rule);margin-top:24px;padding-top:18px}.price-source select{font-size:12px;min-height:44px}.data-status{font-size:11px;color:var(--muted);margin-top:9px}.data-status:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:7px;vertical-align:2px}.calculate-button{border:1px solid var(--accent);background:var(--accent);color:#fff;width:100%;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;margin-top:20px;min-height:50px}.calculate-button:hover{filter:brightness(.92)}.calculate-button span{font-size:22px;font-weight:400}.local-note{text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.local-note span{font-size:14px;margin-right:4px}.result-sheet{grid-column:1/-1;background:var(--white);padding:30px 40px 32px;border-top:1px solid var(--rule);position:relative}.result-sheet:before{content:'';position:absolute;left:0;top:-1px;width:110px;height:3px;background:var(--accent)}.result-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.result-status{font:9px 'Courier New',monospace;letter-spacing:.9px;padding:5px 8px;border:1px solid var(--rule);color:var(--muted)}.empty-result{display:grid;grid-template-columns:90px 1fr;gap:6px 20px;padding:28px 0 12px;align-items:center}.empty-dash{grid-row:1/3;font:65px Georgia,serif;color:var(--accent)}.empty-result h2{font-size:25px}.empty-result p{font-size:13px;color:var(--muted);max-width:570px}.result-main{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:28px 0}.result-main h2{font:13px Arial,Helvetica,sans-serif}.result-date{font-size:11px;color:var(--muted);margin-top:3px}.big-value{font-size:clamp(38px,5vw,66px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-2px;line-height:1.2;margin:10px 0}.result-quantity{font-size:12px;color:var(--muted)}.change-block{border-left:1px solid var(--rule);padding-left:28px;max-width:280px}.change-block>span{font:9px 'Courier New',monospace;letter-spacing:1px}.change-block strong{display:block;font:35px Georgia,serif;margin:7px 0;color:var(--teal)}.change-block[data-direction=down] strong{color:var(--accent)}.change-block p{font-size:10px;color:var(--muted)}.change-block p:first-of-type{font-size:13px;color:var(--ink);margin-bottom:6px}.comparison-bars{display:grid;gap:16px;max-width:760px}.bar-label{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:6px}.bar-label strong{font-weight:400;font-variant-numeric:tabular-nums}.bar-track{background:var(--paper);height:11px;border-radius:1px;overflow:hidden}.bar{height:100%;min-width:1px}.bar.past{background:#7291a3}.bar.comparison{background:var(--accent)}.chart-caption{font-size:10px;color:var(--muted);margin:12px 0 18px}.result-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--rule);padding-top:18px}.result-foot p{font-size:12px;color:var(--muted);max-width:660px}.share-button{background:transparent;color:var(--ink);border:1px solid var(--rule);padding:10px 14px;font-size:12px;white-space:nowrap}.share-button span{margin-left:20px}.calculation-detail{margin-top:18px;font-size:12px}.calculation-detail summary{padding:12px 0}.calculation-detail p{margin:8px 0;color:var(--muted)}summary{cursor:pointer;min-height:44px}.method{display:grid;grid-template-columns:.84fr 1.16fr;gap:40px;padding:65px 0 62px}.method h2{font-size:40px;line-height:1.2;margin-top:20px}.method-content{padding-right:15px}.method-item{display:flex;gap:22px;margin-bottom:28px}.method-number{font:11px 'Courier New',monospace;color:var(--accent);padding-top:4px}.method-item p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:7px}.source-disclosure{border-top:1px solid var(--rule);font-size:12px;padding:9px 0 0}.source-disclosure summary{font-weight:600;padding:10px 0}.source-disclosure p{color:var(--muted);margin:12px 0;line-height:1.7}.source-disclosure a{color:var(--ink)}footer{border-top:1px solid var(--rule);padding:23px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}footer>div{display:flex;align-items:center;gap:20px}footer button{font:inherit;letter-spacing:0;background:transparent;border:0;padding:8px 0}footer a{text-decoration:none;letter-spacing:0}.footer-dot{margin:0 9px;color:var(--accent)}.manual-note{font:10px 'Courier New',monospace;color:var(--accent);margin:17px 0 12px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.quote-unit{display:block;font-weight:400;color:var(--muted);font-size:10px}.manual-grid input{font-size:13px}.money-input{position:relative}.money-input span{position:absolute;left:14px;top:12px}.money-input input{padding-left:30px}.form-error{padding:12px;margin-top:15px;background:var(--soft);border-left:3px solid var(--accent);font-size:12px}.no-script{padding:30px;border:1px solid var(--rule);margin:20px 0}.no-script p{margin-top:12px}dialog{border:1px solid var(--rule);background:var(--white);color:var(--ink);max-width:540px;width:calc(100% - 32px);padding:34px;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#102834b5;backdrop-filter:blur(3px)}dialog h2{font-size:30px;line-height:1.2;margin:18px 0}dialog p{font-size:13px;color:var(--muted);margin:12px 0}dialog .eyebrow{font-size:9px;padding-right:15px}dialog .share-warning{font-size:11px;background:var(--paper);padding:12px}dialog input,dialog textarea{font:11px 'Courier New',monospace}dialog details{font-size:12px;border-top:1px solid var(--rule);margin-top:18px;padding-top:10px}dialog textarea{margin-bottom:10px}.dialog-close{position:absolute;right:10px;top:7px;width:44px;border:0;background:transparent;font-size:24px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}
html[data-theme=dark]{--paper:#101922;--white:#192731;--ink:#e4edf3;--muted:#b3c3cd;--rule:#475966;--accent:#e3a383;--soft:#433127;--field:#14212b;--dark:#0b1c26;--focus:#8db4ff;--gold:#edc477;--teal:#8bcac5;color-scheme:dark}html[data-theme=dark] body{background-image:radial-gradient(ellipse at 92% 8%,#2e293188,transparent 40%)}html[data-theme=dark] .brand img{filter:brightness(0) invert(1)}html[data-theme=dark] .calculate-button{background:#a84f31;border-color:#ca8262}html[data-theme=dark] .mode-switch input:checked+span{background:#c9dbe7;color:#14212b}html[data-theme=dark] .metal-options label:nth-child(3) b{color:#b7a1f0}
html:not([data-effects=on]) *,html:not([data-effects=on]) *:before,html:not([data-effects=on]) *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}html[data-effects=on] .calculate-button,html[data-effects=on] .share-button{transition:background .18s,filter .18s}
html[data-embed=true] .masthead,html[data-embed=true] .intro,html[data-embed=true] footer,html[data-embed=true] .scene{display:none}html[data-embed=true] main{max-width:960px;padding:0}html[data-embed=true] .instrument{grid-template-columns:1fr;border:0;box-shadow:none}html[data-embed=true] .workbench{padding:24px}html[data-embed=true] .result-sheet{padding:24px}html[data-embed=true] .method{display:block;padding:24px}html[data-embed=true] .method-title{margin-bottom:25px}html[data-embed=true] .method h2{font-size:30px}
@media(min-width:1401px){main,.masthead,footer{max-width:1200px}}@media(max-width:1400px){main,.masthead,footer{margin-left:44px;margin-right:44px}}@media(max-width:1000px){main,.masthead,footer{margin-left:28px;margin-right:28px}.workbench{padding:28px}.scene{padding:28px}.intro-note{min-width:210px;padding-left:20px}.intro{gap:30px}h1{font-size:58px}.instrument{grid-template-columns:.75fr 1.25fr}.bench-top h2{font-size:21px}.year-label{align-items:flex-start;flex-wrap:wrap}.method{grid-template-columns:.75fr 1.25fr;gap:28px}.result-sheet{padding:28px}}
@media(max-width:760px){main,.masthead,footer{margin-left:20px;margin-right:20px}.masthead{min-height:85px}.brand img{width:176px}.masthead-right{gap:12px}.prototype{font-size:8px;max-width:64px;line-height:1.4}.intro{padding:35px 0 28px;display:block}.intro-note{display:none}h1{font-size:48px;letter-spacing:-1.5px;margin-top:15px}.intro-copy{font-size:15px;max-width:450px}.instrument{display:flex;flex-direction:column}.workbench{order:1;padding:25px}.result-sheet{order:2;padding:25px}.scene{order:3;min-height:0;padding:22px 25px;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.scene-top{grid-column:1/-1}.token-scene{grid-column:2;grid-row:2/4;margin:0 -25px 0 -25px;padding:10px 0}.art-caption{grid-column:1/-1;margin:15px 0 0;max-width:none;font-size:9px;text-align:left}.time-display{grid-column:1;grid-row:2/4;border:0;padding:25px 0 0;justify-content:center}.year-big{font-size:72px;letter-spacing:-3px}.time-caption{font-size:8px;letter-spacing:1px}.year-sub{font-size:10px;max-width:140px}.scene-bottom{display:none}.method{display:block;padding:40px 0}.method-title{margin-bottom:30px}.method h2{font-size:34px}.method h2 br{display:none}.method h2 em{margin-left:6px}.method-content{padding:0}.result-main{gap:15px;align-items:flex-start}.big-value{font-size:45px;letter-spacing:-1.5px}.change-block{padding-left:15px;max-width:170px}.change-block strong{font-size:27px}.change-block>span{font-size:8px}.result-foot{display:block}.share-button{margin-top:16px}.result-status{font-size:8px}.result-heading .eyebrow{font-size:9px;letter-spacing:1px}.empty-result{grid-template-columns:48px 1fr;gap:6px 12px}.empty-result h2{font-size:23px}.empty-result p{font-size:12px}.empty-dash{font-size:42px}footer{display:block;font-size:8px}footer>div{margin-top:12px;justify-content:space-between}.manual-grid{gap:10px}.year-label{align-items:center}.no-script{padding:20px}}
@media(max-width:420px){main,.masthead,footer{margin-left:16px;margin-right:16px}.brand img{width:154px}.masthead-right{gap:8px}.prototype{font-size:7px;max-width:60px}.icon-button{width:40px;height:40px}.intro .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:42px}.workbench,.result-sheet{padding:22px 18px}.bench-top h2{font-size:21px}.currency{font-size:8px}.metal-options{gap:5px}.quantity-row{grid-template-columns:.8fr 1.2fr;gap:9px}.quantity-row select{font-size:12px}.year-label{gap:10px}.year-input input{width:56px}.year-input button{width:28px}.field-legend span{font-size:12px;margin-left:7px}.result-main{display:block}.change-block{border:0;padding:18px 0 0;max-width:none}.change-block strong{display:inline-block;margin-right:10px}.change-block>span{display:block}.change-block p:first-of-type{display:inline-block}.result-status{max-width:120px;text-align:center}.scene{padding:20px 18px}.year-big{font-size:64px}.method h2{font-size:30px}.manual-grid{grid-template-columns:1fr}.bar-label{font-size:11px}.result-heading{gap:8px}dialog{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){body{background:Canvas}.scene{background:Canvas;color:CanvasText}.scene:before,.token-scene{display:none}.scene *{color:CanvasText}.scene{border:1px solid CanvasText}.bar{background:Highlight!important;border:1px solid CanvasText}.bar-track{border:1px solid CanvasText}.metal-options input:checked+span,.mode-switch input:checked+span{outline:2px solid Highlight}.brand img{filter:none!important}.time-track{background:CanvasText}}
@media print{.masthead-right,form,footer,dialog,.share-button,.scene{display:none!important}.instrument{display:block;box-shadow:none}.result-sheet{border:0}.method{display:block}.method-title{margin-bottom:20px}main,.masthead{margin:0}.intro{padding:20px 0}.intro-note{display:none}.result-content{display:block}body{background:white;color:black}}

.sample-note{font-size:10px;color:var(--muted);margin:-12px 0 18px}
.year-input button{width:44px;min-height:44px}.year-input input{min-height:44px}@media(max-width:420px){.icon-button{width:44px;height:44px}.year-input button{width:44px}.year-label{flex-wrap:wrap}.year-input{margin-left:auto}}

.arrow-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}.calculate-button .arrow-icon{width:20px;height:20px}.share-button .arrow-icon,.intro-note .arrow-icon{margin-left:18px}

.text-button{font-size:10px;border:0;background:transparent;padding:8px 0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:44px}.big-value,.change-block strong,.bar-label strong,.calculation-detail p{overflow-wrap:anywhere}.result-main>div{min-width:0}

/* Production integration: static original artwork, no coin animation or motion controls. */
.tool-nav{display:flex;align-items:center;gap:20px;font-size:12px}.tool-nav a{text-decoration:none}.tool-nav a:hover{text-decoration:underline}.history-art{margin:28px -34px 14px;position:relative}.history-art picture,.history-art img{display:block;width:100%;height:auto}.history-art figcaption{padding:12px 34px 0;color:#b8ceda;font-size:10px;line-height:1.5}.metal-symbol{font:42px Georgia,serif;color:#d8b99c;margin:3px 0 20px}.scene{min-height:740px}.scene .time-display{margin-top:auto}.masthead .brand img{max-width:212px;width:100%}footer>div{display:flex;gap:20px}.sample-note{line-height:1.6}
@media(max-width:700px){.masthead{padding:16px 0;gap:15px;flex-wrap:wrap}.masthead-right{gap:16px}.tool-nav{gap:14px;font-size:11px}.history-art{margin:20px -22px 12px}.history-art figcaption{padding-inline:22px}.scene .metal-symbol{margin-bottom:12px}.scene{min-height:0}.scene .time-display{padding-top:20px}footer>div{flex-wrap:wrap;gap:14px}}

.tool-explore{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;max-width:1200px;margin:30px auto 0;padding:20px 24px;border-block:1px solid var(--rule);font-size:11px}.tool-explore a{text-decoration:none}.tool-explore a:hover{text-decoration:underline}html[data-embed=true] .tool-explore{display:none}

/* Section titles stand on their own, without decorative step numbers. */
.method-item{display:block}.field-legend span,.metal-picker legend span{margin-left:0}
