@import"https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:clip}body{background-color:ivory;padding-top:60px}a,a:hover,a:visited{color:#4169e1}.header-wrapper{position:absolute;top:0;left:0;width:100%}.header{position:relative;height:60px;width:100%}.title-wrapper{position:relative;position:absolute;top:0;left:0;width:100%}.title-wrapper.has-back{left:65px}.logo{position:absolute;top:5px;left:5px;width:105.84px;height:18.6px;z-index:1000}.title{position:absolute;top:21px;left:5px;font-family:"M PLUS 1p";color:silver;z-index:1000;font-size:1rem}.user-menu{font-size:14px;position:relative;display:inline-block;cursor:pointer;position:absolute;top:5px;right:0;margin-right:5px}.user-toggle{padding:8px 12px;background:linear-gradient(to bottom,#fff,#e0e0e0);border-radius:6px;box-shadow:0 2px 4px #0000001a,inset 0 1px #fff9;color:#333;transition:box-shadow .2s ease,background-color .2s ease;cursor:pointer}.dropdown{position:absolute;top:100%;right:0;width:100%;margin-top:3px;padding:0;background-color:#fff;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;list-style:none;display:none;z-index:1000}.dropdown li{text-align:center;padding:5px 10px}.dropdown li:hover{background-color:#f8f8f8}.dropdown li a{white-space:nowrap}.dropdown .dropdown-item{text-decoration:none}.back{position:absolute;top:10px;left:10px}.basic-button{border:none;border-radius:6px;background:linear-gradient(to bottom,#fff9cc,#ffe066);padding:0 12px;height:30px;margin-bottom:10px;font-weight:700;color:#5a4a00;box-shadow:0 2px 4px #0003,inset 0 1px #fff9;position:relative;top:0;transition:top .05s ease,box-shadow .05s ease;cursor:pointer}.basic-button:active{top:2px;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff4d}.basic-button:disabled{background:linear-gradient(to bottom,#ddd,#bbb);color:#888;cursor:not-allowed;box-shadow:none}button.green-button{background:linear-gradient(to bottom,#ccffe6,#00fa9a)}.mark-label{display:inline-block;width:25px;height:25px;padding:2px;margin:1px;border:1px solid #ccc;border-radius:4px;background:linear-gradient(to bottom,#fff,#f0f0f0);box-shadow:0 2px 4px #0000001a,inset 0 1px #fff9;cursor:pointer;transition:all .2s ease}.mark-label:active{box-shadow:inset 0 2px 4px #0003;transform:translateY(1px)}.mark-label.filled{background:#c6efce;border-color:#6aa84f;color:#333}.mark-radio[value=○]:checked+.mark-label{background:linear-gradient(to bottom,gold,#daa520);font-weight:700;border-color:#b8860b;box-shadow:inset 0 2px 4px #0003,0 1px 1px #ffffff4d;color:#fff}.mark-radio[value=×]:checked+.mark-label{background:linear-gradient(to bottom,#4682b4,#36648b);font-weight:700;border-color:#36648b;box-shadow:inset 0 2px 4px #0003,0 1px 1px #ffffff4d;color:#fff}.select-wrapper{position:relative;display:inline-block}.select-wrapper select{width:200px;padding:5px}.select-veil{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:all;z-index:10}.non-interactive{pointer-events:none;opacity:.6}@media screen and (max-width: 768px){.logo{width:74px;height:13px}.title{font-size:.7rem}}