:root{--bg: #fdfaf6;--bg2: #f7eee6;--card: #ffffff;--ink: #3a1f2a;--muted: #977b85;--rose: #d9798c;--rose-soft: #f6dfe3;--garnet: #8e2f45;--gold: #a5762f;--gold-soft: #f0e3cd;--line: #eee0d8;--display: "Didot", "Bodoni 72", "Playfair Display", Georgia, serif;--body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--tabbar-h: calc(58px + env(safe-area-inset-bottom)) }*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;border:0;background:none;color:inherit;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:var(--ink)}.app{height:100%;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;padding:calc(10px + env(safe-area-inset-top)) 16px var(--tabbar-h)}.content{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.app-title{font-family:var(--display);font-weight:400;letter-spacing:.01em}.kicker{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.screen-head{padding:8px 0 10px}.screen-head .app-title{font-size:28px;margin:2px 0 0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);flex:1}.tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.tab small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}.tab.on{color:var(--garnet)}.tab.add{background:var(--garnet);color:#fdf3ee;border-radius:999px;width:46px;height:46px;flex:0 0 46px;justify-content:center;margin-top:-22px;box-shadow:0 8px 18px -6px #8e2f4573}.tab.add svg{width:20px;height:20px}.wine-card{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;align-items:center;width:100%;text-align:left;box-shadow:0 3px 10px -6px #5a28372e}.label-thumb{width:52px;height:68px;border-radius:8px;flex-shrink:0;background:linear-gradient(160deg,#8e3a50,#5a1f30 70%);border:1px solid var(--line);object-fit:cover}.wine-card .info{flex:1;min-width:0}.wine-card .nom{font-family:var(--display);font-size:17px;line-height:1.2}.wine-card .meta{color:var(--muted);font-size:12px;margin-top:2px}.wine-card .lloc{color:var(--garnet);font-size:12px;margin-top:3px}.copes{display:inline-flex;gap:3px;margin-top:4px}.copes svg{width:14px;height:14px;fill:var(--gold);opacity:.22}.copes svg.full{opacity:1}.copes.input svg{width:30px;height:30px}.chip{font-family:var(--mono);font-size:10px;color:var(--gold);white-space:nowrap;border:1px solid rgba(165,118,47,.35);border-radius:999px;padding:3px 9px;background:var(--gold-soft)}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 14px}.search input{flex:1;border:0;outline:none;background:none;font-size:14px}.search input::placeholder{color:var(--muted)}.search svg{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:2;flex-shrink:0}.stats-strip{display:flex;gap:8px}.stat{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;box-shadow:0 3px 10px -6px #5a283726}.stat b{font-family:var(--display);font-size:22px;font-weight:400;display:block;color:var(--garnet);font-variant-numeric:tabular-nums}.stat small{font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:36px 24px;font-size:14px;display:flex;flex-direction:column;gap:6px;align-items:center}.empty .big{font-size:34px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px 24px;gap:16px;background:radial-gradient(120% 70% at 50% 0%,rgba(217,121,140,.22),transparent 60%),radial-gradient(90% 50% at 50% 100%,rgba(165,118,47,.14),transparent 70%),var(--bg)}.splash h1{font-family:var(--display);font-weight:400;font-size:38px;line-height:1.1;margin:0;text-wrap:balance}.splash h1 em{font-style:italic;color:var(--garnet)}.splash p{color:var(--muted);font-size:15px;margin:0;max-width:26ch}.video-slot{width:min(78vw,340px);aspect-ratio:4 / 5;border-radius:22px;background:linear-gradient(150deg,var(--rose-soft),var(--gold-soft) 60%,#fbeee9);border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 14px 32px -18px #8e2f4566}.video-slot video{width:100%;height:100%;object-fit:cover}.video-slot .placeholder{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#3a1f2a73;padding:12px;max-width:24ch}.btn-cta{background:var(--garnet);color:#fdf3ee;border-radius:999px;padding:13px 28px;font-size:15px;letter-spacing:.04em;box-shadow:0 10px 24px -8px #8e2f4580}@media(prefers-reduced-motion:no-preference){.splash h1{animation:rise .9s ease both .15s}.splash .video-slot{animation:rise .9s ease both .3s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}.hero-3d{height:260px;flex-shrink:0;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(80% 90% at 50% 10%,rgba(217,121,140,.28),transparent 65%),linear-gradient(160deg,#f8e9e4,#f2dfd2 75%);border:1px solid var(--line)}.hero-3d canvas{width:100%;height:100%;display:block;touch-action:pan-y}.badge3d{position:absolute;top:12px;right:12px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--garnet);background:#ffffffbf;border:1px solid rgba(142,47,69,.3);border-radius:999px;padding:4px 10px}.back-btn{position:absolute;top:12px;left:12px;z-index:2;width:34px;height:34px;border-radius:999px;background:#ffffffd9;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.back-btn svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2}.detail-title{font-family:var(--display);font-weight:400;font-size:26px;margin:0;line-height:1.15}.detail-meta{display:flex;gap:6px;flex-wrap:wrap}.note{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13.5px;color:var(--muted);line-height:1.5}.note b{color:var(--ink);font-weight:600}.who{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.avatar{width:26px;height:26px;border-radius:999px;flex-shrink:0;background:linear-gradient(140deg,var(--rose),var(--garnet));display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:#fdf3ee;font-weight:700}.avatar.b{background:linear-gradient(140deg,#d8b471,var(--gold))}.photo-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pthumb{width:76px;height:76px;border-radius:12px;border:1px solid var(--line);object-fit:cover;flex-shrink:0;background:var(--bg2)}.pthumb-wrap{position:relative;flex-shrink:0}.pthumb-wrap small{position:absolute;bottom:4px;left:6px;font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(58,31,42,.8)}.mapa{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);height:46vh;min-height:280px}.mapa .leaflet-container{width:100%;height:100%;background:#f2e9df}.map-sheet{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 10px 26px -14px #5a283759}.map-sheet .nom{font-family:var(--display);font-size:18px}.map-sheet .meta{color:var(--muted);font-size:12px;margin-top:2px}.pin-glass{width:30px;height:30px;border-radius:999px 999px 999px 3px;transform:rotate(-45deg);background:var(--garnet);border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -4px #5a283773}.pin-glass.gold{background:var(--gold)}.pin-glass svg{width:14px;height:14px;transform:rotate(45deg);stroke:#fdf3ee;fill:none;stroke-width:1.8}.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mitem{border-radius:14px;aspect-ratio:1;position:relative;overflow:hidden;border:1px solid var(--line);padding:0;background:var(--bg2)}.mitem img{width:100%;height:100%;object-fit:cover;display:block}.mes-label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:6px 2px 0}.drop-row{display:flex;gap:10px}.foto-drop{border:1.5px dashed rgba(165,118,47,.5);border-radius:18px;min-height:150px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12.5px;background:#f0e3cd59;text-align:center;flex:1;position:relative;overflow:hidden}.foto-drop b{color:var(--ink);font-size:14px;font-weight:600}.foto-drop svg{width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:1.5}.foto-drop.main{border-color:var(--garnet);background:#f6dfe373}.foto-drop.main svg{stroke:var(--garnet)}.foto-drop .hint3d{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--garnet)}.foto-drop input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.foto-drop.filled{border-style:solid;border-color:var(--gold);padding:0;min-height:170px}.foto-drop .thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.foto-drop .thumb-tag{position:absolute;left:8px;bottom:8px;z-index:2;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#3a1f2aa6;border-radius:999px;padding:4px 10px}.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rec{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--bg2)}.rec img{width:100%;height:100%;object-fit:cover;display:block}.rec .del{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:999px;background:#3a1f2aa6;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.records-add{aspect-ratio:1;border:1.5px dashed rgba(165,118,47,.5);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:11px;background:#f0e3cd59;position:relative;overflow:hidden;text-align:center;padding:6px}.records-add svg{width:24px;height:24px;stroke:var(--gold);fill:none;stroke-width:1.5}.records-add input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.input{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:15px;width:100%;outline:none}.input:focus{border-color:var(--rose)}textarea.input{resize:vertical;min-height:64px}.field-row{display:flex;gap:8px}.field-row .field{flex:1;min-width:0}.btn-save{background:var(--garnet);color:#fdf3ee;border-radius:14px;padding:14px;text-align:center;font-size:15px;letter-spacing:.03em;width:100%;box-shadow:0 10px 22px -8px #8e2f4573}.btn-save:disabled{opacity:.45;box-shadow:none}.btn-danger{border:1px solid rgba(142,47,69,.4);color:var(--garnet);border-radius:14px;padding:12px;text-align:center;font-size:14px;width:100%;background:none;margin-top:8px}.btn-danger:disabled{opacity:.45}.seg{display:flex;gap:6px}.seg button{flex:1;border:1px solid var(--line);border-radius:12px;padding:9px;font-size:13px;background:var(--card);color:var(--muted)}.seg button.on{border-color:var(--garnet);color:var(--garnet);background:var(--rose-soft)}.form-error{color:var(--garnet);font-size:13px;background:var(--rose-soft);border-radius:10px;padding:9px 12px}.couple-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 16px 8px;text-align:center;background:radial-gradient(90% 100% at 50% 0%,rgba(217,121,140,.16),transparent 70%);border-radius:20px}.couple-avatars{display:flex}.couple-avatars .avatar{width:52px;height:52px;font-size:17px;border:2px solid var(--bg)}.couple-avatars .avatar+.avatar{margin-left:-14px}.couple-hero .app-title{font-size:26px}.couple-hero .since{color:var(--muted);font-size:12px}.podi-num{font-family:var(--display);font-size:20px;color:var(--gold);width:22px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.replay{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:linear-gradient(120deg,var(--rose-soft),var(--gold-soft));border:1px solid var(--line);border-radius:16px;padding:12px 14px}.replay .play{width:38px;height:38px;border-radius:999px;flex-shrink:0;background:#ffffff8c;border:1px solid rgba(142,47,69,.5);display:flex;align-items:center;justify-content:center}.replay .play svg{width:13px;height:13px;fill:var(--garnet);margin-left:2px}.replay .t{font-size:13.5px;font-weight:600}.replay .s{font-size:11.5px;color:var(--muted)}.fites{display:flex;gap:6px;flex-wrap:wrap}.install-sheet{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}.install-card{pointer-events:auto;width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 44px -18px #5a283780}.install-head{display:flex;gap:12px;align-items:center}.install-icon{border-radius:12px;flex-shrink:0;box-shadow:0 4px 10px -4px #5a283766}.install-head b{display:block;font-size:15px}.install-head span{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.install-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--ink)}.install-steps li{line-height:1.5}.install-steps svg{vertical-align:-4px;color:var(--garnet);margin:0 1px}.install-later{align-self:center;color:var(--muted);font-size:13px;padding:4px 8px}@media(prefers-reduced-motion:no-preference){.install-card{animation:slideup .35s cubic-bezier(.16,1,.3,1) both}@keyframes slideup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#3a1f2a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:22px;width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;box-shadow:0 24px 48px -20px #5a283780}.modal .app-title,.modal p{align-self:stretch}.qr-canvas{width:240px;height:240px;border-radius:16px;background:var(--bg);border:1px solid var(--line);padding:10px}@media(prefers-reduced-motion:no-preference){.modal{animation:pop .25s ease both}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}}