.trc{flex-direction:column;align-items:center;gap:10px;display:flex}.trc-modes{border:1.5px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.trc-mode{color:var(--muted);font:600 12.5px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px}.trc-mode.on{background:var(--surface2);color:var(--text)}.trc-mode:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.trc-stage{gap:6px;line-height:0;display:flex}.trc-pad{touch-action:none;-webkit-user-select:none;user-select:none;opacity:.55}.trc-pad.done{opacity:1}.trc-pad.active{cursor:crosshair;opacity:1}.trc-pad.active .sd-grid rect{stroke:var(--muted)}.trc-guide path{stroke:color-mix(in oklab,var(--line),var(--text)12%)}.trc-start circle{fill:var(--accent)}.trc-start text{fill:#fff;font:700 6.5px var(--font-ui);text-anchor:middle;pointer-events:none}.trc-user{fill:none;stroke:var(--warm);stroke-width:4.5px;pointer-events:none}.trc-failed{stroke:var(--accent);animation:.7s ease-out forwards trc-fade}@keyframes trc-fade{0%{opacity:.9}to{opacity:0}}.trc-feedback{text-align:center;max-width:30ch;min-height:2.6em;color:var(--muted);margin:0;font-size:13.5px;line-height:1.35}.trc-feedback.ok{color:var(--green)}.trc-feedback.bad{color:var(--accent)}.trc-actions{gap:8px;display:flex}
.ps{border:1.5px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;gap:8px;margin:0;padding:12px 14px;display:flex}.ps-head{align-items:flex-start;gap:8px;display:flex}.ps-head p{color:var(--text);margin:0;font-size:13.5px;line-height:1.45}.ps-close{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-4px -6px 0 auto;display:grid}.ps-close:hover{color:var(--text)}.ps-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.ps-row{gap:8px;display:flex}.ps-input{min-width:0;height:36px;font:14px var(--font-ui);color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:8px;outline:none;flex:auto;padding:0 12px}.ps-input:focus{border-color:var(--accent)}.ps-input.invalid{border-color:var(--accent-2)}.ps-input::placeholder{color:var(--faint)}.ps-btn{height:36px;font:600 13.5px var(--font-ui);color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 14px}.ps-btn:hover:not(:disabled){background:var(--navy-soft)}.ps-btn:disabled{opacity:.6;cursor:default}.ps-err{color:var(--accent-2);margin:0;font-size:12.5px}.ps-success{color:var(--text);flex-direction:row;align-items:center;font-size:13.5px}.ps-success .check{background:var(--green);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}@media (max-width:959px){.ps-input{font-size:16px}}
.sp{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.sp-head{align-items:center;gap:8px;display:flex}.sp-char{align-items:center;gap:12px;margin-right:auto;display:flex}.sp-char b{font-family:var(--font-serif);color:var(--text);font-size:40px;line-height:1}.sp-char span{color:var(--muted);flex-direction:column;font-size:12.5px;display:flex}.sp-char strong{color:var(--text);font-size:16px}.sp-icon{border:1.5px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.sp-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sp-icon:hover,.sp-icon.on{border-color:var(--accent);color:var(--accent)}.sp-close{display:none}.sp-tabs{border:1.5px solid var(--line);border-radius:11px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.sp-tabs button{color:var(--muted);font:600 14px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px}.sp-tabs button.on{background:var(--accent);color:#fff}.sp-body{flex-direction:column;justify-content:center;height:364px;display:flex}.sp-picker{border-top:1.5px solid var(--line-soft);flex-wrap:wrap;gap:5px;max-height:132px;padding-top:12px;display:flex;overflow-y:auto}.sp-picker button{border:1.5px solid var(--line);min-width:38px;height:36px;color:var(--text);font-family:var(--font-serif);cursor:pointer;background:0 0;border-radius:8px;padding:0 6px;font-size:17px}.sp-picker button:hover{border-color:var(--accent)}.sp-picker button.on{background:var(--accent);border-color:var(--accent);color:#fff}.sp button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-open-btn{border:1.5px solid var(--line);color:var(--text);font:600 13px var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px}.sp-open-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-fab,.sp-backdrop{display:none}@media (max-width:959px){.sp{z-index:60;overscroll-behavior:contain;max-height:92dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow);visibility:hidden;border-radius:18px 18px 0 0;transition:transform .25s,visibility 0s linear .25s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.sp.open{visibility:visible;transition:transform .25s;transform:none}.sp-close{display:grid}.sp-backdrop{z-index:59;touch-action:none;background:#00000080;display:block;position:fixed;inset:0}.sp-fab{z-index:55;background:var(--accent);color:#fff;font:600 14px var(--font-ui);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;position:fixed;bottom:16px;right:16px}.sp-fab span{font-family:var(--font-serif);font-size:18px}}