:root{--pastel-pink: #f4a5b8;--pastel-purple: #c9a8d4;--pastel-orange: #f5c28a;--pastel-blue: #a8c8e8;--pastel-green: #a8e8a8}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#28232d;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}a{cursor:pointer}.object{font-family:Fira Code,monospace;font-size:1rem;line-height:2.2;max-width:100%;margin:0;padding:2rem}.line{text-indent:3rem}.inline{text-indent:5rem}.key{color:var(--pastel-pink)}.value{color:var(--pastel-orange)}.value.overflow{display:block;margin-top:8px;padding:12px;background:#ffffff08;border-radius:8px;max-height:80px;overflow-y:auto;position:relative}a.value{color:var(--pastel-blue);text-decoration:none;transition:color .2s ease}a.value:hover{color:var(--pastel-green)}.bracket{color:#fff}.show-more{color:var(--pastel-purple);cursor:pointer;transition:color .2s ease}.show-more:hover{color:var(--pastel-pink)}.cursor{color:var(--pastel-blue);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.coi-container{display:flex;font-family:Fira Code,Consolas,Monaco,monospace;font-size:1rem;line-height:2;background:var(--coi-bg, rgba(40, 35, 45, 1));overflow:hidden;min-height:100vh;width:100%;outline:none}.coi-container:focus-visible{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d,0 0 0 2px var(--coi-highlight-border, rgba(168, 200, 232, .4))}.coi-gutter{display:flex;flex-direction:column;background:var(--coi-gutter-bg, rgba(30, 26, 33, .9));padding-top:24px;padding-bottom:24px;border-right:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none;min-width:56px}.coi-line-number{display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:2rem;color:var(--coi-line-number, rgba(255, 255, 255, .3));font-size:.85rem;font-variant-numeric:tabular-nums;transition:color .15s ease}.coi-line-number.highlighted{color:var(--coi-line-number-highlight, var(--pastel-blue))}.coi-content{flex:1;padding:24px 32px;overflow-x:auto;overflow-y:auto}.coi-declaration{height:2rem;display:flex;align-items:center}.coi-tree{position:relative}.coi-semicolon{height:2rem;display:flex;align-items:center}.coi-keyword{color:var(--coi-keyword, var(--pastel-purple));font-style:italic;padding-right:8px}.coi-variable{color:var(--coi-key, var(--pastel-pink));padding-right:8px}.coi-key{color:var(--coi-key, var(--pastel-pink))}.coi-punctuation{color:var(--coi-punctuation, rgba(255, 255, 255, .8))}.coi-bracket{color:var(--coi-punctuation, rgba(255, 255, 255, .8));font-weight:500}.coi-value.coi-string{color:var(--coi-string, var(--pastel-orange))}.coi-value.coi-number,.coi-value.coi-bigint{color:var(--coi-number, var(--pastel-green))}.coi-value.coi-boolean{color:var(--coi-boolean, var(--pastel-purple))}.coi-value.coi-null,.coi-value.coi-undefined{color:var(--coi-nullish, rgba(255, 255, 255, .5));font-style:italic}.coi-value.coi-function,.coi-value.coi-symbol{color:var(--coi-keyword, var(--pastel-purple));font-style:italic}.coi-value.coi-date{color:var(--coi-string, var(--pastel-orange))}.coi-value.coi-collapsed{color:#fff9;font-style:italic}a.coi-link{text-decoration:none;cursor:pointer;transition:color .2s ease}a.coi-link:hover{color:var(--pastel-green, #a8e6cf)!important}.coi-node{position:relative;display:flex;align-items:center;height:2rem;cursor:pointer;border-radius:4px;margin:0 -8px;padding-right:8px}.coi-children{overflow:hidden}.coi-closing-bracket{display:flex;align-items:center;height:2rem;padding-right:8px}.coi-highlight-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--coi-highlight-bg, rgba(168, 200, 232, .08));border-radius:4px;pointer-events:none;z-index:0}.coi-node.highlighted{background:transparent}.coi-node.highlighted:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-left:2px solid var(--coi-highlight-border, rgba(168, 200, 232, .4));border-radius:4px;pointer-events:none}.coi-node>*:not(.coi-highlight-bg){position:relative;z-index:1}.coi-expand-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:.75rem;padding:0;flex-shrink:0;transition:color .15s ease}.coi-expand-toggle:hover{color:#ffffffe6}.coi-expand-toggle:focus-visible{outline:2px solid var(--coi-highlight-border, rgba(168, 200, 232, .4));outline-offset:2px;border-radius:4px}.coi-toggle-spacer{width:20px;height:20px;margin-right:4px;flex-shrink:0}.coi-child-count{margin-left:8px;padding:2px 8px;font-size:.75rem;color:#fff6;font-style:normal}.coi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.coi-container{border:2px solid currentColor}.coi-node.highlighted:before{border-left-width:3px;border-left-color:currentColor}.coi-expand-toggle{color:currentColor}}@media (prefers-reduced-motion: reduce){.coi-container,.coi-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 640px){.coi-container{font-size:.85rem;border-radius:8px}.coi-gutter{min-width:40px}.coi-line-number{padding:0 8px;font-size:.75rem}.coi-content{padding:12px 16px}.coi-node{padding-left:16px!important}}.coi-content::-webkit-scrollbar{height:8px}.coi-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.coi-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.coi-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}