:root{--ivory:#f4f0e6;--olive:#596b3a;--ink:#1e211d;--blue:#7c9aa5;--gold:#b89545;--line:rgba(30,33,29,.22);--paper:#fbf9f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Helvetica Neue",Arial,"Noto Sans Thai",sans-serif;line-height:1.55}.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}.wordmark{color:inherit;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.18em}.canon,.site-footer{font:600 10px/1.2 monospace;letter-spacing:.12em}.view{max-width:1440px;margin:0 auto;padding:clamp(54px,8vw,120px) clamp(20px,5vw,72px)}.hero-copy{max-width:1040px}.eyebrow{margin:0 0 22px;font:700 11px/1 monospace;letter-spacing:.14em;color:var(--olive)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,9vw,132px);line-height:.87;letter-spacing:-.065em;margin-bottom:36px;max-width:1200px}h2{font-size:clamp(40px,6vw,82px);line-height:.96;letter-spacing:-.05em;margin-bottom:18px}h3{font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.045em}.intro{font-size:clamp(18px,2vw,25px);max-width:630px}.upload-zone{margin-top:clamp(50px,9vw,120px);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0 34px;display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center}.upload-index{font:700 11px monospace}.upload-title{font-size:clamp(22px,3vw,38px);font-weight:700;margin:0}.upload-hint{grid-column:2;margin:0;color:#51564f}.button-row{grid-column:3;grid-row:1/3;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button{appearance:none;border:1px solid var(--ink);border-radius:0;padding:15px 20px;background:transparent;color:var(--ink);font:700 14px inherit;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--olive);border-color:var(--olive);color:white}.button.secondary:hover{background:var(--ink);color:var(--ivory)}.text-button{grid-column:2;background:none;border:0;padding:0;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer;color:var(--ink)}.privacy-strip{margin-top:24px;display:grid;grid-template-columns:220px 1fr;gap:24px;color:#4c504a}.privacy-strip span{font:700 10px monospace;letter-spacing:.1em}.privacy-strip p{font-size:13px;max-width:650px}.section-heading{max-width:760px;margin-bottom:48px}.ocr-status{max-width:760px;border-top:2px solid var(--olive);padding:16px 0;margin-bottom:34px}.ocr-status>div{display:flex;justify-content:space-between}.ocr-status progress{width:100%;accent-color:var(--olive)}.ocr-status p{font-size:12px}.review-layout{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:clamp(28px,6vw,90px)}.image-panel{position:sticky;top:20px;align-self:start}.image-panel img{width:100%;max-height:600px;object-fit:contain;background:#dedbd2;display:none;filter:grayscale(20%)}.image-panel p,.form-note,.safe-note{font-size:12px;color:#64685f;margin-top:10px}.fields-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--line);padding-bottom:9px}.field span{font-size:12px;font-weight:700;letter-spacing:.03em}.field em{font-weight:400;color:#767a72}.field input{border:0;background:transparent;border-radius:0;padding:5px 0;font-size:20px;color:var(--ink);outline:none;text-transform:uppercase}.field:focus-within{border-color:var(--olive)}.wide{grid-column:1/-1}.reading-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);margin-bottom:48px}.reading-hash{font:10px monospace}.reading-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,8vw,110px)}.calculation-summary{border-left:6px solid var(--olive);padding-left:20px;margin-bottom:56px;font-size:17px}.calculation-summary strong{font-size:25px}.prediction-body{font-size:clamp(19px,2.2vw,27px);line-height:1.65}blockquote{margin:70px 0 0;border-top:1px solid var(--ink);padding-top:30px}blockquote>p{font-family:Georgia,serif;font-size:clamp(28px,4vw,54px);line-height:1.08}blockquote footer{display:flex;justify-content:space-between;gap:20px}blockquote small{max-width:300px}.share-preview-wrap{position:sticky;top:20px;align-self:start}#share-card{display:block;width:100%;height:auto;box-shadow:0 20px 60px rgba(30,33,29,.15);background:var(--paper)}.reading-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:60px}.reading-actions .text-button{margin-left:auto}.site-footer{border-top:1px solid var(--line);border-bottom:0}.drop-active{outline:4px solid var(--blue);outline-offset:10px}[hidden]{display:none!important}@media(max-width:800px){.site-header{padding:18px 20px}.view{padding-top:60px}.upload-zone{grid-template-columns:1fr}.upload-index,.upload-title,.upload-hint,.button-row,.upload-zone .text-button{grid-column:1;grid-row:auto}.button-row{justify-content:stretch}.button-row .button{flex:1}.privacy-strip{grid-template-columns:1fr;gap:8px}.review-layout,.reading-grid{grid-template-columns:1fr}.image-panel,.share-preview-wrap{position:static}.image-panel img{max-height:340px}.reading-top{align-items:start;flex-direction:column}.reading-hash{margin-bottom:12px}.site-footer{align-items:flex-start;gap:12px;flex-direction:column}.reading-actions .text-button{margin-left:0;width:100%;margin-top:14px}}