:root{--bg:#eef3f9;--text:#2a3a5c;--text-h:#1a2744;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,p{margin:0}.page{box-sizing:border-box;background:radial-gradient(80% 50% at 10% 0,#74b4e738,#0000 55%),radial-gradient(70% 45% at 90% 5%,#9d78dd2e,#0000 50%),linear-gradient(#eef3f9 0%,#f7f4ef 45%,#f3efe8 100%);justify-content:center;align-items:flex-start;min-height:100svh;padding:32px 20px 48px;display:flex}.sheet{background:#fff;border-radius:28px;width:min(1080px,100%);padding:36px 32px 28px;animation:.7s cubic-bezier(.22,1,.36,1) both sheet-in;position:relative;overflow:hidden;box-shadow:0 24px 60px #2334591f,0 2px 8px #2334590f}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.sheet-header{text-align:center;margin-bottom:8px;padding:8px 0 28px;position:relative}.deco{pointer-events:none;position:absolute}.deco-left{width:90px;height:90px;top:4px;left:8px}.deco-left .dot{background:#f6c945;border-radius:50%;position:absolute}.deco-left .dot.yellow{width:14px;height:14px;top:10px;left:18px}.deco-left .dot.small{opacity:.85;width:9px;height:9px;top:28px;left:40px}.deco-left .dot.tiny{opacity:.7;width:6px;height:6px;top:14px;left:48px}.grid-dots{opacity:.55;background-image:radial-gradient(#f6c945 1.4px,#0000 1.5px);background-size:10px 10px;width:54px;height:36px;position:absolute;inset:36px 0 0 8px}.deco-right{top:-6px;right:4px}.blob{color:#fff;background:linear-gradient(145deg,#7eb6ef 0%,#5a9fe0 100%);border-radius:42% 58% 48% 52%/52% 40% 60% 48%;place-items:center;width:88px;height:72px;animation:4.5s ease-in-out infinite blob-float;display:grid;box-shadow:0 10px 24px #5a9fe059}@keyframes blob-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.title{letter-spacing:-.03em;color:#1a2744;margin:0;font-family:Outfit,Segoe UI,sans-serif;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:1.1}.brace{color:#f6c945;font-weight:900}.brand{color:#1a2744}.subtitle-wrap{background:linear-gradient(90deg,#f7f8fc,#eef4fb 50%,#f7f8fc);border:1px solid #e4e9f2;border-radius:999px;align-items:center;gap:12px;margin-top:14px;padding:8px 18px;animation:.8s cubic-bezier(.22,1,.36,1) .15s both subtitle-in;display:inline-flex}@keyframes subtitle-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.subtitle{color:#2a3a5c;white-space:nowrap;margin:0;font-family:Outfit,Segoe UI,sans-serif;font-size:clamp(.95rem,2vw,1.15rem);font-weight:600}.pill-dots{gap:5px;display:inline-flex}.pill-dots i{border-radius:50%;width:7px;height:7px;display:block}.pill-dots .pink{background:#f4689e}.pill-dots .blue{background:#74b4e7}.pill-dots .purple{background:#9d78dd}.table-wrap{background:#fff;border:1.5px solid #e6ebf3;border-radius:18px;overflow:hidden}.table-head{grid-template-columns:1.1fr 1.55fr 1.45fr 1.2fr;display:grid}.col-head{letter-spacing:.06em;color:#fff;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-family:Outfit,Segoe UI,sans-serif;font-size:.92rem;font-weight:800;display:flex}.col-head.method{background:#9d78dd}.col-head.syntax{background:#74d286}.col-head.example{background:#74b4e7}.col-head.output{background:#f4689e}.col-icon{background:#ffffff38;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.table-body{flex-direction:column;display:flex}.table-row{border-top:1px solid #eef1f6;grid-template-columns:1.1fr 1.55fr 1.45fr 1.2fr;transition:background .2s;animation:.45s cubic-bezier(.22,1,.36,1) both row-in;display:grid}.table-row:nth-child(odd){background:#fbfcfe}.table-row:hover{background:#f3f7fd}.table-row:first-child{animation-delay:50ms}.table-row:nth-child(2){animation-delay:70ms}.table-row:nth-child(3){animation-delay:90ms}.table-row:nth-child(4){animation-delay:.11s}.table-row:nth-child(5){animation-delay:.13s}.table-row:nth-child(n+6){animation-delay:.15s}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cell{word-break:break-word;align-items:center;min-height:44px;padding:11px 14px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.84rem;line-height:1.35;display:flex}.cell.method{color:#1a2744;gap:10px;font-family:Outfit,Segoe UI,sans-serif}.cell.method strong{font-size:.95rem;font-weight:700}.method-icon{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 2px 6px #1a274426}.cell.syntax{color:#2f9e4b;font-weight:500}.cell.example{color:#2b78b8;font-weight:500}.cell.output{color:#d6457a;font-weight:500}.dot-token{vertical-align:-.05em;background:#f6c945;border-radius:50%;width:.72em;height:.72em;margin:0 .12em;display:inline-block;box-shadow:0 0 0 1px #d6a82859}.legend{color:#3a3a2a;background:#fff8dc;border:1px solid #f0e4a8;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;width:fit-content;max-width:100%;margin:22px auto 0;padding:12px 22px;font-family:Outfit,Segoe UI,sans-serif;font-size:.9rem;display:flex}.legend strong{color:#2a2a18}.legend-item{align-items:center;gap:8px;display:inline-flex}.legend-rect{background:#f6c945;border:1px solid #e0b520;border-radius:2px;width:16px;height:12px}.legend-circle{background:#f6c945;border:1px solid #e0b520;border-radius:50%;width:12px;height:12px}@media (width<=860px){.page{padding:16px 12px 32px}.sheet{border-radius:20px;padding:24px 14px 18px}.deco-left,.deco-right{display:none}.subtitle-wrap{gap:8px;padding:8px 12px}.subtitle{white-space:normal;text-align:center}.pill-dots,.table-head{display:none}.table-wrap{background:0 0;border:none;overflow:visible}.table-body{gap:12px}.table-row{border:1.5px solid #e6ebf3;border-radius:16px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden;background:#fff!important}.cell{border-top:1px solid #eef1f6;min-height:auto;padding:10px 14px}.cell.method{background:#f7f2ff;border-top:none;padding:12px 14px}.cell.syntax:before,.cell.example:before,.cell.output:before{letter-spacing:.06em;min-width:64px;margin-right:10px;font-family:Outfit,Segoe UI,sans-serif;font-size:.68rem;font-weight:700}.cell.syntax:before{content:"SYNTAX";color:#74d286}.cell.example:before{content:"EXAMPLE";color:#74b4e7}.cell.output:before{content:"OUTPUT";color:#f4689e}.cell.syntax,.cell.example,.cell.output{grid-template-columns:auto 1fr;align-items:baseline;display:grid}}