.sri-page{color:#ecfff5;background:#07151b;min-height:100vh}.sri-nav,.sri-hero,.sri-workspace,.sri-snippets,.sri-notes,.sri-footer{width:min(1080px,100% - 40px);margin:0 auto}.sri-nav{border-bottom:1px solid #25454a;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.sri-back,.sri-notes a{color:#7cebc9;font-size:.88rem;font-weight:900}.sri-hero{padding:80px 0 54px}.sri-kicker{color:#7cebc9;font-family:var(--font-dm-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px;font-size:.72rem;font-weight:700}.sri-kicker:before{content:"";background:#b7f75d;border-radius:2px;width:10px;height:10px;margin-right:10px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 18px #b7f75d}.sri-hero h1{letter-spacing:-.078em;max-width:820px;margin:0;font-size:clamp(3.1rem,7.2vw,6.6rem);line-height:.91}.sri-hero>p:last-child{color:#aed0c9;max-width:700px;margin:25px 0 0;font-size:1.06rem;line-height:1.72}.sri-workspace{background:#0d252b;border:1px solid #347077;border-radius:18px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden;box-shadow:12px 12px #70ba9c}.sri-inputs,.sri-results{padding:38px}.sri-inputs h2,.sri-results h2{letter-spacing:-.065em;max-width:480px;margin:0;font-size:clamp(1.9rem,4vw,3.15rem);line-height:.98}.sri-picker{background:#06171d;border:1px dashed #4d8890;border-radius:10px;margin-top:27px;padding:17px;display:block}.sri-picker span,.sri-picker strong{display:block}.sri-picker span{margin-bottom:10px;font-size:.83rem;font-weight:900}.sri-picker input{color:#aee8d4;width:100%;font:.75rem var(--font-dm-mono), monospace}.sri-picker strong{overflow-wrap:anywhere;color:#b7f75d;font:800 .8rem var(--font-dm-mono), monospace;margin-top:13px}.sri-status,.sri-input-note{color:#aed0c9;font-size:.82rem;line-height:1.6}.sri-status{color:#d8f6e8;margin:18px 0 0}.sri-input-note{margin:14px 0 0}.sri-results{background:#123a3f}.sri-results .sri-kicker{color:#d8f7b2}.sri-hashes{gap:9px;margin-top:27px;display:grid}.sri-hash{background:#04121673;border:1px solid #467b7d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.sri-hash strong,.sri-hash code{display:block}.sri-hash strong{color:#b7f75d;font:800 .72rem var(--font-dm-mono), monospace}.sri-hash code{overflow-wrap:anywhere;color:#d9f4e9;font:.67rem var(--font-dm-mono), monospace;margin-top:7px;line-height:1.5}.sri-hash button,.sri-snippet-list button{cursor:pointer;color:#15230b;background:#b7f75d;border:0;border-radius:6px;font:900 .72rem inherit}.sri-hash button{padding:8px 10px}.sri-hash button:disabled,.sri-snippet-list button:disabled{cursor:not-allowed;opacity:.45}.sri-snippets{grid-template-columns:.85fr 1.15fr;gap:74px;padding:90px 0;display:grid}.sri-snippets h2,.sri-notes h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.sri-snippets>div:first-child>p:last-child{color:#aed0c9;line-height:1.7}.sri-snippet-list{gap:14px;display:grid}.sri-snippet-list label{background:#0b2026;border:1px solid #315b61;border-radius:9px;padding:16px}.sri-snippet-list span,.sri-snippet-list code{display:block}.sri-snippet-list span{color:#a9d4c6;font-size:.79rem;font-weight:900}.sri-snippet-list code{overflow-wrap:anywhere;color:#d7eee6;font:.69rem var(--font-dm-mono), monospace;margin:10px 0 13px;line-height:1.6}.sri-snippet-list button{padding:10px 12px}.sri-notes{grid-template-columns:.86fr 1.14fr;gap:90px;padding:12px 0 90px;display:grid}.sri-notes>div:last-child{color:#aed0c9;line-height:1.74}.sri-notes p{margin:0 0 18px}.sri-notes a{text-underline-offset:3px;text-decoration:underline}.sri-footer{color:#80a9a3;border-top:1px solid #25454a;gap:22px;padding:25px 0 35px;font-size:.78rem;display:flex}.sri-footer span{margin-right:auto}.sri-footer a{color:#aed0c9}@media (width<=760px){.sri-workspace,.sri-snippets,.sri-notes{grid-template-columns:1fr}.sri-inputs,.sri-results{padding:28px}.sri-snippets{gap:30px;padding:58px 0}.sri-notes{gap:32px;padding-bottom:58px}}@media (width<=540px){.sri-nav,.sri-hero,.sri-workspace,.sri-snippets,.sri-notes,.sri-footer{width:min(100% - 28px,1080px)}.sri-hero{padding-top:56px}.sri-hash{grid-template-columns:1fr}.sri-hash button{width:fit-content}.sri-footer{flex-wrap:wrap}.sri-footer span{width:100%}.sri-back{font-size:.78rem}}