.step-arrow{width:1.6rem;height:1.6rem;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:color .2s,background-color .15s,transform .12s;display:inline-grid;position:relative}.step-arrow:before{content:"";position:absolute;inset:-.6rem}.step-arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:.9rem;height:.9rem}.step-arrow:active:enabled,.close-x:active{background:var(--glass-border-strong);color:var(--text);transform:scale(.88)}.step-arrow:disabled{opacity:.25;cursor:default}@media (hover:hover){.step-arrow:hover:enabled{color:var(--text)}}.step-arrow:focus-visible{outline-offset:1px;outline:2px solid}.close-x{width:2.2rem;height:2.2rem;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin-right:-.4rem;padding:0;transition:color .2s,background-color .15s,transform .12s;display:inline-grid}.close-x svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:1.15rem;height:1.15rem}@media (hover:hover){.close-x:hover{color:var(--text)}}.close-x:focus-visible{outline-offset:1px;outline:2px solid}.range{background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;padding:.2rem;display:flex}.range button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .85rem;font-size:.85rem}.range button[aria-checked=true]{color:var(--text);background:var(--glass-border-strong)}.trends-btn{color:#fff;background:linear-gradient(110deg, var(--big-from,var(--trends-from)), var(--big-to,var(--trends-to)));box-shadow:0 8px 28px -12px var(--big-to,var(--trends-to));border-radius:1.1rem;align-items:center;gap:.9rem;margin-top:.4rem;padding:1.1rem 1.3rem;text-decoration:none;transition:filter .2s,transform .1s;display:flex}@media (hover:hover){.trends-btn:hover{filter:brightness(1.08)}}.trends-btn:active{transform:scale(.98)}.trends-btn svg{flex:none;width:2rem;height:2rem}.trends-text{flex-direction:column;flex:1;gap:.1rem;display:flex}.trends-title{font-size:1.1rem;font-weight:600}.trends-sub{opacity:.85;font-size:.85rem}.trends-arrow{font-size:1.4rem}.card .lock{width:1.6rem;height:1.6rem;color:var(--teal)}.card section{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.card section[hidden]{display:none}.card h1{margin:0;font-size:1.5rem;font-weight:400}.card .note{color:var(--muted);margin:0;line-height:1.5}.card .note:empty{display:none}.card form{text-align:left;flex-direction:column;gap:.75rem;width:100%;display:flex}.card label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.card input{font:inherit;color:var(--text);background:var(--glass);border:1px solid var(--glass-border-strong);border-radius:.75rem;outline:none;padding:.65rem .85rem;font-size:16px;transition:border-color .2s,background .2s}.card input:focus-visible{border-color:var(--teal);background:var(--glass-hover)}.card input[readonly]{color:var(--muted)}.card .msg{color:var(--error);margin:0;font-size:.9rem;line-height:1.4}.card .msg[data-tone=info]{color:var(--green)}.card .msg:empty{display:none}.card .primary{font:inherit;color:var(--on-accent);background:linear-gradient(90deg, var(--accent-base-from), var(--accent-base-to));cursor:pointer;border:0;border-radius:999px;margin-top:.25rem;padding:.7rem 1rem;font-weight:500;transition:filter .2s,opacity .2s}.card .primary:hover,.card .primary:focus-visible{filter:brightness(1.1)}.card button:disabled{opacity:.6;cursor:progress}.card .text{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.25rem;font-size:.9rem;text-decoration:underline}.card .text:hover,.card .text:focus-visible{color:var(--text)}.card .back{color:var(--text);background:var(--glass);border:1px solid var(--glass-border-strong);border-radius:999px;align-items:center;gap:.35rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.card .back:hover,.card .back:focus-visible{background:var(--glass-hover);border-color:var(--glass-border-hover)}.card .back svg{width:1rem;height:1rem}
