@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap";:root{--html-bg-color:#ededfd;--bg-color:#ededfd;--tile-bg-color:#ccc;--ui-bg-color:#fff;--text-color:#222;--text-color-a:#0014fe;--text-bg-color:#fff;--text-bg-color-a:#fff;--alpha-zero:transparent;--box-radius:10px;--content-radius:0px}html.dark{--html-bg-color:#222;--bg-color:#222;--tile-bg-color:#3c3c3c;--ui-bg-color:#333;--text-color:#eee;--text-color-a:#d2d2ff;--text-bg-color:#20202c;--text-bg-color-a:#20202c}code{font-family:Noto Sans Mono,monospace;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;list-style:110%;color:brown}blockquote{color:var(--text-color);padding-left:1rem;margin:1rem}html{font-size:16px;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto;letter-spacing:.05rch;scroll-behavior:smooth}body{box-sizing:border-box;width:100svw;overflow-x:hidden;margin:0;padding:0;position:relative;display:block;background-color:var(--bg-color)}img{width:80svw;height:auto}.border{width:2000px;height:2px;background-color:var(--text-color);margin:20px 0}.nav-center{display:flex;flex-direction:column;row-gap:5px}a:hover{color:#fff;background-color:#0014fe}a,a:hover{display:inline}a{font-size:1rem;color:var(--text-color-a);text-decoration:none;font-weight:360}ul{padding-left:20px}p{font-weight:360}h1{font-size:1.8rem;line-height:100%;font-weight:480}h2{font-weight:420}h2,h3{font-size:1.5rem}h3{line-height:100%;font-weight:360}.bottom{display:block;width:100%;height:120px}iframe{max-width:80svw}.spacing{display:flex;flex-direction:column;gap:1rem}.space{height:20px}.box{display:inline-block;background-color:var(--bg-color);padding:20px;margin:40px 10%;max-width:700px}.box,.ui-box{border-radius:var(--box-radius)}.ui-box{display:block;background-color:var(--ui-bg-color);padding:10px}.content-box{display:block;background-color:var(--bg-color);padding:20px;max-width:1000px;width:90%;min-height:60svh;overflow-x:hidden;word-break:break-all;border-radius:var(--content-radius);margin:54px 0 32px}.content-box h1{font-size:1.8rem}.content-box h2>a{font-size:1.5rem}.content-box h3{font-size:1.2rem}.article-box,.event-box{display:block;background-color:var(--bg-color);padding:20px;max-width:800px;overflow-x:hidden;width:90%}.article>p,li,ul{line-height:1.7rem;font-weight:350}.article>h1{font-weight:480}td,th{border:1px solid;padding:10px}table{border-collapse:collapse}.page{width:100%;height:100svh;position:relative;display:block}.center-hori{justify-items:center}.center-vert{align-content:center}h1,h2,h3,li,p{color:var(--text-color)}.menu{position:fixed;top:16px;right:5%;z-index:3}@media(max-width:760px){html{font-size:16px;background-color:var(--html-bg-color);font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto}.ui-box{display:inline-block;background-color:var(--ui-bg-color);border-radius:var(--box-radius)}.content-box{display:block;background-color:var(--bg-color);padding:20px;overflow-x:hidden;width:90%;margin:54px 0 0}.article-box,.event-box{display:block;background-color:var(--bg-color);overflow-x:hidden;width:100%}.menu{position:fixed;top:16px;right:0;margin-right:10px;z-index:3}}.notion-bookmark-card{margin:12px 0;width:600px;max-width:90%}.notion-bookmark-card-link{display:flex;text-decoration:none;color:var(--text-color);border:1px solid hsla(0,0%,50%,.2);border-radius:6px;overflow:hidden;background-color:var(--ui-bg-color);min-height:85px;transition:background-color .15s ease,border-color .15s ease}.notion-bookmark-card-link:hover{border-color:#80808066}.notion-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.9em;color:var(--text-color)}.notion-table td,.notion-table th{border:1px solid hsla(0,0%,50%,.25);padding:8px 12px;text-align:left}.notion-table th{background-color:var(--ui-bg-color);color:var(--text-color);font-weight:600}.notion-table td{background-color:var(--bg-color);color:var(--text-color)}.show-right{align-items:flex-end;justify-content:flex-end}.show-left{align-items:flex-start}.center,.center-{align-items:center}.center,.center-,.center--{justify-content:center}.flex-vert{display:flex;flex-direction:column}.flex-hori{display:flex;flex-direction:row}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}.relative{position:relative}.block{display:block}.slider{width:-moz-fit-content;width:fit-content}.cutoff-slider{width:7rem}.pitch-slider{width:6rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;border-radius:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:10px;background-color:#cd5c5c;border-radius:5px}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:#fff;border-radius:4px;font-size:2rem;cursor:pointer}.container{border-color:#000;background-color:wheat;width:38svw;max-width:260px;height:-moz-fit-content;height:fit-content}.container,.larger-container{display:block;padding:15px;border-radius:20px}.larger-container{background-color:#faebd7;width:90svw;max-width:600px;overflow-x:hidden}@media(max-width:760px){.container{border-color:#000;background-color:wheat;width:35svw;height:-moz-fit-content;height:fit-content}.container,.larger-container{display:block;padding:15px;border-radius:20px}.larger-container{background-color:#faebd7;width:85svw;overflow-x:hidden}}