*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-gradient);min-height:100vh;padding:20px;color:var(--text-primary)}.container{max-width:1200px;margin:0 auto}h1{color:var(--text-hero);text-align:center;margin-bottom:30px;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.nav-links{text-align:center;margin-bottom:30px}.nav-links a{display:inline-block;padding:10px 20px;text-decoration:none;border-radius:25px;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit;color:var(--text-hero);margin:0 15px;background:var(--nav-bg)}.nav-links a:hover{transform:translateY(-2px)}.nav-links a:hover{background:var(--nav-bg-hover)}.json-viewer{background:var(--bg-primary);border-radius:12px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.3);overflow-x:auto;border:1px solid var(--border-color);height:1042px;overflow-y:auto}.json-content{font-family:"Consolas","Monaco","Courier New",monospace;font-size:14px;line-height:1.6}.json-key{font-weight:600;transition:all .3s ease}.json-string{color:var(--string-color)}.json-number{color:var(--number-color)}.json-boolean{color:var(--boolean-color)}.json-null{color:var(--null-color);font-style:italic}.json-url{color:var(--url-color) !important;text-decoration:underline;cursor:pointer}.json-url:hover{color:var(--accent-color) !important}.json-object,.json-array{margin-left:20px;position:relative}.json-object::before,.json-array::before{content:"";position:absolute;left:calc(-20px/2);top:0;bottom:0;width:1px;background:var(--border-color, rgba(255, 255, 255, 0.1))}.bracket{color:var(--type-color);font-weight:700}.comma{color:var(--text-secondary)}@media(max-width: 767px){body{padding:10px}h1{font-size:2em}.json-viewer{padding:15px}}