@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--bg: #FFF0F5;--bg2: #FFE6EF;--white: #ffffff;--hot: #FF69B4;--cherry: #C2185B;--lav: #E7E0FF;--lav2: #C9BEF7;--ink: #5A2A3E;--muted: #A87E90;--muted-dark: #7A5066;--line: #FAD3E3;--green: #36C99A;--red: #FF5C7A;--shadow: 0 12px 30px rgba(255,105,180,.18);--shadow-sm: 0 6px 18px rgba(255,105,180,.14);--grad: linear-gradient(135deg, #FF8FC0 0%, #FF69B4 45%, #C2185B 130%);--grad-soft: linear-gradient(135deg, #FFE6F1, #F1E9FF);--radius: 24px;--radius-sm: 16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Quicksand,sans-serif;background:radial-gradient(900px 500px at 80% -10%,#FFD9EC 0%,transparent 60%),radial-gradient(700px 500px at -10% 30%,#EFE7FF 0%,transparent 55%),var(--bg);color:var(--ink);min-height:100dvh;overflow-x:hidden}::-webkit-scrollbar{width:0}.page{min-height:100dvh;padding:20px 18px 130px;max-width:480px;margin:0 auto;animation:fade .4s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-header{padding:8px 4px 18px}.title{font-size:23px;font-weight:700;color:var(--cherry);letter-spacing:-.3px}.subtitle{font-size:13px;color:var(--muted-dark);font-weight:600;margin-top:4px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);padding:16px 18px;margin-bottom:16px;overflow:hidden}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;border-radius:var(--radius-sm);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;background:var(--grad);color:#fff;padding:14px 20px;font-size:15px;width:100%;box-shadow:var(--shadow);margin-top:8px}.btn:active{transform:scale(.95)}.btn:hover{filter:brightness(1.05);box-shadow:0 16px 36px #ff69b452}.btn-outline{background:var(--bg);color:var(--cherry);border:1.5px solid var(--line);box-shadow:none}.btn-outline:hover{background:#ffe0ef}.input{width:100%;padding:14px 18px;border-radius:18px;border:1.5px solid var(--line);background:#fff;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s;margin-bottom:12px}.input:focus{border-color:var(--hot);box-shadow:0 0 0 4px #ff69b426}.input::placeholder{color:var(--muted);font-weight:500}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C2185B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}textarea.input{min-height:80px;resize:vertical}.field-label{font-size:13px;font-weight:700;color:var(--cherry);margin:0 0 6px 8px;display:block}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px}.status-badge{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted-dark)}.loading-container{text-align:center;padding:60px 20px}.loading-bow{font-size:52px;display:inline-block;animation:spinbow 1.1s ease-in-out infinite}@keyframes spinbow{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.loading-text{margin-top:10px;color:var(--muted-dark);font-weight:600;font-size:14px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:14px;display:inline-block;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}.empty-title{font-size:17px;font-weight:700;color:var(--cherry);margin-bottom:6px}.empty-text{font-size:14px;color:var(--muted-dark);font-weight:600}.fab{position:fixed;bottom:100px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--grad);color:#fff;font-size:28px;font-weight:700;border:none;box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;transition:transform .15s;z-index:40}.fab:active{transform:scale(.9)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5a2a3e66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fade .2s ease}.modal{background:var(--white);border-radius:30px 30px 0 0;padding:24px 22px 40px;width:100%;max-width:480px;max-height:85dvh;overflow-y:auto;box-shadow:0 -20px 60px #c2185b2e}.modal-handle{width:40px;height:4px;background:var(--line);border-radius:999px;margin:0 auto 16px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--white);border:1px solid var(--line);border-radius:18px;padding:12px 20px;font-size:14px;font-weight:700;color:var(--cherry);box-shadow:var(--shadow);z-index:999;animation:slidedown .3s ease}@keyframes slidedown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.navbar{position:fixed;bottom:14px;left:14px;right:14px;max-width:480px;margin:0 auto;height:68px;background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #fff;border-radius:28px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 14px 34px #c2185b2e;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--muted);cursor:pointer;transition:color .2s;flex:1;padding:6px 0;text-decoration:none}.nav-item .nav-icon{font-size:20px;transition:transform .2s}.nav-item.active{color:var(--cherry)}.nav-item.active .nav-icon{transform:translateY(-3px) scale(1.14)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100dvh;padding:40px 30px;background:radial-gradient(600px 380px at 50% 0%,#FFD2E8,transparent 60%),linear-gradient(180deg,#fff6fb,#fbeffc)}.logo-bow{filter:drop-shadow(0 10px 20px rgba(255,105,180,.4));animation:bob 3.2s ease-in-out infinite;margin-bottom:10px}.login-title{font-size:30px;color:var(--cherry);letter-spacing:-.5px;font-weight:700}.login-sub{color:var(--muted-dark);font-size:15px;font-weight:600;margin:8px 0 34px}.login-foot{margin-top:20px;font-size:13px;color:var(--muted-dark);font-weight:600}.swipe-container{position:relative;height:500px;max-width:340px;margin:6px auto 0}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;background:#fff;box-shadow:0 20px 50px #c2185b38;border:1px solid var(--line);overflow:hidden;transition:transform .35s ease,opacity .35s ease;will-change:transform;touch-action:pan-y}.swipe-card-body{padding:16px 18px}.swipe-stamp{position:absolute;top:26px;font-size:20px;font-weight:700;padding:8px 16px;border-radius:14px;border:3px solid;opacity:0;transition:opacity .15s;z-index:10;pointer-events:none}.stamp-like{left:20px;color:var(--green);border-color:var(--green);transform:rotate(-14deg)}.stamp-nope{right:20px;color:var(--red);border-color:var(--red);transform:rotate(14deg)}.swipe-actions{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:24px}.swipe-btn{width:62px;height:62px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .2s;font-size:24px}.swipe-btn:hover{transform:translateY(-4px) scale(1.06)}.swipe-btn-like{width:78px;height:78px;background:var(--grad);border:none;box-shadow:var(--shadow);color:#fff}.swipe-btn-nope{color:var(--red)}.mood-banner{background:var(--grad-soft);border:1px solid var(--line);border-radius:22px;padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.status-chip{font-size:12.5px;font-weight:700;padding:8px 11px;border-radius:13px;background:var(--bg);border:1px solid var(--line);cursor:pointer;color:var(--muted-dark);transition:all .15s}.status-chip:hover{transform:translateY(-2px)}.status-chip.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.secret-note{margin-top:10px;background:#fbf4ff;border:1px dashed var(--lav2);border-radius:16px;padding:10px 14px;font-size:13px;font-weight:600;color:#7c5bb8;display:flex;gap:8px;align-items:center}.react-btn{font-size:18px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:6px 10px;cursor:pointer;transition:transform .15s,background .2s}.react-btn:hover{transform:translateY(-3px) scale(1.1);background:#ffe0ef}.react-btn.active{background:var(--grad);box-shadow:var(--shadow-sm);border-color:transparent}.recado-note{margin-top:12px;background:var(--bg);border:1px dashed var(--line);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--muted-dark);display:flex;gap:8px;align-items:center}.drop-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--green);color:#fff;box-shadow:0 6px 14px #36c99a66}.price-old{font-size:13px;color:var(--muted);text-decoration:line-through;font-weight:600}.price-current{font-size:18px;font-weight:700;color:var(--cherry)}.toggle-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 18px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.toggle-switch{width:54px;height:30px;border-radius:999px;background:#ffd6e6;position:relative;cursor:pointer;transition:background .25s;border:none}.toggle-switch:after{content:"🔔";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:13px;transition:transform .25s;box-shadow:0 2px 5px #0000001f}.toggle-switch.on{background:var(--hot)}.toggle-switch.on:after{transform:translate(24px)}.date-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:transform .15s}.date-card:hover{transform:translate(4px)}.date-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:26px;flex:none}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);margin-bottom:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);color:var(--muted-dark);cursor:pointer;transition:all .15s}.chip:hover{transform:translateY(-2px)}.chip.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.fav-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fav-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s}.fav-card:hover{transform:translateY(-4px)}.cofre-card{background:linear-gradient(135deg,#fbf4ff,#f3edff);border:1px solid var(--lav2);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;margin-bottom:16px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--hot) 0%,var(--hot) 50%,#FFD6E6 50%);outline:none;margin:8px 0 14px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--hot);cursor:pointer;box-shadow:var(--shadow-sm)}.preview-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;margin-bottom:14px;overflow:hidden;display:flex;gap:12px}.preview-card img{width:80px;height:80px;object-fit:cover}.preview-info{padding:10px 12px 10px 0;flex:1}.preview-info h4{font-size:13px;font-weight:700;color:var(--ink)}.preview-info p{font-size:12px;color:var(--muted-dark);margin-top:4px}.error{color:var(--red);font-size:13px;font-weight:700;margin-bottom:12px;text-align:center}.hearts{color:var(--hot)}