@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap";.app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#f3ede1;background-image:url(/zarfv2.png);background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.1)}@media (orientation: landscape){.video{inset:auto;top:50%;left:50%;width:auto;height:166.67%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}}.video.layer-1{z-index:1;opacity:1}.video.layer-2{z-index:2;opacity:0;transition:opacity .4s ease}.video.layer-2.show{opacity:1}.envelope{z-index:10}.final-screen{z-index:20}.final-media{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100vh;height:100dvh;width:56.25vh}@media (min-aspect-ratio: 2304 / 4096){.final-media{width:100vw;height:calc(100vw * 4096 / 2304)}}@media (orientation: landscape){.final-media{height:166.67vh;width:calc(166.67vh * 2304 / 4096)}}.final-media img{display:block;width:100%;height:100%;object-fit:fill}.hotspot{position:absolute;left:21.397%;top:64.526%;width:57.205%;height:35.474%;cursor:pointer}.hotspot .tap-hint{position:absolute;left:50%;top:44%;transform:translate(-50%)}.tap-hint{position:relative;width:clamp(44px,9vmin,88px);height:clamp(44px,9vmin,88px);display:flex;align-items:center;justify-content:center;pointer-events:none}.tap-hint .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 12px #00000059;animation:ripple 1.8s ease-out infinite}.tap-hint .hand{position:relative;width:60%;height:60%;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));animation:tap 1.8s ease-in-out infinite}@keyframes ripple{0%{transform:scale(.7);opacity:.9}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes tap{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14%) scale(.92)}}.envelope .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 40%)}.tap{color:#fff;font-size:clamp(1.6rem,6vw,3rem);letter-spacing:.15em;text-shadow:0 2px 18px rgba(0,0,0,.6)}.tap.dim{opacity:.85;font-size:clamp(1.1rem,4vw,1.8rem)}.pulse{animation:pulse 1.8s ease-in-out infinite}.enter-hint{display:flex;flex-direction:column;align-items:center;gap:.6rem}.enter-hint .tap-hint{width:clamp(40px,8vmin,72px);height:clamp(40px,8vmin,72px)}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.bar{width:min(70vw,340px);height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.bar-fill{height:100%;background:#fff;border-radius:999px;transition:width .25s ease}.pctText{color:#ffffffd9;font-size:.95rem;letter-spacing:.1em}.net-warning{position:absolute;top:4vh;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;animation:fadeIn .4s ease forwards}.net-warning .warn-icon{width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px);fill:#ffcf3f;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.net-warning .warn-text{font-size:clamp(.95rem,3.2vw,1.4rem);letter-spacing:.08em}.fade-in{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--ink: #19233b;--paper: #f8f7f3;--mist: #e8edf2;--rose: #d05272;--blue: #527f9f;--gold: #ad7d39;--muted: #737b88}.tracking-page{min-height:100vh;overflow:auto;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(25,35,59,.055) .65px,transparent .65px);background-size:6px 6px;padding:clamp(28px,5vw,72px);font-family:Manrope,sans-serif}.tracking-header{max-width:1400px;margin:0 auto 48px;display:flex;justify-content:space-between;gap:32px;align-items:flex-end}.eyebrow,.panel-heading p{color:var(--rose);font:500 .72rem/1.2 DM Mono,monospace;letter-spacing:.15em}.tracking-header h1{margin-top:12px;font:500 clamp(3rem,7vw,6.8rem)/.85 "Newsreader",serif;letter-spacing:-.055em}.range-picker{display:flex;border-bottom:1px solid rgba(25,35,59,.2)}.range-picker button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);padding:12px 14px 10px;cursor:pointer;font:500 .72rem DM Mono,monospace;text-transform:uppercase}.range-picker button.active{color:var(--ink);border-color:var(--rose)}.range-picker button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.metrics,.panel,.tracking-footer,.tracking-message{max-width:1400px;margin-left:auto;margin-right:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(25,35,59,.2);border-bottom:1px solid rgba(25,35,59,.2);margin-bottom:28px}.metric{padding:25px 22px 23px 0;position:relative}.metric+.metric{border-left:1px solid rgba(25,35,59,.14);padding-left:22px}.metric span,.metric small{display:block;color:var(--muted);font-size:.77rem}.metric strong{display:block;margin:6px 0 7px;font:400 clamp(2rem,4vw,3.7rem)/1 "Newsreader",serif}.metric small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{background:#ffffffa8;border:1px solid rgba(25,35,59,.14);padding:clamp(20px,3vw,36px)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.panel-heading h2{margin-top:7px;font:400 clamp(1.5rem,3vw,2.3rem) "Newsreader",serif}.panel-heading>span{color:var(--muted);font:.68rem DM Mono,monospace}.traffic-panel{margin-bottom:28px}.chart-wrap{position:relative}.line-chart{width:100%;height:auto;overflow:visible}.line-chart text{fill:var(--muted);font:11px DM Mono,monospace}.grid-line{stroke:#19233b1f;stroke-width:1;stroke-dasharray:3 7}.visit-area{fill:#d0527217}.visits-line,.unique-line,.clicks-line{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.visits-line{stroke:var(--rose);stroke-width:2.5}.unique-line{stroke:var(--blue);stroke-width:2;stroke-dasharray:5 6}.clicks-line{stroke:var(--gold);stroke-width:2}.chart-hit{fill:transparent}.legend{display:flex;gap:24px;justify-content:flex-end;color:var(--muted);font:.7rem DM Mono,monospace}.legend span:before{content:"";display:inline-block;width:19px;height:2px;margin:0 7px 3px 0;background:var(--rose)}.legend .unique-key:before{background:repeating-linear-gradient(90deg,var(--blue) 0 5px,transparent 5px 9px)}.legend .clicks-key:before{background:var(--gold)}.split-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.split-grid .panel{margin:0}.funnel{display:grid;gap:20px}.funnel-row{display:grid;grid-template-columns:1fr 44px;gap:8px 12px;align-items:center}.funnel-label{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;font-size:.8rem}.funnel-label small{color:var(--rose);font:.65rem DM Mono,monospace}.funnel-label b{font:500 .75rem DM Mono,monospace}.funnel-track{height:8px;background:var(--mist);overflow:hidden;border-radius:10px}.funnel-track i{display:block;height:100%;background:linear-gradient(90deg,var(--rose),#de8a91);border-radius:inherit;transition:width .5s ease}.funnel-row em{color:var(--muted);font: .7rem DM Mono,monospace}.countries{display:grid;gap:17px}.country-row{display:grid;grid-template-columns:28px minmax(90px,1fr) 1.2fr 38px;gap:10px;align-items:center;font-size:.8rem}.country-rank{color:#a4a8ae;font:.65rem DM Mono,monospace}.country-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-bar{height:4px;background:var(--mist)}.country-bar i{display:block;height:100%;background:var(--blue)}.country-row b{text-align:right;font:500 .72rem DM Mono,monospace}.empty{color:var(--muted);font-size:.85rem}.tracking-footer{padding:25px 0 10px;color:var(--muted);font:.68rem DM Mono,monospace;text-align:right}.tracking-message{padding:40px 0;font:1.5rem Newsreader,serif}.tracking-message.error{color:#9c2945}@media (max-width: 760px){.tracking-page{padding:24px 18px 40px}.tracking-header{display:block;margin-bottom:32px}.tracking-header h1{margin-bottom:28px}.range-picker{width:max-content}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-left:0;padding-left:0;border-top:1px solid rgba(25,35,59,.14)}.metric:nth-child(4){border-top:1px solid rgba(25,35,59,.14)}.split-grid{grid-template-columns:1fr}.line-chart{min-width:630px}.chart-wrap{overflow-x:auto;padding-bottom:6px}.legend{justify-content:flex-start}.tracking-footer{text-align:left;line-height:1.6}}@media (prefers-reduced-motion: reduce){.funnel-track i{transition:none}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background:#000}body{font-family:Georgia,Times New Roman,serif;-webkit-tap-highlight-color:transparent}html.tracking-mode,body.tracking-mode,html.tracking-mode #root{height:auto;min-height:100%;overflow:auto;background:#f8f7f3}