.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.op{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid;position:relative}.op[hidden]{display:none}.op__left{align-content:center;gap:20px;min-width:0;display:grid}.op__right{min-width:0}.op__counter{font:500 16px/1.3 var(--font-ui);color:var(--ink-muted);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:4px 0 0;display:flex}.op__tally{border-radius:var(--radius-pill);background:var(--surface);box-shadow:0 0 0 1px var(--border);white-space:nowrap;align-items:baseline;gap:6px;padding:7px 14px;display:inline-flex;position:relative}.op__tally i{color:var(--ink-faint);font-style:normal}.op__tally [data-seg]{transition:color .12s linear}.op__tally [data-seg].is-on{color:var(--brass-text,var(--brand-brass))}[data-theme=brass] .op__tally [data-seg].is-on{color:#d3aa57}.op__tally b{color:var(--ink);font-variant-numeric:tabular-nums;min-width:2.2ch}.op__strike{background:var(--danger);transform-origin:0;height:2px;transition:transform .3s var(--ease-brass);border-radius:2px;position:absolute;top:50%;left:10px;right:10px;transform:scaleX(0)}.op.is-struck .op__tally{color:var(--ink-faint)}.op.is-struck .op__strike{transform:scaleX(1)}.op__done{opacity:0;transition:opacity var(--dur-in) var(--ease-brass), transform var(--dur-in) var(--ease-brass);color:var(--ink);white-space:nowrap;font-size:18px;transform:translate(-6px)}.op__done b{color:var(--brass-text,var(--brand-brass));font-weight:600}[data-theme=brass] .op__done b{color:#d3aa57}.op.is-done .op__done{opacity:1;transform:none}.op__tools{align-items:flex-end;gap:26px;display:flex}.op__item{background:var(--surface);width:290px;box-shadow:0 0 0 1px var(--border), 0 1px 2px #3a302214, 0 18px 40px -18px #3a302247;opacity:.72;transition:transform .42s var(--ease-brass), opacity .3s var(--ease-brass);border-radius:18px;padding:14px 16px 12px;position:relative;transform:translate(-10px)scale(.96)}[data-theme=brass] .op__item{box-shadow:0 0 0 1px var(--border), 0 18px 40px -18px #0009}.op.is-armed .op__item,.op--static .op__item{opacity:1;transform:none}.op__ring{pointer-events:none;opacity:0;transition:opacity .26s var(--ease-brass);border-radius:22px;position:absolute;inset:-5px;box-shadow:0 0 0 2px #d3aa57,0 0 22px 4px #d3aa5773}.op.is-armed .op__ring{opacity:1;animation:op-ring 1.6s var(--ease-brass) 1}@keyframes op-ring{0%{box-shadow:0 0 0 2px #d3aa57,0 0 #d3aa57b3}40%{box-shadow:0 0 0 2px #d3aa57,0 0 30px 10px #d3aa5766}to{box-shadow:0 0 0 2px #d3aa57,0 0 22px 4px #d3aa5773}}.op__item-head{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.op__item-icon{width:36px;height:36px}.op__item-title{font:600 14px/1.2 var(--font-ui);color:var(--ink)}.op__item-sub{color:var(--ink-faint);font-size:12px}.op__armed{font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#806229;background:var(--brand-brass-soft);opacity:0;transition:opacity .2s var(--ease-brass), transform .26s var(--ease-brass);border-radius:99px;padding:5px 8px;transform:scale(.8)}[data-theme=brass] .op__armed{color:#e3bd72;background:#3a2f1c}.op.is-armed .op__armed{opacity:1;transform:none}.op__rows{gap:1px;margin:0;display:grid}.op__rows div{border-radius:8px;justify-content:space-between;gap:10px;margin:0 -8px;padding:5px 8px;font-size:12px;transition:background-color .12s linear;display:flex}.op__rows dt{color:var(--ink-faint)}.op__rows dd{color:var(--ink);margin:0;font-size:11.5px}.op__rows div.is-copy{background:var(--accent-soft)}.op__keyslot{flex:none;width:112px;height:104px;position:relative}.op__key{font:600 34px/1 var(--font-ui);letter-spacing:-.02em;color:#2b2925;transform-origin:50% 100%;background:linear-gradient(#fffdf8,#ece6da);border-radius:22px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 -7px #d8d0bf,inset 0 1px #fff,0 0 0 1px #3a302229,0 10px 0 -2px #c9c0ad,0 18px 30px -10px #3a302266}[data-theme=brass] .op__key{color:#f4f0e8;background:linear-gradient(#3a3731,#2a2824);box-shadow:inset 0 -7px #1d1b18,inset 0 1px #ffffff14,0 0 0 1px #00000080,0 10px 0 -2px #141310,0 18px 30px -10px #0009}.op.is-armed .op__key{box-shadow:inset 0 -7px #d8d0bf,inset 0 1px #fff,0 0 0 2px #d3aa57,0 10px 0 -2px #c9c0ad,0 18px 30px -10px #3a302266,0 0 26px 2px #d3aa5759}[data-theme=brass] .op.is-armed .op__key{box-shadow:inset 0 -7px #1d1b18,0 0 0 2px #d3aa57,0 10px 0 -2px #141310,0 0 26px 2px #d3aa5759}.op__wave{opacity:0;pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute;top:55%;left:50%;box-shadow:0 0 0 2px #d3aa57}.op__window{--sp-device-frame-titlebar:40px;width:100%;max-width:700px;margin-left:auto}.op__url{z-index:2;max-width:calc(100% - 150px);font:500 12px/1.3 var(--font-ui);color:var(--ink-muted);background:var(--surface-subtle);box-shadow:0 0 0 1px var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex;position:absolute;top:8px;left:50%;overflow:hidden;transform:translate(-50%)}.op__url svg{flex:none;width:12px;height:12px}.op__screen{background:var(--surface);box-shadow:inset 0 1px 0 var(--border);border-radius:0 0 12px 12px;padding:20px 24px 22px}.op__site{color:var(--ink-faint);justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.op__site b{color:var(--ink);letter-spacing:-.01em;font-size:13px}.op__heading{font:600 22px/1.2 var(--font-ui);letter-spacing:-.02em;color:var(--ink);margin:8px 0 16px}.op__grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.op__field{gap:4px;min-width:0;display:grid;position:relative}.op__field--wide{grid-column:1/-1}.op__label{color:var(--ink-muted);font-size:12px}.op__box{background:var(--surface-subtle);height:42px;box-shadow:inset 0 0 0 1px var(--border);font:500 15px/1 var(--font-ui);color:var(--ink);transition:box-shadow .16s var(--ease-brass), background-color .16s var(--ease-brass);border-radius:9px;align-items:center;padding:0 12px;display:flex;position:relative}.op__hint{color:var(--ink-faint);pointer-events:none;font-weight:400;position:absolute;left:12px}.op__field.has-val .op__hint{opacity:0}.op__val{white-space:nowrap;text-overflow:clip;font-variant-numeric:tabular-nums;overflow:hidden}.op__chev{width:12px;height:12px;color:var(--ink-faint);position:absolute;right:10px}.op__field.is-pasted .op__val{color:var(--ink-muted)}.op__field.is-wrong .op__box{box-shadow:inset 0 0 0 1px var(--danger)}.op__note{color:var(--danger);opacity:0;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:500;line-height:1.2;transition:opacity .12s linear;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.op__field--select .op__note{right:30px}.op__field.is-wrong .op__note{opacity:1}.op__field.is-focus .op__box{box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.op__field.is-filled .op__box{box-shadow:inset 0 0 0 1px color-mix(in srgb, #d3aa57 70%, var(--border))}.op__field.is-fill-flash .op__box{background:color-mix(in srgb, #d3aa57 22%, var(--surface-subtle))}.op__field.is-raw .op__val{color:#a97b2f}[data-theme=brass] .op__field.is-raw .op__val{color:#d3aa57}.op__note-s{display:none}.op__tag{z-index:2;font:600 10px/1 var(--font-ui);color:#806229;background:var(--brand-brass-soft);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-brass), transform .26s var(--ease-brass);border-radius:99px;padding:3px 7px;position:absolute;top:-1px;right:0;transform:translateY(4px)}[data-theme=brass] .op__tag{color:#e3bd72;background:#3a2f1c}.op__field.is-reformed .op__tag{opacity:1;transform:none}.op__menu{z-index:5;background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 14px 30px -10px #3a302259;opacity:0;transform-origin:top;pointer-events:none;transition:opacity .14s var(--ease-brass), transform .18s var(--ease-brass);border-radius:10px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;transform:translateY(-4px)scale(.98)}[data-theme=brass] .op__menu{box-shadow:0 0 0 1px var(--border), 0 14px 30px -10px #000000b3}.op__menu span{border-radius:6px;padding:6px 8px;font-size:13px}.op__menu span.is-hi{background:var(--accent);color:#fff}.op__field.is-open .op__menu{opacity:1;transform:none}.op__button{text-align:center;font:600 14px/1 var(--font-ui);background:var(--ink);color:var(--surface);opacity:.35;transition:opacity .3s var(--ease-brass);border-radius:10px;margin-top:18px;padding:11px;display:block}.op.is-done .op__button{opacity:1}.op__cursor{z-index:6;pointer-events:none;opacity:0;fill:#292929;stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #00000040);will-change:transform;width:22px;height:22px;transition:opacity .16s linear;position:absolute;top:0;left:0}.op.is-ghost .op__cursor{opacity:.92}.op__pop{z-index:7;font:600 11px/1 var(--font-ui);background:var(--ink);color:var(--surface);opacity:0;pointer-events:none;white-space:nowrap;border-radius:99px;padding:4px 8px;position:absolute;top:0;left:0}@media (width<=960px){.op{grid-template-columns:1fr;gap:28px}.op__left{display:contents}.op__left>:not(.op__counter):not(.op__tools){order:0}.op__counter{order:1}.op__right{order:2}.op__tools{order:3;justify-content:center}.op__window{margin:0 auto}}@media (width<=600px){.op__tools{justify-content:space-between;gap:16px}.op__item{flex:1;width:auto;min-width:0;padding:12px 12px 10px}.op__rows div:nth-child(n+3){display:none}.op__keyslot{width:92px;height:86px}.op__key{border-radius:18px;font-size:28px}.op__screen{padding:14px 14px 16px}.op__heading{margin:6px 0 10px;font-size:17px}.op__grid{gap:8px 10px}.op__box{height:34px;padding:0 9px;font-size:13px}.op__hint{left:9px}.op__label{font-size:11px}.op__note{font-size:9.5px;right:8px}.op__field--select .op__note{right:24px}.op__note-l{display:none}.op__note-s{display:inline}.op__url{max-width:calc(100% - 120px);font-size:11px}.op__counter{font-size:14px}.op__done{font-size:16px}}