#regent-preview {padding:24px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#44362e;color-scheme:light}
#regent-preview *{box-sizing:border-box}
#regent-preview .phone{max-width:390px;margin:auto;background:#fffdfa;border:1px solid #e8ddca;border-radius:28px;overflow:hidden;box-shadow:0 14px 42px #74522712}
#regent-preview header{padding:28px 20px 18px;background:#700519 url('/app/header-burgundy-v1.jpg') center/100% 100% no-repeat;border-bottom:2px solid #dab775;color:#fff2d9}
#regent-preview .identity{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center}
#regent-preview .identity>div{min-width:0;width:100%}
#regent-preview .logo{width:96px;height:96px;object-fit:contain;flex:none;border-radius:4px}
#regent-preview h2{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:44px;margin:0 0 10px;font-weight:400;letter-spacing:-.7px;font-style:italic;line-height:1.12;white-space:nowrap;color:#ffe5aa;text-shadow:0 1px 1px #73151c55}
#regent-preview h2{padding:2px 5px;background-image:linear-gradient(110deg,#e9b641 0%,#ffdb75 22%,#ffe9a3 39%,#fff6d4 47%,#ffffff 50%,#fff6d4 53%,#ffdf81 62%,#edbd4e 78%,#ffe293 100%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 1px #64101855);animation:rg-title-shine 6s ease-in-out infinite}
@keyframes rg-title-shine{0%,20%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){#regent-preview h2{animation:none;background-position:50% 50%}}
#regent-preview .header-note{color:#ffead0;font-size:12px;letter-spacing:2px}
#regent-preview .welcome{margin-top:24px;padding-top:14px;border-top:1px solid #edcb8c60;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff0da}
#regent-preview .user-dot{display:inline-grid;place-items:center;width:26px;height:26px;background:#ffffff15;border:1px solid #ebca8790;border-radius:50%;margin-right:7px;color:#ffe2a4;font-size:12px}
#regent-preview small{font-size:12px;color:light-dark(#72675f,#c8bbb0)}
#regent-preview main{padding:20px;display:grid;gap:20px}
#regent-preview button{font:inherit;font-size:14px;min-height:46px;padding:10px 12px;border:1px solid light-dark(#d8d0c8,#64584e);border-radius:12px;background:light-dark(#fff,#332c27);color:inherit;cursor:default}
#regent-preview button[aria-pressed=true]{background:light-dark(#f8ece0,#4d2924);border-color:light-dark(#9e712d,#ddb774);color:light-dark(#7e1820,#ffdfb3);box-shadow:inset 0 0 0 1px light-dark(#9e712d,#ddb774)}
#regent-preview .primary{background:linear-gradient(135deg,#77151c,#a0272d);color:#fff5e3;border:1px solid #b87d40;width:100%;font-weight:500}
#regent-preview .primary:disabled{background:#e8e0d3;color:#796e60;border:1px solid #d7cbb8;cursor:not-allowed;box-shadow:none;transform:none;filter:none}
#regent-preview .upload{min-height:140px;display:grid;place-content:center;justify-items:center;gap:8px;width:100%;background:light-dark(#fffdf8,#30231d);border:1px solid light-dark(#c7a66a,#8d7047);border-radius:18px;color:light-dark(#7c1a23,#f3d2a0)}
#regent-preview .upload-icon{width:40px;height:40px;display:grid;place-items:center;background:light-dark(#f5e9d5,#4c3626);border-radius:13px;color:light-dark(#8d6327,#e6be79);margin-bottom:3px}
#regent-preview .upload-title{font-size:17px;font-weight:500}
#regent-preview .section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
#regent-preview .section-heading .label{margin:0;font-size:18px}
#regent-preview .quiet-note{text-align:center;font-size:12px;color:light-dark(#837365,#c1ad9a);margin:12px 0 0}
#regent-preview .group{display:grid;gap:8px}
#regent-preview .label{font-size:14px;font-weight:600;margin:0 0 8px}
#regent-preview .choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#regent-preview [data-group="payment"] button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:94px;padding:12px 8px}
#regent-preview [data-group="payment"] svg,#regent-preview [data-group="payment"] [data-lucide]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:none!important;max-height:none!important;flex:0 0 44px!important;stroke-width:1.8;color:#987333;display:block}
#regent-preview [data-group="payment"] button[aria-pressed="true"] svg{color:#8c292d}
#regent-preview .choices button:first-child:nth-last-child(3){grid-column:1/-1}
#regent-preview .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:light-dark(#fff,#2d2723);padding:14px;border-radius:14px}
#regent-preview label{display:grid;gap:7px;font-size:13px;font-weight:500;color:#574534}
#regent-preview input{font:inherit;font-weight:400;font-size:16px;color:#30271f;background:#fffefb;border:1px solid #c9b798;width:100%;min-width:0;min-height:46px;padding:10px 11px;border-radius:9px;transition:border-color 160ms ease,box-shadow 160ms ease}
#regent-preview input::placeholder{color:#786c5b;opacity:1}
#regent-preview input:focus-visible{outline:2px solid #a87b31;outline-offset:2px;border-color:#a87b31;box-shadow:0 0 0 4px #d8b66c20}
#regent-preview .field-help{font-weight:400;font-size:12px;color:#75624f;line-height:1.5}
#regent-preview #rg-note{padding:13px;background:#fff9ed;border:1px solid #eadbc0;border-radius:12px;margin-top:8px}
#regent-preview button{position:relative;transition:transform 140ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
#regent-preview button:active{transform:scale(.98)}
#regent-preview button:focus-visible{outline:2px solid #a87b31;outline-offset:3px}
#regent-preview .tap-gold{animation:rg-gold-feedback 360ms ease-out}
#regent-preview .reveal-gold{animation:rg-reveal 180ms ease-out}
@keyframes rg-gold-feedback{0%{box-shadow:0 0 0 0 #c59c5666}100%{box-shadow:0 0 0 7px #c59c5600}}
@keyframes rg-reveal{from{transform:translateY(4px);opacity:.75}to{transform:translateY(0);opacity:1}}
@media(hover:hover){#regent-preview button:hover{border-color:#b48a43;box-shadow:0 3px 10px #8c642012}#regent-preview .primary:hover{filter:brightness(1.07)}}
@media(prefers-reduced-motion:reduce){#regent-preview button,#regent-preview input{transition:none}#regent-preview button:active{transform:none}#regent-preview .tap-gold,#regent-preview .reveal-gold{animation:none}}
#regent-preview .span{grid-column:1/-1}
#regent-preview nav{display:flex;gap:8px;border-top:1px solid light-dark(#e5d8c3,#665137);padding:10px 18px 16px;background:light-dark(#fffdf8,#2d231d)}
#regent-preview nav button{flex:1;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px}
#regent-preview nav button[aria-pressed=true]{box-shadow:none;border:0;background:light-dark(#f6e9dc,#4d2924);color:light-dark(#801c24,#f4d09b)}
#regent-preview .draft-label{text-align:center;font-size:11px;color:light-dark(#8b7e71,#baaa9a);padding:10px 12px 0}
#regent-preview [hidden]{display:none!important}
#regent-preview .notice{font-size:13px;line-height:1.6;margin:0;color:light-dark(#72675f,#c8bbb0)}
#regent-preview .result{padding:16px;background:light-dark(#fff,#2d2723);border-radius:14px;line-height:1.7}
#regent-preview .login-copy{text-align:center;margin:0;font-size:14px;line-height:1.8;color:#75624f}
#regent-preview .google-login{width:100%;background:#fff;border:1px solid #d5c6ae;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}
#regent-preview .record-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
#regent-preview .record-amount{font-size:24px;margin:10px 0;color:#785628;font-weight:500;overflow-wrap:anywhere}
#regent-preview .record-detail{font-size:13px;color:#75624f;overflow-wrap:anywhere}
#regent-preview .record-badge{display:inline-block;padding:3px 8px;border-radius:6px;background:#f5ebd7;color:#785628;font-size:12px}
#regent-preview .account-action{min-height:44px;padding:4px 0;border:0;background:transparent;color:#fff0da;font-size:13px}
@media(max-width:360px){#regent-preview h2{font-size:38px}}

body{margin:0;background:#fffdfa}#regent-preview{padding:0}#regent-preview .phone{border:0;border-radius:0;min-height:100dvh;box-shadow:none}#regent-preview a{color:#83232a}#regent-preview .welcome[hidden]{display:none}

/* The header spans the viewport; only its contents have a reading-width limit. */
#regent-preview .phone{width:100%;max-width:none;margin:0}
#regent-preview header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
#regent-preview .identity{max-width:440px;margin-inline:auto}
#regent-preview .welcome{max-width:440px;margin-inline:auto}
#regent-preview main{width:100%;max-width:480px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}