.timer-overlay[data-v-f6efe1b7]{position:absolute;top:12px;right:12px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.timer-ring[data-v-f6efe1b7]{position:relative;width:64px;height:64px;border-radius:50%;cursor:pointer;pointer-events:auto}.timer-svg[data-v-f6efe1b7]{width:100%;height:100%;transform:rotate(-90deg)}.timer-track[data-v-f6efe1b7]{fill:#00000059;stroke:#ffffff38;stroke-width:4}.timer-fill[data-v-f6efe1b7]{fill:none;stroke:#e0b35c;stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .2s linear;filter:drop-shadow(0 0 4px rgba(224,179,92,.6))}.timer-overlay.finished .timer-fill[data-v-f6efe1b7]{stroke:#c0392b;filter:drop-shadow(0 0 5px rgba(192,57,43,.7))}.timer-value[data-v-f6efe1b7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.timer-hint[data-v-f6efe1b7]{font-size:11px;color:#fff7ebbf;background:#00000073;padding:2px 8px;border-radius:999px;pointer-events:none;white-space:nowrap}.timer-feedback[data-v-f6efe1b7]{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:14px;color:#f5ead9;background:#781914e6;border:1px solid rgba(224,179,92,.5);border-radius:10px;padding:8px 12px;text-align:center;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px #00000080}.swiper-stage[data-v-eeafb971]{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--wine: #4a1a24;--wine-deep: #2e0f16;--cream: #f5ead9;--gold: #b07a1f;--muted: #6b5b52}@font-face{font-family:Playfair Display;src:url(/assets/playfair-DiCwmFqQ.woff) format("woff");font-weight:100 900;font-style:normal}@font-face{font-family:Playfair Display;src:url(/assets/playfair-italic-D-mSgzRE.woff) format("woff");font-weight:100 900;font-style:italic}@font-face{font-family:Charter;src:url(/assets/charter-q9NMIVRi.woff) format("woff");font-weight:400;font-style:normal}html,body,#app{height:100%}body{font-family:Georgia,Times New Roman,serif;color:var(--cream);background:var(--wine-deep);overflow:hidden;-webkit-font-smoothing:antialiased}.app-shell{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.app-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:0;pointer-events:none}.app-content{position:relative;z-index:1;width:100%;max-width:460px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:12px;overflow-y:auto}.logo{width:200px;height:auto;margin-bottom:8px}.screen-title{font-size:26px;font-weight:700;color:var(--cream);text-shadow:0 2px 10px rgba(0,0,0,.6);text-align:center}.screen-sub{font-size:15px;color:#e3d3bf;text-align:center;line-height:1.5}.btn{border:none;border-radius:14px;padding:14px 28px;font-size:17px;font-weight:700;font-family:inherit;color:#3a2410;background:linear-gradient(180deg,#d8a84a,#b07a1f);cursor:pointer;box-shadow:0 6px 20px #0006;transition:transform .08s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000080}.btn:active{transform:translateY(1px)}.btn.ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.btn.small{width:auto;padding:9px 18px;font-size:14px}.feedback-card{width:100%;max-width:400px;background:#00000061;border:1px solid rgba(224,179,92,.4);border-radius:16px;padding:18px 18px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 10px 30px #00000059}.feedback-title{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;color:var(--cream);text-align:center}.feedback-sub{font-size:13px;color:#d9c7b2;text-align:center;line-height:1.4;margin-bottom:2px}.feedback-form{width:100%;display:flex;flex-direction:column;gap:12px}.feedback-field{display:flex;flex-direction:column;gap:5px;text-align:left}.feedback-field span{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gold)}.feedback-field input{border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#ffffff14;color:var(--cream);font-family:inherit;font-size:15px;padding:11px 13px;outline:none;transition:border-color .2s,background .2s}.feedback-field input:focus{border-color:var(--gold);background:#ffffff1f}.feedback-field input::placeholder{color:#d9c7b280}.feedback-field input[type=date]{color-scheme:dark}.mode-picker{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#00000052;color:var(--cream);font-family:inherit;cursor:pointer;box-shadow:0 6px 18px #0000004d;transition:transform .08s,box-shadow .2s,border-color .2s}.mode-card:hover{transform:translateY(-1px);border-color:#e0b35cb3}.mode-card.active{border-color:var(--gold);background:#b07a1f2e;box-shadow:0 0 0 1px var(--gold),0 8px 24px #0006}.mode-card-badge{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.mode-card-title{font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:700;line-height:1.2}.mode-card-sub{font-size:13px;color:#d9c7b2;line-height:1.35}.btn.primary{background:linear-gradient(180deg,#d8a84a,#b07a1f)}.hud-mode{font-size:12px;color:var(--gold);opacity:.9}.progress-wrap{width:100%;max-width:400px}.progress-bar{width:100%;height:14px;border-radius:12px;background:#ffffff29;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 3px #0006;overflow:hidden}.progress-fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#e0b35c,#b07a1f);box-shadow:0 0 10px #e0b35c80;transition:width .4s ease}.progress-label{margin-top:8px;font-size:13px;color:#cbb8a4;display:flex;justify-content:space-between}.hud{width:100%;max-width:400px}.hud-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#d9c7b2}.swiper{width:100%;height:72dvh;max-height:620px;display:flex;align-items:center;justify-content:center;touch-action:none;will-change:transform;cursor:grab;position:relative;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.swiper.dragging{cursor:grabbing}.card-arrive{width:min(300px,78vw);aspect-ratio:1251 / 2460;border-radius:24px;animation:cardArrive .8s cubic-bezier(.33,1,.4,1);pointer-events:none;transition:transform .18s ease}.card-arrive.touched{transform:scale(1.03)}.card-arrive.flipping{transition:none}.card-arrive.restoring{transition:transform .18s ease,box-shadow .6s ease}@keyframes cardArrive{0%{opacity:0;transform:translate(-85%) rotate(-5deg)}to{opacity:1;transform:translate(0) rotate(0)}}.card-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1);transform:rotateY(180deg)}.card-flip.revealed{transform:rotateY(360deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:var(--wine-deep);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-verso{transform:rotateY(180deg)}.card-verso-img{width:100%;height:100%;object-fit:cover}.card-recto{transform:rotateY(0)}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.card-cat{position:absolute;top:30px;left:50%;transform:translate(-50%);font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:600;font-size:17px;letter-spacing:1px;color:color-mix(in srgb,var(--cat) 30%,#fff3ea);opacity:1;z-index:2;text-shadow:0 1px 5px rgba(0,0,0,.55);white-space:nowrap}.card-cat:after{content:"";display:block;margin:5px auto 0;width:40px;height:2px;background:var(--cat);border-radius:2px;opacity:.8}.card-corner{position:absolute;font-size:22px;font-weight:700;color:#fff7ebeb;text-shadow:0 1px 4px rgba(0,0,0,.5);z-index:2;font-family:Playfair Display,Georgia,serif}.card-corner.c-tl{top:14px;left:16px}.card-corner.c-br{bottom:14px;right:16px;transform:rotate(180deg)}.card-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 26px;z-index:2;text-align:center}.card-frame{width:28%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,240,235,.7),transparent);border-radius:2px}.card-text{font-family:Playfair Display,Georgia,serif;font-size:clamp(20px,5.4vw,27px);font-weight:600;line-height:1.5;color:#fff3ea;text-shadow:0 2px 8px rgba(0,0,0,.8);max-width:86%;white-space:pre-line}.card-text.long{font-size:clamp(15px,3.8vw,20px);line-height:1.45;font-weight:500}.card-title{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(17px,4.4vw,23px);color:color-mix(in srgb,var(--cat) 55%,#fff3ea);text-shadow:0 2px 8px rgba(0,0,0,.7);max-width:88%;line-height:1.25}.swipe-hint{margin-top:10px;font-size:15px;color:#ecdcc8;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}.swipe-hint b{color:#fff}.done-btn{margin-top:4px;border:none;border-radius:12px;padding:12px 22px;font-size:16px;font-weight:700;font-family:inherit;color:#3a2410;background:linear-gradient(180deg,#d8a84a,#b07a1f);box-shadow:0 6px 18px #00000073;cursor:pointer;width:100%;max-width:400px}.rules{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.rule{background:#00000059;border-left:4px solid var(--gold);border-radius:10px;padding:12px 16px;animation:ruleSlide .55s cubic-bezier(.22,1,.36,1) both}@keyframes ruleSlide{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.rules .rule:nth-child(1){animation-delay:.04s}.rules .rule:nth-child(2){animation-delay:.16s}.rules .rule:nth-child(3){animation-delay:.28s}.rules .rule:nth-child(4){animation-delay:.4s}.rule-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}.rule-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));flex-shrink:0}.rule-k{display:inline-block;font-weight:700;letter-spacing:1px;color:var(--gold);font-size:13px}.rule p{font-size:15px;line-height:1.5;color:#efe3d3}.tuto{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:8px}.tuto-demo{position:relative;width:250px;height:200px;display:flex;align-items:center;justify-content:center}.tuto-swipe{position:relative;width:160px;height:192px;animation:swipeDemo 2.8s ease-in-out infinite}.tuto-card{position:absolute;left:14px;top:20px;width:84px;height:145px;border-radius:12px;box-shadow:0 12px 32px #0000008c;border:1px solid rgba(255,255,255,.35);object-fit:cover}.tuto-hand{position:absolute;left:42px;bottom:16px;width:58px;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}.tuto-arrow-img{position:absolute;right:-8px;top:56px;width:46px;height:auto;z-index:3;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));animation:arrowNudge 2.8s ease-in-out infinite}@keyframes arrowNudge{0%,to{opacity:.6;transform:translate(0)}28%{opacity:1;transform:translate(12px)}56%{opacity:1;transform:translate(12px)}}@keyframes swipeDemo{0%{transform:translate(0) rotate(0);opacity:1}38%{transform:translate(118px) rotate(7deg);opacity:1}52%{transform:translate(118px) rotate(7deg);opacity:1}62%{transform:translate(118px) rotate(7deg);opacity:0}74%{transform:translate(-28px) rotate(-4deg);opacity:0}88%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(0) rotate(0);opacity:1}}.tuto-sim{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.tuto-chip{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 16px;font-size:13px;color:var(--cream)}.tuto-line{font-size:15px;color:var(--gold);letter-spacing:1px}