:root{--white:#ffffff;--canvas:#fcfcfc;--ink:#161616;--charcoal:#282826;--plum-deep:#523542;--plum:#825a6d;--plum-soft:#9a7184;--gray-600:#737373;--gray-400:#a4a3a1;--gray-300:#d4d4d4;--gray-200:#e8e8e8;--hairline:rgba(22,22,22,0.12);--panel-tint:rgba(232,232,232,0.5);--danger:#b23a52;--success:#2f7d5b;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-sm:0 2.65px 10px rgba(0,0,0,0.1);--shadow-panel:0 4px 10px rgba(0,0,0,0.12);--plum-glow:0 15px 50px rgba(129,90,109,0.4);--font-sans:var(--font-inter),Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Suisse Works",Georgia,"Times New Roman",serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--plum);text-decoration:none}a:hover{text-decoration:underline}.page-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(#fff 12%,rgba(130,90,109,.07) 50%,#fff 92%)}.card{width:100%;max-width:440px;background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:28px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{margin:0;font-family:var(--font-serif);font-size:34px;font-weight:400;letter-spacing:-.04em;line-height:1}.brand .accent,.eyebrow{color:var(--plum)}.eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.panel{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.label,.muted{color:var(--gray-600)}.muted{font-size:13px;line-height:1.5;margin:0}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;color:var(--ink);word-break:break-all}.hint{color:var(--plum);font-size:12px;margin:0}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--gray-200);color:var(--ink);font-size:10px;font-weight:500;letter-spacing:.04em;border-radius:var(--radius-full);padding:3px 9px}.pill.shield{background:rgba(130,90,109,.1);color:var(--plum-deep)}.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--plum)}.btn{border:1px solid var(--hairline);background:var(--white);color:var(--ink);font-size:13px;font-weight:500;border-radius:var(--radius-sm);padding:7px 12px;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--gray-200)}.btn-ghost{border:1px solid var(--hairline);background:transparent;color:var(--gray-600);font-size:12px;border-radius:var(--radius-sm);padding:3px 9px}.btn-ghost:hover:not(:disabled){border-color:var(--gray-400);color:var(--ink)}.btn-primary{width:100%;background:var(--ink);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;padding:13px 16px;transition:opacity .15s ease,transform .06s ease}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:var(--gray-300);color:var(--white)}.tap-zone{display:flex;flex-direction:column;align-items:center;gap:20px;margin:10px 0 18px}.tap-wrap{position:relative;width:168px;height:168px;display:grid;place-items:center}.tap3d{position:relative;width:156px;height:156px;border-radius:50%;border:none;color:#fff;font-family:var(--font-sans);font-size:26px;font-weight:700;letter-spacing:.12em;background:radial-gradient(circle at 38% 32%,#a87d90 0,#825a6d 55%,#6f4a5b 100%);box-shadow:0 9px 0 0 var(--plum-deep),0 9px 18px rgba(82,53,66,.45),inset 0 2px 6px rgba(255,255,255,.35),inset 0 -6px 12px rgba(82,53,66,.5);transition:transform .07s cubic-bezier(.3,.7,.4,1),box-shadow .07s cubic-bezier(.3,.7,.4,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tap3d:hover:not(:disabled){box-shadow:0 9px 0 0 var(--plum-deep),0 12px 26px rgba(82,53,66,.5),inset 0 2px 6px rgba(255,255,255,.4),inset 0 -6px 12px rgba(82,53,66,.5)}.tap3d.pressed:not(:disabled),.tap3d:active:not(:disabled){transform:translateY(7px);box-shadow:0 2px 0 0 var(--plum-deep),0 3px 8px rgba(82,53,66,.4),inset 0 2px 6px rgba(255,255,255,.3),inset 0 -3px 8px rgba(82,53,66,.5)}.tap3d:disabled{background:radial-gradient(circle at 38% 32%,#cdc9cb 0,#b3adb0 60%,#a09a9d 100%);box-shadow:0 7px 0 0 #8d8689,0 7px 14px rgba(0,0,0,.15);color:rgba(255,255,255,.85)}.tap3d .sub{display:block;font-size:11px;font-weight:500;letter-spacing:.06em;opacity:.85;margin-top:4px}.tap-ring{position:absolute;width:156px;height:156px;border-radius:50%;border:2px solid var(--plum);pointer-events:none;animation:ring .55s ease-out forwards}@keyframes ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.float-reward{position:absolute;top:30%;font-size:15px;font-weight:700;color:var(--plum-deep);pointer-events:none;animation:floatUp .85s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(8px) scale(.9)}25%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.05)}}.stats{display:flex;gap:14px;width:100%}.stat{flex:1 1;text-align:center;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:12px 6px}.stat-val{font-size:22px;font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-val.accent{color:var(--plum)}.stat-label{font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);margin-top:3px}.app-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--gray-400)}.notice{border-radius:var(--radius-md);padding:11px 13px;font-size:12px;line-height:1.5;margin-bottom:14px}.notice.warn{background:rgba(130,90,109,.07);border:1px solid rgba(130,90,109,.25);color:var(--plum-deep)}.notice.error{background:rgba(178,58,82,.07);border:1px solid rgba(178,58,82,.25);color:var(--danger);word-break:break-word}.toast-stack{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:50;width:300px;max-width:calc(100vw - 36px)}.toast{display:flex;align-items:center;gap:11px;background:var(--white);border:1px solid var(--hairline);border-left:3px solid var(--plum);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:11px 13px;animation:toastIn .25s cubic-bezier(.2,.8,.3,1)}.toast.done{border-left-color:var(--success)}.toast.fail{border-left-color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center}.toast-title{font-size:13px;font-weight:500;color:var(--ink)}.toast-sub{font-size:11px;color:var(--gray-600);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toast-sub a{font-size:11px}.spinner{width:15px;height:15px;border:2px solid var(--gray-300);border-top-color:var(--plum);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.check{color:var(--success);font-size:15px}.check,.cross{font-weight:700}.cross{color:var(--danger);font-size:14px}@media (prefers-reduced-motion:reduce){.float-reward,.spinner,.tap-ring,.toast{animation:none}}