:root{--font-size: min(calc(98vw / 30), 14px);&[data-theme=dark]{--back-color: #202020;--select-overlay-color: #404040;--text-color: #f0f0f0;--link-color: #a0f0ff;--border-color: #767676;--rainbow-color: hsl(0, 100%, 85%)}&[data-theme=light]{--back-color: #e8e8e8;--select-overlay-color: #a0a0a0;--text-color: #101010;--link-color: #6040d0;--border-color: #767676;--rainbow-color: hsl(0, 100%, 30%)}}*{margin:0;padding:0}html,select,input,textarea,button{color:var(--text-color);font-size:var(--font-size);font-family:Noto Sans JP;font-optical-sizing:auto;font-weight:300;font-style:normal;line-height:1.6}html,select{background-color:var(--back-color);transition:background-color .2s}body,body>main{overflow:hidden}input,textarea{background:none;border:none}a:where([href],[onclick]){color:var(--link-color)}menu{list-style-type:none}hr{border:none}input[type=number]{appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none}}button{color:var(--text-color);background:none;border:1px solid var(--border-color);border-radius:.2lh;padding:0 1em .1lh;user-select:none}button,[role=button]{cursor:pointer;&:hover{filter:brightness(1.3)}&:active{filter:brightness(1)}}:where(span,a):has(>img){display:inline-flex;align-items:center}:where(p,li):has(>img){display:flex;align-items:center}.partition{flex-grow:1}.scroll{scrollbar-color:var(--border-color) transparent;scrollbar-gutter:stable;scrollbar-width:thin;&.y{overflow-y:auto}&.x{overflow-x:auto}&:not(.x,.y){overflow:auto}:root[data-will-change=on] &{will-change:scroll-position}}.auto-sizing{height:0;resize:none;scrollbar-width:none}.help{display:inline-block;content:url(/image/question_line.svg);width:20px;height:20px}[hidden]{display:none!important}em{font-style:normal;text-emphasis:filled}large{font-size:larger}rainbow{color:transparent;font-weight:500;background-image:linear-gradient(to right in hsl longer hue,var(--rainbow-color),var(--rainbow-color));background-clip:text;background-size:200%;animation:moving-back linear 12s infinite}dialog{--edit-gap: 4px;top:50%;left:50%;translate:-50% -50%;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);background-color:var(--back-color);>*{padding:calc(var(--edit-gap) * 2)}}body{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,0);box-sizing:border-box;>main{flex-grow:1;view-transition-name:main}}#help{min-width:30rem}@keyframes moving-back{0%{background-position-x:0}to{background-position-x:200%}}