:root{--black:#0f0f0f;--white:#fff;--bg:#d7fff4;--yellow:#f5e642;--purple:#aa3bff;--green:#00c97a;--red:#ff2045;--border:3px solid var(--black);--shadow:5px 5px 0 var(--black);--shadow-sm:3px 3px 0 var(--black);--sans:"Space Grotesk", system-ui, sans-serif;--mono:ui-monospace, "Courier New", monospace;font:16px/1.5 var(--sans);color:var(--black);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:500}html,body,#root{height:100%}body{background:var(--bg);margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--black);letter-spacing:-.02em;margin:0;font-weight:800}h1{font-size:2rem}h2{font-size:1.25rem}p{margin:0}*{box-sizing:border-box}.page{flex-direction:column;align-items:center;gap:20px;width:100%;padding:24px 20px;display:flex}.start-section{background:var(--white);border:var(--border);box-shadow:var(--shadow);flex-direction:column;gap:20px;width:100%;padding:28px 24px;display:flex}.start-section h1{text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--border);padding-bottom:14px;font-size:1.6rem}.start-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.start-steps li{align-items:flex-start;gap:12px;font-size:.95rem;font-weight:600;display:flex}.step-num{background:var(--yellow);border:var(--border);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.start-btn{background:var(--yellow);border:var(--border);width:100%;box-shadow:var(--shadow);font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--black);cursor:pointer;padding:16px;font-size:1.1rem;font-weight:800;transition:transform 70ms,box-shadow 70ms}.start-btn:active{box-shadow:none;transform:translate(5px,5px)}.shake-card{background:var(--white);border:var(--border);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;padding:48px 24px 36px;transition:box-shadow .15s,border-color .15s;display:flex}.shake-card.matched{border-color:var(--green);box-shadow:5px 5px 0 var(--green);animation:.7s ease-in-out infinite border-flash}@keyframes border-flash{0%,to{border-color:var(--green);box-shadow:5px 5px 0 var(--green)}50%{border-color:var(--black);box-shadow:var(--shadow)}}.phase-label{text-transform:uppercase;letter-spacing:.08em;font-size:1.5rem;font-weight:800}.phase-sub{color:#555;max-width:220px;font-size:.9rem;font-weight:500}.shake-emoji{font-size:4rem;line-height:1;animation:.75s ease-in-out infinite phone-shake;display:inline-block}@keyframes phone-shake{0%,to{transform:rotate(0)translate(0)}15%{transform:rotate(-14deg)translate(-4px)}30%{transform:rotate(14deg)translate(4px)}45%{transform:rotate(-10deg)translate(-3px)}60%{transform:rotate(10deg)translate(3px)}75%{transform:rotate(-6deg)translate(-2px)}}.block-loader{align-items:flex-end;gap:8px;height:36px;display:flex}.block-loader span{background:var(--black);width:14px;height:14px;animation:.9s ease-in-out infinite block-bounce;display:block}.block-loader span:nth-child(2){animation-delay:.15s}.block-loader span:nth-child(3){animation-delay:.3s}@keyframes block-bounce{0%,to{background:var(--black);transform:translateY(0)}50%{background:var(--purple);transform:translateY(-20px)}}.matched-check{background:var(--green);border:var(--border);justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;font-weight:900;display:flex}.error-tag{background:var(--red);color:var(--white);border:var(--border);text-transform:uppercase;letter-spacing:.08em;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:800}.connected-page{gap:20px;width:100%}.connected-badge{background:var(--green);color:var(--black);border:var(--border);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.12em;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.connected-badge:before{content:"";background:var(--black);width:8px;height:8px;animation:1.2s step-start infinite blink;display:block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.file-section{border:var(--border);width:100%;box-shadow:var(--shadow);background:var(--white);flex-direction:column;gap:14px;padding:20px;display:flex}.file-section h2{text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--black);padding-bottom:10px;font-size:.8rem;font-weight:800}.file-picker{border:2px dashed var(--black);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--sans);background:var(--bg);align-items:center;gap:10px;padding:14px;transition:background .1s;display:flex}.file-picker:hover{background:var(--yellow)}.file-picker input[type=file]{display:none}.file-picker-icon{font-size:1.25rem;line-height:1}.primary-btn{background:var(--purple);border:var(--border);width:100%;box-shadow:var(--shadow);color:var(--white);font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:14px;font-size:.9rem;font-weight:800;transition:transform 70ms,box-shadow 70ms}.primary-btn:not(:disabled):active{box-shadow:none;transform:translate(5px,5px)}.primary-btn:disabled{opacity:.4;cursor:default}.progress-bar{border:var(--border);background:var(--white);height:22px;overflow:hidden}.progress-fill{background:repeating-linear-gradient(-45deg, var(--yellow), var(--yellow) 8px, var(--black) 8px, var(--black) 10px);height:100%;transition:width .15s linear}.empty-msg{color:#777;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.received-file{border:2px solid var(--black);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.download-link{color:var(--black);word-break:break-all;flex:1;font-size:.875rem;font-weight:700;text-decoration:none}.download-link:hover{text-underline-offset:3px;text-decoration:underline}.download-btn{background:var(--yellow);border:2px solid var(--black);box-shadow:2px 2px 0 var(--black);font-family:var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--black);cursor:pointer;flex-shrink:0;padding:4px 10px;font-size:.7rem;font-weight:800;text-decoration:none;transition:transform 70ms,box-shadow 70ms}.download-btn:active{box-shadow:none;transform:translate(2px,2px)}.file-size{color:#555;white-space:nowrap;font-size:.75rem;font-weight:600}.wrapper{flex-direction:column;height:100%;display:flex}.wrapper-header{border-bottom:3px solid var(--black);border-left:3px solid var(--black);border-right:3px solid var(--black);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;padding:16px 20px;display:flex}.wrapperFlex{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 20px;display:flex}.logo{width:auto;height:40px;animation:4s ease-in-out infinite logo-rock;display:block}@keyframes logo-rock{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}