@font-face{font-family:'Source Han Sans SC';font-style:normal;font-weight:400 600;font-display:swap;src:url(/wp-content/themes/kinnoukabokudo-theme/SourceHanSans-VF.otf.ttc) format('truetype-collection')}:root{--max-width:1200px;--border-radius:12px;--font-mono:ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
    'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
    'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;--foreground-rgb:0, 0, 0;--background-start-rgb:234, 239, 240;--background-end-rgb:255, 255, 255;--primary-glow:conic-gradient(
    from 180deg at 50% 50%,
    #16abff33 0deg,
    #0885ff33 55deg,
    #54d6ff33 120deg,
    #0071ff33 160deg,
    transparent 360deg
  );--secondary-glow:radial-gradient(
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );--tile-start-rgb:239, 245, 249;--tile-end-rgb:228, 232, 233;--tile-border:conic-gradient(
    #00000080,
    #00000040,
    #00000030,
    #00000020,
    #00000010,
    #00000010,
    #00000080
  );--callout-rgb:238, 240, 241;--callout-border-rgb:172, 175, 176;--card-rgb:180, 185, 188;--card-border-rgb:131, 134, 135}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255, 255, 255;--background-start-rgb:0, 0, 0;--background-end-rgb:0, 0, 0;--primary-glow:radial-gradient(
      rgba(1, 65, 255, 0.4),
      rgba(1, 65, 255, 0)
    );--secondary-glow:linear-gradient(
      to bottom right,
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0.3)
    );--tile-start-rgb:2, 13, 46;--tile-end-rgb:2, 5, 19;--tile-border:conic-gradient(
      #ffffff80,
      #ffffff40,
      #ffffff30,
      #ffffff20,
      #ffffff10,
      #ffffff10,
      #ffffff80
    );--callout-rgb:20, 20, 20;--callout-border-rgb:108, 108, 108;--card-rgb:100, 100, 100;--card-border-rgb:200, 200, 200}html{color-scheme:dark}}*{font-family:'Source Han Sans SC','PingFang SC','Noto Sans SC',sans-serif!important;box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}.header{display:inherit;justify-content:inherit;align-items:inherit}.header p{position:relative;opacity:.5;font-size:1rem;padding:.5rem .75rem;;background-color:rgba(var(--callout-rgb),.5);border:1px solid rgba(var(--callout-border-rgb),.5);border-radius:var(--border-radius)}.footer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;max-width:var(--max-width);width:100%}.footer p{opacity:.5;font-size:.6rem;line-height:1rem}.main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem;min-height:100vh}.description{display:flex;justify-content:space-between;align-items:center;flex-direction:row;max-width:var(--max-width);width:100%}.center{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding:8rem 0 8rem}.center h2{font-weight:500}.center::before{background:var(--secondary-glow);border-radius:50%;width:480px;height:180px;margin-left:-200px;z-index:-1}.center::after{background:var(--primary-glow);width:240px;height:180px;z-index:-1}.center::before,.center::after{content:'';left:50%;position:absolute;filter:blur(50px);transform:translateZ(0)}.grid{display:grid;grid-template-columns:repeat(4,minmax(25%,auto));width:var(--max-width);max-width:100%}.card{padding:1rem;border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),0);transition:background 200ms,border 200ms}.card span{display:inline-block;transition:transform 200ms}.card h2{font-size:1.5em;font-weight:500;margin-bottom:.5rem}.card p{opacity:.5;font-size:1rem;line-height:1.6;max-width:30ch}.card a{text-decoration:underline!important;text-underline-offset:.25rem}.content{display:flex;flex-direction:column;justify-content:center;position:relative;padding-bottom:2rem;max-width:var(--max-width);width:100%}.content a{text-decoration:underline!important;text-underline-offset:.25rem}.content p{font-size:1rem;line-height:1.6;padding-bottom:1rem}.content p em:only-child{display:block;text-align:center;font-size:1rem;opacity:.5}.content pre{overflow-x:auto;font-size:1rem;line-height:1.6;padding-bottom:1rem}.content li{font-size:1rem;line-height:1.6;padding-bottom:1rem}.content li li{font-size:1rem;line-height:1.6;padding-bottom:0rem}.content li h6{font-size:1rem;line-height:1.6;padding-bottom:0rem}.content h1{font-size:1.5em;font-weight:500;padding-top:2rem;padding-bottom:1rem}.content h2{font-size:1.5em;font-weight:500;padding-top:2rem;padding-bottom:1rem}.content h3{padding-bottom:1rem}.content h4{padding-bottom:1rem}.content h5{padding-bottom:1rem}.content h6{font-size:1rem;line-height:1.6;padding-bottom:1rem}.content figure{padding-bottom:1rem}.content figure figure{padding-bottom:0rem!important}.content figure figcaption{margin-top:0rem;text-align:center}.content img{max-width:100%;height:auto;display:block}.content p img,.content figure img,.content picture img{display:block;margin-left:auto;margin-right:auto}.content-date{font-size:1rem;line-height:1.6;padding-bottom:1rem;text-align:right}.content::before{background:var(--secondary-glow);border-radius:50%;width:480px;height:180px;margin-left:-200px;z-index:-1}.content::after{background:var(--primary-glow);width:240px;height:180px;z-index:-1}.content::before,.content::after{content:'';left:50%;position:absolute;filter:blur(50px);transform:translateZ(0)}@media (hover:hover) and (pointer:fine){.card:hover{background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),.15)}.card:hover span{transform:translateX(4px)}}@media (prefers-reduced-motion){.card:hover span{transform:none}}@media (max-width:800px){.grid{grid-template-columns:1fr;width:var(--max-width);max-width:100%}.card{padding:1rem 0rem;max-width:100%}.card p{max-width:100%}}@media (min-width:801px) and (max-width:1000px){.grid{grid-template-columns:repeat(2,50%)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}