:root{--navy:#071524;--ink:#0b1d31;--paper:#f2ecdf;--cream:#fffaf0;--gold:#c99d55;--copper:#9a633d;--line:rgba(202,164,99,.35);--muted:#a9b0b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#17202a;font-family:"Avenir Next","Hiragino Kaku Gothic ProN",system-ui,sans-serif;line-height:1.7}.hero{min-height:710px;padding:24px clamp(22px,5vw,76px) 38px;color:var(--cream);display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(5,15,27,.93) 0%,rgba(5,15,27,.74) 46%,rgba(5,15,27,.16) 100%),url('/assets/copper-sky.jpg') center/cover}.hero nav{display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.19);padding-bottom:18px;font-size:.86rem}.hero nav a{color:var(--cream);text-decoration:none}.hero nav .brand{margin-right:auto;font-family:Georgia,"Yu Mincho",serif;font-size:1.08rem;letter-spacing:.12em}.hero-copy{max-width:700px;margin:auto 0}.eyebrow,.folio{letter-spacing:.22em;font-size:.71rem;font-weight:700;text-transform:uppercase}.eyebrow{color:#dfbc7b}.hero h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(3rem,7vw,6.7rem);line-height:1.08;font-weight:400;letter-spacing:.02em;margin:.18em 0}.hero-copy>p:not(.eyebrow){max-width:560px;font-size:clamp(1rem,1.6vw,1.2rem);color:#e2dfd8}.hero-cta{display:inline-flex;gap:18px;align-items:center;color:#fff;text-decoration:none;border-bottom:1px solid var(--gold);padding:10px 2px;margin-top:10px}.hero-note{font-size:.76rem;letter-spacing:.1em;color:#c8c8c1}.maker{padding:clamp(70px,9vw,128px) clamp(18px,5vw,76px);background:var(--paper)}.section-heading{max-width:720px;margin-bottom:46px}.folio{color:#986537;margin:0 0 8px}.section-heading h2,.ledger h2,.saved h2,.guide h2,.notes h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1.2;margin:.1em 0}.section-heading p:last-child,.ledger>div>p:last-child,.saved>div>p:last-child{color:#5c6570}.workbench{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(360px,1.22fr);max-width:1240px;margin:auto;background:var(--ink);color:var(--cream);box-shadow:0 28px 70px rgba(22,30,38,.18)}form{padding:clamp(24px,4vw,52px);border-right:1px solid var(--line)}.form-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.form-intro h3{font-family:Georgia,serif;font-size:1.55rem;margin:0}.text-button{border:0!important;padding:4px!important;min-height:auto!important;text-decoration:underline;color:#e7c98f!important}label{display:block;font-size:.83rem;letter-spacing:.04em;margin:16px 0;color:#d7d4cd}input,select,button{font:inherit}input,select{display:block;width:100%;min-height:48px;margin-top:7px;background:#102842;border:1px solid #42617a;border-radius:0;color:#fff;padding:10px 12px;font-size:16px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #e8b968;outline-offset:3px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions,.result-actions{display:flex;gap:10px;margin-top:24px}.form-actions button,.result-actions button,.saved button{min-height:46px;padding:10px 16px;border:1px solid #b99558;background:transparent;color:#fff;cursor:pointer}.form-actions .primary{background:var(--gold);color:#102033;border-color:var(--gold);font-weight:700}.status{padding:10px 12px;border-left:3px solid #88b99c;background:rgba(136,185,156,.09);font-size:.85rem}.status[data-type=error]{border-color:#e3957d;background:rgba(227,149,125,.1)}.privacy{color:#97a8b8;font-size:.74rem;margin-top:24px}.chart-panel{padding:clamp(20px,3vw,42px);overflow:hidden}.chart-meta{display:flex;justify-content:space-between;color:#b9a785;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.chart-meta strong{font-weight:500}.canvas-wrap{display:flex;justify-content:center;margin:12px auto 0;max-width:720px}canvas{display:block;max-width:100%;height:auto}.result-summary{text-align:center;color:#cbd0d2;font-size:.77rem}.result-actions{justify-content:center}.ledger,.saved{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(300px,1.35fr);gap:clamp(30px,7vw,110px);padding:clamp(70px,9vw,125px) clamp(18px,6vw,90px)}.ledger{background:#e5dccb}.star-list{margin:0;padding:0;list-style:none;border-top:1px solid #aa997b}.star-list li{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:13px 4px;border-bottom:1px solid #b7a88d}.star-list strong{font-size:.82rem;font-weight:600}.star-list small{min-width:80px;color:#6b655d}.empty{color:#726c63;font-style:italic}.saved{background:#10253b;color:var(--cream)}.saved .folio{color:#d1aa68}.saved>div>p:last-child{color:#aab5be}.saved ul{margin:0;padding:0;list-style:none}.saved li{display:flex;border-bottom:1px solid var(--line)}.saved li button:first-child{flex:1;text-align:left;border:0}.saved .delete{border:0;color:#caa8a0}.guide{padding:clamp(70px,9vw,125px) clamp(18px,6vw,90px);background:var(--paper)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c6b99f;border:1px solid #c6b99f}.guide article{background:var(--paper);padding:clamp(24px,4vw,52px)}.guide article>span{color:var(--copper);font-family:Georgia,serif;font-size:2rem}.guide h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.35rem}.notes{padding:clamp(54px,8vw,100px) clamp(18px,12vw,190px);background:#ded4c1}.notes h2{font-size:2rem}.notes p{max-width:900px}.notes details{max-width:900px;border-top:1px solid #aa997b;border-bottom:1px solid #aa997b;padding:12px 0}.notes summary{cursor:pointer;font-weight:700}footer{display:flex;justify-content:space-between;gap:20px;padding:36px clamp(18px,6vw,90px);background:#06111e;color:#bdc3c7}footer span{font-family:Georgia,"Yu Mincho",serif}footer p{margin:0;font-size:.8rem}@media(max-width:800px){.hero{min-height:650px;background-position:61% center}.hero nav a:not(.brand){display:none}.hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}.workbench,.ledger,.saved{grid-template-columns:1fr}.workbench form{border-right:0;border-bottom:1px solid var(--line)}.chart-panel{padding:18px 10px 28px}.pair{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.star-list li{grid-template-columns:1fr auto;gap:8px}.star-list small{grid-column:2}.ledger,.saved{gap:24px}.form-actions{flex-direction:column}.form-actions button{width:100%}footer{flex-direction:column}.result-summary{padding:0 10px}}@media(max-width:360px){.hero{padding-left:16px;padding-right:16px}.hero h1{font-size:2.7rem}.maker,.ledger,.saved,.guide{padding-left:12px;padding-right:12px}.chart-meta{padding:0 8px}.result-actions{flex-direction:column;margin:16px 10px}.result-actions button{width:100%}.star-list li{font-size:.9rem}}@media print{body{background:#fff}.hero,form,.ledger,.saved,.guide,.notes,footer,.result-actions{display:none!important}.maker{padding:0}.section-heading{display:none}.workbench{display:block;box-shadow:none;background:#fff}.chart-panel{color:#111;padding:0}.chart-meta{color:#111}.result-summary{color:#111}canvas{max-width:170mm!important;max-height:170mm!important;margin:auto}}