/* v18.95 — production account entry, recovery, paid Create Event and checkout
 * presentation. Match the founder's premium cream/gold concept without
 * introducing fictitious login providers, changing QR, purchase processing or prices. */
#authView,#forgotView,#resetPasswordView,#createView,#paymentView{
 --p95-ivory:#fbf7ef;--p95-card:#fffdfa;--p95-line:#e6d9c5;
 --p95-gold:#aa813e;--p95-ink:#30271f;--p95-muted:#73685a;
 background:linear-gradient(180deg,#fcf9f3,#f8f1e7);
}
#authView,#forgotView,#resetPasswordView,#paymentView{
 padding:clamp(14px,4vw,40px) 12px 100px;
}
#authView>.card,#forgotView>.card,#resetPasswordView>.card,
#paymentView>.card{
 max-width:620px!important;
 background:var(--p95-card)!important;
 border:1px solid var(--p95-line)!important;
 border-radius:26px!important;
 box-shadow:0 14px 38px rgba(51,37,18,.065)!important;
 padding:clamp(21px,5vw,39px)!important;
 color:var(--p95-ink);
}
#authView>.card::before,#forgotView>.card::before,
#resetPasswordView>.card::before{
 content:"✦  P I C O R A E  ✦";
 display:block;
 color:#a47c40;font:750 11px/1.5 system-ui,sans-serif;
 text-align:center;letter-spacing:.17em;
 border-bottom:1px solid #eee2d1;
 padding:3px 0 17px;margin-bottom:12px;
}
#authView .section-title,#forgotView .section-title,
#resetPasswordView .section-title,#paymentView .section-title{
 font:600 clamp(30px,6vw,42px)/1.1 Georgia,serif!important;
 color:var(--p95-ink)!important;letter-spacing:-.035em;
 margin-bottom:10px!important;
}
#authView .sub,#forgotView .sub,#resetPasswordView .sub,
#paymentView .sub{font-size:13px;line-height:1.55;color:var(--p95-muted)}
#authView .micro,#forgotView .micro,#resetPasswordView .micro,
#paymentView .micro{font-size:11px;line-height:1.55}
#authView>.card>label,#forgotView form label,
#resetPasswordView form label{
 display:grid;gap:8px;
 color:#4a3d2f;font-size:12px;font-weight:750;
}
#authView #authEmail,#authView #authPassword,
#forgotView #forgotEmail,#resetPasswordView #resetNewPassword,
#resetPasswordView #resetConfirmPassword{
 width:100%;max-width:100%;box-sizing:border-box;
 min-height:49px;padding:12px 13px;
 border:1px solid #dbcfbd!important;
 border-radius:13px!important;background:#fffefb!important;
 color:#2b251f;font-size:14px;box-shadow:none!important;
}
#authView input:focus-visible,#forgotView input:focus-visible,
#resetPasswordView input:focus-visible,
#authView button:focus-visible,#forgotView button:focus-visible,
#resetPasswordView button:focus-visible{
 outline:3px solid #b99454!important;outline-offset:2px;
}
#authView .remember-email{
 display:flex!important;align-items:flex-start;gap:10px;
 border-radius:13px;background:#f8f3e9;
 padding:12px!important;
 font-size:12px;font-weight:650;line-height:1.4;
}
#authView #rememberEmail{
 flex:0 0 19px;width:19px!important;height:19px!important;
 margin-top:0;accent-color:#a67b37;
}
#authView .actions{
 display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
