@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.disabled\:opacity-50:disabled{opacity:.5}:root{--ink:#16233a;--ink-soft:#3c4a63;--paper:#faf7f1;--paper-raised:#fff;--paper-dim:#6b7280;--gold:#a88648;--gold-light:#d4b271;--warn:#b3543f;--gradient:linear-gradient(135deg, var(--gold), var(--gold-light));--line:#16233a1f;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-data:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);min-height:100%}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page{flex-direction:column;gap:2.5rem;max-width:1400px;min-height:100%;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex}.page-header{border-bottom:1px solid var(--line);padding-bottom:1.5rem}.brand-mark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:2.1rem;font-weight:700}.brand-tag{color:var(--paper-dim);margin-top:.4rem;font-size:.95rem}.page-main{flex:1}.page-footer{border-top:1px solid var(--line);color:var(--paper-dim);padding-top:1.25rem;font-size:.8rem}.upload-mark,.rec-card h3:before{font-family:var(--font-data);color:var(--gold);letter-spacing:.08em;margin-bottom:.5rem;font-size:.8rem;display:block}.upload-card{justify-content:center;display:flex}.upload-dropzone{border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:420px;padding:3rem 1.5rem;transition:border-color .15s,transform .15s;display:flex;position:relative;box-shadow:0 12px 32px #16233a0f}.upload-dropzone:hover,.upload-dropzone:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-2px)}.guide-overlay-ghost{opacity:.32}.upload-title{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;font-weight:700}.upload-hint{color:var(--paper-dim);font-size:.85rem}.preview-wrap{flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.preview-img-btn{border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;border-radius:20px;width:100%;padding:0;overflow:hidden;box-shadow:0 12px 32px #16233a0f}.preview-img-wrap{width:100%;position:relative}.preview-img{width:100%;display:block}.guide-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guide-overlay path,.guide-overlay ellipse,.guide-overlay line{stroke:var(--gold);stroke-width:2px;stroke-dasharray:6 6;fill:none;opacity:.9}.preview-swap{color:var(--paper-dim);padding:.6rem;font-size:.8rem}.guide-hint{color:var(--paper-dim);text-align:center;margin-top:.6rem;font-size:.82rem}.scanner{justify-content:center;padding:3rem 0;display:flex}.scanner-status{font-family:var(--font-data);color:var(--gold)}.scanner-error{color:var(--warn);text-align:center;max-width:380px;margin:0 auto;line-height:1.5}.quiz{flex-direction:column;gap:1.1rem;max-width:480px;margin:0 auto;display:flex}.quiz-title,.results h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:.25rem;font-size:1.9rem;font-weight:700}.quiz-field{color:var(--paper-dim);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.quiz-field select{background:var(--paper-raised);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:.7rem .9rem;font-size:.95rem}.quiz-field select option{color:var(--ink);background-color:#fff}.quiz-submit{background:var(--ink);color:var(--paper);font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;margin-top:.75rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 8px 20px -6px #16233a59}.quiz-submit:hover{background:var(--ink-soft);transform:translateY(-2px);box-shadow:0 12px 24px -6px #16233a66}.quiz-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.results-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:720px){.results-grid{grid-template-columns:320px 1fr;align-items:start}.sticky-panel{position:sticky;top:2rem}}@media (min-width:1000px){.results-grid.bleed{grid-template-columns:minmax(280px,320px) minmax(400px,1fr) minmax(260px,320px);align-items:start;gap:2rem}.results-grid.bleed .results-cards{order:1;max-width:none}.results-grid.bleed .results-photo-col{order:2}.results-grid.bleed .shop-rail{order:3;grid-column:auto;position:sticky;top:2rem}}.overlay-wrap{width:100%;position:relative}.result-photo{border-radius:18px;width:100%;display:block}.overlay-svg{width:100%;height:100%;position:absolute;inset:0}.accessory-picker{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.chip{border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:transform .15s,border-color .15s}.chip:hover{border-color:var(--gold);transform:translateY(-1px)}.chip-active{border-color:var(--gold);color:#8c6933;background:#fbf4e6}.results-cards{flex-direction:column;gap:1.25rem;display:flex}.rec-card{border:1px solid var(--line);background:var(--paper-raised);border-radius:18px;padding:1.5rem 1.6rem;box-shadow:0 12px 32px #16233a0d}.rec-card h3{font-family:var(--font-display);color:var(--ink);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.rec-headline{color:var(--ink);margin-bottom:.25rem;font-size:1.05rem;font-weight:500}.rec-confidence{font-family:var(--font-data);color:var(--gold);font-size:.78rem}.rec-sub{color:var(--paper-dim);margin-bottom:.15rem;font-size:.9rem}.rec-avoid{color:var(--warn)}.rec-reasoning{color:var(--paper-dim);flex-direction:column;gap:.3rem;margin-top:.6rem;padding-left:1.1rem;font-size:.82rem;display:flex}.preference-banner{border:1px solid var(--line);background:var(--paper-raised);border-radius:18px;margin-bottom:1.25rem;padding:1.1rem 1.4rem;box-shadow:0 12px 32px #16233a0d}.tab-intro{color:var(--paper-dim);margin-bottom:.6rem;font-size:.85rem}.tab-row{flex-wrap:wrap;gap:.7rem;margin-bottom:1.25rem;display:flex}.tab-button{border:1px solid var(--line);background:var(--paper-raised);color:var(--paper-dim);font-family:var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:700;transition:transform .15s,color .15s,background .15s;animation:1.8s ease-in-out .6s 2 tab-nudge;display:flex}.tab-button:nth-child(2){animation-delay:.8s}.tab-button:nth-child(3){animation-delay:1s}@keyframes tab-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tab-button:hover{transform:translateY(-1px)}.tab-button-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tab-panel{flex-direction:column;gap:1.25rem;display:flex}.tab-dots{justify-content:center;gap:.4rem;margin-top:1.5rem;display:flex}.tab-dot{background:var(--line);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.tab-dot-active{background:var(--gold);transform:scale(1.3)}.shop-rail{flex-direction:column;grid-column:1/-1;gap:1.25rem;display:flex}.shop-rail-card{border:1px solid var(--line);background:var(--paper-raised);border-radius:18px;padding:1.25rem 1.4rem;box-shadow:0 12px 32px #16233a0d}.shop-rail-card h4{font-family:var(--font-display);color:var(--gold);margin-bottom:.6rem;font-size:.95rem;font-weight:700}.shop-rail-card .accessory-picker{flex-direction:column;align-items:stretch}.shop-rail-card .chip{text-align:center}.generating-wrap{border-radius:18px;position:relative;overflow:hidden}.generating-wrap .result-photo{filter:brightness(.45)saturate(1.1)}.generating-sweep{background:linear-gradient(100deg,#0000 30%,#a8864866 45%,#d4b27166 55%,#0000 70%) 0 0/250% 100%;animation:1.8s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{background-position:120% 0}to{background-position:-20% 0}}.generating-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.5rem;display:flex;position:absolute;inset:0}.generating-spinner{background:conic-gradient(from 0deg, var(--gold), var(--gold-light), #fff, var(--gold));border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px))}@keyframes spin{to{transform:rotate(360deg)}}.generating-text{font-family:var(--font-display);color:#fff;text-shadow:0 2px 12px #0009;font-size:1.05rem;font-weight:700}.scanner-loading{flex-direction:column;align-items:center;gap:.9rem;display:flex}.crop-frame{background:var(--paper-raised);border:1px solid var(--line);cursor:grab;touch-action:none;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #16233a0f}.crop-frame:active{cursor:grabbing}.crop-frame-face{aspect-ratio:3/4}.crop-frame-body{aspect-ratio:3/5}.crop-img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.crop-controls{align-items:center;gap:.7rem;width:100%;max-width:420px;margin-top:.75rem;display:flex}.crop-controls input[type=range]{accent-color:var(--gold);flex:1}.crop-controls span{color:var(--paper-dim);white-space:nowrap;font-size:.78rem}.dual-result{flex-direction:column;gap:1rem;display:flex}.dual-result-item{flex-direction:column;gap:.4rem;display:flex}.dual-result-label{font-family:var(--font-display);color:var(--gold);font-size:.85rem;font-weight:700}.credits-badge{color:var(--paper-dim);text-align:center;margin-bottom:.6rem;font-size:.8rem}.paywall-card{border:1px solid var(--line);background:var(--paper-raised);text-align:center;border-radius:18px;padding:1.5rem;box-shadow:0 12px 32px #16233a0f}.paywall-card h4{font-family:var(--font-display);color:var(--ink);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.paywall-card p{color:var(--paper-dim);margin-bottom:1rem;font-size:.9rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}