.onb-link{min-height:44px;font:inherit;font-size:var(--text-sm,14px);color:inherit;cursor:pointer;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);background:0 0;border:0;justify-content:center;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.onb-link:focus-visible{outline:3px solid var(--c-focus,#d9b44a);outline-offset:2px;border-radius:8px}.onb-spot{z-index:calc(var(--z-opening,200) - 10);pointer-events:none;position:fixed;inset:0}.onb-spot__veil{width:100%;height:100%;animation:onb-fade var(--dur-base,.24s) var(--ease-standard) both;position:absolute;inset:0;overflow:visible}.onb-spot__veil path{fill:#0a0d0cb8;pointer-events:visiblePainted}.onb-spot__ring{box-sizing:border-box;border:2px solid var(--brand-gold,#d9b44a);pointer-events:none;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0a0d0c99,0 0 22px #d9b44a73}.onb-spot__ring.is-pulse{animation:onb-ring .9s var(--ease-in-out) 1}.onb-spot__bubble{pointer-events:auto;width:min(320px,100vw - 24px);color:var(--brand-cream,#ede6d3);opacity:0;transition:opacity var(--dur-base) var(--ease-standard) .2s, transform var(--dur-base) var(--ease-standard) .2s;background:#121614f7;border:1px solid #d9b44a8c;border-radius:16px;padding:14px 16px 10px;position:fixed;transform:translateY(8px);box-shadow:0 18px 40px #00000080}.onb-spot__bubble[data-side=above]{transform:translateY(-8px)}.onb-spot__bubble[data-placed]{opacity:1;transform:none}.onb-spot__bubble:after{content:"";left:calc(var(--arrow-x,50%) - 7px);background:inherit;border:1px solid #d9b44a8c;width:14px;height:14px;position:absolute;rotate:45deg}.onb-spot__bubble[data-side=below]:after{border-bottom:0;border-right:0;top:-8px}.onb-spot__bubble[data-side=above]:after{border-top:0;border-left:0;bottom:-8px}.onb-spot__count{letter-spacing:.12em;color:var(--brand-gold,#d9b44a);margin:0 0 2px;font-size:11px;font-weight:800}.onb-spot__title{font-family:var(--font-display);letter-spacing:-.01em;color:#f2e6b8;margin:0;font-size:17px;font-weight:800}.onb-spot__text{margin:4px 0 0;font-size:14px;line-height:1.45}.onb-spot__actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.onb-spot__next{min-width:112px}.onb-sheet{z-index:calc(var(--z-opening,200) + 5);place-items:end center;display:grid;position:fixed;inset:0}.onb-sheet__veil{animation:onb-fade var(--dur-slow) var(--ease-out-expo) both;background:#0a0d0c99;position:absolute;inset:0}.onb-sheet__panel{box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;width:100%;max-height:70dvh;padding:10px var(--gutter,16px) calc(16px + env(safe-area-inset-bottom));background:var(--c-night,#121614);color:var(--brand-cream,#ede6d3);animation:onb-sheet-up var(--dur-slow) var(--ease-out-expo) both;transition:transform var(--dur-fast) var(--ease-standard);border-top:1px solid #d9b44a59;border-radius:20px 20px 0 0;position:relative;overflow:auto;box-shadow:0 -18px 48px #00000073}.onb-sheet__grip{background:#ede6d34d;border-radius:999px;width:40px;height:4px;margin:0 auto 12px;display:block}.onb-sheet__card{animation:onb-card-in var(--dur-slow) var(--ease-out-expo) both;gap:12px;display:grid}.onb-sheet__title{font-family:var(--font-display);letter-spacing:-.03em;color:#f2e6b8;margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,1.9rem);font-weight:800;line-height:1.05}.onb-sheet__body{color:color-mix(in srgb, var(--brand-cream,#ede6d3) 86%, transparent);gap:8px;font-size:15px;line-height:1.5;display:grid}.onb-sheet__body>*{margin:0}.onb-sheet__actions{gap:10px;margin-top:4px;display:grid}.onb-sheet__actions>*{justify-content:center;width:100%}.onb-sheet__dots{justify-content:center;gap:6px;margin:14px 0 0;display:flex}.onb-sheet__dots i{width:6px;height:6px;transition:width var(--dur-base) var(--ease-standard), background var(--dur-base);background:#ede6d34d;border-radius:999px}.onb-sheet__dots i[data-on]{background:var(--brand-gold,#d9b44a);width:18px}.onb-sheet__later{color:color-mix(in srgb, var(--brand-cream,#ede6d3) 75%, transparent);margin:6px auto 0;display:flex}@media (min-width:768px){.onb-sheet{align-items:center}.onb-sheet__panel{border:1px solid #d9b44a59;border-radius:20px;width:480px;padding:22px 28px 18px;animation-name:onb-pop}.onb-sheet__grip{display:none}}.onb-gesture{z-index:calc(var(--z-opening,200) + 6);pointer-events:none;animation:onb-fade .2s var(--ease-standard) both;position:fixed;top:0;left:0}.onb-gesture__finger{width:52px;height:52px;margin:-8px 0 0 -21px;position:absolute;top:55%;left:30%}.onb-gesture[data-gesture=swipe-tap] .onb-gesture__finger{animation:2.6s cubic-bezier(.45,0,.3,1) infinite onb-swipe-tap}.onb-gesture[data-gesture=swipe] .onb-gesture__finger{animation:2.6s cubic-bezier(.45,0,.3,1) infinite onb-swipe}.onb-gesture[data-gesture=tap] .onb-gesture__finger{animation:1.6s ease-in-out infinite onb-tap;left:50%}.onb-gesture[data-gesture=swipe-tap] .tuto-finger__tap{animation:2.6s ease-out infinite onb-ripple}.onb-gesture__pill{position:absolute;bottom:-8px;left:50%;transform:translate(-50%,100%)}@keyframes onb-fade{0%{opacity:0}}@keyframes onb-ring{0%,to{transform-origin:50%;opacity:1;scale:1}50%{opacity:.4;scale:1.06}}@keyframes onb-sheet-up{0%{transform:translateY(100%)}}@keyframes onb-pop{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes onb-card-in{0%{opacity:0;transform:translate(24px)}}@keyframes onb-swipe-tap{0%{opacity:0;left:30%}8%{opacity:1}45%{left:70%}55%{left:70%}75%{left:50%;transform:none}82%{left:50%;transform:scale(.9)}90%{opacity:1;left:50%;transform:none}to{opacity:0;left:50%}}@keyframes onb-swipe{0%{opacity:0;left:30%}10%{opacity:1}70%{opacity:1;left:70%}to{opacity:0;left:70%}}@keyframes onb-tap{0%,to{transform:none}50%{transform:scale(.88)}}@keyframes onb-ripple{0%,74%{opacity:0;transform:scale(.4)}82%{opacity:.9}to{opacity:0;transform:scale(1.6)}}:root[data-motion=reduced] .onb-spot__veil,:root[data-motion=reduced] .onb-sheet__veil{animation-duration:.12s}:root[data-motion=reduced] .onb-spot__ring.is-pulse{animation:none}:root[data-motion=reduced] .onb-spot__bubble{transition-duration:.12s;transition-delay:0s;transform:none}:root[data-motion=reduced] .onb-sheet__panel,:root[data-motion=reduced] .onb-sheet__card{animation:.12s linear both onb-fade}:root[data-motion=reduced] .onb-gesture__finger,:root[data-motion=reduced] .onb-gesture .tuto-finger__tap{animation:none;left:50%}