#authView .actions .btn,#forgotView .btn,
#resetPasswordView .btn,#paymentView .btn{
 min-height:47px;border-radius:13px;font-size:13px;
}
#authView .actions .primary,#forgotView .btn.primary,
#resetPasswordView .btn.primary,#paymentView .btn.primary{
 color:#292117!important;
 background:linear-gradient(130deg,#ddbc79,#b98e46)!important;
 border:1px solid #bc9456!important;
 box-shadow:0 4px 12px rgba(137,94,28,.12)!important;
}
#authView .auth-link{
 width:fit-content;align-self:center;
 color:#806037;font-size:12px;
 padding:10px 12px;min-height:44px;
}
#forgotView form,#resetPasswordView form{gap:15px!important}
#forgotView #forgotStatus,#resetPasswordView #resetStatus{
 border-radius:13px;font-size:12px;line-height:1.5;
}
#resetPasswordView #recoveryLinkMessage{
 border-radius:13px;padding:14px;
 font-size:12px;line-height:1.5;
}
#resetPasswordView .auth-recovery-actions{gap:9px}
#createView{
 max-width:1100px;margin-inline:auto;
 padding:clamp(11px,3vw,25px) clamp(12px,3vw,26px) 112px!important;
}
#createView .create-premium-shell{gap:16px}
#createView .create-premium-hero{
 background:linear-gradient(140deg,#fffdfa 0%,#f8f1e6 75%,#f4e5cd 100%)!important;
 border:1px solid #e5d6be!important;
 border-radius:25px!important;
 box-shadow:none!important;
 padding:clamp(20px,4.5vw,32px)!important;
}
#createView .create-premium-hero::after{
 width:175px;height:175px;top:-80px;right:-80px;
 border:1px solid rgba(162,127,68,.15);
 box-shadow:0 0 0 24px rgba(184,143,73,.025);
}
#createView .create-premium-kicker,
#createView .create-panel-kicker{
 color:#9d743c!important;font-size:10px!important;
 letter-spacing:.15em!important;
}
#createView .create-premium-title{
 font:600 clamp(32px,6.3vw,47px)/1.08 Georgia,serif!important;
 color:var(--p95-ink)!important;
 letter-spacing:-.04em!important;
}
#createView .create-premium-intro{
 max-width:650px;
 font-size:13px;line-height:1.55;color:var(--p95-muted)!important;
}
#createView .create-premium-note{
 background:#fffaf2!important;
 border:1px solid #e9d8bb!important;
 border-radius:13px!important;
 font-size:12px;line-height:1.5;
 color:#705d42!important;
}
#createView .create-step-nav{
 background:#fffdf9!important;border:1px solid var(--p95-line)!important;
 border-radius:17px!important;gap:5px;
 box-shadow:0 4px 14px rgba(57,37,13,.035)!important;
 padding:7px!important;
}
#createView .create-step-btn{
 min-height:50px!important;
 color:#6d6256!important;
 border-radius:12px!important;
 font-size:12px;line-height:1.3;gap:7px;
}
#createView .create-step-btn.active{
 background:#372d21!important;
 color:#fff5e3!important;
 box-shadow:none!important;
}
#createView .create-step-btn.active span{
 background:#e4c080!important;color:#292118!important;
}
#createView .create-step-btn:focus-visible{
 outline:3px solid #b58b49;outline-offset:2px;
}
#createView .create-step-panel{
 background:#fffefa!important;
 border:1px solid var(--p95-line)!important;
 border-radius:23px!important;
 box-shadow:0 8px 28px rgba(49,36,15,.045)!important;
 padding:clamp(17px,4vw,27px)!important;
}
#createView .create-panel-head{
 border-bottom:1px solid #eee3d3;
 margin-bottom:18px;padding-bottom:17px;
}
#createView .create-panel-head h3{
 font:600 clamp(26px,5vw,35px)/1.1 Georgia,serif!important;
 letter-spacing:-.035em;color:var(--p95-ink)!important;
}
#createView .create-panel-head p{
 color:var(--p95-muted);font-size:12px;line-height:1.55;
}
#createView .create-panel-number{
 color:#ba985d;opacity:.55;font-size:31px;
}
#createView .create-field{
 color:#493d2e;font-size:12px;font-weight:750;gap:7px;
}
#createView .create-field input,
#createView .create-field select,
#createView .create-field textarea{
 box-sizing:border-box;min-width:0;max-width:100%;
 min-height:47px!important;
 border:1px solid #ded1bd!important;
 border-radius:12px!important;background:#fffefb!important;
 font-size:14px!important;color:#302820!important;
 padding:12px!important;box-shadow:none!important;
}
#createView .create-field input:focus-visible,
#createView .create-field select:focus-visible,
#createView .create-field textarea:focus-visible{
 outline:3px solid #bb995f!important;outline-offset:1px;
}
#createView .create-field-help,
#createView .char-count-row{
 font-size:11px;line-height:1.5;color:#786d5c;
}
#createView .create-panel-actions .btn{
 min-height:47px;border-radius:12px!important;
 padding:12px 16px;
}
#createView .create-panel-actions .primary{
 background:linear-gradient(125deg,#d9b66f,#b88b42)!important;
 border:1px solid #c19a5a!important;color:#2b2114!important;
 box-shadow:none!important;
}
#createView .create-panel-actions .btn:focus-visible{
 outline:3px solid #aa844d;outline-offset:2px;
}
#createView .create-review-card{
 background:#f9f3e9!important;
 border:1px solid #e7d9c3!important;
 border-radius:17px!important;
 box-shadow:none!important;
}
#createView .create-review-mark{
 background:#f0e1c4!important;color:#987240!important;
 border-radius:13px!important;
}
#createView #createReviewName{
 color:#33291d!important;font:600 clamp(23px,5vw,33px)/1.15 Georgia,serif!important;
 letter-spacing:-.02em;
}
#createView .create-review-welcome,
#createView #createEventImportant,
#createView .create-privacy-note,
#createView .create-after-card{
 border-radius:15px!important;line-height:1.55;
 font-size:12px;
}
#paymentView>.card{max-width:730px!important}
#paymentView .price-kicker{
 color:#9b7136!important;letter-spacing:.13em;
}
#paymentView .price-list{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#paymentView .price-list>div{
 background:#f9f4ea!important;border:1px solid #e6dac7!important;
 border-radius:13px!important;color:#44392d!important;
 font-size:12px;line-height:1.5;text-align:left;
}
#paymentView #paymentEmailNote{
 text-align:left;padding:14px;border-radius:13px;
 background:#f6f0e6;border:1px solid #e4d6be;
 color:#63533c;font-size:12px;
}
#paymentView #acceptEventTerms{accent-color:#aa823d;min-width:20px}
#paymentView #paymentStatus{font-size:12px;line-height:1.5}
@media(max-width:760px){
 #authView>.card,#forgotView>.card,#resetPasswordView>.card,#paymentView>.card{
  border-radius:19px!important;padding:20px!important;
 }
 #createView .create-premium-hero{border-radius:20px!important;padding:21px!important}
 #createView .create-step-nav{gap:4px;padding:5px!important}
 #createView .create-step-btn{min-height:50px!important;padding:7px 5px!important;gap:5px}
 #createView .create-step-btn span{flex:0 0 22px;width:22px;height:22px}
 #createView .create-step-panel{border-radius:19px!important}
 #createView .create-form-grid{grid-template-columns:1fr!important;gap:13px!important}
 #createView .create-field-wide{grid-column:auto!important}
 #createView .create-panel-actions{gap:9px}
 #createView .create-panel-actions .btn{width:100%;white-space:normal}
}
@media(max-width:390px){
 #authView .actions{grid-template-columns:1fr}
 #createView .create-step-btn{font-size:10px;flex-direction:column;gap:3px}
 #createView .create-premium-title{font-size:32px}
 #createView .create-panel-head h3{font-size:26px}
 #paymentView .price-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #authView .btn,#createView .btn,#paymentView .btn{transition:none!important}
}