*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0b1020;min-height:100vh;margin:0;font-family:Black Ops One,sans-serif;position:relative}body:before{content:"";clip-path:polygon(0 0,100% 0,80% 5%,100% 10%,80% 15%,100% 20%,80% 25%,100% 30%,80% 35%,100% 40%,80% 45%,100% 50%,80% 55%,100% 60%,80% 65%,100% 70%,80% 75%,100% 80%,80% 85%,100% 90%,80% 95%,100% 100%,0 100%);z-index:-1;background:#13224d;width:90px;height:100vh;position:fixed;top:0;left:0}body:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 100%,20% 95%,0 90%,20% 85%,0 80%,20% 75%,0 70%,20% 65%,0 60%,20% 55%,0 50%,20% 45%,0 40%,20% 35%,0 30%,20% 25%,0 20%,20% 15%,0 10%,20% 5%);z-index:-1;background:#13224d;width:90px;height:100vh;position:fixed;top:0;right:0}#app{text-align:center;max-width:900px;margin:0 auto;padding:40px}h1{margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:3rem}img,video,iframe{border-radius:12px;width:100%;max-width:800px;margin:2rem auto;display:block}iframe{aspect-ratio:16/9;border:none}p{font-size:1.1rem;line-height:1.7}@media (width<=600px){body:before,body:after{display:none}h1{font-size:2rem}#app{padding:20px}}.notes{text-align:left;margin-top:3rem}.notes-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.notes h2{font-family:Orbitron,sans-serif}.notes button{color:#fff;cursor:pointer;background:#13224d;border:none;border-radius:6px;padding:.5rem 1rem}.notes textarea{resize:vertical;color:#fff;width:100%;min-height:250px;font:inherit;background:#18284f;border:none;border-radius:8px;padding:1rem}#preview{background:#18284f;border-radius:8px;min-height:250px;padding:1rem;line-height:1.6}#preview h1,#preview h2,#preview h3{margin:1rem 0 .5rem}#preview p{margin-bottom:1rem}#preview ul,#preview ol{margin-bottom:1rem;padding-left:1.5rem}#preview code{background:#ffffff26;border-radius:4px;padding:2px 5px}.hidden{display:none}