:root{--sign-matrix-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='182' height='32' viewBox='0 0 182 32'%3E%3Cstyle%3Etext%7Bfont-family:'JetBrains Mono',monospace;font-size:7.2px;fill:rgba(240,243,252,0.18);text-anchor:middle;dominant-baseline:central;%7D%3C/style%3E%3Ctext x='13' y='16'%3Eb%3C/text%3E%3Ctext x='39' y='16'%3Eo%3C/text%3E%3Ctext x='65' y='16'%3Em%3C/text%3E%3Ctext x='91' y='16'%3Ep%3C/text%3E%3Ctext x='117' y='16'%3Ei%3C/text%3E%3Ctext x='143' y='16'%3Em%3C/text%3E%3Ctext x='169' y='16'%3Ee%3C/text%3E%3C/svg%3E")}.sign-card{transition:border-color var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry), box-shadow var(--dur-fast) var(--ease-entry);background:#111114;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;grid-column:span 2;align-self:start;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.sign-card[data-size="1x1"]{grid-column:span 1}.sign-card[data-size="2x1"]{grid-column:span 2}.sign-card[data-size="4x1"]{grid-column:span 4}.sign-card[data-size="6x1"]{grid-column:span 6}@media (width<=1550px){.sign-card[data-size="4x1"]{grid-column:span 4}.sign-card[data-size="6x1"]{grid-column:span 6}}@media (width<=1250px){.sign-card[data-size="4x1"],.sign-card[data-size="6x1"]{grid-column:span 4}}@media (width<=700px){.sign-card[data-size="4x1"],.sign-card[data-size="6x1"]{grid-column:span 3}}@media (width<=560px){.sign-card,.sign-card[data-size="2x1"],.sign-card[data-size="4x1"],.sign-card[data-size="6x1"]{grid-column:span 2}}.sign-card:hover{border-color:#ffffff52;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #00000073}.sign-thumb-btn{cursor:zoom-in;text-align:left;appearance:none;background:0 0;border:none;width:100%;margin:0;padding:0;display:block;position:relative}.sign-thumb-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sign-thumb{aspect-ratio:2;background-color:#0c0c10;background-image:var(--sign-matrix-pattern);transition:background-color var(--dur-fast) var(--ease-entry);background-repeat:repeat;background-size:182px 32px;border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #ffffff0a}.sign-card[data-size="1x1"] .sign-thumb{aspect-ratio:1}.sign-card[data-size="2x1"] .sign-thumb,.sign-card[data-size=free] .sign-thumb,.sign-card:not([data-size]) .sign-thumb{aspect-ratio:2}.sign-card[data-size="4x1"] .sign-thumb{aspect-ratio:4}.sign-card[data-size="6x1"] .sign-thumb{aspect-ratio:6}.sign-card:hover .sign-thumb{background-color:#121218}.sign-image{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-fast) var(--ease-entry);padding:0}.sign-thumb-btn:hover .sign-image{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.sign-thumb-btn:hover .sign-image{transform:none}}.sign-thumb-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sign-fallback-format{font-family:var(--font-mono);letter-spacing:.12em;text-transform:lowercase;color:var(--text-muted);border:1px dashed var(--border-active);border-radius:4px;padding:.3rem .55rem;font-size:.7rem}.sign-video{object-fit:contain;opacity:1;pointer-events:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.sign-badges{display:none}.sign-badge{font-family:var(--font-mono);letter-spacing:.05em;text-transform:lowercase;color:var(--text-muted);-webkit-backdrop-filter:blur(4px);background:#09090bd9;border:1px solid #ffffff1f;border-radius:6px;padding:.22rem .55rem;font-size:.72rem;line-height:1.2}.sign-badge[hidden]{display:none!important}.sign-badge-warn{color:#fca5a5;border-color:#fca5a566}.sign-badge-compat{border-color:#ffffff24}.sign-badge-compat.is-tmnf{color:var(--text);background:#ffffff14;border-color:#ffffff38}.sign-badge-compat.is-incompatible{color:var(--text-faint);opacity:.6}.sign-zoom-hint{width:20px;height:20px;color:var(--text-muted);opacity:0;transition:opacity var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry), color var(--dur-fast) var(--ease-entry);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#09090bd9;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:.4rem;right:.4rem;transform:scale(.9)}.sign-thumb-btn:hover .sign-zoom-hint,.sign-thumb-btn:focus-visible .sign-zoom-hint{opacity:1;color:var(--text);transform:scale(1)}.sign-copy{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;appearance:none;width:100%;font:inherit;color:var(--text);opacity:0;transition:opacity var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry), background-color var(--dur-fast) var(--ease-entry);pointer-events:none;background:#09090be6;border:none;border-top:1px solid #ffffff14;border-radius:0 0 9px 9px;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:.32rem .45rem;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.sign-card:hover .sign-copy,.sign-card:focus-within .sign-copy{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:none){.sign-copy{display:none}}@media (prefers-reduced-motion:reduce){.sign-copy{transition:opacity var(--dur-fast) var(--ease-entry);transform:none}}.sign-copy:hover{background:#121216f5}.sign-copy:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sign-info{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;padding:0;display:flex}.sign-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:.72rem;font-weight:500;line-height:1.2;overflow:hidden}.sign-copied{font-family:var(--font-mono);letter-spacing:.1em;text-transform:lowercase;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:none;background:#09090be0;border-radius:8px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:none;position:absolute;inset:0}.sign-card[data-copied] .sign-copied{display:flex}.sign-modal{z-index:1000;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.sign-modal.is-open{display:flex}.sign-modal-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transition:opacity .24s var(--ease-entry);background:#000000d6;position:absolute;inset:0}.sign-modal.is-open .sign-modal-backdrop{opacity:1}.sign-modal-dialog{z-index:10;outline:none;flex-direction:column;align-items:center;width:100%;max-width:860px;max-height:90vh;display:flex;position:relative}.sign-modal-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--dur-fast) var(--ease-entry), color var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-3.2rem;right:0}.sign-modal-close:hover{color:var(--text);background:#ffffff29;transform:scale(1.05)}.sign-modal-nav{width:42px;height:42px;color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;transition:background-color var(--dur-fast) var(--ease-entry), color var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry);background:#09090bbf;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.sign-modal-nav:hover{color:var(--text);background:#ffffff26;transform:translateY(-50%)scale(1.06)}.sign-modal-prev{left:-3.5rem}.sign-modal-next{right:-3.5rem}.sign-modal-stage{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:100%;max-height:66vh;display:flex;position:relative}.sign-modal-stage.is-dragging{cursor:grabbing}.sign-modal-media-wrap{background-color:#0c0c10;background-image:var(--sign-matrix-pattern);will-change:transform;background-repeat:repeat;background-size:182px 32px;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;max-width:100%;max-height:66vh;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #ffffff0a,inset 0 0 0 1px #ffffff1f,0 25px 50px -12px #000c}.sign-modal-img,.sign-modal-video{object-fit:contain;pointer-events:none;border-radius:12px;max-width:100%;max-height:66vh}.sign-modal-img[hidden],.sign-modal-video[hidden]{display:none!important}.sign-modal-meta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121216d9;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;padding:.85rem 1.25rem;display:flex}.sign-modal-info{flex-direction:column;gap:.35rem;min-width:0;display:flex}.sign-modal-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.sign-modal-badges{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.sign-modal-size,.sign-modal-format,.sign-modal-pack{font-family:var(--font-mono)}.sign-modal-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.sign-modal-copy-btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:lowercase;color:#09090b;background:var(--text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry);border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.72rem;font-weight:600;display:flex}.sign-modal-copy-btn:hover{background:#e4e4e7;transform:translateY(-1px)}.sign-modal-copy-btn.is-copied{color:#09090b;background:#22c55e}.sign-modal-tmnf-btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:lowercase;color:var(--text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-entry), border-color var(--dur-fast) var(--ease-entry), color var(--dur-fast) var(--ease-entry), transform var(--dur-fast) var(--ease-entry);background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.72rem;font-weight:500;display:flex}.sign-modal-tmnf-btn:hover{background:#ffffff1f;border-color:#ffffff47;transform:translateY(-1px)}.sign-modal-tmnf-btn.is-copied{color:#09090b;background:#22c55e;border-color:#22c55e}.sign-modal-tmnf-btn[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.sign-modal-copy-btn:hover,.sign-modal-tmnf-btn:hover{transform:none}}.sign-modal-copy-icon{flex-shrink:0}.sign-modal-copy-text{line-height:1}.sign-modal-link-btn{width:36px;height:36px;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-entry), background-color var(--dur-fast) var(--ease-entry);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;display:flex}.sign-modal-link-btn:hover{color:var(--text);background:#ffffff1f}@media (width<=900px){.sign-modal-prev{left:.5rem}.sign-modal-next{right:.5rem}.sign-modal-close{top:-2.8rem}.sign-modal-meta{flex-direction:column;align-items:flex-start;gap:.8rem}}:root[data-resolved-theme=light]{--sign-matrix-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' width='182' height='32' viewBox='0 0 182 32'%3E%3Cstyle%3Etext%7Bfont-family:'JetBrains Mono',monospace;font-size:7.2px;fill:rgba(24,24,27,0.14);text-anchor:middle;dominant-baseline:central;%7D%3C/style%3E%3Ctext x='13' y='16'%3Eb%3C/text%3E%3Ctext x='39' y='16'%3Eo%3C/text%3E%3Ctext x='65' y='16'%3Em%3C/text%3E%3Ctext x='91' y='16'%3Ep%3C/text%3E%3Ctext x='117' y='16'%3Ei%3C/text%3E%3Ctext x='143' y='16'%3Em%3C/text%3E%3Ctext x='169' y='16'%3Ee%3C/text%3E%3C/svg%3E")}:root[data-resolved-theme=light] .sign-thumb{background-color:#fff;box-shadow:inset 0 0 24px #0000000d}:root[data-resolved-theme=light] .sign-card:hover .sign-thumb{background-color:#f4f4f5}:root[data-resolved-theme=light] .sign-modal-media-wrap{background-color:#fff;border-color:#0003;box-shadow:inset 0 0 24px #0000000d,inset 0 0 0 1px #00000014,0 25px 50px -12px #00000073}:root[data-resolved-theme=light] .sign-card{background:#fff;border-color:#00000038;box-shadow:inset 0 0 0 1px #0000000a,0 1px 3px #0000001a}:root[data-resolved-theme=light] .sign-card:hover{border-color:#0000004d;box-shadow:inset 0 0 0 1px #00000014,0 8px 24px #00000024}:root[data-resolved-theme=light] .sign-copy{background:#ffffffeb;border-top-color:#0000001a}:root[data-resolved-theme=light] .sign-copy:hover{background:#f4f4f5f5}:root[data-resolved-theme=light] .sign-modal-meta{background:#ffffffeb;border-color:#0000001a}:root[data-resolved-theme=light] .sign-modal-badges .sign-badge{background:#0000000d;border-color:#0000001f}:root[data-resolved-theme=light] .sign-modal-badges .sign-badge-compat.is-tmnf{background:#0000000d;border-color:#0003}:root[data-resolved-theme=light] .sign-modal-badges .sign-badge-warn{color:#b91c1c;border-color:#b91c1c66}:root[data-resolved-theme=light] .sign-modal-close,:root[data-resolved-theme=light] .sign-modal-nav,:root[data-resolved-theme=light] .sign-zoom-hint{color:#52525b;background:#ffffffeb;border-color:#0000001f}:root[data-resolved-theme=light] .sign-modal-close:hover,:root[data-resolved-theme=light] .sign-modal-nav:hover{color:#18181b;background:#fff}:root[data-resolved-theme=light] .sign-thumb-btn:hover .sign-zoom-hint,:root[data-resolved-theme=light] .sign-thumb-btn:focus-visible .sign-zoom-hint{color:#18181b}:root[data-resolved-theme=light] .sign-modal-copy-btn,:root[data-resolved-theme=light] .sign-modal-copy-btn.is-copied,:root[data-resolved-theme=light] .sign-modal-tmnf-btn.is-copied{color:#fafafa}:root[data-resolved-theme=light] .sign-modal-tmnf-btn{background:#0000000a;border-color:#00000024}:root[data-resolved-theme=light] .sign-modal-tmnf-btn:hover{background:#00000014;border-color:#00000047}:root[data-resolved-theme=light] .sign-modal-link-btn{background:#0000000a;border-color:#00000024}:root[data-resolved-theme=light] .sign-modal-link-btn:hover{background:#00000014}
