:root{color:#2d2424;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffbf5;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#2d2424;background-color:#fffbf5;margin:0}#root{min-height:100vh}button{font-family:inherit}:root{--bg-primary:#fffbf5;--bg-secondary:#fff8f0;--text-primary:#2d2424;--text-secondary:#8b7355;--accent-gold:#d4af37;--accent-rose:#e8c4b8;--accent-warm:#f5e6d3;--border-subtle:#e8ded2;--shadow-soft:#8b73551a;--btn-pass:#f0e8dd;--font-primary:"Cormorant Garamond", "Playfair Display", serif;--font-secondary:"Inter", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--shadow-card:0 8px 24px var(--shadow-soft);--shadow-elevated:0 12px 40px var(--shadow-soft);--border-radius-card:20px;--border-radius-button:50px}.app{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-secondary);padding-bottom:80px}.bottom-tabs{background:var(--bg-primary);border-top:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);box-shadow:0 -4px 12px var(--shadow-soft);z-index:100;safe-area-inset-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab{align-items:center;gap:var(--space-1);padding:var(--space-2);cursor:pointer;color:var(--text-secondary);font-family:var(--font-secondary);font-size:var(--text-xs);background:0 0;border:none;flex-direction:column;flex:1;transition:all .2s;display:flex;position:relative}.tab:hover{color:var(--accent-gold)}.tab-icon{font-size:var(--text-xl);transition:transform .2s}.tab.active{color:var(--accent-gold)}.tab.active .tab-icon{transform:scale(1.1)}.tab-badge{background:var(--accent-gold);color:#fff;font-size:var(--text-xs);text-align:center;border-radius:10px;min-width:20px;padding:2px 6px;font-weight:700;position:absolute;top:0;right:20%}.tab-content{min-height:calc(100vh - 80px);padding-bottom:var(--space-8)}.swipe-tab{min-height:calc(100vh - 80px);padding:var(--space-6) var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.card-stack{touch-action:pan-y;width:100%;max-width:400px;height:560px;margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.swipe{will-change:transform;touch-action:none;position:absolute}.swipe-actions{gap:var(--space-4);padding:var(--space-4);width:100%;max-width:400px;display:flex}.btn{padding:var(--space-4);border-radius:var(--border-radius-button);font-family:var(--font-secondary);font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;flex:1;font-weight:600;transition:all .2s;display:flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-like{color:#fff;background:linear-gradient(135deg,#d4af37,#f4d35e);box-shadow:0 4px 12px #d4af374d}.btn-like:hover:not(:disabled){box-shadow:0 6px 16px #d4af3766}.btn-pass{background:var(--btn-pass);color:var(--text-secondary)}.btn-undo{aspect-ratio:1;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#fff;flex:0 0 60px;padding:0}.swipe-complete{text-align:center;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.swipe-complete__icon{margin-bottom:var(--space-4);font-size:4rem}.swipe-complete__title{font-family:var(--font-primary);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.swipe-complete__message{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-6)}.liked-tab{padding:var(--space-6);padding-bottom:var(--space-12)}.liked-header{text-align:center;margin-bottom:var(--space-6)}.liked-title{font-family:var(--font-primary);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.liked-count{color:var(--text-secondary);font-size:var(--text-lg)}.liked-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:1200px;margin:0 auto;display:grid}.liked-item{aspect-ratio:1;cursor:pointer;box-shadow:0 4px 12px var(--shadow-soft);border-radius:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.liked-item:hover{box-shadow:0 6px 16px var(--shadow-soft);transform:scale(1.05)}.liked-item img{object-fit:cover;width:100%;height:100%}.unlike-btn{cursor:pointer;width:32px;height:32px;font-size:var(--text-base);color:var(--text-primary);box-shadow:0 2px 8px var(--shadow-soft);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.unlike-btn:hover{background:#fff;transform:scale(1.1)}.liked-empty{text-align:center;padding:var(--space-12) var(--space-6)}.liked-empty__icon{opacity:.3;margin-bottom:var(--space-4);font-size:4rem}.liked-empty__message{color:var(--text-secondary);font-size:var(--text-lg)}.item-detail-overlay{z-index:1000;padding:var(--space-6);background:#000000e6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.item-detail{gap:var(--space-4);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex}.item-detail__image{object-fit:contain;border-radius:var(--border-radius-card);width:100%;height:auto;max-height:70vh}.item-detail__caption{color:#fff;text-align:center;font-size:var(--text-lg);padding:0 var(--space-4)}.item-detail__close{top:var(--space-4);right:var(--space-4);width:40px;height:40px;font-size:var(--text-xl);cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.profile-container{padding:var(--space-8) var(--space-6);padding-bottom:var(--space-12);max-width:600px;margin:0 auto}.profile-title{font-family:var(--font-primary);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-6);text-align:center}.profile-badge{color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--border-radius-button);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:linear-gradient(135deg,#d4af37,#f4d35e);font-weight:600;display:inline-block}.profile-description{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-8);text-align:center;line-height:1.7}.type-breakdown{margin-bottom:var(--space-8)}.type-breakdown h3{font-family:var(--font-primary);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-4)}.type-chart{gap:var(--space-4);display:grid}.type-bar{align-items:center;gap:var(--space-3);grid-template-columns:100px 1fr auto;display:grid}.type-label{font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize;font-weight:500}.type-progress{background:var(--accent-warm);border-radius:4px;height:8px;overflow:hidden}.type-fill{background:linear-gradient(135deg,#d4af37,#f4d35e);height:100%;transition:width .5s}.type-count{font-size:var(--text-sm);color:var(--text-secondary);text-align:right;min-width:30px;font-weight:600}.btn-share{color:#fff;width:100%;padding:var(--space-4);font-size:var(--text-base);background:linear-gradient(135deg,#d4af37,#f4d35e);font-weight:600;box-shadow:0 4px 12px #d4af374d}.profile-empty,.profile-loading{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary);font-size:var(--text-lg)}@media (width<=480px){.card-stack{height:500px}.liked-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profile-title{font-size:var(--text-2xl)}.type-bar{grid-template-columns:80px 1fr auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.swipe-card{border-radius:var(--border-radius-card);width:min(400px,90vw);height:560px;box-shadow:var(--shadow-card);background:var(--bg-secondary);position:relative;overflow:hidden}.swipe-card__image{object-fit:cover;width:100%;height:100%;display:block}.swipe-card__overlay{padding:var(--space-6);pointer-events:none;background:linear-gradient(#0000 60%,#00000080 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.swipe-card__label{color:#fff;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;opacity:.95;text-shadow:0 2px 4px #0000004d;font-weight:500}@media (width<=480px){.swipe-card{height:500px}}