:root{--bg: #F7F3EB;--ink: #171B19;--muted: #7A837D;--faint: #B4BBB4;--surface: #FFFFFF;--teal: #0E7A6E;--teal-deep: #0A5B52;--butter: #F2E0A4;--peach: #F3CFB5;--mint: #CBE3D4;--lilac: #D9D4EE;--coral: #E2654E;--font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--col: 520px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}button:disabled{cursor:default}input,textarea,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(14,122,110,.5);outline-offset:2px}.v-app{position:relative;width:100%;max-width:var(--col);margin:0 auto;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;overflow-x:clip}.v-screen{flex:1;padding:calc(env(safe-area-inset-top,0px) + 20px) 0 calc(env(safe-area-inset-bottom,0px) + 120px)}.v-pad{padding-left:22px;padding-right:22px}.v-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.v-hello{font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}.v-avatar{width:42px;height:42px;border-radius:999px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:.02em;flex-shrink:0;transition:transform .15s ease}.v-avatar:active{transform:scale(.92)}.v-avatar.neutral{background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--faint)}.v-title{font-size:33px;font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:6px 0 4px;text-wrap:balance}.v-title em{font-style:normal;color:var(--teal)}.v-subtitle{color:var(--muted);font-size:14.5px;margin:0}.v-section{margin-top:26px}.v-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.v-section-head h2{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0}.v-link{border:none;background:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;padding:2px 0;display:inline-flex;align-items:center;gap:3px}.v-link.danger{color:var(--coral)}.v-chiprow{display:flex;gap:8px;overflow-x:auto;padding:4px 22px 6px;scrollbar-width:none;margin-top:14px}.v-chiprow::-webkit-scrollbar{display:none}.v-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--ink);background:var(--surface);border:none;border-radius:999px;padding:10px 15px;cursor:pointer;transition:transform .12s ease;white-space:nowrap}.v-chip:active{transform:scale(.95)}.v-chip.sel{background:var(--ink);color:var(--bg)}.v-chip .n{font-size:11px;font-weight:800;background:#171b1914;border-radius:999px;padding:2px 7px}.v-chip.sel .n{background:#f7f3eb2e}.v-chip.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--faint);color:var(--muted)}.v-seasonal-note{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);margin-top:10px}.v-seasonal-note>button{margin-left:auto}.v-hero{border-radius:30px;background:var(--butter);padding:0;margin-top:16px;position:relative;overflow:hidden}.v-hero-art{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center;border-radius:30px 30px 0 0}.v-hero-foot{display:flex;align-items:center;gap:14px;padding:16px 18px}.v-hero-foot b{font-size:16.5px;font-weight:800;letter-spacing:-.02em;display:block;line-height:1.25}.v-hero-foot small{font-size:12.5px;font-weight:600;color:#171b198c}.v-underline{text-decoration:underline;cursor:pointer}.v-go{width:58px;height:58px;border-radius:999px;border:none;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:auto;transition:transform .15s ease;box-shadow:0 10px 24px #171b1940}.v-go:active{transform:scale(.9)}.v-go:disabled{opacity:.5}.v-error{margin:10px 2px 0;font-size:13px;color:var(--coral);font-weight:700}.v-rows{display:flex;flex-direction:column;gap:2px}.v-row{display:flex;align-items:center;gap:13px;padding:9px 22px;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer;width:100%;box-sizing:border-box;transition:background .15s ease}.v-row:active{background:#171b190a}.v-thumb{width:48px;height:48px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ink);position:relative}.v-thumb .v-done{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:999px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2.5px var(--bg)}.v-row-main{flex:1;min-width:0}.v-row-main b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.015em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-row-main span{font-size:12.5px;font-weight:600;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-row-meta{font-size:12px;font-weight:800;color:var(--muted);flex-shrink:0;display:flex;align-items:center;gap:4px}.v-iconbtn{border:none;background:none;color:var(--faint);cursor:pointer;padding:4px;display:flex}.v-streakband{display:flex;align-items:center;gap:14px;margin:24px 22px 0;padding:0;border:none;background:none;font-family:inherit;cursor:pointer;text-align:left;width:calc(100% - 44px)}.v-streakband:active{opacity:.7}.v-streak-num{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.04em;flex-shrink:0}.v-tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:40;display:flex;gap:2px;background:#ffffffe6;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:26px;padding:6px;box-shadow:0 2px 6px #171b190f,0 16px 40px #171b1929;border:.5px solid rgba(23,27,25,.06);max-width:calc(100% - 20px)}.v-tab{width:58px;border-radius:18px;border:none;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;cursor:pointer;transition:all .18s ease}.v-tab span{font-size:10px;font-weight:700;line-height:1;letter-spacing:-.01em}.v-tab.on{background:var(--ink);color:var(--bg)}.v-tab:active{transform:scale(.92)}.v-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#171b1961;border:none;cursor:pointer;animation:vScrim .25s ease}@keyframes vScrim{0%{opacity:0}}.v-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:61;width:min(100%,var(--col));background:var(--bg);border-radius:30px 30px 0 0;padding:10px 22px calc(env(safe-area-inset-bottom,0px) + 30px);box-sizing:border-box;animation:vSheet .32s cubic-bezier(.2,.9,.3,1);max-height:84%;overflow-y:auto;scrollbar-width:none}.v-sheet::-webkit-scrollbar{display:none}@keyframes vSheet{0%{transform:translate(-50%,60%)}}.v-grab{width:40px;height:4.5px;border-radius:99px;background:#171b1926;margin:4px auto 16px}.v-sheet h3{font-size:21px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px;line-height:1.2}.v-sheet .v-fr{font-size:14px;font-style:italic;color:var(--muted);margin:0 0 12px}.v-sheet-text{margin:4px 0 14px;font-size:14px;color:var(--muted);line-height:1.55}.v-ctx-label{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.v-source{margin:12px 0 0;font-size:11.5px;color:var(--faint)}.v-sheet-more{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(23,27,25,.08)}.v-yourturn{margin:12px 0 0;font-size:13.5px;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:8px}.v-yourturn:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--teal);animation:vPulse 1.1s infinite}@keyframes vPulse{0%,to{opacity:1}50%{opacity:.2}}.v-acts{display:flex;gap:8px;flex-wrap:wrap}.v-act{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);background:var(--surface);border:none;border-radius:999px;padding:11px 15px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.v-act:active{transform:scale(.94)}.v-act:disabled{opacity:.5}.v-act.playing{background:var(--teal);color:#fff}.v-act.dark{background:var(--ink);color:var(--bg)}.v-tip{display:flex;gap:8px;align-items:baseline;font-size:13px;font-weight:600;color:var(--teal-deep);background:#0e7a6e17;border-radius:14px;padding:10px 13px;line-height:1.45;margin-top:12px}.v-tip:before{content:"◆";font-size:8px;flex-shrink:0}.v-player{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--col));z-index:50;background:var(--bg);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 40px) 22px calc(env(safe-area-inset-bottom,0px) + 26px);box-sizing:border-box;overflow:hidden}.v-player-top{display:flex;align-items:center;gap:12px}.v-close{width:38px;height:38px;border-radius:999px;border:none;background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.v-segs{flex:1;display:flex;gap:5px}.v-segs span{flex:1;height:4px;border-radius:99px;background:#171b191a;overflow:hidden}.v-segs span i{display:block;height:100%;border-radius:99px;background:var(--ink);transition:width .35s ease}.v-cardzone{flex:1;position:relative;margin:18px 0 10px;min-height:0}.v-pcard{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);border-radius:30px;padding:26px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 6px #171b190a,0 18px 44px #171b191a;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.v-pcard.under{transform:scale(.94) translateY(14px);box-shadow:none;opacity:.6;pointer-events:none}.v-pcard>*{flex-shrink:0}.v-pcard .ctx{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.v-pcard .en{display:block;font-size:27px;font-weight:800;letter-spacing:-.03em;line-height:1.18;text-wrap:pretty}.v-pcard .fr{display:block;font-size:14.5px;font-style:italic;color:var(--muted)}.v-stamp{position:absolute;top:20px;padding:8px 14px;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-8deg);opacity:0;pointer-events:none}.v-stamp.ok{right:20px;background:var(--teal);color:#fff;transform:rotate(8deg)}.v-stamp.ko{left:20px;background:var(--coral);color:#fff}.v-swipe-hint{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--faint);padding:0 8px;margin-bottom:12px}.v-player-controls{display:flex;align-items:center;justify-content:center;gap:18px}.v-pc-side{display:flex;flex-direction:column;align-items:center;gap:5px;border:none;background:none;font-family:inherit;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer}.v-pc-side>span{width:52px;height:52px;border-radius:999px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800;color:var(--ink);transition:all .15s ease}.v-pc-side:active>span{transform:scale(.9)}.v-pc-side.playing>span{background:var(--teal);color:#fff}.v-playbig{width:74px;height:74px;border-radius:999px;border:none;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px #171b1947;transition:transform .15s ease}.v-playbig:active{transform:scale(.92)}.v-playbig.playing{background:var(--teal)}.v-verdicts{display:flex;gap:10px;margin-bottom:14px}.v-verdict{flex:1;border:none;border-radius:999px;font-family:inherit;font-weight:800;font-size:13.5px;padding:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease}.v-verdict:active{transform:scale(.96)}.v-verdict.ko{background:#e2654e1f;color:var(--coral)}.v-verdict.ok{background:var(--teal);color:#fff}.v-review-cta{margin:12px 22px 0}.v-gen{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--col));z-index:50;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;box-sizing:border-box;text-align:center}.v-gen-word{font-size:27px;font-weight:800;letter-spacing:-.03em;min-height:40px;animation:vFade .25s ease}.v-gen-sub{color:var(--muted);font-size:13.5px;font-weight:600}.v-gen-dots{display:flex;gap:7px;margin-top:18px}.v-gen-dots i{width:9px;height:9px;border-radius:99px;background:var(--ink);animation:vBounce 1s ease-in-out infinite}.v-gen-dots i:nth-child(2){animation-delay:.15s;background:var(--teal)}.v-gen-dots i:nth-child(3){animation-delay:.3s;background:var(--coral)}@keyframes vBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.v-done-screen{position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:min(100%,var(--col));z-index:55;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px;box-sizing:border-box;text-align:center;overflow:hidden}.v-bignum{font-size:80px;font-weight:800;line-height:1;letter-spacing:-.045em}.v-bignum small{font-size:26px;color:var(--muted);font-weight:700}.t-confetti-piece{position:absolute;width:9px;height:13px;border-radius:2px;top:-20px;animation:vFall linear forwards}@keyframes vFall{to{transform:translateY(940px) rotate(540deg);opacity:.7}}.v-done-row{display:flex;gap:26px;margin-top:6px}.v-done-row div b{display:block;font-size:21px;font-weight:800;letter-spacing:-.02em}.v-done-row div span{font-size:11.5px;font-weight:700;color:var(--muted)}.v-cta{width:100%;border:none;font-family:inherit;font-weight:800;font-size:16px;padding:17px;border-radius:999px;background:var(--ink);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s ease;box-sizing:border-box}.v-cta:active{transform:scale(.97)}.v-cta.teal{background:var(--teal);color:#fff}.v-cta.soft{background:var(--surface);color:var(--ink)}.v-cta:disabled{opacity:.4}.v-word{border-radius:26px;background:var(--surface);margin:0 22px 10px;overflow:hidden}.v-word-head{display:flex;align-items:center;gap:13px;padding:16px 18px;width:100%;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer}.v-word-head .w{font-size:17px;font-weight:800;letter-spacing:-.02em;display:block}.v-word-head .t{font-size:12.5px;font-weight:600;color:var(--muted);display:block}.v-word-body{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px;animation:vExpand .25s ease}@keyframes vExpand{0%{transform:translateY(-6px)}}.v-word-body>p{margin:0;font-size:13.5px;color:var(--ink);line-height:1.55}.v-astuce{background:#f2e0a473;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.5}.v-eartest{background:var(--bg);border-radius:16px;padding:12px 14px}.v-eartest-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.v-eartest-head>button{margin-left:auto}.v-eartest-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.v-ear{display:flex;flex-direction:column;gap:8px}.v-ear-opt{font-family:inherit;text-align:center;font-size:14px;font-weight:700;padding:12px 16px;border-radius:14px;border:none;background:var(--surface);color:var(--ink);cursor:pointer;transition:all .15s ease}.v-ear-opt:active:not(:disabled){transform:scale(.96)}.v-ear-opt.good{background:var(--teal);color:#fff}.v-ear-opt.bad{background:var(--coral);color:#fff}.v-ear-feedback{margin:8px 0 0;font-size:13px;font-weight:700}.v-upload{margin:16px 22px 0;border:1.5px dashed var(--faint);border-radius:26px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:border-color .2s,background .2s;background:transparent}.v-upload[data-drag=true]{border-color:var(--teal);background:#0e7a6e12}.v-upload-title{font-size:14.5px;font-weight:800}.v-extracting{margin:6px 0 0;font-size:13px;color:var(--teal-deep);font-weight:700;display:flex;align-items:center;gap:8px}.v-toggle{width:48px;height:29px;border-radius:999px;border:none;background:#171b191f;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0;padding:0}.v-toggle.on{background:var(--teal)}.v-toggle i{position:absolute;top:2.5px;left:2.5px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s ease}.v-toggle.on i{transform:translate(19px)}.v-seg{display:flex;gap:6px}.v-seg button{flex:1;border:none;background:var(--surface);font-family:inherit;font-size:13.5px;font-weight:700;color:var(--muted);padding:12px 4px;border-radius:999px;cursor:pointer;transition:all .15s ease}.v-seg button.on{background:var(--ink);color:var(--bg)}.v-textarea{width:100%;box-sizing:border-box;border:none;border-radius:18px;background:var(--surface);font-family:inherit;font-size:14px;line-height:1.55;color:var(--ink);padding:14px 16px;resize:vertical}.v-input{width:100%;box-sizing:border-box;border:none;border-radius:16px;background:var(--surface);font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink);padding:14px 16px}.v-select{width:100%;box-sizing:border-box;border:none;border-radius:16px;background:var(--surface);font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);padding:14px 16px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.v-field-label{display:block;font-size:13.5px;font-weight:700}.v-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:18px}.v-empty-art{width:100%;max-width:260px;border-radius:24px;display:block;margin-bottom:14px}.v-empty-title{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em}.v-empty-sub{margin:6px 0 18px;font-size:14px;color:var(--muted);max-width:280px}.v-empty .v-cta{max-width:280px}.v-toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);left:50%;transform:translate(-50%);z-index:70;background:var(--ink);color:var(--bg);border-radius:999px;padding:11px 20px;font-size:13.5px;font-weight:700;box-shadow:0 12px 30px #171b1940;white-space:nowrap;max-width:calc(100% - 40px);animation:vToast .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes vToast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.v-logout{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;z-index:80;background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #171b190f,0 10px 28px #171b1924}.v-spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(247,243,235,.4);border-top-color:var(--bg);animation:vSpin .8s linear infinite;flex-shrink:0}.v-spinner.teal{border-color:#0e7a6e40;border-top-color:var(--teal)}@keyframes vSpin{to{transform:rotate(360deg)}}.v-fade{animation:vFade .25s ease}@keyframes vFade{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}