@import"https://fonts.googleapis.com/css2?family=Aldrich&family=Noto+Sans+JP:wght@100;300;400&display=swap";:where(*,:before,:after){background-repeat:no-repeat;box-sizing:border-box;line-height:1;margin:0;padding:0}:where(h1,h2,h3,h4,h5,h6){font-size:1em;font-weight:400}:where(ul){list-style:none}:where(a){color:inherit;text-decoration:none}:where(img){display:block;max-width:100%}:where(input,textarea,dialog){border:0;outline:0}:where(input:focus,textarea:focus,dialog):focus{outline:none}:where(a,button){cursor:pointer}:root{--bg-color:#f4f5f0;--fg-color:#323b07;--btn-1st-bg-color:#f0f046;--btn-1st-fg-color:#323b07;--base-font-family:"Aldrich","Noto Sans JP",sans-serif;--max-container-inline-size:1200px;--outer-padding-x:24px;font-size:14px;overflow-x:hidden;overflow-y:scroll}body{background-color:var(--bg-color);color:var(--fg-color);font-family:var(--base-font-family)}dialog:not([open]){display:none}dialog[open]{display:block}.input{font-size:1.2em;padding:8px}select{background-color:var(--btn-1st-bg-color);border:1px solid var(--btn-1st-fg-color);border-radius:12px;color:var(--btn-1st-fg-color);padding:12px 16px}.app{display:grid;gap:80px;margin:0 auto;max-width:var(--max-container-inline-size);padding:0 var(--outer-padding-x)}.btn{background-color:var(--btn-1st-bg-color);border:1px solid var(--btn-1st-fg-color);border-radius:12px;box-shadow:0 2px 0 0 var(--btn-1st-fg-color);color:var(--btn-1st-fg-color);padding:24px 32px}.dialog{align-content:stretch;display:grid;inset:50% auto auto 50%;justify-content:stretch;max-width:600px;transform:translate(-50%,-50%);width:100%}.dialog::backgdrop{backdrop-filter:saturate(100%) blur(20px);-webkit-backdrop-filter:saturate(100%) blur(20px)}.dialog-inner{background-color:var(--bg-color);display:grid;gap:24px;padding:48px}.dialog .buttons{display:grid;gap:24px;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,1fr)}.global-footer{padding:40px 0;text-align:center}.global-header{background-color:var(--bg-color);inset:0 0 auto;margin-left:calc(var(--outer-padding-x)*-1);margin-right:calc(var(--outer-padding-x)*-1);position:sticky;z-index:100}.global-header--inner{align-items:center;display:flex;justify-content:space-between;max-width:var(--max-container-inline-size);padding:24px var(--outer-padding-x)}.logo{font-size:2em}.main{min-height:100svh}.read{-webkit-font-smooth:subpixel-antialiased}.workspace{display:grid;gap:80px}.workspace--header{align-items:center;display:grid;gap:24px;grid-auto-flow:column;grid-template-columns:1fr}.workspace--header h1{font-size:2em}.workspace--header i{margin-right:8px}.workspace .display-mode{cursor:pointer}.workspace .label{color:#cfa97e}.workspace .desc{opacity:.6}.workspace .active{position:relative}.workspace .active span:after{background-color:#7ecfc2;content:"";height:2px;left:0;position:absolute;right:0;top:calc(100% + 4px)}