@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400&family=Open+Sans:wght@400;500;600;700&display=swap";:root{--bg-primary: #111827;--bg-gradient: radial-gradient(circle at center, #1e293b 0%, #111827 100%);--bg-card: #283547;--bg-card-hover: #334155;--accent-main: #4CAF50;--accent-active: #43A047;--text-main: #F2EBE6;--text-muted: #9ca3af;--border-light: rgba(255, 255, 255, .08);--font-serif: "Crimson Pro", serif;--font-sans: "Open Sans", -apple-system, sans-serif;--app-max-width: 480px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}.wheel-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.wheel-scroll-container::-webkit-scrollbar{display:none}.wheel-picker-wrapper{width:100%;max-width:380px;margin:0 auto}.wheel-picker-inner{position:relative;display:flex}.wheel-selection-band{position:absolute;left:0;right:0;border-top:1.5px solid rgba(255,255,255,.15);border-bottom:1.5px solid rgba(255,255,255,.15);pointer-events:none;z-index:5}.wheel-fade-top{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,var(--bg-primary) 10%,transparent 100%);pointer-events:none;z-index:4}.wheel-fade-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-primary) 10%,transparent 100%);pointer-events:none;z-index:4}.wheel-column{flex:1}.wheel-item{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);letter-spacing:.3px;transition:opacity .12s ease,font-size .12s ease,font-weight 0s;color:var(--text-main)}.wheel-item--selected{opacity:1;font-size:1.2rem;font-weight:700}.wheel-item--near{opacity:.35;font-size:1.05rem;font-weight:400}.wheel-item--far{opacity:.12;font-size:.95rem;font-weight:400}.wheel-item--header{font-size:.85rem;font-weight:600;color:var(--text-muted);opacity:.7;letter-spacing:.5px}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.2}.location-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background-color:var(--pill-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:10;box-shadow:0 10px 25px #00000080;max-height:250px;overflow-y:auto}.location-suggestion{padding:14px 16px;font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background-color .2s ease}.location-suggestion:last-child{border-bottom:none}.location-suggestion:hover{background-color:#ffffff1a}.location-suggestion:active{background-color:var(--accent-main)}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--bg-primary)}.app-container{width:100%;height:100%;max-width:var(--app-max-width);position:relative;overflow-x:hidden;overflow-y:hidden;background:var(--bg-gradient);display:flex;flex-direction:column}.app-header{height:60px;display:flex;align-items:center;padding:0 24px;position:relative;z-index:20}.back-btn{background:none;border:none;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;margin-left:-8px}.logo-center{flex:1;text-align:center;font-family:var(--font-serif);font-weight:700;font-size:1.2rem;letter-spacing:.5px;color:var(--text-main);display:flex;align-items:center;justify-content:center;gap:8px}.logo-icon{width:20px;height:20px;background:var(--bg-card);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent-main);font-size:12px;color:var(--accent-main)}.progress-text{font-size:.8rem;color:var(--text-muted);font-family:var(--font-sans)}.progress-container{width:100%;height:3px;background:#ffffff0d}.progress-fill{height:100%;background:var(--accent-main);transition:width .4s ease}.step-container{flex:1;min-height:0;display:flex;flex-direction:column;padding:30px 24px 24px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.step-container::-webkit-scrollbar{display:none}.step-title{text-align:center;font-size:1.8rem;margin-bottom:30px;padding:0 10px}.element-card{background:var(--bg-card);border:2px solid rgba(255,255,255,.06);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:all .25s ease;aspect-ratio:1}.element-card:hover{background:#ffffff0a;transform:translateY(-2px)}.element-card:active{transform:scale(.96)}.element-card.selected{border-color:var(--accent-main);background:#5671ff1f;box-shadow:0 0 20px #5671ff33}.element-icon-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ffffff14,#ffffff05);display:flex;align-items:center;justify-content:center}.element-card.selected .element-icon-circle{background:linear-gradient(135deg,#5671ff40,#5671ff1a)}.element-icon{font-size:30px;line-height:1}.element-label{font-weight:600;font-size:1rem;letter-spacing:.3px;color:var(--text-main)}.bottom-actions{padding:16px 24px 24px;background:linear-gradient(to top,var(--bg-primary) 50%,transparent);position:relative;z-index:10}.btn-continue{background:var(--accent-main);color:#fff;border:none;border-radius:15px;height:56px;width:100%;font-size:1.05rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .2s ease,transform .1s ease;box-shadow:0 4px 14px #0a151a4d}.btn-continue:active:not(:disabled){transform:scale(.98);background:var(--accent-active)}.btn-continue:disabled{background:var(--bg-card);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.text-input{width:100%;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;height:56px;padding:0 20px;color:var(--text-main);font-family:var(--font-sans);font-size:1rem;outline:none;transition:border-color .2s}.text-input:focus{border-color:var(--accent-main)}.text-input::placeholder{color:var(--text-muted)}.relationship-card{display:flex;align-items:center;padding:16px 20px;background-color:var(--bg-card);border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.relationship-card:hover{background-color:#ffffff0d}.relationship-card.selected{background-color:#5671ff26;border-color:var(--accent-main)}.relationship-emoji{font-size:28px;margin-right:20px}.relationship-label{font-size:1.05rem;font-weight:500;color:var(--text-main)}.slide-in-right{animation:slideInR .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInR{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@media(min-width:481px){.app-container{height:90vh;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px #000000b3}}