:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400}.top-menu{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.top-menu ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:2rem}.top-menu a{color:#2c3e50;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s,color .2s}.top-menu a:hover,.top-menu a.active{background-color:#2c3e50;color:#fff}@media (max-width: 768px){.top-menu ul{flex-direction:column;align-items:center;gap:1rem}.top-menu a{display:block;width:100%;text-align:center}}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0}#app{width:90%;max-width:1200px;margin:2rem auto;height:80vh;display:flex;flex-direction:column}.content-box{display:flex;gap:2rem;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1;overflow:auto}#main-content{flex:1;text-align:left;position:relative;overflow:auto}@keyframes overflow-shadow-animation{0%{background-size:100% 0,100% 1em}10%{background-size:100% 1em,100% 1em}90%{background-size:100% 1em,100% 1em}to{background-size:100% 1em,100% 0}}@supports (animation-timeline: scroll()){#main-content,#graphql-query{background-image:linear-gradient(lightgray,transparent),linear-gradient(transparent,#d3d3d3);background-position:top,bottom;background-repeat:no-repeat;background-size:0;scroll-timeline:--overflow-shadow-timeline y;animation-name:overflow-shadow-animation;animation-timeline:--overflow-shadow-timeline}}#main-content.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;justify-content:center;align-items:center}#main-content.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid #f3f3f3;border-top:4px solid #2c3e50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#main-content h1,#main-content h2,#main-content h3,#main-content h4,#main-content h5,#main-content h6{color:#2c3e50}#main-content h1:first-child{margin-top:0}#main-content p{color:#34495e;margin-bottom:1rem}#main-content p.period{font-size:smaller;font-weight:lighter}#main-content p.error{background-color:#f8d7da;padding:.5rem}#main-content p.error span{color:#c0392b;font-weight:700}.company a{color:#000}.query-box{flex:1;text-align:left;display:flex}#graphql-query{width:100%;flex:1;padding:1rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;line-height:1.4;border:1px solid #e0e0e0;border-radius:4px;background-color:#f8f9fa;resize:none;color:#2d3748;white-space:pre;min-height:0}@media (max-width: 768px){#app{height:auto}.content-box{display:block}#graphql-query{height:300px}}