.oklb{--paper: #FBFBF8;--paper-2: #F4F4EF;--ink: #1E1E1C;--ink-soft: #6F6E68;--hair: #E3E1D9;--coral: #E0604A;--coral-deep: #C5482F;--coral-wash: #F8E9E4;background:var(--paper-2);color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1.6;padding:30px 22px 44px;border-radius:10px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(30,30,28,.022) .5px,transparent .5px),radial-gradient(rgba(30,30,28,.014) .5px,transparent .5px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}.oklb *{box-sizing:border-box}.oklb .wrap{max-width:680px;margin:0 auto}.oklb .head{text-align:center;margin-bottom:14px}.oklb .seal{width:48px;height:48px;margin:0 auto 14px;display:block}.oklb h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:40px;line-height:1.05;letter-spacing:0;margin:0 0 8px;color:var(--ink)}.oklb h1 .jp{font-family:ShipporiKane,serif;color:var(--coral-deep);font-size:34px}.oklb .sub{color:var(--ink-soft);font-size:13px;max-width:46ch;margin:0 auto;line-height:1.55}.oklb .rule{height:1px;background:var(--hair);margin:28px 0;border:none}.oklb .rule.coral{background:var(--coral);opacity:.5}.oklb h2{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-deep);margin:0 0 6px;display:flex;align-items:center;gap:8px}.oklb h2:before{content:"";width:7px;height:7px;border-radius:50% 40% 55% 45%;background:var(--coral);flex-shrink:0}.oklb .lede{color:var(--ink-soft);font-size:13px;margin-bottom:20px;line-height:1.6}.oklb .btn88{width:88px;height:31px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;overflow:hidden;flex-shrink:0}.oklb .v1{background:#fbfbf8;border:2px outset #E0604A;color:#1e1e1c}.oklb .v1 .stamp{font-family:ShipporiKane,serif;font-weight:700;font-size:20px;color:#fbfbf8;background:#c5482f;width:23px;height:23px;display:flex;align-items:center;justify-content:center;margin-right:5px;flex-shrink:0;line-height:1}.oklb .v1 .wm{font-weight:600;font-size:10px;line-height:1.05;letter-spacing:.02em;text-align:left}.oklb .v2{background:#1e1e1c;border:2px inset #6F6E68;color:#e0604a}.oklb .v2 .stamp{font-family:ShipporiKane,serif;font-weight:700;font-size:20px;color:#1e1e1c;background:#e0604a;width:23px;height:23px;display:flex;align-items:center;justify-content:center;margin-right:5px;flex-shrink:0;line-height:1}.oklb .v2 .wm{font-weight:600;font-size:10px;line-height:1.05;letter-spacing:.02em;text-align:left;color:#fbfbf8}.oklb .v3{background:#e0604a;border:2px outset #F8E9E4;color:#fbfbf8;gap:4px}.oklb .v3 .wm{font-weight:600;font-size:10px;line-height:1.05;letter-spacing:.04em;text-align:center}.oklb .v3 .blink{color:#1e1e1c;font-weight:700;animation:oklb-blink 1.1s steps(1) infinite}.oklb .v4{background:#fbfbf8;border:2px ridge #1E1E1C;color:#1e1e1c;flex-direction:column;gap:1px;line-height:1.05;text-align:center}.oklb .v4 .l1{font-weight:600;font-size:8.5px;letter-spacing:.01em;white-space:nowrap}.oklb .v4 .l2{font-weight:600;font-size:7px;letter-spacing:.02em;white-space:nowrap}.oklb .v4 b{color:#c5482f}@keyframes oklb-blink{50%{opacity:0}}.oklb .badge{width:88px;height:31px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:600;font-size:8.5px;letter-spacing:.04em;text-align:center;line-height:1.05;overflow:hidden;flex-shrink:0}.oklb .bd1{background:#1e1e1c;color:#fbfbf8;border:2px inset #6F6E68}.oklb .bd1 .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:oklb-blink 1.3s steps(1) infinite;flex-shrink:0}.oklb .bd2{background:#fbfbf8;color:#1e1e1c;border:2px outset #C5482F}.oklb .bd2 b{color:#c5482f}.oklb .block{background:var(--paper);border:1px solid var(--hair);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.oklb .block .left{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.oklb .block .cap{font-size:10px;color:var(--ink-soft);letter-spacing:.05em}.oklb .block .right{flex:1;min-width:240px}.oklb .codewrap{position:relative}.oklb pre{background:#1a1a18;color:#cfcdc4;border-radius:6px;padding:12px 13px;font-size:11px;line-height:1.65;overflow-x:auto;white-space:pre;margin:0;font-family:IBM Plex Mono,monospace}.oklb pre .tag{color:#86857e}.oklb pre .att{color:#e0604a}.oklb .copy{position:absolute;top:8px;right:8px;font-family:IBM Plex Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fbfbf8;background:#c5482f;border:none;border-radius:4px;padding:5px 9px;cursor:pointer}.oklb .copy:hover{background:#e0604a}.oklb .copy.done{background:#3a7a4a}.oklb .grid{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:8px}.oklb .gcell{display:flex;flex-direction:column;align-items:center;gap:7px}.oklb .ring{background:var(--paper);border:1px solid var(--hair);border-radius:8px;padding:18px}.oklb .ring .nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap;font-size:12px}.oklb .ring .nav a{color:var(--coral-deep);text-decoration:none;border:2px outset var(--coral);padding:3px 9px;background:var(--paper)}.oklb .ring ul{list-style:none;margin:12px 0 0;padding:0;font-size:12px}.oklb .ring li{padding:4px 0 4px 18px;position:relative}.oklb .ring li:before{content:"♥";position:absolute;left:0;color:var(--coral)}.oklb .ring a.site{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral)}.oklb .foot{text-align:center;color:var(--ink-soft);font-size:11px;margin-top:34px;line-height:1.7}.oklb .foot .jp{font-family:ShipporiKane,serif;color:var(--coral-deep)}.oklb a.home{color:var(--coral-deep);text-decoration:none}@media(prefers-reduced-motion:reduce){.oklb .v3 .blink,.oklb .bd1 .dot{animation:none!important}}#XF[data-okane-scheme=dark] .oklb,:root[data-color-scheme=dark] .oklb{--paper: #26261f;--paper-2: #1c1c18;--ink: #ECEAE2;--ink-soft: #9c9a90;--hair: #38382f;--coral-deep: #E8705C;background-image:radial-gradient(rgba(255,253,245,.025) .5px,transparent .5px),radial-gradient(rgba(255,253,245,.016) .5px,transparent .5px)}#XF[data-okane-scheme=dark] .oklb .ring p[style],:root[data-color-scheme=dark] .oklb .ring p[style]{color:var(--ink-soft)!important}#XF[data-okane-scheme=dark] .oklb .ring .nav .jp[style],:root[data-color-scheme=dark] .oklb .ring .nav .jp[style]{color:var(--coral-deep)!important}
