:root{--blue:#2b1dd1;--blue-ink:#180f7a;--pink:#f6c9e7;--pink-soft:#fbe4f3;--ink:#140f3a;--line:#e4d9ee}*{box-sizing:border-box}body{color:var(--ink);background:var(--pink-soft);-webkit-text-size-adjust:100%;margin:0;font:15px/1.45 system-ui,-apple-system,sans-serif}.wrap{max-width:560px;min-height:100vh;margin:0 auto;position:relative}.bg,.wrap{overflow:hidden}.bg{z-index:0;pointer-events:none;position:fixed;inset:0}.shard{will-change:transform;display:block;position:absolute}.shard.s1,.shard.s3,.shard.s5{clip-path:polygon(0 0,100% 22%,62% 100%,0 68%)}.shard.s2,.shard.s4,.shard.s6{clip-path:polygon(50% 0,100% 55%,55% 100%,0 40%)}.shard.s1{background:var(--blue);opacity:.1;width:190px;height:190px;animation:26s ease-in-out infinite drift1;top:6%;left:-14%}.shard.s2{background:var(--pink);opacity:.55;width:240px;height:240px;animation:32s ease-in-out infinite drift2;top:30%;right:-18%}.shard.s3{background:var(--blue);opacity:.08;width:220px;height:220px;animation:30s ease-in-out infinite drift3;top:58%;left:-20%}.shard.s4{background:var(--pink);opacity:.5;width:170px;height:170px;animation:28s ease-in-out infinite reverse drift1;top:78%;right:-12%}.shard.s5{opacity:.07;width:150px;height:150px;animation:34s ease-in-out infinite drift2;top:92%;left:8%}.shard.s5,.shard.s6{background:var(--blue)}.shard.s6{opacity:.08;width:90px;height:90px;animation:22s ease-in-out infinite reverse drift3;top:16%;right:22%}@keyframes drift1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(24px,-28px)rotate(24deg)}}@keyframes drift2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-30px,26px)rotate(-20deg)}}@keyframes drift3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(18px,32px)rotate(16deg)}}@media (prefers-reduced-motion:reduce){.shard{animation:none!important}}.topbar,main{z-index:1;position:relative}.hero__title,.mark{font-family:Arial Narrow,Helvetica Neue,system-ui,sans-serif}.topbar{z-index:20;background:var(--blue);color:#fff;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.brand{flex-direction:column;gap:3px;line-height:1;display:flex}.mark{letter-spacing:-.5px;font-size:22px;font-weight:800}.dot-mark{color:var(--pink)}.event{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:10.5px}@keyframes pulse{0%{box-shadow:0 0 #2b1dd180}to{box-shadow:0 0 0 7px #2b1dd100}}.syncfoot{margin-top:26px}.syncmini{border:1px solid var(--line);color:var(--blue-ink);opacity:.6;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.syncmini:hover{opacity:.9}.syncmini[aria-expanded=true]{opacity:1}.syncmini .dot{background:#1f8a4c;border-radius:50%;flex:none;width:7px;height:7px}.syncmini.is-offline .dot{background:#b4442c}.syncmini .dot.busy{animation:1.1s ease-out infinite pulse}.syncmini .mini-pill{background:var(--blue);color:#fff;border-radius:999px;padding:0 6px;font-size:10px;font-weight:800}.chev{opacity:.7;font-size:9px;transition:transform .18s}.chev.open{transform:rotate(180deg)}.statuspanel{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:10px;padding:14px}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--pink-soft);border-radius:10px;flex-direction:column;gap:3px;padding:9px 8px;display:flex}.stat__k{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:9px}.stat__k,.stat__v{color:var(--blue-ink)}.stat__v{font-size:19px;font-weight:800}.stat__v.small{font-size:13px;font-weight:700}.stat__v.good{color:#1f8a4c}.stat__v.bad{color:#b4442c}.err-banner{color:#8a2b16;background:#fde7e2;border:1px solid #f3c6bb;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:12.5px}.syncnow{background:var(--blue);color:#fff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:9px;width:100%;margin-top:12px;padding:11px;font-size:13px;font-weight:800}.syncnow:disabled{opacity:.55;cursor:default}.devicerow{margin-top:16px}.devicerow__k{letter-spacing:.08em;text-transform:uppercase;color:var(--blue-ink);opacity:.6;font-size:9px}.devices{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.devicebtn{border:1.5px solid var(--line);width:34px;height:34px;color:var(--blue-ink);cursor:pointer;background:#fff;border-radius:8px;font-weight:800}.devicebtn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.listhead{letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink);opacity:.6;margin:18px 0 8px;font-size:10.5px;font-weight:700}.list{margin:0;padding:0;list-style:none}.item{background:var(--pink-soft);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 11px;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex:none;padding:2px 8px;font-size:10px;font-weight:800}.badge.pending{color:#8a5a00;background:#fdecc8}.badge.synced{color:#1f6b3d;background:#d6f0df}.summary{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;overflow:hidden}.ts{flex:none;font-size:11.5px}.empty,.ts{color:#9a90ab}.empty{padding:8px 2px;font-size:13px}main{padding:0 16px calc(100px + env(safe-area-inset-bottom,0px))}.hero{background:var(--pink);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--blue);opacity:.9;clip-path:polygon(100% 0,100% 70%,40% 0);width:84px;height:84px;position:absolute;top:-22px;right:-8px}.hero__kicker{letter-spacing:.16em;opacity:.7;flex:none;width:100%;font-size:10px;font-weight:700}.hero__kicker,.hero__title{text-transform:uppercase;color:var(--blue-ink);margin:0;position:relative}.hero__title{letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:.95}.hero__device{background:var(--blue);color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:10.5px;font-weight:700;position:relative}.form{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px -18px #180f7a66}.field{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--blue-ink);font-size:11px;font-weight:700}.req{color:var(--blue);margin-left:3px}.field input,.field select,.field textarea{border:1.5px solid var(--line);font:inherit;width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2b1dd124}.field textarea{resize:vertical}.errors{color:#c0392b;margin:4px 0 12px;padding-left:18px;font-size:13px}.cta-bar{z-index:30;max-width:560px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--pink-soft) 72%,#fbe4f300);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.cta-bar__saved{letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:12px;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px -8px #180f7a80}.cta-bar__saved,.submit{background:var(--blue);color:#fff;text-transform:uppercase;font-weight:800}.submit{letter-spacing:.04em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 22px;font-size:16px;display:flex;box-shadow:0 10px 26px -12px #180f7a99}.submit:active{transform:translateY(1px)}.submit__arrow{font-size:18px}.fade-enter-active,.fade-leave-active{transition:opacity .25s,transform .25s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translate(-50%,4px)}