:root{
  --paper:#fffaf4;
  --paper-2:#fff4e9;
  --ink:#5d2940;
  --muted:#916878;
  --pink:#db1970;
  --pink-deep:#b80f5d;
  --fuchsia:#ec2486;
  --orange:#ff6a22;
  --orange-soft:#ff9a55;
  --gold:#c9863d;
  --line:rgba(201,134,61,.42);
  --white:rgba(255,255,255,.84);
  --shadow:0 24px 70px rgba(131,39,73,.16);
  --radius:30px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;min-height:100vh;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;background:
 radial-gradient(circle at 12% 8%,rgba(255,91,35,.13),transparent 26rem),
 radial-gradient(circle at 92% 86%,rgba(229,24,119,.13),transparent 30rem),
 linear-gradient(145deg,#fffaf4 0%,#fff7ef 55%,#fffaf6 100%);overflow-x:hidden}
a{color:inherit}.page-shell{min-height:100vh;padding:28px 18px 50px;position:relative;z-index:2}.shell{width:min(1120px,100%);margin:auto}.card{background:rgba(255,253,249,.88);border:1px solid rgba(217,139,90,.24);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:var(--radius)}
.watercolor{position:fixed;z-index:0;pointer-events:none;filter:blur(2px);opacity:.75}.watercolor-a{width:520px;height:520px;top:-260px;right:-180px;background:radial-gradient(circle at 40% 50%,rgba(255,105,34,.45),rgba(255,154,85,.25) 36%,transparent 70%);border-radius:45% 55% 65% 35%}.watercolor-b{width:600px;height:600px;left:-280px;bottom:-330px;background:radial-gradient(circle at 60% 40%,rgba(236,36,134,.38),rgba(219,25,112,.18) 42%,transparent 72%);border-radius:60% 40% 55% 45%}
.floral{position:fixed;width:310px;height:320px;z-index:1;pointer-events:none;opacity:.75}.floral-left{left:-105px;top:-70px;transform:rotate(-14deg)}.floral-right{right:-100px;bottom:-85px;transform:rotate(165deg)}.floral i,.floral b{position:absolute;display:block}.floral i{width:92px;height:50px;border-radius:80% 15% 80% 15%;transform-origin:100% 50%;box-shadow:inset 0 0 18px rgba(255,255,255,.45)}.floral i:nth-child(1){background:linear-gradient(135deg,#ff8b42,#ff5e1e);left:95px;top:85px;transform:rotate(10deg)}.floral i:nth-child(2){background:linear-gradient(135deg,#f22d8c,#c70b62);left:70px;top:135px;transform:rotate(-22deg)}.floral i:nth-child(3){background:linear-gradient(135deg,#ffb16f,#ff6b26);left:145px;top:135px;transform:rotate(54deg)}.floral i:nth-child(4){background:linear-gradient(135deg,#ed4b9c,#a60050);left:120px;top:188px;transform:rotate(92deg)}.floral i:nth-child(5){background:linear-gradient(135deg,#ff7f45,#ef3e1d);left:45px;top:205px;transform:rotate(-50deg)}.floral b{width:68px;height:68px;left:112px;top:142px;border-radius:50%;background:radial-gradient(circle,#6f1e22 0 9%,#f78a31 12% 26%,#df195f 30% 60%,#a50a4f 65%);box-shadow:0 0 0 16px rgba(255,106,34,.08)}
.brand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.brand-mark{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-monogram{width:62px;height:62px;display:grid;place-items:center;border-radius:50% 50% 46% 54%;border:2px solid var(--orange);color:var(--pink-deep);font:700 23px Georgia,serif;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(236,36,134,.14)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font:italic 700 28px Georgia,serif;color:var(--pink-deep)}.brand-copy span{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:var(--orange)}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(219,25,112,.2);background:rgba(255,255,255,.68);font-size:13px;font-weight:800;color:var(--pink-deep)}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,106,34,.12)}
.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--orange)}.display-title{margin:0;font:italic 700 clamp(52px,8vw,92px)/.93 Georgia,serif;color:var(--pink-deep);letter-spacing:-.04em}.display-title:after{content:"A&F";display:block;font:700 18px/1 "Trebuchet MS",sans-serif;letter-spacing:.25em;color:var(--orange);margin:24px 0 0}.intro-text,.section-subtitle{color:var(--muted);line-height:1.75}.section-title{margin:0;font:italic 700 clamp(36px,5vw,55px)/1.05 Georgia,serif;color:var(--pink-deep)}
.upload-layout{display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;min-height:650px}.upload-intro{position:relative;padding:62px 56px;background:linear-gradient(150deg,rgba(255,105,34,.96),rgba(238,44,131,.94));color:white;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.upload-intro:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.55);border-radius:220px 220px 28px 28px;z-index:-1}.upload-intro:after{content:"✦  ❦  ✦";position:absolute;right:32px;top:30px;color:rgba(255,255,255,.56);font-size:25px;letter-spacing:.4em}.upload-intro .eyebrow,.upload-intro .intro-text{color:white}.table-stamp{align-self:flex-start;border-top:1px solid rgba(255,255,255,.55);padding-top:18px}.table-stamp span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.table-stamp strong{font:italic 700 52px Georgia,serif}.upload-form-wrap{padding:58px 58px;background:linear-gradient(180deg,rgba(255,253,249,.92),rgba(255,246,239,.88))}
.notice{padding:13px 15px;border-radius:14px;background:#ffe5e8;border:1px solid #f2b3bc;color:#8b2637;margin:18px 0}.dropzone{position:relative;display:grid;place-items:center;min-height:260px;border:2px dashed rgba(219,25,112,.38);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,237,226,.72));overflow:hidden;cursor:pointer;transition:.25s;margin:22px 0}.dropzone:hover,.dropzone.dragging{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 18px 38px rgba(219,25,112,.12)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone-copy{text-align:center;display:grid;gap:8px;padding:30px}.camera-icon{font-size:42px}.dropzone-copy strong{font-size:18px;color:var(--pink-deep)}.dropzone-copy span{font-size:13px;color:var(--muted)}.preview{width:100%;height:330px;object-fit:cover}.preview-overlay{position:absolute;bottom:14px;padding:9px 13px;border-radius:999px;background:rgba(79,25,45,.74);color:white;font-size:12px}.field{margin:18px 0;position:relative}.field>label{display:block;margin-bottom:8px;font-weight:900;color:var(--pink-deep)}.input,.textarea{width:100%;border:1px solid rgba(219,25,112,.18);background:rgba(255,255,255,.82);border-radius:15px;padding:14px 15px;font:inherit;color:var(--ink);outline:none;transition:.2s}.input:focus,.textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,106,34,.1)}.textarea{resize:vertical}.character-count{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:5px}.primary-button{width:100%;border:0;border-radius:16px;padding:16px 20px;background:linear-gradient(90deg,var(--orange),var(--pink));color:white;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 13px 28px rgba(219,25,112,.23);transition:.2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(219,25,112,.3)}.primary-button:disabled{opacity:.65;cursor:wait}.privacy-note{text-align:center;font-size:12px;color:var(--muted)}
.home-hero,.success-card,.ranking-card{padding:46px}.home-hero{text-align:center}.table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;margin:30px 0}.table-link,.secondary-link{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-weight:900;border-radius:14px;padding:13px 16px}.table-link{background:linear-gradient(145deg,#fff,#fff0e6);border:1px solid rgba(255,106,34,.24);color:var(--pink-deep)}.table-link:hover{background:linear-gradient(90deg,var(--orange),var(--pink));color:#fff}.quick-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.secondary-link{border:1px solid rgba(219,25,112,.25);color:var(--pink-deep);background:rgba(255,255,255,.7)}.secondary-link:hover{border-color:var(--orange);color:var(--orange)}.success-card{text-align:center;max-width:720px;margin:70px auto}.success-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:linear-gradient(135deg,var(--orange),var(--pink));color:white;font-size:40px;box-shadow:0 15px 35px rgba(219,25,112,.25)}
.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metric{padding:25px}.metric span{color:var(--muted);font-weight:800}.metric strong{display:block;margin-top:8px;font:italic 700 38px Georgia,serif;color:var(--pink-deep)}.ranking-row{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid rgba(201,134,61,.17)}.ranking-row:last-child{border:0}.rank{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffe0c8,#ffd2e5);font-weight:900;color:var(--pink-deep)}.ranking-name{display:grid;gap:3px}.ranking-name span{font-size:12px;color:var(--muted)}.count-badge{padding:8px 12px;border-radius:999px;background:#fff0e5;color:var(--orange);font-weight:900}.empty-state{text-align:center;color:var(--muted);padding:34px}
.live-page{position:relative;z-index:2;min-height:100vh;padding:24px;background:linear-gradient(135deg,#4d142c,#7f164a 45%,#c82d68)}.live-frame{min-height:calc(100vh - 48px);display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(255,189,136,.44);border-radius:36px;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(255,124,47,.24),transparent 35%),rgba(38,8,27,.63);box-shadow:0 30px 90px rgba(0,0,0,.35)}.live-top,.live-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;color:white}.live-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#ffb47e}.live-brand{font:italic 700 36px Georgia,serif}.live-photo-wrap{position:relative;min-height:0;display:grid;place-items:center;padding:0 30px}.live-photo{max-width:100%;max-height:68vh;border-radius:25px;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.35);opacity:0;transform:scale(.97);transition:.6s}.live-photo.visible{opacity:1;transform:scale(1)}.live-empty{text-align:center;color:white}.live-empty h2{font:italic 700 38px Georgia,serif;margin:10px}.live-empty p{color:rgba(255,255,255,.68)}.live-bottom{border-top:1px solid rgba(255,255,255,.1)}.live-meta{display:grid;gap:5px}.live-meta strong{font-size:21px}.live-meta span{color:rgba(255,255,255,.7)}.live-counter{text-align:right}.live-counter strong{display:block;font:italic 700 38px Georgia,serif;color:#ff9a55}.live-counter span{font-size:11px;text-transform:uppercase;letter-spacing:.15em}
@media(max-width:820px){.floral{opacity:.32}.brand{align-items:flex-start}.brand-copy strong{font-size:22px}.brand-copy span{font-size:10px}.upload-layout{grid-template-columns:1fr}.upload-intro{min-height:410px;padding:45px 30px}.upload-form-wrap{padding:36px 24px}.display-title{font-size:60px}.dashboard-grid{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;flex-direction:column}.live-page{padding:10px}.live-frame{min-height:calc(100vh - 20px);border-radius:24px}.live-top,.live-bottom{padding:18px}.live-brand{font-size:26px}.live-photo-wrap{padding:0 12px}.live-bottom{align-items:flex-end}.live-meta span{font-size:12px}}
@media(max-width:520px){.page-shell{padding:18px 12px 35px}.pill{font-size:11px;padding:8px 10px}.brand-monogram{width:52px;height:52px}.brand-copy strong{font-size:19px}.upload-intro:before{inset:15px}.home-hero,.success-card,.ranking-card{padding:28px 20px}.ranking-row{grid-template-columns:42px 1fr}.count-badge{grid-column:2;justify-self:start}.live-top .pill{display:none}.live-counter span{display:none}}